@theseam/ui-common 0.4.22 → 0.4.24-beta.0

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 (154) hide show
  1. package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss +1 -1
  2. package/datatable/datatable/datatable.component.d.ts +10 -1
  3. package/datatable/models/action-item-column-position.d.ts +13 -0
  4. package/datatable/services/columns-manager.service.d.ts +7 -0
  5. package/datatable/utils/create-action-menu-column.d.ts +1 -1
  6. package/esm2020/breadcrumbs/breadcrumbs/breadcrumbs.component.mjs +2 -2
  7. package/esm2020/datatable/datatable/datatable.component.mjs +20 -4
  8. package/esm2020/datatable/datatable-action-menu/datatable-action-menu.component.mjs +2 -2
  9. package/esm2020/datatable/datatable-column-preferences-button/datatable-column-preferences-button.component.mjs +1 -1
  10. package/esm2020/datatable/datatable-export-button/datatable-export-button.component.mjs +1 -1
  11. package/esm2020/datatable/models/action-item-column-position.mjs +5 -0
  12. package/esm2020/datatable/services/columns-manager.service.mjs +27 -2
  13. package/esm2020/datatable/utils/create-action-menu-column.mjs +4 -3
  14. package/esm2020/datatable-dynamic/datatable-dynamic-action-menu/datatable-dynamic-action-menu.component.mjs +1 -1
  15. package/esm2020/datatable-dynamic/datatable-dynamic.component.mjs +1 -1
  16. package/esm2020/form-field/form-field-required-indicator.component.mjs +22 -7
  17. package/esm2020/form-field/input.directive.mjs +19 -16
  18. package/esm2020/form-field/testing/form-field.harness.mjs +45 -0
  19. package/esm2020/form-field/testing/index.mjs +2 -1
  20. package/esm2020/framework/base-layout/base-layout.component.mjs +14 -4
  21. package/esm2020/framework/base-layout/base-layout.module.mjs +6 -1
  22. package/esm2020/framework/base-layout/directives/base-layout-nav-toggle.directive.mjs +21 -5
  23. package/esm2020/framework/base-layout/directives/base-layout-side-bar-header.directive.mjs +16 -0
  24. package/esm2020/framework/base-layout/index.mjs +2 -1
  25. package/esm2020/framework/nav/horizontal-nav/horizontal-nav.component.mjs +55 -0
  26. package/esm2020/framework/nav/index.mjs +6 -0
  27. package/esm2020/framework/nav/nav-item/nav-item.component.mjs +227 -0
  28. package/esm2020/framework/nav/nav-utils.mjs +107 -0
  29. package/esm2020/framework/nav/nav.models.mjs +2 -0
  30. package/esm2020/framework/nav/nav.module.mjs +67 -0
  31. package/esm2020/framework/nav/nav.service.mjs +204 -0
  32. package/esm2020/framework/public-api.mjs +2 -1
  33. package/esm2020/framework/schema-form-controls/schema-form-submit-split/schema-form-submit-split.component.mjs +2 -2
  34. package/esm2020/framework/side-nav/side-nav-item/side-nav-item.component.mjs +28 -67
  35. package/esm2020/framework/side-nav/side-nav-toggle/side-nav-toggle.component.mjs +12 -5
  36. package/esm2020/framework/side-nav/side-nav.component.mjs +116 -38
  37. package/esm2020/framework/side-nav/side-nav.models.mjs +1 -1
  38. package/esm2020/framework/side-nav/side-nav.module.mjs +9 -39
  39. package/esm2020/framework/side-nav/side-nav.service.mjs +1 -1
  40. package/esm2020/framework/top-bar/index.mjs +3 -1
  41. package/esm2020/framework/top-bar/top-bar-compact-menu-btn-detail.directive.mjs +16 -0
  42. package/esm2020/framework/top-bar/top-bar-item.directive.mjs +10 -4
  43. package/esm2020/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.mjs +6 -4
  44. package/esm2020/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.mjs +16 -0
  45. package/esm2020/framework/top-bar/top-bar.component.mjs +55 -11
  46. package/esm2020/framework/top-bar/top-bar.module.mjs +15 -5
  47. package/esm2020/google-maps/google-maps-places-autocomplete/google-maps-places-autocomplete.component.mjs +3 -3
  48. package/esm2020/layout/layout.service.mjs +12 -2
  49. package/esm2020/menu/menu-toggle.directive.mjs +7 -2
  50. package/esm2020/story-helpers/story-modal-container.component.mjs +3 -3
  51. package/esm2020/tabbed/tabbed.component.mjs +25 -18
  52. package/esm2020/table-cell-types/table-cell-type-string/table-cell-type-string.component.mjs +4 -2
  53. package/esm2020/utils/geo-json/coerce-feature-collection.mjs +1 -1
  54. package/esm2020/utils/geo-json/is-feature-collection.validator.mjs +1 -1
  55. package/esm2020/utils/geo-json/is-only-geometry-types.mjs +1 -1
  56. package/esm2020/utils/geo-json/merge-polygons.mjs +1 -1
  57. package/esm2020/utils/geo-json/no-inner-rings.validator.mjs +1 -1
  58. package/esm2020/utils/geo-json/split-multi-polygons.mjs +1 -1
  59. package/fesm2015/theseam-ui-common-breadcrumbs.mjs +2 -2
  60. package/fesm2015/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  61. package/fesm2015/theseam-ui-common-datatable-dynamic.mjs +2 -2
  62. package/fesm2015/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  63. package/fesm2015/theseam-ui-common-datatable.mjs +56 -10
  64. package/fesm2015/theseam-ui-common-datatable.mjs.map +1 -1
  65. package/fesm2015/theseam-ui-common-form-field.mjs +92 -27
  66. package/fesm2015/theseam-ui-common-form-field.mjs.map +1 -1
  67. package/fesm2015/theseam-ui-common-framework.mjs +905 -156
  68. package/fesm2015/theseam-ui-common-framework.mjs.map +1 -1
  69. package/fesm2015/theseam-ui-common-google-maps.mjs +2 -2
  70. package/fesm2015/theseam-ui-common-google-maps.mjs.map +1 -1
  71. package/fesm2015/theseam-ui-common-layout.mjs +11 -2
  72. package/fesm2015/theseam-ui-common-layout.mjs.map +1 -1
  73. package/fesm2015/theseam-ui-common-menu.mjs +6 -1
  74. package/fesm2015/theseam-ui-common-menu.mjs.map +1 -1
  75. package/fesm2015/theseam-ui-common-story-helpers.mjs +2 -2
  76. package/fesm2015/theseam-ui-common-story-helpers.mjs.map +1 -1
  77. package/fesm2015/theseam-ui-common-tabbed.mjs +26 -19
  78. package/fesm2015/theseam-ui-common-tabbed.mjs.map +1 -1
  79. package/fesm2015/theseam-ui-common-table-cell-types.mjs +3 -1
  80. package/fesm2015/theseam-ui-common-table-cell-types.mjs.map +1 -1
  81. package/fesm2015/theseam-ui-common-utils.mjs.map +1 -1
  82. package/fesm2020/theseam-ui-common-breadcrumbs.mjs +2 -2
  83. package/fesm2020/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  84. package/fesm2020/theseam-ui-common-datatable-dynamic.mjs +2 -2
  85. package/fesm2020/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  86. package/fesm2020/theseam-ui-common-datatable.mjs +56 -10
  87. package/fesm2020/theseam-ui-common-datatable.mjs.map +1 -1
  88. package/fesm2020/theseam-ui-common-form-field.mjs +88 -27
  89. package/fesm2020/theseam-ui-common-form-field.mjs.map +1 -1
  90. package/fesm2020/theseam-ui-common-framework.mjs +907 -156
  91. package/fesm2020/theseam-ui-common-framework.mjs.map +1 -1
  92. package/fesm2020/theseam-ui-common-google-maps.mjs +2 -2
  93. package/fesm2020/theseam-ui-common-google-maps.mjs.map +1 -1
  94. package/fesm2020/theseam-ui-common-layout.mjs +11 -2
  95. package/fesm2020/theseam-ui-common-layout.mjs.map +1 -1
  96. package/fesm2020/theseam-ui-common-menu.mjs +6 -1
  97. package/fesm2020/theseam-ui-common-menu.mjs.map +1 -1
  98. package/fesm2020/theseam-ui-common-story-helpers.mjs +2 -2
  99. package/fesm2020/theseam-ui-common-story-helpers.mjs.map +1 -1
  100. package/fesm2020/theseam-ui-common-tabbed.mjs +24 -17
  101. package/fesm2020/theseam-ui-common-tabbed.mjs.map +1 -1
  102. package/fesm2020/theseam-ui-common-table-cell-types.mjs +3 -1
  103. package/fesm2020/theseam-ui-common-table-cell-types.mjs.map +1 -1
  104. package/fesm2020/theseam-ui-common-utils.mjs.map +1 -1
  105. package/form-field/form-field-required-indicator.component.d.ts +6 -1
  106. package/form-field/input.directive.d.ts +9 -15
  107. package/form-field/testing/form-field.harness.d.ts +14 -0
  108. package/form-field/testing/index.d.ts +1 -0
  109. package/framework/base-layout/base-layout.component.d.ts +4 -2
  110. package/framework/base-layout/base-layout.component.scss +18 -10
  111. package/framework/base-layout/base-layout.module.d.ts +11 -10
  112. package/framework/base-layout/directives/base-layout-nav-toggle.directive.d.ts +8 -3
  113. package/framework/base-layout/directives/base-layout-side-bar-header.directive.d.ts +9 -0
  114. package/framework/base-layout/index.d.ts +1 -0
  115. package/framework/base-layout/styles/_variables.scss +21 -0
  116. package/framework/nav/_nav-theme.scss +4 -0
  117. package/framework/nav/horizontal-nav/horizontal-nav.component.d.ts +25 -0
  118. package/framework/nav/horizontal-nav/horizontal-nav.component.scss +50 -0
  119. package/framework/nav/index.d.ts +5 -0
  120. package/framework/nav/nav-item/nav-item.component.d.ts +74 -0
  121. package/framework/nav/nav-item/nav-item.component.scss +203 -0
  122. package/framework/nav/nav-utils.d.ts +20 -0
  123. package/framework/nav/nav.models.d.ts +77 -0
  124. package/framework/nav/nav.module.d.ts +17 -0
  125. package/framework/nav/nav.service.d.ts +27 -0
  126. package/framework/nav/styles/_themes/light/_variables.scss +56 -0
  127. package/framework/nav/styles/_themes/primary/_variables.scss +56 -0
  128. package/framework/nav/styles/_utilities.scss +3 -0
  129. package/framework/nav/styles/_variables.scss +2 -0
  130. package/framework/public-api.d.ts +1 -0
  131. package/framework/side-nav/side-nav-item/side-nav-item.component.d.ts +7 -14
  132. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +7 -5
  133. package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.d.ts +5 -3
  134. package/framework/side-nav/side-nav-toggle/side-nav-toggle.component.scss +3 -6
  135. package/framework/side-nav/side-nav.component.d.ts +13 -1
  136. package/framework/side-nav/side-nav.component.scss +0 -1
  137. package/framework/side-nav/side-nav.models.d.ts +7 -1
  138. package/framework/side-nav/side-nav.module.d.ts +1 -9
  139. package/framework/side-nav/styles/_themes/light/_variables.scss +24 -14
  140. package/framework/side-nav/styles/_themes/primary/_variables.scss +8 -0
  141. package/framework/top-bar/index.d.ts +2 -0
  142. package/framework/top-bar/top-bar-compact-menu-btn-detail.directive.d.ts +8 -0
  143. package/framework/top-bar/top-bar-item.directive.d.ts +4 -1
  144. package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts +5 -2
  145. package/framework/top-bar/top-bar-nav-toggle-btn-detail.directive.d.ts +8 -0
  146. package/framework/top-bar/top-bar.component.d.ts +25 -3
  147. package/framework/top-bar/top-bar.component.scss +7 -2
  148. package/framework/top-bar/top-bar.module.d.ts +10 -8
  149. package/layout/layout.service.d.ts +9 -1
  150. package/menu/menu-toggle.directive.d.ts +2 -1
  151. package/package.json +2 -2
  152. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +57 -14
  153. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +33 -5
  154. package/tabbed/tabbed.component.d.ts +9 -4
@@ -1845,13 +1845,13 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
1845
1845
  }
1846
1846
  }
1847
1847
  TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1848
- TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, selector: "seam-google-maps-places-autocomplete", inputs: { label: "label", icon: "icon", disabled: "disabled", placeholder: "placeholder", autocorrect: "autocorrect", autocapitalize: "autocapitalize", tabIndex: "tabIndex", options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { listeners: { "click": "_onClick(event)", "focus": "_onFocus($event)" }, properties: { "attr.tabindex": "this._attrTabIndex" } }, viewQueries: [{ propertyName: "_inputDirective", first: true, predicate: ["inp"], descendants: true, read: InputDirective, static: true }, { propertyName: "__autocompleteDirective", first: true, predicate: TheSeamGoogleMapsPlacesAutocompleteDirective, descendants: true, static: true }], exportAs: ["seamGoogleMapsPlacesAutoComplete"], ngImport: i0, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\n <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\n</div>\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\n<input #inp=\"seamInput\"\n seamInput\n seamGoogleMapsPlacesAutocomplete\n [disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\"\n [attr.autocorrect]=\"autocorrect\"\n [attr.autocapitalize]=\"autocapitalize\"\n [options]=\"_options\"\n/>\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamGoogleMapsPlacesAutocompleteDirective, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: ["options"], outputs: ["placeChanged"], exportAs: ["seamGoogleMapsPlacesAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1848
+ TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, selector: "seam-google-maps-places-autocomplete", inputs: { label: "label", icon: "icon", disabled: "disabled", placeholder: "placeholder", autocorrect: "autocorrect", autocapitalize: "autocapitalize", tabIndex: "tabIndex", options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { listeners: { "click": "_onClick(event)", "focus": "_onFocus($event)" }, properties: { "attr.tabindex": "this._attrTabIndex" } }, viewQueries: [{ propertyName: "_inputDirective", first: true, predicate: ["inp"], descendants: true, read: InputDirective, static: true }, { propertyName: "__autocompleteDirective", first: true, predicate: TheSeamGoogleMapsPlacesAutocompleteDirective, descendants: true, static: true }], exportAs: ["seamGoogleMapsPlacesAutoComplete"], ngImport: i0, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\r\n <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\r\n</div>\r\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\r\n<input #inp=\"seamInput\"\r\n seamInput\r\n seamGoogleMapsPlacesAutocomplete\r\n [disabled]=\"disabled\"\r\n [attr.placeholder]=\"placeholder\"\r\n [attr.autocorrect]=\"autocorrect\"\r\n [attr.autocapitalize]=\"autocapitalize\"\r\n [options]=\"_options\"\r\n/>\r\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamGoogleMapsPlacesAutocompleteDirective, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: ["options"], outputs: ["placeChanged"], exportAs: ["seamGoogleMapsPlacesAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1849
1849
  __decorate([
1850
1850
  InputBoolean()
1851
1851
  ], TheSeamGoogleMapsPlacesAutoCompleteComponent.prototype, "disabled", void 0);
1852
1852
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, decorators: [{
1853
1853
  type: Component,
1854
- args: [{ selector: 'seam-google-maps-places-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMapsPlacesAutoComplete', template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\n <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\n</div>\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\n<input #inp=\"seamInput\"\n seamInput\n seamGoogleMapsPlacesAutocomplete\n [disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\"\n [attr.autocorrect]=\"autocorrect\"\n [attr.autocapitalize]=\"autocapitalize\"\n [options]=\"_options\"\n/>\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"] }]
1854
+ args: [{ selector: 'seam-google-maps-places-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMapsPlacesAutoComplete', template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\r\n <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\r\n</div>\r\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\r\n<input #inp=\"seamInput\"\r\n seamInput\r\n seamGoogleMapsPlacesAutocomplete\r\n [disabled]=\"disabled\"\r\n [attr.placeholder]=\"placeholder\"\r\n [attr.autocorrect]=\"autocorrect\"\r\n [attr.autocapitalize]=\"autocapitalize\"\r\n [options]=\"_options\"\r\n/>\r\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"] }]
1855
1855
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
1856
1856
  type: Input
1857
1857
  }], icon: [{