@theseam/ui-common 0.4.28-beta.4 → 0.4.28

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 (230) hide show
  1. package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss +1 -1
  2. package/datatable/datatable/datatable.component.d.ts +9 -61
  3. package/datatable/datatable-menu-bar/datatable-menu-bar.component.d.ts +2 -2
  4. package/datatable/datatable.module.d.ts +20 -29
  5. package/datatable/models/table-column.d.ts +1 -22
  6. package/datatable/public-api.d.ts +0 -14
  7. package/datatable/services/columns-manager.service.d.ts +0 -7
  8. package/datatable/utils/create-action-menu-column.d.ts +1 -1
  9. package/esm2020/breadcrumbs/breadcrumbs/breadcrumbs.component.mjs +2 -2
  10. package/esm2020/datatable/datatable/datatable.component.mjs +31 -240
  11. package/esm2020/datatable/datatable-action-menu/datatable-action-menu.component.mjs +2 -2
  12. package/esm2020/datatable/datatable-column-preferences-button/datatable-column-preferences-button.component.mjs +1 -1
  13. package/esm2020/datatable/datatable-export-button/datatable-export-button.component.mjs +1 -1
  14. package/esm2020/datatable/datatable-menu-bar/datatable-menu-bar.component.mjs +1 -1
  15. package/esm2020/datatable/datatable.module.mjs +7 -49
  16. package/esm2020/datatable/models/table-column.mjs +1 -1
  17. package/esm2020/datatable/public-api.mjs +1 -15
  18. package/esm2020/datatable/services/columns-manager.service.mjs +2 -27
  19. package/esm2020/datatable/utils/create-action-menu-column.mjs +3 -4
  20. package/esm2020/datatable-dynamic/datatable-dynamic-action-menu/datatable-dynamic-action-menu.component.mjs +1 -1
  21. package/esm2020/datatable-dynamic/datatable-dynamic.component.mjs +1 -1
  22. package/esm2020/framework/base-layout/base-layout.component.mjs +4 -14
  23. package/esm2020/framework/base-layout/base-layout.module.mjs +1 -6
  24. package/esm2020/framework/base-layout/directives/base-layout-nav-toggle.directive.mjs +5 -21
  25. package/esm2020/framework/base-layout/index.mjs +1 -2
  26. package/esm2020/framework/public-api.mjs +1 -2
  27. package/esm2020/framework/schema-form-controls/schema-form-submit-split/schema-form-submit-split.component.mjs +2 -2
  28. package/esm2020/framework/side-nav/side-nav-item/side-nav-item.component.mjs +78 -28
  29. package/esm2020/framework/side-nav/side-nav-toggle/side-nav-toggle.component.mjs +5 -12
  30. package/esm2020/framework/side-nav/side-nav-tokens.mjs +5 -1
  31. package/esm2020/framework/side-nav/side-nav-utils.mjs +13 -3
  32. package/esm2020/framework/side-nav/side-nav.component.mjs +52 -119
  33. package/esm2020/framework/side-nav/side-nav.models.mjs +1 -1
  34. package/esm2020/framework/side-nav/side-nav.module.mjs +39 -9
  35. package/esm2020/framework/side-nav/side-nav.service.mjs +1 -1
  36. package/esm2020/framework/top-bar/index.mjs +1 -3
  37. package/esm2020/framework/top-bar/top-bar-item.directive.mjs +4 -10
  38. package/esm2020/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.mjs +4 -6
  39. package/esm2020/framework/top-bar/top-bar.component.mjs +11 -55
  40. package/esm2020/framework/top-bar/top-bar.module.mjs +5 -15
  41. package/esm2020/google-maps/google-maps-places-autocomplete/google-maps-places-autocomplete.component.mjs +3 -3
  42. package/esm2020/graphql/datatable/datatable-graphql.service.mjs +1 -1
  43. package/esm2020/graphql/datatable/index.mjs +1 -4
  44. package/esm2020/graphql/datatable/map-filter-states.mjs +1 -1
  45. package/esm2020/layout/layout.service.mjs +2 -12
  46. package/esm2020/menu/menu-toggle.directive.mjs +2 -7
  47. package/esm2020/navigation-reload/navigation-reload.config.mjs +2 -0
  48. package/esm2020/navigation-reload/navigation-reload.provider.mjs +14 -0
  49. package/esm2020/navigation-reload/navigation-reload.service.mjs +54 -0
  50. package/esm2020/navigation-reload/public-api.mjs +4 -0
  51. package/esm2020/navigation-reload/theseam-ui-common-navigation-reload.mjs +5 -0
  52. package/esm2020/popover/popover/popover.component.mjs +3 -7
  53. package/esm2020/popover/popover.directive.mjs +2 -6
  54. package/esm2020/table/public-api.mjs +1 -4
  55. package/esm2020/table/table/table.component.mjs +5 -90
  56. package/esm2020/table/table.module.mjs +5 -21
  57. package/esm2020/table-cell-types/table-cell-type-string/table-cell-type-string.component.mjs +3 -5
  58. package/esm2020/utils/geo-json/coerce-feature-collection.mjs +1 -1
  59. package/esm2020/utils/geo-json/is-feature-collection.validator.mjs +1 -1
  60. package/esm2020/utils/geo-json/is-only-geometry-types.mjs +1 -1
  61. package/esm2020/utils/geo-json/merge-polygons.mjs +1 -1
  62. package/esm2020/utils/geo-json/no-inner-rings.validator.mjs +1 -1
  63. package/esm2020/utils/geo-json/split-multi-polygons.mjs +1 -1
  64. package/esm2020/widget/widget-content-components/widget-table/widget-table.component.mjs +1 -1
  65. package/fesm2015/theseam-ui-common-breadcrumbs.mjs +2 -2
  66. package/fesm2015/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  67. package/fesm2015/theseam-ui-common-datatable-dynamic.mjs +2 -2
  68. package/fesm2015/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  69. package/fesm2015/theseam-ui-common-datatable.mjs +62 -1035
  70. package/fesm2015/theseam-ui-common-datatable.mjs.map +1 -1
  71. package/fesm2015/theseam-ui-common-framework.mjs +193 -910
  72. package/fesm2015/theseam-ui-common-framework.mjs.map +1 -1
  73. package/fesm2015/theseam-ui-common-google-maps.mjs +2 -2
  74. package/fesm2015/theseam-ui-common-google-maps.mjs.map +1 -1
  75. package/fesm2015/theseam-ui-common-graphql.mjs +1 -254
  76. package/fesm2015/theseam-ui-common-graphql.mjs.map +1 -1
  77. package/fesm2015/theseam-ui-common-layout.mjs +2 -11
  78. package/fesm2015/theseam-ui-common-layout.mjs.map +1 -1
  79. package/fesm2015/theseam-ui-common-menu.mjs +1 -6
  80. package/fesm2015/theseam-ui-common-menu.mjs.map +1 -1
  81. package/fesm2015/theseam-ui-common-navigation-reload.mjs +75 -0
  82. package/fesm2015/theseam-ui-common-navigation-reload.mjs.map +1 -0
  83. package/fesm2015/theseam-ui-common-popover.mjs +3 -11
  84. package/fesm2015/theseam-ui-common-popover.mjs.map +1 -1
  85. package/fesm2015/theseam-ui-common-table-cell-types.mjs +2 -4
  86. package/fesm2015/theseam-ui-common-table-cell-types.mjs.map +1 -1
  87. package/fesm2015/theseam-ui-common-table.mjs +9 -201
  88. package/fesm2015/theseam-ui-common-table.mjs.map +1 -1
  89. package/fesm2015/theseam-ui-common-utils.mjs.map +1 -1
  90. package/fesm2015/theseam-ui-common-widget.mjs +1 -1
  91. package/fesm2015/theseam-ui-common-widget.mjs.map +1 -1
  92. package/fesm2020/theseam-ui-common-breadcrumbs.mjs +2 -2
  93. package/fesm2020/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  94. package/fesm2020/theseam-ui-common-datatable-dynamic.mjs +2 -2
  95. package/fesm2020/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  96. package/fesm2020/theseam-ui-common-datatable.mjs +62 -1019
  97. package/fesm2020/theseam-ui-common-datatable.mjs.map +1 -1
  98. package/fesm2020/theseam-ui-common-framework.mjs +196 -912
  99. package/fesm2020/theseam-ui-common-framework.mjs.map +1 -1
  100. package/fesm2020/theseam-ui-common-google-maps.mjs +2 -2
  101. package/fesm2020/theseam-ui-common-google-maps.mjs.map +1 -1
  102. package/fesm2020/theseam-ui-common-graphql.mjs +1 -254
  103. package/fesm2020/theseam-ui-common-graphql.mjs.map +1 -1
  104. package/fesm2020/theseam-ui-common-layout.mjs +2 -11
  105. package/fesm2020/theseam-ui-common-layout.mjs.map +1 -1
  106. package/fesm2020/theseam-ui-common-menu.mjs +1 -6
  107. package/fesm2020/theseam-ui-common-menu.mjs.map +1 -1
  108. package/fesm2020/theseam-ui-common-navigation-reload.mjs +74 -0
  109. package/fesm2020/theseam-ui-common-navigation-reload.mjs.map +1 -0
  110. package/fesm2020/theseam-ui-common-popover.mjs +3 -11
  111. package/fesm2020/theseam-ui-common-popover.mjs.map +1 -1
  112. package/fesm2020/theseam-ui-common-table-cell-types.mjs +2 -4
  113. package/fesm2020/theseam-ui-common-table-cell-types.mjs.map +1 -1
  114. package/fesm2020/theseam-ui-common-table.mjs +9 -199
  115. package/fesm2020/theseam-ui-common-table.mjs.map +1 -1
  116. package/fesm2020/theseam-ui-common-utils.mjs.map +1 -1
  117. package/fesm2020/theseam-ui-common-widget.mjs +1 -1
  118. package/fesm2020/theseam-ui-common-widget.mjs.map +1 -1
  119. package/framework/base-layout/base-layout.component.d.ts +2 -4
  120. package/framework/base-layout/base-layout.component.scss +10 -18
  121. package/framework/base-layout/base-layout.module.d.ts +10 -11
  122. package/framework/base-layout/directives/base-layout-nav-toggle.directive.d.ts +3 -8
  123. package/framework/base-layout/index.d.ts +0 -1
  124. package/framework/base-layout/styles/_variables.scss +0 -21
  125. package/framework/public-api.d.ts +0 -1
  126. package/framework/side-nav/side-nav-item/side-nav-item.component.d.ts +20 -7
  127. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +16 -8
  128. package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.d.ts +3 -5
  129. package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.scss +6 -3
  130. package/framework/side-nav/side-nav-tokens.d.ts +8 -0
  131. package/framework/side-nav/side-nav-utils.d.ts +12 -6
  132. package/framework/side-nav/side-nav.component.d.ts +6 -16
  133. package/framework/side-nav/side-nav.component.scss +1 -0
  134. package/framework/side-nav/side-nav.models.d.ts +14 -9
  135. package/framework/side-nav/side-nav.module.d.ts +9 -1
  136. package/framework/side-nav/styles/_themes/light/_variables.scss +14 -24
  137. package/framework/side-nav/styles/_themes/primary/_variables.scss +0 -8
  138. package/framework/top-bar/index.d.ts +0 -2
  139. package/framework/top-bar/top-bar-item.directive.d.ts +1 -4
  140. package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts +2 -5
  141. package/framework/top-bar/top-bar.component.d.ts +3 -25
  142. package/framework/top-bar/top-bar.component.scss +2 -7
  143. package/framework/top-bar/top-bar.module.d.ts +8 -10
  144. package/graphql/datatable/datatable-graphql.service.d.ts +1 -1
  145. package/graphql/datatable/index.d.ts +0 -3
  146. package/graphql/datatable/map-filter-states.d.ts +2 -2
  147. package/layout/layout.service.d.ts +1 -9
  148. package/menu/menu-toggle.directive.d.ts +1 -2
  149. package/navigation-reload/index.d.ts +5 -0
  150. package/navigation-reload/navigation-reload.config.d.ts +5 -0
  151. package/navigation-reload/navigation-reload.provider.d.ts +3 -0
  152. package/navigation-reload/navigation-reload.service.d.ts +13 -0
  153. package/navigation-reload/public-api.d.ts +3 -0
  154. package/package.json +11 -3
  155. package/popover/popover/popover.component.d.ts +1 -4
  156. package/popover/popover.directive.d.ts +1 -2
  157. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +14 -83
  158. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +3 -38
  159. package/table/public-api.d.ts +0 -3
  160. package/table/table/table.component.d.ts +3 -21
  161. package/table/table.module.d.ts +1 -4
  162. package/datatable/datatable-column-filter-menu/datatable-column-filter-menu.component.d.ts +0 -25
  163. package/datatable/datatable-column-filter-search-date/datatable-column-filter-search-date.component.d.ts +0 -18
  164. package/datatable/datatable-column-filter-search-numeric/datatable-column-filter-search-numeric.component.d.ts +0 -16
  165. package/datatable/datatable-column-filter-search-text/datatable-column-filter-search-text.component.d.ts +0 -15
  166. package/datatable/directives/datatable-column-filter-tpl.directive.d.ts +0 -8
  167. package/datatable/directives/datatable-column-filter.directive.d.ts +0 -10
  168. package/datatable/models/action-item-column-position.d.ts +0 -13
  169. package/datatable/models/columns-data-filter.d.ts +0 -57
  170. package/datatable/models/columns-data-filters/models.d.ts +0 -65
  171. package/datatable/models/columns-data-filters/search-date.columns-data-filter.d.ts +0 -23
  172. package/datatable/models/columns-data-filters/search-numeric.columns-data-filter.d.ts +0 -22
  173. package/datatable/models/columns-data-filters/search-text.columns-data-filter.d.ts +0 -21
  174. package/datatable/models/columns-data-filters/utils.d.ts +0 -15
  175. package/datatable/models/datatable-config.d.ts +0 -97
  176. package/datatable/services/columns-filters.service.d.ts +0 -29
  177. package/esm2020/datatable/datatable-column-filter-menu/datatable-column-filter-menu.component.mjs +0 -55
  178. package/esm2020/datatable/datatable-column-filter-search-date/datatable-column-filter-search-date.component.mjs +0 -54
  179. package/esm2020/datatable/datatable-column-filter-search-numeric/datatable-column-filter-search-numeric.component.mjs +0 -48
  180. package/esm2020/datatable/datatable-column-filter-search-text/datatable-column-filter-search-text.component.mjs +0 -44
  181. package/esm2020/datatable/directives/datatable-column-filter-tpl.directive.mjs +0 -16
  182. package/esm2020/datatable/directives/datatable-column-filter.directive.mjs +0 -26
  183. package/esm2020/datatable/models/action-item-column-position.mjs +0 -5
  184. package/esm2020/datatable/models/columns-data-filter.mjs +0 -10
  185. package/esm2020/datatable/models/columns-data-filters/models.mjs +0 -74
  186. package/esm2020/datatable/models/columns-data-filters/search-date.columns-data-filter.mjs +0 -113
  187. package/esm2020/datatable/models/columns-data-filters/search-numeric.columns-data-filter.mjs +0 -104
  188. package/esm2020/datatable/models/columns-data-filters/search-text.columns-data-filter.mjs +0 -86
  189. package/esm2020/datatable/models/columns-data-filters/utils.mjs +0 -28
  190. package/esm2020/datatable/models/datatable-config.mjs +0 -3
  191. package/esm2020/datatable/services/columns-filters.service.mjs +0 -109
  192. package/esm2020/framework/base-layout/directives/base-layout-side-bar-header.directive.mjs +0 -16
  193. package/esm2020/framework/nav/horizontal-nav/horizontal-nav.component.mjs +0 -55
  194. package/esm2020/framework/nav/index.mjs +0 -6
  195. package/esm2020/framework/nav/nav-item/nav-item.component.mjs +0 -227
  196. package/esm2020/framework/nav/nav-utils.mjs +0 -107
  197. package/esm2020/framework/nav/nav.models.mjs +0 -2
  198. package/esm2020/framework/nav/nav.module.mjs +0 -67
  199. package/esm2020/framework/nav/nav.service.mjs +0 -204
  200. package/esm2020/framework/top-bar/top-bar-compact-menu-btn-detail.directive.mjs +0 -16
  201. package/esm2020/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.mjs +0 -16
  202. package/esm2020/graphql/datatable/map-search-date-columns-data-filter-state-to-gql.mjs +0 -139
  203. package/esm2020/graphql/datatable/map-search-numeric-columns-data-filter-state-to-gql.mjs +0 -75
  204. package/esm2020/graphql/datatable/map-search-text-columns-data-filter-state-to-gql.mjs +0 -44
  205. package/esm2020/table/table-cell-tpl.directive.mjs +0 -17
  206. package/esm2020/table/table-column-header-tpl.directive.mjs +0 -17
  207. package/esm2020/table/table-column.component.mjs +0 -68
  208. package/framework/base-layout/directives/base-layout-side-bar-header.directive.d.ts +0 -9
  209. package/framework/nav/_nav-theme.scss +0 -4
  210. package/framework/nav/horizontal-nav/horizontal-nav.component.d.ts +0 -25
  211. package/framework/nav/horizontal-nav/horizontal-nav.component.scss +0 -50
  212. package/framework/nav/index.d.ts +0 -5
  213. package/framework/nav/nav-item/nav-item.component.d.ts +0 -74
  214. package/framework/nav/nav-item/nav-item.component.scss +0 -203
  215. package/framework/nav/nav-utils.d.ts +0 -20
  216. package/framework/nav/nav.models.d.ts +0 -77
  217. package/framework/nav/nav.module.d.ts +0 -17
  218. package/framework/nav/nav.service.d.ts +0 -27
  219. package/framework/nav/styles/_themes/light/_variables.scss +0 -56
  220. package/framework/nav/styles/_themes/primary/_variables.scss +0 -56
  221. package/framework/nav/styles/_utilities.scss +0 -3
  222. package/framework/nav/styles/_variables.scss +0 -2
  223. package/framework/top-bar/top-bar-compact-menu-btn-detail.directive.d.ts +0 -8
  224. package/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.d.ts +0 -8
  225. package/graphql/datatable/map-search-date-columns-data-filter-state-to-gql.d.ts +0 -4
  226. package/graphql/datatable/map-search-numeric-columns-data-filter-state-to-gql.d.ts +0 -4
  227. package/graphql/datatable/map-search-text-columns-data-filter-state-to-gql.d.ts +0 -4
  228. package/table/table-cell-tpl.directive.d.ts +0 -7
  229. package/table/table-column-header-tpl.directive.d.ts +0 -7
  230. package/table/table-column.component.d.ts +0 -24
@@ -1,68 +0,0 @@
1
- import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import { TheSeamTableCellTplDirective } from './table-cell-tpl.directive';
4
- import { TheSeamTableColumnHeaderTplDirective } from './table-column-header-tpl.directive';
5
- import * as i0 from "@angular/core";
6
- // TODO: The column component should implement `ITableColumn`, since
7
- // providing some properties by input and some by template could be confusing.
8
- export class TheSeamTableColumnComponent {
9
- constructor() {
10
- this._isFirstChange = true;
11
- this._columnChange = new Subject();
12
- this.columnChange$ = this._columnChange.asObservable();
13
- }
14
- get cellTemplate() {
15
- return this._cellTemplateInput || this._cellTemplateQuery;
16
- }
17
- get headerTemplate() {
18
- return this._headerTemplateInput || this._headerTemplateQuery;
19
- }
20
- // constructor(
21
- // private _columnChangesService: DatatableColumnChangesService
22
- // ) {}
23
- ngOnChanges(changes) {
24
- if (this._isFirstChange) {
25
- this._isFirstChange = false;
26
- }
27
- else {
28
- // this._columnChangesService.onInputChange()
29
- this._columnChange.next();
30
- }
31
- }
32
- }
33
- TheSeamTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
34
- TheSeamTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTableColumnComponent, isStandalone: true, selector: "seam-table-column", inputs: { name: "name", prop: "prop", flexGrow: "flexGrow", headerClass: "headerClass", cellClass: "cellClass", _cellTemplateInput: ["cellTemplate", "_cellTemplateInput"], _headerTemplateInput: ["headerTemplate", "_headerTemplateInput"] }, queries: [{ propertyName: "cellTplDirective", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, static: true }, { propertyName: "_cellTemplateQuery", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "_headerTemplateQuery", first: true, predicate: TheSeamTableColumnHeaderTplDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableColumnComponent, decorators: [{
36
- type: Component,
37
- args: [{
38
- selector: 'seam-table-column',
39
- standalone: true,
40
- template: ``,
41
- }]
42
- }], propDecorators: { name: [{
43
- type: Input
44
- }], prop: [{
45
- type: Input
46
- }], flexGrow: [{
47
- type: Input
48
- }], headerClass: [{
49
- type: Input
50
- }], cellClass: [{
51
- type: Input
52
- }], cellTplDirective: [{
53
- type: ContentChild,
54
- args: [TheSeamTableCellTplDirective, { static: true }]
55
- }], _cellTemplateInput: [{
56
- type: Input,
57
- args: ['cellTemplate']
58
- }], _cellTemplateQuery: [{
59
- type: ContentChild,
60
- args: [TheSeamTableCellTplDirective, { read: TemplateRef, static: true }]
61
- }], _headerTemplateInput: [{
62
- type: Input,
63
- args: ['headerTemplate']
64
- }], _headerTemplateQuery: [{
65
- type: ContentChild,
66
- args: [TheSeamTableColumnHeaderTplDirective, { read: TemplateRef, static: true }]
67
- }] } });
68
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi90YWJsZS90YWJsZS1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBNEIsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3JHLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUE7QUFJOUIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDekUsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0scUNBQXFDLENBQUE7O0FBRTFGLG9FQUFvRTtBQUNwRSw4RUFBOEU7QUFPOUUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQW9CVSxtQkFBYyxHQUFHLElBQUksQ0FBQTtRQTBCWixrQkFBYSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUE7UUFDN0Msa0JBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRSxDQUFBO0tBZXpEO0lBL0JDLElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQTtJQUMzRCxDQUFDO0lBU0QsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLG9CQUFvQixJQUFJLElBQUksQ0FBQyxvQkFBb0IsQ0FBQTtJQUMvRCxDQUFDO0lBS0QsZUFBZTtJQUNmLGlFQUFpRTtJQUNqRSxPQUFPO0lBRVAsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQTtTQUM1QjthQUFNO1lBQ0wsNkNBQTZDO1lBQzdDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUE7U0FDMUI7SUFDSCxDQUFDOzt3SEF2RFUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMldBaUJ4Qiw0QkFBNEIsbUdBTTVCLDRCQUE0QiwyQkFBVSxXQUFXLGtGQVdqRCxvQ0FBb0MsMkJBQVUsV0FBVyxnRUFwQzdELEVBQUU7MkZBRUQsMkJBQTJCO2tCQUx2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsRUFBRTtpQkFDYjs4QkFHVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUl3RCxnQkFBZ0I7c0JBQTdFLFlBQVk7dUJBQUMsNEJBQTRCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUk1RCxrQkFBa0I7c0JBRGpCLEtBQUs7dUJBQUMsY0FBYztnQkFJckIsa0JBQWtCO3NCQURqQixZQUFZO3VCQUFDLDRCQUE0QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQVMvRSxvQkFBb0I7c0JBRG5CLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQUl2QixvQkFBb0I7c0JBRG5CLFlBQVk7dUJBQUMsb0NBQW9DLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnXG5cbmltcG9ydCB7IENvbHVtbkNoYW5nZXNTZXJ2aWNlLCBUYWJsZUNvbHVtblByb3AgfSBmcm9tICdAbWFya2xiL25neC1kYXRhdGFibGUnXG5cbmltcG9ydCB7IFRoZVNlYW1UYWJsZUNlbGxUcGxEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlLWNlbGwtdHBsLmRpcmVjdGl2ZSdcbmltcG9ydCB7IFRoZVNlYW1UYWJsZUNvbHVtbkhlYWRlclRwbERpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUtY29sdW1uLWhlYWRlci10cGwuZGlyZWN0aXZlJ1xuXG4vLyBUT0RPOiBUaGUgY29sdW1uIGNvbXBvbmVudCBzaG91bGQgaW1wbGVtZW50IGBJVGFibGVDb2x1bW5gLCBzaW5jZVxuLy8gcHJvdmlkaW5nIHNvbWUgcHJvcGVydGllcyBieSBpbnB1dCBhbmQgc29tZSBieSB0ZW1wbGF0ZSBjb3VsZCBiZSBjb25mdXNpbmcuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tdGFibGUtY29sdW1uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGBgLFxufSlcbmV4cG9ydCBjbGFzcyBUaGVTZWFtVGFibGVDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmcgfCBudWxsXG4gIEBJbnB1dCgpIHByb3A/OiBUYWJsZUNvbHVtblByb3AgfCBudWxsXG5cbiAgQElucHV0KCkgZmxleEdyb3c/OiBudW1iZXIgfCBudWxsXG4gIC8vIEBJbnB1dCgpIG1pbldpZHRoPzogbnVtYmVyIHwgbnVsbFxuICAvLyBASW5wdXQoKSBtYXhXaWR0aD86IG51bWJlciB8IG51bGxcbiAgLy8gQElucHV0KCkgd2lkdGg/OiBudW1iZXIgfCBudWxsXG5cbiAgLy8gQElucHV0KCkgaGVhZGVyQ2xhc3M/OiBzdHJpbmcgfCAoKGRhdGE6IGFueSkgPT4gc3RyaW5nfGFueSkgfCBudWxsXG4gIEBJbnB1dCgpIGhlYWRlckNsYXNzPzogc3RyaW5nIHwgbnVsbFxuICAvLyBASW5wdXQoKSBjZWxsQ2xhc3M/OiBzdHJpbmcgfCAoKGRhdGE6IGFueSkgPT4gc3RyaW5nfGFueSkgfCBudWxsXG4gIEBJbnB1dCgpIGNlbGxDbGFzcz86IHN0cmluZyB8IG51bGxcblxuICBwcml2YXRlIF9pc0ZpcnN0Q2hhbmdlID0gdHJ1ZVxuXG4gIEBDb250ZW50Q2hpbGQoVGhlU2VhbVRhYmxlQ2VsbFRwbERpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgY2VsbFRwbERpcmVjdGl2ZT86IFRoZVNlYW1UYWJsZUNlbGxUcGxEaXJlY3RpdmVcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ2NlbGxUZW1wbGF0ZScpXG4gIF9jZWxsVGVtcGxhdGVJbnB1dD86IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsXG5cbiAgQENvbnRlbnRDaGlsZChUaGVTZWFtVGFibGVDZWxsVHBsRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmLCBzdGF0aWM6IHRydWUgfSlcbiAgX2NlbGxUZW1wbGF0ZVF1ZXJ5PzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIGdldCBjZWxsVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB8IHVuZGVmaW5lZCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9jZWxsVGVtcGxhdGVJbnB1dCB8fCB0aGlzLl9jZWxsVGVtcGxhdGVRdWVyeVxuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdoZWFkZXJUZW1wbGF0ZScpXG4gIF9oZWFkZXJUZW1wbGF0ZUlucHV0PzogVGVtcGxhdGVSZWY8YW55PiB8IG51bGxcblxuICBAQ29udGVudENoaWxkKFRoZVNlYW1UYWJsZUNvbHVtbkhlYWRlclRwbERpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIF9oZWFkZXJUZW1wbGF0ZVF1ZXJ5PzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIGdldCBoZWFkZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX2hlYWRlclRlbXBsYXRlSW5wdXQgfHwgdGhpcy5faGVhZGVyVGVtcGxhdGVRdWVyeVxuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfY29sdW1uQ2hhbmdlID0gbmV3IFN1YmplY3Q8dm9pZD4oKVxuICBwdWJsaWMgY29sdW1uQ2hhbmdlJCA9IHRoaXMuX2NvbHVtbkNoYW5nZS5hc09ic2VydmFibGUoKVxuXG4gIC8vIGNvbnN0cnVjdG9yKFxuICAvLyAgIHByaXZhdGUgX2NvbHVtbkNoYW5nZXNTZXJ2aWNlOiBEYXRhdGFibGVDb2x1bW5DaGFuZ2VzU2VydmljZVxuICAvLyApIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmICh0aGlzLl9pc0ZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLl9pc0ZpcnN0Q2hhbmdlID0gZmFsc2VcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gdGhpcy5fY29sdW1uQ2hhbmdlc1NlcnZpY2Uub25JbnB1dENoYW5nZSgpXG4gICAgICB0aGlzLl9jb2x1bW5DaGFuZ2UubmV4dCgpXG4gICAgfVxuICB9XG5cbn1cbiJdfQ==
@@ -1,9 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { HasElementRef } from '@theseam/ui-common/core';
3
- import * as i0 from "@angular/core";
4
- export declare class BaseLayoutSideBarHeaderDirective implements HasElementRef {
5
- _elementRef: ElementRef;
6
- constructor(_elementRef: ElementRef);
7
- static ɵfac: i0.ɵɵFactoryDeclaration<BaseLayoutSideBarHeaderDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<BaseLayoutSideBarHeaderDirective, "[seamBaseLayoutSideBarHeader]", never, {}, {}, never, never, false, never>;
9
- }
@@ -1,4 +0,0 @@
1
- @import './styles/utilities';
2
-
3
- @import './horizontal-nav/horizontal-nav.component';
4
- @import './nav-item/nav-item.component';
@@ -1,25 +0,0 @@
1
- import { BooleanInput } from '@angular/cdk/coercion';
2
- import { EventEmitter, OnDestroy } from '@angular/core';
3
- import { Observable } from 'rxjs';
4
- import { INavItem, NavItemChildAction, NavItemExpandAction, NavItemExpandedEvent } from '../nav.models';
5
- import { TheSeamNavService } from '../nav.service';
6
- import * as i0 from "@angular/core";
7
- export declare class HorizontalNavComponent implements OnDestroy {
8
- private readonly _nav;
9
- static ngAcceptInputType_hasHeaderToggle: BooleanInput;
10
- private readonly _ngUnsubscribe;
11
- get items(): INavItem[];
12
- set items(value: INavItem[]);
13
- private _items;
14
- readonly items$: Observable<INavItem[]>;
15
- hideEmptyIcon: boolean | undefined | null;
16
- hierLevel: number;
17
- childAction: NavItemChildAction;
18
- expandAction: NavItemExpandAction;
19
- navItemExpanded: EventEmitter<NavItemExpandedEvent>;
20
- constructor(_nav: TheSeamNavService);
21
- ngOnDestroy(): void;
22
- _navItemExpanded(item: INavItem, expanded: boolean): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalNavComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalNavComponent, "seam-horizontal-nav", never, { "items": "items"; "hideEmptyIcon": "hideEmptyIcon"; "hierLevel": "hierLevel"; "childAction": "childAction"; "expandAction": "expandAction"; }, { "navItemExpanded": "navItemExpanded"; }, never, never, false, never>;
25
- }
@@ -1,50 +0,0 @@
1
- @import '../styles/utilities';
2
-
3
- seam-horizontal-nav,
4
- .seam-horizontal-nav {
5
- display: block;
6
- height: 100%;
7
-
8
- // Prevent main page content layer overlapping the nav while animating.
9
- position: relative;
10
- z-index: 2;
11
-
12
- .nav-inner-wrapper {
13
- background: $seam-nav-bg;
14
- height: 100%;
15
- }
16
-
17
- .nav-backdrop {
18
- background: $seam-nav-background-bg-color;
19
- width: 100vw;
20
- height: 100vh;
21
-
22
- &.nav-backdrop-hidden {
23
- display: none;
24
- width: 0;
25
- height: 0;
26
- padding: 0;
27
- margin: 0;
28
- }
29
- }
30
-
31
- .nav-content {
32
- display: flex;
33
- flex-direction: column;
34
- height: 100%;
35
- flex-wrap: nowrap;
36
- }
37
-
38
- .nav-items-container {
39
- display: flex;
40
- flex-direction: column;
41
- width: 100%;
42
- flex: 1 1 100%;
43
- }
44
-
45
- .nav-items-row {
46
- height: 100%;
47
- display: flex;
48
- padding: $seam-nav-row-padding;
49
- }
50
- }
@@ -1,5 +0,0 @@
1
- export * from './nav-item/nav-item.component';
2
- export * from './horizontal-nav/horizontal-nav.component';
3
- export * from './nav.models';
4
- export * from './nav.module';
5
- export * from './nav-utils';
@@ -1,74 +0,0 @@
1
- import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
2
- import { EventEmitter, OnDestroy } from '@angular/core';
3
- import type { SeamIcon } from '@theseam/ui-common/icon';
4
- import type { ThemeTypes } from '@theseam/ui-common/models';
5
- import { MenuComponent } from '@theseam/ui-common/menu';
6
- import { INavItem, NavItemBadgeTooltip, NavItemChildAction, NavItemExpandAction } from '../nav.models';
7
- import { TheSeamNavService } from '../nav.service';
8
- import * as i0 from "@angular/core";
9
- export declare class NavItemComponent implements OnDestroy {
10
- private readonly _nav;
11
- static ngAcceptInputType_hierLevel: NumberInput;
12
- static ngAcceptInputType_indentSize: NumberInput;
13
- static ngAcceptInputType_expanded: BooleanInput;
14
- static ngAcceptInputType_compact: BooleanInput;
15
- static ngAcceptInputType_active: BooleanInput;
16
- private readonly _ngUnsubscribe;
17
- readonly faAngleLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
18
- item: INavItem | undefined | null;
19
- itemType: 'divider' | 'basic' | 'link' | 'button' | 'title' | undefined | null;
20
- icon: SeamIcon | undefined | null;
21
- hideEmptyIcon: boolean | undefined | null;
22
- label: string | undefined | null;
23
- active: boolean;
24
- set link(value: string | undefined | null);
25
- get link(): string | undefined | null;
26
- private readonly _link;
27
- readonly link$: import("rxjs").Observable<string | null | undefined>;
28
- queryParams: {
29
- [k: string]: any;
30
- } | undefined | null;
31
- children: INavItem[] | undefined | null;
32
- hierLevel: number;
33
- indentSize: number;
34
- set expanded(value: boolean);
35
- get expanded(): boolean;
36
- private readonly _expanded;
37
- readonly expanded$: import("rxjs").Observable<boolean>;
38
- set compact(value: boolean);
39
- get compact(): boolean;
40
- private readonly _compact;
41
- readonly compact$: import("rxjs").Observable<boolean>;
42
- focused: boolean;
43
- badgeText: string | undefined | null;
44
- badgeTheme: ThemeTypes | undefined | null;
45
- /**
46
- * Content to provide to assistive technology, such as screen readers.
47
- */
48
- badgeSrContent: string | undefined | null;
49
- get badgeTooltip(): string | NavItemBadgeTooltip | undefined | null;
50
- set badgeTooltip(value: string | NavItemBadgeTooltip | undefined | null);
51
- private _badgeTooltip;
52
- childAction: NavItemChildAction;
53
- expandAction: NavItemExpandAction;
54
- navItemExpanded: EventEmitter<boolean>;
55
- get _isActiveCssClass(): boolean;
56
- get _isChildActiveCssClass(): boolean;
57
- get _isExpandedCssClass(): boolean;
58
- get _isFocusedCssClass(): boolean;
59
- get _attrDataHierLevel(): number;
60
- _menu?: MenuComponent;
61
- _navItems?: NavItemComponent[];
62
- constructor(_nav: TheSeamNavService);
63
- ngOnDestroy(): void;
64
- get hasChildren(): boolean;
65
- get hasActiveChild(): boolean;
66
- get hasMenuToggle(): boolean;
67
- get menuTpl(): MenuComponent | undefined;
68
- get hasExpandingChildren(): boolean;
69
- _toggleChildren(event: Event): void;
70
- _menuEvent(menuExpanded: any): void;
71
- get showIconBlock(): boolean;
72
- static ɵfac: i0.ɵɵFactoryDeclaration<NavItemComponent, never>;
73
- static ɵcmp: i0.ɵɵComponentDeclaration<NavItemComponent, "seam-nav-item", ["seamNavItem"], { "item": "item"; "itemType": "itemType"; "icon": "icon"; "hideEmptyIcon": "hideEmptyIcon"; "label": "label"; "active": "active"; "link": "link"; "queryParams": "queryParams"; "children": "children"; "hierLevel": "hierLevel"; "indentSize": "indentSize"; "expanded": "expanded"; "compact": "compact"; "focused": "focused"; "badgeText": "badgeText"; "badgeTheme": "badgeTheme"; "badgeSrContent": "badgeSrContent"; "badgeTooltip": "badgeTooltip"; "childAction": "childAction"; "expandAction": "expandAction"; }, { "navItemExpanded": "navItemExpanded"; }, never, never, false, never>;
74
- }
@@ -1,203 +0,0 @@
1
- @import '../styles/utilities';
2
-
3
- seam-nav-item {
4
- display: block;
5
- transition: 250ms ease-in-out background-color;
6
- text-align: $seam-nav-item-text-align;
7
- border-radius: $seam-nav-item-border-radius;
8
- overflow: hidden;
9
- background: $seam-nav-item-bg-color;
10
- margin: $seam-nav-item-margin;
11
-
12
- &.seam-nav-item--expanded {
13
- background-color: $seam-nav-item-bg-color-expanded;
14
- .nav-link {
15
- color: $seam-nav-item-color-expanded;
16
- }
17
- }
18
-
19
- &.seam-nav-item--child-active {
20
- background-color: $seam-nav-item-bg-color-child-active;
21
- .nav-link {
22
- color: $seam-nav-item-color-child-active;
23
- }
24
- }
25
-
26
- &.seam-nav-item--active {
27
- background-color: $seam-nav-item-bg-color-active;
28
-
29
- .active,
30
- &:active,
31
- .nav-item.active:hover {
32
- background-color: $seam-nav-item-bg-color-active;
33
- }
34
-
35
- .nav-item {
36
- &:hover {
37
- background-color: $seam-nav-item-bg-color-hover;
38
- }
39
- }
40
-
41
- .nav-link {
42
- color: $seam-nav-item-color-active;
43
- }
44
- }
45
-
46
- .badge {
47
- vertical-align: middle;
48
- }
49
-
50
- &:not(.nav-item--icon) {
51
- .nav-item--badge {
52
- pointer-events: all;
53
- margin-left: 5px;
54
- margin-right: 3px;
55
- }
56
- }
57
-
58
- .nav-item--icon {
59
- position: relative;
60
- width: 24px;
61
- max-width: 24px;
62
- min-width: 24px;
63
- height: 24px;
64
- max-height: 24px;
65
- min-height: 24px;
66
- text-align: center;
67
-
68
- margin-right: .5rem;
69
-
70
- .nav-item--badge {
71
- top: -4px;
72
- right: -4px;
73
- position: absolute;
74
-
75
- .badge:empty {
76
- display: block;
77
- width: 8px;
78
- height: 8px;
79
- padding: 0;
80
- }
81
-
82
- &.nav-item--badge-no-icon {
83
- top: 0px;
84
- right: 0px;
85
- }
86
- }
87
- }
88
-
89
- .nav-item {
90
- transition: 250ms ease-in-out background-color;
91
-
92
- &:hover {
93
- background-color: $seam-nav-item-bg-color-hover;
94
- }
95
-
96
- &.active {
97
- pointer-events: none;
98
- cursor: default;
99
- }
100
- }
101
-
102
- a.nav-item:not([href]):not([tabindex]) {
103
- color: $seam-nav-item-disabled-color;
104
-
105
- &:hover {
106
- background-color: transparent;
107
- }
108
- }
109
-
110
- .nav-link {
111
- color: $seam-nav-item-color;
112
- }
113
-
114
- .nav-btn {
115
- font-weight: $font-weight-normal;
116
- color: $seam-nav-toggle-btn-color;
117
- text-decoration: $link-decoration;
118
- border-radius: $seam-nav-toggle-btn-border-radius;
119
- border:
120
- $seam-nav-toggle-btn-border-width
121
- $seam-nav-toggle-btn-border-style
122
- $seam-nav-toggle-btn-border-color;
123
-
124
- @include hover {
125
- color: $seam-nav-toggle-btn-color-hover;
126
- text-decoration: $link-hover-decoration;
127
- }
128
-
129
- &:focus,
130
- &.focus {
131
- text-decoration: $link-hover-decoration;
132
- box-shadow: none;
133
- }
134
-
135
- &:disabled,
136
- &.disabled {
137
- color: $seam-nav-item-disabled-color;
138
- pointer-events: none;
139
- }
140
- }
141
-
142
- // Add the button focus like a link when navigating with keyboard.
143
- .cdk-keyboard-focused {
144
- // outline: -webkit-focus-ring-color auto 1px;
145
- outline: 1px dotted;
146
- outline: 5px auto -webkit-focus-ring-color;
147
- }
148
-
149
- .nav-item--toggle-btn-container {
150
- transition: 250ms ease-in-out background-color;
151
- padding: $seam-nav-toggle-btn-padding;
152
- }
153
- button.nav-item--toggle-btn-container {
154
- &:hover {
155
- background-color: $seam-nav-item-bg-color-hover;
156
- }
157
- }
158
-
159
- .nav-item--toggle-btn {
160
- .svg-inline--fa {
161
- transition: 100ms ease-in-out transform;
162
- transform: $seam-nav-toggle-btn-transform;
163
- }
164
-
165
- @if $seam-nav-toggle-btn-use-transform-active {
166
- &.nav-item--toggle-btn-expanded {
167
- .svg-inline--fa {
168
- transform: $seam-nav-toggle-btn-transform-active;
169
- }
170
- }
171
- }
172
- }
173
-
174
- .nav--group {
175
- will-change: height;
176
- overflow: hidden;
177
- }
178
-
179
- @for $i from 1 through 9 {
180
- .nav--group--level-#{$i} {
181
- background-color: darken($seam-nav-bg-color, ($i * $seam-nav-group-bg-variation-amount));
182
- }
183
- }
184
-
185
- .nav-item--divider {
186
- display: block;
187
- border-top: $seam-nav-divider-size solid $seam-nav-divider-color;
188
- width: 100%;
189
- }
190
-
191
- .nav-item--title {
192
- color: $seam-nav-title-color;
193
- font-size: $seam-nav-title-font-size;
194
- padding-left: $seam-nav-title-padding-left;
195
- }
196
-
197
- // without a set position, these labels can cause unnecessary scrollbars
198
- .sr-only {
199
- top: 0;
200
- left: 0;
201
- }
202
- }
203
-
@@ -1,20 +0,0 @@
1
- import { INavBasic, INavButton, INavDivider, INavItem, INavItemState, INavLink, INavTitle, NavItemCanHaveChildren, NavItemCanHaveState } from './nav.models';
2
- export declare function isHorizontalNavItemType(item: INavItem, type: 'title'): item is INavTitle;
3
- export declare function isHorizontalNavItemType(item: INavItem, type: 'divider'): item is INavDivider;
4
- export declare function isHorizontalNavItemType(item: INavItem, type: 'basic'): item is INavBasic;
5
- export declare function isHorizontalNavItemType(item: INavItem, type: 'link'): item is INavLink;
6
- export declare function isHorizontalNavItemType(item: INavItem, type: 'button'): item is INavButton;
7
- export declare function isHorizontalNavItemActive(item: INavItem): boolean;
8
- export declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
9
- export declare function isHorizontalNavItemFocused(item: INavItem): boolean;
10
- export declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
11
- export declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
12
- export declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
13
- export declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
14
- export declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
15
- export declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
16
- export declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
17
- export declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
18
- export declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];
19
- export declare function setDefaultHorizontalNavItemState(item: INavItem): INavItem & Required<NavItemCanHaveState>;
20
- export declare function areSameHorizontalNavItem(item1: INavItem | undefined, item2: INavItem | undefined): boolean;
@@ -1,77 +0,0 @@
1
- import { IsActiveMatchOptions, UrlCreationOptions } from '@angular/router';
2
- import { SeamIcon } from '@theseam/ui-common/icon';
3
- import type { ThemeTypes } from '@theseam/ui-common/models';
4
- export interface INavItemState {
5
- active: boolean;
6
- expanded: boolean;
7
- focused: boolean;
8
- }
9
- export interface NavItemCanHaveState {
10
- /**
11
- * This prop is managed by the Nav. If manually set it will be overwritten.
12
- *
13
- * @ignore
14
- */
15
- __state?: INavItemState;
16
- }
17
- export interface NavItemCanHaveChildren {
18
- children?: INavItem[];
19
- }
20
- export interface INavItemBase<T extends string> extends NavItemCanHaveState {
21
- /**
22
- * default: 'route'
23
- */
24
- itemType?: T;
25
- badge?: INavBadge;
26
- }
27
- export interface INavTitle extends INavItemBase<'title'> {
28
- label?: string;
29
- }
30
- export interface INavDivider extends INavItemBase<'divider'> {
31
- label?: string;
32
- }
33
- export interface INavBadge {
34
- text?: string;
35
- theme?: ThemeTypes;
36
- /**
37
- * Content to provide to assistive technology, such as screen readers.
38
- */
39
- srContent?: string;
40
- tooltip?: string | NavItemBadgeTooltip;
41
- }
42
- export interface INavBasic extends INavItemBase<'basic'>, NavItemCanHaveChildren {
43
- icon?: SeamIcon;
44
- label: string;
45
- }
46
- export interface INavLink extends INavItemBase<'link'>, Partial<Pick<UrlCreationOptions, 'queryParams' | 'fragment' | 'queryParamsHandling' | 'preserveFragment'>>, NavItemCanHaveChildren {
47
- icon?: SeamIcon;
48
- label: string;
49
- link?: any[] | string;
50
- /**
51
- * Default: { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }
52
- */
53
- matchOptions?: Partial<IsActiveMatchOptions>;
54
- }
55
- export interface INavButton extends INavItemBase<'button'> {
56
- onClick: (event: MouseEvent) => void;
57
- }
58
- export type INavItem = INavTitle | INavDivider | INavBasic | INavLink | INavButton;
59
- export interface NavItemStateChanged {
60
- item: INavItem;
61
- prop: keyof INavItemState;
62
- prevValue: any;
63
- newValue: any;
64
- }
65
- export interface NavItemBadgeTooltip {
66
- tooltip?: string;
67
- class?: string;
68
- placement?: string;
69
- container?: string;
70
- disabled?: boolean;
71
- }
72
- export type NavItemChildAction = 'menu' | 'expand' | 'none' | null | undefined;
73
- export type NavItemExpandAction = 'toggle' | 'expandOnly' | null | undefined;
74
- export interface NavItemExpandedEvent {
75
- navItem: INavItem;
76
- expanded: boolean;
77
- }
@@ -1,17 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./nav-item/nav-item.component";
3
- import * as i2 from "./horizontal-nav/horizontal-nav.component";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/router";
6
- import * as i5 from "@theseam/ui-common/icon";
7
- import * as i6 from "@angular/cdk/a11y";
8
- import * as i7 from "@theseam/ui-common/scrollbar";
9
- import * as i8 from "@theseam/ui-common/layout";
10
- import * as i9 from "@ng-bootstrap/ng-bootstrap";
11
- import * as i10 from "@angular/cdk/portal";
12
- import * as i11 from "@theseam/ui-common/menu";
13
- export declare class TheSeamNavModule {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamNavModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamNavModule, [typeof i1.NavItemComponent, typeof i2.HorizontalNavComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.TheSeamIconModule, typeof i6.A11yModule, typeof i7.TheSeamScrollbarModule, typeof i8.TheSeamLayoutModule, typeof i9.NgbTooltipModule, typeof i10.PortalModule, typeof i11.TheSeamMenuModule], [typeof i1.NavItemComponent, typeof i2.HorizontalNavComponent]>;
16
- static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamNavModule>;
17
- }
@@ -1,27 +0,0 @@
1
- import { Router } from '@angular/router';
2
- import { Observable, Subject } from 'rxjs';
3
- import { INavItem, INavItemState, NavItemStateChanged } from './nav.models';
4
- import * as i0 from "@angular/core";
5
- export declare class TheSeamNavService {
6
- private readonly _router;
7
- private readonly _updatingCount;
8
- readonly loading$: Observable<boolean>;
9
- readonly itemChanged: Subject<NavItemStateChanged>;
10
- constructor(_router: Router);
11
- createItemsObservable(items: INavItem[]): Observable<INavItem[]>;
12
- private _incUpdatingCount;
13
- private _decrUpdatingCount;
14
- updateItemsStates(items: INavItem[]): void;
15
- updateItemState(item: INavItem): void;
16
- horizontalNavLinkActive(item: INavItem): boolean;
17
- private _updateItemsExpandedState;
18
- private _updateItemExpandedState;
19
- updateRouterFocusedItem(items: INavItem[]): void;
20
- updateFocusedItem(items: INavItem[], focusedItem: INavItem | undefined): void;
21
- private _getNavExtras;
22
- private _getUrl;
23
- private _getMatchOptions;
24
- setItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamNavService, never>;
26
- static ɵprov: i0.ɵɵInjectableDeclaration<TheSeamNavService>;
27
- }
@@ -1,56 +0,0 @@
1
- $seam-nav-bg-color: $gray-100 !default;
2
- $seam-nav-bg: none !default;
3
-
4
- $seam-nav-row-padding: 0.25rem 0.5rem !default;
5
-
6
- // Backdrop
7
- $seam-nav-background-bg-color: rgba($dark, 0.6) !default;
8
-
9
- // Group
10
- $seam-nav-group-bg-variation-amount: 3% !default;
11
-
12
- // Item
13
- $seam-nav-item-text-align: inherit !default;
14
-
15
- $seam-nav-item-border-radius: 0 !default;
16
-
17
- $seam-nav-item-bg-color: transparent !default;
18
- $seam-nav-item-bg-color-active: darken($seam-nav-bg-color, 10%) !default;
19
- $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
20
- $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
21
- $seam-nav-item-bg-color-hover: darken($seam-nav-bg-color, 5%) !default;
22
-
23
- $seam-nav-item-color: $black !default;
24
- $seam-nav-item-color-active: $seam-nav-item-color !default;
25
- $seam-nav-item-color-expanded: $seam-nav-item-color !default;
26
- $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
27
-
28
- $seam-nav-item-disabled-color: darken($seam-nav-item-color, 20%) !default;
29
-
30
- $seam-nav-item-margin: 0 !default;
31
-
32
- // Divider
33
- $seam-nav-divider-color: darken($seam-nav-bg-color, 10%) !default;
34
- $seam-nav-divider-size: 1px !default;
35
-
36
- // Title
37
- $seam-nav-title-color: $seam-nav-item-color !default;
38
-
39
- $seam-nav-title-font-size: 24px !default;
40
-
41
- $seam-nav-title-padding-left: 10px !default;
42
-
43
- // Toggle Buttons
44
- $seam-nav-toggle-btn-padding: 0 .5rem !default;
45
-
46
- $seam-nav-toggle-btn-use-transform-active: true !default;
47
- $seam-nav-toggle-btn-transform: none !default;
48
- $seam-nav-toggle-btn-transform-active: rotate(-90deg) !default;
49
-
50
- $seam-nav-toggle-btn-color: $seam-nav-item-color !default;
51
- $seam-nav-toggle-btn-color-hover: $seam-nav-toggle-btn-color !default;
52
-
53
- $seam-nav-toggle-btn-border-radius: 0 !default;
54
- $seam-nav-toggle-btn-border-width: 0 !default;
55
- $seam-nav-toggle-btn-border-style: solid !default;
56
- $seam-nav-toggle-btn-border-color: $border-color !default;