@natec/mef-dev-ui-kit 16.4.57 → 19.0.0-beta.1

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 (161) hide show
  1. package/fesm2022/natec-mef-dev-ui-kit.mjs +10894 -5478
  2. package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
  3. package/index.d.ts +5527 -5
  4. package/index.d.ts.map +1 -0
  5. package/package.json +6 -7
  6. package/src/lib/styles/pg/_mixins.scss +2 -523
  7. package/src/lib/styles/pg/_var.scss +29 -28
  8. package/src/lib/styles/pg/modules/_buttons.scss +55 -40
  9. package/src/lib/styles/pg/modules/_form_elements.scss +5 -4
  10. package/src/lib/styles/pg/modules/_header.scss +2 -2
  11. package/src/lib/styles/pg/modules/_secondary-sidebar.scss +3 -1
  12. package/src/lib/styles/pg/modules/_select.scss +59 -60
  13. package/src/lib/styles/pg/modules/_sidebar.scss +2 -1
  14. package/src/lib/styles/pg/utils.scss +0 -3
  15. package/esm2022/lib/markup-kit/card/card/card.component.mjs +0 -116
  16. package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +0 -169
  17. package/esm2022/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +0 -7
  18. package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs +0 -50
  19. package/esm2022/lib/markup-kit/card/card.module.mjs +0 -35
  20. package/esm2022/lib/markup-kit/card/index.mjs +0 -6
  21. package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +0 -149
  22. package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +0 -102
  23. package/esm2022/lib/markup-kit/collapse/collapse.module.mjs +0 -25
  24. package/esm2022/lib/markup-kit/collapse/index.mjs +0 -4
  25. package/esm2022/lib/markup-kit/executors/index.mjs +0 -5
  26. package/esm2022/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.mjs +0 -112
  27. package/esm2022/lib/markup-kit/executors/stage/stage.component.mjs +0 -27
  28. package/esm2022/lib/markup-kit/executors/step-executor/step-executor.component.mjs +0 -289
  29. package/esm2022/lib/markup-kit/executors/step-executor.module.mjs +0 -42
  30. package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs +0 -137
  31. package/esm2022/lib/markup-kit/modals/index.mjs +0 -7
  32. package/esm2022/lib/markup-kit/modals/markup-kit.module.mjs +0 -39
  33. package/esm2022/lib/markup-kit/modals/modal-size.enum.mjs +0 -2
  34. package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +0 -48
  35. package/esm2022/lib/markup-kit/modals/slide-right/slide-right.component.mjs +0 -134
  36. package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +0 -118
  37. package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +0 -59
  38. package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +0 -27
  39. package/esm2022/lib/markup-kit/page-layouts/index.mjs +0 -7
  40. package/esm2022/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +0 -73
  41. package/esm2022/lib/markup-kit/page-layouts/page-layouts.module.mjs +0 -41
  42. package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +0 -137
  43. package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +0 -42
  44. package/esm2022/lib/markup-kit/slider/index.mjs +0 -3
  45. package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs +0 -120
  46. package/esm2022/lib/markup-kit/slider/slider.module.mjs +0 -28
  47. package/esm2022/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.mjs +0 -607
  48. package/esm2022/lib/markup-kit/utils/datepicker/datepicker.module.mjs +0 -21
  49. package/esm2022/lib/markup-kit/utils/datepicker/index.mjs +0 -3
  50. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +0 -72
  51. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +0 -71
  52. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +0 -29
  53. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +0 -43
  54. package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +0 -13
  55. package/esm2022/lib/markup-kit/utils/filtered-field/index.mjs +0 -6
  56. package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +0 -72
  57. package/esm2022/lib/markup-kit/utils/help-block/hepl-block.module.mjs +0 -24
  58. package/esm2022/lib/markup-kit/utils/help-block/index.mjs +0 -3
  59. package/esm2022/lib/pg-components/card/card.components.mjs +0 -442
  60. package/esm2022/lib/pg-components/card/card.module.mjs +0 -24
  61. package/esm2022/lib/pg-components/card/index.mjs +0 -3
  62. package/esm2022/lib/pg-components/progress/index.mjs +0 -4
  63. package/esm2022/lib/pg-components/progress/progress.component.mjs +0 -80
  64. package/esm2022/lib/pg-components/progress/progress.config.mjs +0 -12
  65. package/esm2022/lib/pg-components/progress/progress.module.mjs +0 -22
  66. package/esm2022/lib/pg-components/select/index.mjs +0 -5
  67. package/esm2022/lib/pg-components/select/option.component.mjs +0 -93
  68. package/esm2022/lib/pg-components/select/option.pipe.mjs +0 -42
  69. package/esm2022/lib/pg-components/select/select.component.mjs +0 -782
  70. package/esm2022/lib/pg-components/select/select.module.mjs +0 -22
  71. package/esm2022/lib/pg-components/spec-flow-test/index.mjs +0 -3
  72. package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +0 -36
  73. package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +0 -25
  74. package/esm2022/lib/pg-components/switch/index.mjs +0 -3
  75. package/esm2022/lib/pg-components/switch/switch.component.mjs +0 -293
  76. package/esm2022/lib/pg-components/switch/switch.module.mjs +0 -18
  77. package/esm2022/lib/pg-components/tabs/index.mjs +0 -8
  78. package/esm2022/lib/pg-components/tabs/tab-body.component.mjs +0 -21
  79. package/esm2022/lib/pg-components/tabs/tab-label.directive.mjs +0 -45
  80. package/esm2022/lib/pg-components/tabs/tab.component.mjs +0 -102
  81. package/esm2022/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +0 -81
  82. package/esm2022/lib/pg-components/tabs/tabs-nav.component.mjs +0 -298
  83. package/esm2022/lib/pg-components/tabs/tabs.module.mjs +0 -23
  84. package/esm2022/lib/pg-components/tabs/tabset.component.mjs +0 -252
  85. package/esm2022/lib/pg-components/util/convert.mjs +0 -4
  86. package/esm2022/lib/pg-components/util/request-animation.mjs +0 -26
  87. package/esm2022/natec-mef-dev-ui-kit.mjs +0 -5
  88. package/esm2022/public-api.mjs +0 -17
  89. package/lib/markup-kit/card/card/card.component.d.ts +0 -90
  90. package/lib/markup-kit/card/card-long/card-long.component.d.ts +0 -135
  91. package/lib/markup-kit/card/card-long/cart-type-colors.enum.d.ts +0 -5
  92. package/lib/markup-kit/card/card-simple/card-simple.component.d.ts +0 -37
  93. package/lib/markup-kit/card/card.module.d.ts +0 -17
  94. package/lib/markup-kit/card/index.d.ts +0 -5
  95. package/lib/markup-kit/collapse/collapse/collapse.component.d.ts +0 -74
  96. package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts +0 -68
  97. package/lib/markup-kit/collapse/collapse.module.d.ts +0 -14
  98. package/lib/markup-kit/collapse/index.d.ts +0 -3
  99. package/lib/markup-kit/executors/index.d.ts +0 -4
  100. package/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.d.ts +0 -84
  101. package/lib/markup-kit/executors/stage/stage.component.d.ts +0 -12
  102. package/lib/markup-kit/executors/step-executor/step-executor.component.d.ts +0 -186
  103. package/lib/markup-kit/executors/step-executor.module.d.ts +0 -12
  104. package/lib/markup-kit/modals/fill/fill.component.d.ts +0 -80
  105. package/lib/markup-kit/modals/index.d.ts +0 -6
  106. package/lib/markup-kit/modals/markup-kit.module.d.ts +0 -12
  107. package/lib/markup-kit/modals/modal-size.enum.d.ts +0 -5
  108. package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +0 -27
  109. package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts +0 -76
  110. package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +0 -64
  111. package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +0 -37
  112. package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +0 -21
  113. package/lib/markup-kit/page-layouts/index.d.ts +0 -6
  114. package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts +0 -58
  115. package/lib/markup-kit/page-layouts/page-layouts.module.d.ts +0 -12
  116. package/lib/markup-kit/page-layouts/profile/profile.component.d.ts +0 -107
  117. package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +0 -32
  118. package/lib/markup-kit/slider/index.d.ts +0 -2
  119. package/lib/markup-kit/slider/slider/slider.component.d.ts +0 -93
  120. package/lib/markup-kit/slider/slider.module.d.ts +0 -9
  121. package/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.d.ts +0 -421
  122. package/lib/markup-kit/utils/datepicker/datepicker.module.d.ts +0 -10
  123. package/lib/markup-kit/utils/datepicker/index.d.ts +0 -2
  124. package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +0 -42
  125. package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts +0 -56
  126. package/lib/markup-kit/utils/filtered-field/filtered-field.module.d.ts +0 -9
  127. package/lib/markup-kit/utils/filtered-field/filtered-field.service.d.ts +0 -28
  128. package/lib/markup-kit/utils/filtered-field/filtred-item.model.d.ts +0 -7
  129. package/lib/markup-kit/utils/filtered-field/index.d.ts +0 -5
  130. package/lib/markup-kit/utils/help-block/help-block.component.d.ts +0 -37
  131. package/lib/markup-kit/utils/help-block/hepl-block.module.d.ts +0 -9
  132. package/lib/markup-kit/utils/help-block/index.d.ts +0 -2
  133. package/lib/pg-components/card/card.components.d.ts +0 -241
  134. package/lib/pg-components/card/card.module.d.ts +0 -11
  135. package/lib/pg-components/card/index.d.ts +0 -2
  136. package/lib/pg-components/progress/index.d.ts +0 -3
  137. package/lib/pg-components/progress/progress.component.d.ts +0 -50
  138. package/lib/pg-components/progress/progress.config.d.ts +0 -7
  139. package/lib/pg-components/progress/progress.module.d.ts +0 -10
  140. package/lib/pg-components/select/index.d.ts +0 -4
  141. package/lib/pg-components/select/option.component.d.ts +0 -54
  142. package/lib/pg-components/select/option.pipe.d.ts +0 -8
  143. package/lib/pg-components/select/select.component.d.ts +0 -139
  144. package/lib/pg-components/select/select.module.d.ts +0 -12
  145. package/lib/pg-components/spec-flow-test/index.d.ts +0 -2
  146. package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +0 -22
  147. package/lib/pg-components/spec-flow-test/spec-flow-test.module.d.ts +0 -10
  148. package/lib/pg-components/switch/index.d.ts +0 -2
  149. package/lib/pg-components/switch/switch.component.d.ts +0 -185
  150. package/lib/pg-components/switch/switch.module.d.ts +0 -8
  151. package/lib/pg-components/tabs/index.d.ts +0 -7
  152. package/lib/pg-components/tabs/tab-body.component.d.ts +0 -13
  153. package/lib/pg-components/tabs/tab-label.directive.d.ts +0 -15
  154. package/lib/pg-components/tabs/tab.component.d.ts +0 -67
  155. package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +0 -23
  156. package/lib/pg-components/tabs/tabs-nav.component.d.ts +0 -79
  157. package/lib/pg-components/tabs/tabs.module.d.ts +0 -13
  158. package/lib/pg-components/tabs/tabset.component.d.ts +0 -137
  159. package/lib/pg-components/util/convert.d.ts +0 -1
  160. package/lib/pg-components/util/request-animation.d.ts +0 -1
  161. package/public-api.d.ts +0 -15
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc2l6ZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL21vZGFsLXNpemUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGVudW0gTW9kYWxTaXplIHtcclxuICAgIHNtID0gJ3NtJyxcclxuICAgIG1kID0gJ21kJyxcclxuICAgIGxnID0gJ2xnJyxcclxuICB9Il19
@@ -1,48 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "../../utils/filtered-field/filtered-field.service";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "../slide-right/slide-right.component";
6
- /**
7
- * Component representing the right filter.
8
- */
9
- export class RightFilterComponent {
10
- filteredFieldService;
11
- /**
12
- * Flag indicating whether the right filter is open or closed.
13
- */
14
- isOpen = false;
15
- showStandartOpenButton = true;
16
- constructor(filteredFieldService) {
17
- this.filteredFieldService = filteredFieldService;
18
- }
19
- ngOnInit() {
20
- // Subscribe to the open filter event from the FilteredFieldService
21
- // and update the isOpen flag accordingly.
22
- this.filteredFieldService.getOpenFilter().subscribe(() => {
23
- this.isOpen = true;
24
- });
25
- }
26
- /**
27
- * Opens or closes the right filter modal.
28
- */
29
- openModal() {
30
- this.isOpen = !this.isOpen;
31
- }
32
- /**
33
- * Event handler for when the modal is closed.
34
- * Sets the isOpen flag to false.
35
- */
36
- modalIsCloused() {
37
- this.isOpen = false;
38
- }
39
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RightFilterComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
40
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RightFilterComponent, selector: "mefdev-right-filter", inputs: { showStandartOpenButton: "showStandartOpenButton" }, ngImport: i0, template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:56px;top:50px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
41
- }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RightFilterComponent, decorators: [{
43
- type: Component,
44
- args: [{ selector: 'mefdev-right-filter', template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:56px;top:50px;cursor:pointer}\n"] }]
45
- }], ctorParameters: function () { return [{ type: i1.FilteredFieldService }]; }, propDecorators: { showStandartOpenButton: [{
46
- type: Input
47
- }] } });
48
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQUl6RDs7R0FFRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFVckI7SUFSVjs7T0FFRztJQUNILE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFZixzQkFBc0IsR0FBWSxJQUFJLENBQUM7SUFFaEQsWUFDVSxvQkFBMEM7UUFBMUMseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFzQjtJQUFLLENBQUM7SUFFMUQsUUFBUTtRQUNOLG1FQUFtRTtRQUNuRSwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDdkQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxTQUFTO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDN0IsQ0FBQztJQUVEOzs7T0FHRztJQUNILGNBQWM7UUFDWixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDO3dHQWpDVSxvQkFBb0I7NEZBQXBCLG9CQUFvQix5SENaakMsNlRBVTJCOzs0RkRFZCxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UscUJBQXFCOzJHQVd0QixzQkFBc0I7c0JBQTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmlsdGVyZWRGaWVsZFNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9maWx0ZXJlZC1maWVsZC9maWx0ZXJlZC1maWVsZC5zZXJ2aWNlJztcclxuXHJcblxyXG4vKipcclxuICogQ29tcG9uZW50IHJlcHJlc2VudGluZyB0aGUgcmlnaHQgZmlsdGVyLlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtcmlnaHQtZmlsdGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmlnaHQtZmlsdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yaWdodC1maWx0ZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmlnaHRGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgcmlnaHQgZmlsdGVyIGlzIG9wZW4gb3IgY2xvc2VkLlxyXG4gICAqL1xyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIFxyXG4gIEBJbnB1dCgpIHNob3dTdGFuZGFydE9wZW5CdXR0b246IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZmlsdGVyZWRGaWVsZFNlcnZpY2U6IEZpbHRlcmVkRmllbGRTZXJ2aWNlLCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy8gU3Vic2NyaWJlIHRvIHRoZSBvcGVuIGZpbHRlciBldmVudCBmcm9tIHRoZSBGaWx0ZXJlZEZpZWxkU2VydmljZVxyXG4gICAgLy8gYW5kIHVwZGF0ZSB0aGUgaXNPcGVuIGZsYWcgYWNjb3JkaW5nbHkuXHJcbiAgICB0aGlzLmZpbHRlcmVkRmllbGRTZXJ2aWNlLmdldE9wZW5GaWx0ZXIoKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLmlzT3BlbiA9IHRydWU7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE9wZW5zIG9yIGNsb3NlcyB0aGUgcmlnaHQgZmlsdGVyIG1vZGFsLlxyXG4gICAqL1xyXG4gIG9wZW5Nb2RhbCgpe1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBoYW5kbGVyIGZvciB3aGVuIHRoZSBtb2RhbCBpcyBjbG9zZWQuXHJcbiAgICogU2V0cyB0aGUgaXNPcGVuIGZsYWcgdG8gZmFsc2UuXHJcbiAgICovXHJcbiAgbW9kYWxJc0Nsb3VzZWQoKXtcclxuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcbiAgfVxyXG4gIFxyXG59XHJcbiIsIjxkaXYgXHJcbipuZ0lmPVwic2hvd1N0YW5kYXJ0T3BlbkJ1dHRvblwiXHJcbmNsYXNzPVwiZmlsdGVyLWJ0blwiIFxyXG4oY2xpY2spPVwib3Blbk1vZGFsKClcIlxyXG4+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWZpbHRlclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuPC9kaXY+XHJcblxyXG48bWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsIFtzaG93XT1cImlzT3BlblwiIChpc0Nsb3VzZSk9XCJtb2RhbElzQ2xvdXNlZCgpXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsPiJdfQ==
@@ -1,134 +0,0 @@
1
- import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
- import { animate, style, transition, trigger } from '@angular/animations';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- /**
6
- * A component representing a slide-right modal window.
7
- *
8
- * Example of usage:
9
- *
10
- * ```
11
- * <mefdev-slide-right-modal [size]="ModalSize.lg" [show]="showModal">
12
- * <ng-template #modal_header>
13
- * <h4>Modal Header</h4>
14
- * </ng-template>
15
- * <ng-template #modal_footer>
16
- * <button (click)="closeModal()">Close</button>
17
- * </ng-template>
18
- * <div class="modal-body">
19
- * Content goes here...
20
- * </div>
21
- * </mefdev-slide-right-modal>
22
- * ```
23
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/modals/slide_right</example-url>
24
- */
25
- export class SlideRightComponent {
26
- visible = false;
27
- dialog;
28
- /**
29
- * Reference to the template for the modal header.
30
- * Use this template to customize the header of the modal.
31
- */
32
- modal_header;
33
- /**
34
- * Reference to the template for the modal footer.
35
- * Use this template to customize the footer of the modal.
36
- */
37
- modal_footer;
38
- /**
39
- * Size of the modal.
40
- * Defaults to `ModalSize.md`.
41
- * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
42
- */
43
- size = "md" /* ModalSize.md */;
44
- /**
45
- * Flag indicating whether the modal should be shown or hidden.
46
- * Set it to `true` to show the modal and `false` to hide it.
47
- */
48
- set show(val) {
49
- if (val) {
50
- this.showModal();
51
- }
52
- else {
53
- this.hideModal();
54
- }
55
- }
56
- ;
57
- /**
58
- * Event emitted when the modal is change state.
59
- * Emits a boolean value indicating if the modal is closed(false), or open(true).
60
- * Example:
61
- * ```
62
- * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
63
- * ```
64
- */
65
- visibleChange = new EventEmitter();
66
- constructor() { }
67
- ngOnInit() {
68
- }
69
- /**
70
- * Shows the modal state.
71
- * Return a boolean value indicating if the modal is closed(false), or open(true)
72
- */
73
- getModalState() {
74
- return this.visible;
75
- }
76
- /**
77
- * Shows the modal.
78
- * Call this method to open the modal window.
79
- */
80
- showModal() {
81
- this.visible = true;
82
- this.visibleChange.emit(this.visible);
83
- }
84
- /**
85
- * Hides the modal.
86
- * Call this method to close the modal window.
87
- */
88
- hideModal() {
89
- this.visible = false;
90
- this.visibleChange.emit(this.visible);
91
- }
92
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
93
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: { size: "size", show: "show" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\r\n <div *ngIf=\"modal_header\" class=\"header\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"modal_footer\" class=\"footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#0003;z-index:999}.dialog{z-index:1000;position:fixed;right:0;top:0;height:100%;width:500px;background-color:#fff;padding:16px;overflow-y:auto}@media (max-width: 768px){.dialog{width:300px}}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
94
- trigger('dialog', [
95
- transition('void => *', [
96
- style({ transform: 'translate3d(100%,0,0)' }),
97
- animate(100)
98
- ]),
99
- transition('* => void', [
100
- animate(100, style({ transform: 'translate3d(100%, 0, 0)' }))
101
- ])
102
- ])
103
- ] });
104
- }
105
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideRightComponent, decorators: [{
106
- type: Component,
107
- args: [{ selector: 'mefdev-slide-right-modal', animations: [
108
- trigger('dialog', [
109
- transition('void => *', [
110
- style({ transform: 'translate3d(100%,0,0)' }),
111
- animate(100)
112
- ]),
113
- transition('* => void', [
114
- animate(100, style({ transform: 'translate3d(100%, 0, 0)' }))
115
- ])
116
- ])
117
- ], template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\" #dialog>\r\n\r\n <div *ngIf=\"modal_header\" class=\"header\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"modal_footer\" class=\"footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#0003;z-index:999}.dialog{z-index:1000;position:fixed;right:0;top:0;height:100%;width:500px;background-color:#fff;padding:16px;overflow-y:auto}@media (max-width: 768px){.dialog{width:300px}}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;top:8px;right:8px;font-size:1.2em;z-index:1001}\n"] }]
118
- }], ctorParameters: function () { return []; }, propDecorators: { dialog: [{
119
- type: ViewChild,
120
- args: ['dialog']
121
- }], modal_header: [{
122
- type: ContentChild,
123
- args: ["modal_header"]
124
- }], modal_footer: [{
125
- type: ContentChild,
126
- args: ["modal_footer"]
127
- }], size: [{
128
- type: Input
129
- }], show: [{
130
- type: Input
131
- }], visibleChange: [{
132
- type: Output
133
- }] } });
134
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtcmlnaHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS1yaWdodC9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHakksT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFHMUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFtQkk7QUFpQkosTUFBTSxPQUFPLG1CQUFtQjtJQUNwQixPQUFPLEdBQVksS0FBSyxDQUFDO0lBRUosTUFBTSxDQUFhO0lBRWxEOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTlEOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTlEOzs7O09BSUc7SUFDTSxJQUFJLDJCQUEwQjtJQUV2Qzs7O09BR0c7SUFDSCxJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQUVGOzs7Ozs7O09BT0c7SUFDTyxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUV0RCxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVEOzs7T0FHRztJQUNILGFBQWE7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQzt3R0E1RVUsbUJBQW1COzRGQUFuQixtQkFBbUIsZ2NDMUNoQyxzZkFjQSxtcUJEZ0JjO1lBQ1YsT0FBTyxDQUFDLFFBQVEsRUFBRTtnQkFDaEIsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDdEIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLENBQUM7b0JBQzdDLE9BQU8sQ0FBQyxHQUFHLENBQUM7aUJBQ2IsQ0FBQztnQkFDRixVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixPQUFPLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxDQUFDLENBQUM7aUJBQzlELENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLG1CQUFtQjtrQkFoQi9CLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCO3dCQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7NEJBQ2hCLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxDQUFDO2dDQUM3QyxPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNiLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtnQ0FDdEIsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUseUJBQXlCLEVBQUUsQ0FBQyxDQUFDOzZCQUM5RCxDQUFDO3lCQUNILENBQUM7cUJBQ0g7MEVBSzhCLE1BQU07c0JBQXBDLFNBQVM7dUJBQUMsUUFBUTtnQkFNVyxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBTUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQU9uQixJQUFJO3NCQUFaLEtBQUs7Z0JBTU8sSUFBSTtzQkFBaEIsS0FBSztnQkFpQkksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcblxyXG4vKipcclxuICAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBzbGlkZS1yaWdodCBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtc2xpZGUtcmlnaHQtbW9kYWwgW3NpemVdPVwiTW9kYWxTaXplLmxnXCIgW3Nob3ddPVwic2hvd01vZGFsXCI+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICogICAgIDxoND5Nb2RhbCBIZWFkZXI8L2g0PlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZU1vZGFsKClcIj5DbG9zZTwvYnV0dG9uPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICogICAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiAgIDwvZGl2PlxyXG4gICogPC9tZWZkZXYtc2xpZGUtcmlnaHQtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL3BsYXRmb3JtLm1lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9wYWdlX2NvbXBvbmVudHMvbW9kYWxzL3NsaWRlX3JpZ2h0PC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1zbGlkZS1yaWdodC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXJpZ2h0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZS1yaWdodC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2RpYWxvZycsIFtcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMTAwJSwwLDApJyB9KSxcclxuICAgICAgICBhbmltYXRlKDEwMClcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIFtcclxuICAgICAgICBhbmltYXRlKDEwMCwgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgxMDAlLCAwLCAwKScgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlUmlnaHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHByb3RlY3RlZCB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2RpYWxvZycpIHByb3RlY3RlZCBkaWFsb2c6IEVsZW1lbnRSZWY7XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBoZWFkZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBoZWFkZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9oZWFkZXJcIikgbW9kYWxfaGVhZGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIG1vZGFsIGZvb3Rlci5cclxuICAgKiBVc2UgdGhpcyB0ZW1wbGF0ZSB0byBjdXN0b21pemUgdGhlIGZvb3RlciBvZiB0aGUgbW9kYWwuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2Zvb3RlclwiKSBtb2RhbF9mb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBTaXplIG9mIHRoZSBtb2RhbC5cclxuICAgKiBEZWZhdWx0cyB0byBgTW9kYWxTaXplLm1kYC5cclxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IGBNb2RhbFNpemUuc21gLCBgTW9kYWxTaXplLm1kYCwgYE1vZGFsU2l6ZS5sZ2AsIGBNb2RhbFNpemUueGxgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNpemU6TW9kYWxTaXplID0gTW9kYWxTaXplLm1kO1xyXG5cclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIGhpZGRlbi5cclxuICAgKiBTZXQgaXQgdG8gYHRydWVgIHRvIHNob3cgdGhlIG1vZGFsIGFuZCBgZmFsc2VgIHRvIGhpZGUgaXQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKHZhbCl7XHJcbiAgICAgIHRoaXMuc2hvd01vZGFsKCk7XHJcbiAgICB9XHJcbiAgICBlbHNle1xyXG4gICAgICB0aGlzLmhpZGVNb2RhbCgpO1xyXG4gICAgfVxyXG4gIH07XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgbW9kYWwgaXMgY2hhbmdlIHN0YXRlLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIGlmIHRoZSBtb2RhbCBpcyBjbG9zZWQoZmFsc2UpLCBvciBvcGVuKHRydWUpLlxyXG4gICAqIEV4YW1wbGU6XHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1maWxsLW1vZGFsICh2aXNpYmxlQ2hhbmdlKT1cIm9uTW9kYWxDbG9zZWQoJGV2ZW50KVwiPjwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsIHN0YXRlLlxyXG4gICAqIFJldHVybiBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkKGZhbHNlKSwgb3Igb3Blbih0cnVlKVxyXG4gICAqL1xyXG4gIGdldE1vZGFsU3RhdGUoKTogYm9vbGVhbntcclxuICAgIHJldHVybiB0aGlzLnZpc2libGU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBvcGVuIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIHNob3dNb2RhbCgpe1xyXG4gICAgdGhpcy52aXNpYmxlID0gdHJ1ZTtcclxuICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIaWRlcyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBjbG9zZSB0aGUgbW9kYWwgd2luZG93LlxyXG4gICAqL1xyXG4gIHB1YmxpYyBoaWRlTW9kYWwoKXtcclxuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy52aXNpYmxlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBbQGRpYWxvZ10gKm5nSWY9XCJ2aXNpYmxlXCIgY2xhc3M9XCJkaWFsb2dcIiAjZGlhbG9nPlxyXG5cclxuICA8ZGl2ICpuZ0lmPVwibW9kYWxfaGVhZGVyXCIgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJtb2RhbF9mb290ZXJcIiBjbGFzcz1cImZvb3RlclwiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2ICpuZ0lmPVwidmlzaWJsZVwiIGNsYXNzPVwib3ZlcmxheVwiIChjbGljayk9XCJoaWRlTW9kYWwoKVwiPjwvZGl2PlxyXG4iXX0=
@@ -1,118 +0,0 @@
1
- import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
2
- import { animate, style, transition, trigger } from '@angular/animations';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- /**
6
- * A component representing a slide-up modal window.
7
- *
8
- * Example of usage:
9
- *
10
- * ```
11
- * <mefdev-slide-up-modal [show]="showModal">
12
- * <ng-template #modal_header>
13
- * <h4>Modal Header</h4>
14
- * </ng-template>
15
- * <ng-template #modal_footer>
16
- * <button (click)="closeModal()">Close</button>
17
- * </ng-template>
18
- * <div class="modal-body">
19
- * Content goes here...
20
- * </div>
21
- * </mefdev-slide-up-modal>
22
- * ```
23
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/modals/slide_up</example-url>
24
- */
25
- export class SlideUpComponent {
26
- visible = false;
27
- /**
28
- * Reference to the template for the modal header.
29
- * Use this template to customize the header of the modal.
30
- */
31
- modal_header;
32
- /**
33
- * Reference to the template for the modal footer.
34
- * Use this template to customize the footer of the modal.
35
- */
36
- modal_footer;
37
- /**
38
- * Flag indicating whether the modal should be shown or hidden.
39
- * Set it to `true` to show the modal and `false` to hide it.
40
- */
41
- set show(val) {
42
- if (val) {
43
- this.showModal();
44
- }
45
- else {
46
- this.hideModal();
47
- }
48
- }
49
- ;
50
- /**
51
- * Event emitted when the modal is change state.
52
- * Emits a boolean value indicating if the modal is closed(false), or open(true).
53
- */
54
- visibleChange = new EventEmitter();
55
- constructor() { }
56
- ngOnInit() {
57
- }
58
- /**
59
- * Shows the modal state.
60
- * Return a boolean value indicating if the modal is closed(false), or open(true)
61
- */
62
- getModalState() {
63
- return this.visible;
64
- }
65
- /**
66
- * Shows the modal.
67
- * Call this method to open the modal window.
68
- */
69
- showModal() {
70
- this.visible = true;
71
- this.visibleChange.emit(this.visible);
72
- }
73
- /**
74
- * Hides the modal.
75
- * Call this method to close the modal window.
76
- */
77
- hideModal() {
78
- this.visible = false;
79
- this.visibleChange.emit(this.visible);
80
- }
81
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
82
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideUpComponent, selector: "mefdev-slide-up-modal", inputs: { show: "show" }, outputs: { visibleChange: "visibleChange" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], ngImport: i0, template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\">\r\n\t<button (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n\t<div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.dialog{z-index:1000;position:fixed;inset:50% 0;margin:auto;min-height:200px;max-height:90%;min-width:520px;max-width:90%;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;overflow:auto;background-color:#fff;padding:12px;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;z-index:10002;top:8px;right:8px;font-size:1.2em}.modal-content .modal-body{min-height:120px;padding-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
83
- trigger('dialog', [
84
- transition('void => *', [
85
- style({ transform: 'scale3d(.3, .3, .3)' }),
86
- animate(100)
87
- ]),
88
- transition('* => void', [
89
- animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
90
- ])
91
- ])
92
- ] });
93
- }
94
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideUpComponent, decorators: [{
95
- type: Component,
96
- args: [{ selector: 'mefdev-slide-up-modal', animations: [
97
- trigger('dialog', [
98
- transition('void => *', [
99
- style({ transform: 'scale3d(.3, .3, .3)' }),
100
- animate(100)
101
- ]),
102
- transition('* => void', [
103
- animate(100, style({ transform: 'scale3d(.0, .0, .0)' }))
104
- ])
105
- ])
106
- ], template: "<div [@dialog] *ngIf=\"visible\" class=\"dialog\">\r\n\t<button (click)=\"hideModal()\" aria-label=\"Close\" class=\"dialog__close-btn\">X</button>\r\n\t<div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n<div *ngIf=\"visible\" class=\"overlay\" (click)=\"hideModal()\"></div>\r\n", styles: [".overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.dialog{z-index:1000;position:fixed;inset:50% 0;margin:auto;min-height:200px;max-height:90%;min-width:520px;max-width:90%;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;overflow:auto;background-color:#fff;padding:12px;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.dialog__close-btn{border:0;background:none;color:#2d2d2d;position:absolute;z-index:10002;top:8px;right:8px;font-size:1.2em}.modal-content .modal-body{min-height:120px;padding-bottom:10px}\n"] }]
107
- }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
108
- type: ContentChild,
109
- args: ["modal_header"]
110
- }], modal_footer: [{
111
- type: ContentChild,
112
- args: ["modal_footer"]
113
- }], show: [{
114
- type: Input
115
- }], visibleChange: [{
116
- type: Output
117
- }] } });
118
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS11cC9zbGlkZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFHckgsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFFeEU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFtQkU7QUFpQkosTUFBTSxPQUFPLGdCQUFnQjtJQUNqQixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ25DOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTlEOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBQzlEOzs7T0FHRztJQUNILElBQWEsSUFBSSxDQUFDLEdBQVk7UUFDNUIsSUFBRyxHQUFHLEVBQUM7WUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFDRztZQUNGLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7SUFBQSxDQUFDO0lBRUY7OztPQUdHO0lBQ08sYUFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFdEQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRDs7O09BR0c7SUFDSCxhQUFhO1FBQ1gsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxTQUFTO1FBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRDs7O09BR0c7SUFDSSxTQUFTO1FBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7d0dBN0RVLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDZVQ3pDN0IsK29CQWVBLDg0QkRjYztZQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7Z0JBQ2hCLFVBQVUsQ0FBQyxXQUFXLEVBQUU7b0JBQ3RCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxxQkFBcUIsRUFBRSxDQUFDO29CQUMzQyxPQUFPLENBQUMsR0FBRyxDQUFDO2lCQUNiLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDdEIsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO2lCQUMxRCxDQUFDO2FBQ0gsQ0FBQztTQUNIOzs0RkFFVSxnQkFBZ0I7a0JBaEI1QixTQUFTOytCQUNFLHVCQUF1QixjQUdyQjt3QkFDVixPQUFPLENBQUMsUUFBUSxFQUFFOzRCQUNoQixVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsQ0FBQztnQ0FDM0MsT0FBTyxDQUFDLEdBQUcsQ0FBQzs2QkFDYixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHFCQUFxQixFQUFFLENBQUMsQ0FBQzs2QkFDMUQsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzBFQVE2QixZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBTUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUtmLElBQUk7c0JBQWhCLEtBQUs7Z0JBYUksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbiAgLyoqXHJcbiAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBzbGlkZS11cCBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtc2xpZGUtdXAtbW9kYWwgW3Nob3ddPVwic2hvd01vZGFsXCI+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICogICAgIDxoND5Nb2RhbCBIZWFkZXI8L2g0PlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZU1vZGFsKClcIj5DbG9zZTwvYnV0dG9uPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICogICAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiAgIDwvZGl2PlxyXG4gICogPC9tZWZkZXYtc2xpZGUtdXAtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL3BsYXRmb3JtLm1lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9wYWdlX2NvbXBvbmVudHMvbW9kYWxzL3NsaWRlX3VwPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1zbGlkZS11cC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZS11cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2RpYWxvZycsIFtcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCguMywgLjMsIC4zKScgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgxMDApXHJcbiAgICAgIF0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCcqID0+IHZvaWQnLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgxMDAsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCguMCwgLjAsIC4wKScgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlVXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHByb3RlY3RlZCB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB0ZW1wbGF0ZSBmb3IgdGhlIG1vZGFsIGhlYWRlci5cclxuICAgKiBVc2UgdGhpcyB0ZW1wbGF0ZSB0byBjdXN0b21pemUgdGhlIGhlYWRlciBvZiB0aGUgbW9kYWwuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2hlYWRlclwiKSBtb2RhbF9oZWFkZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHRlbXBsYXRlIGZvciB0aGUgbW9kYWwgZm9vdGVyLlxyXG4gICAqIFVzZSB0aGlzIHRlbXBsYXRlIHRvIGN1c3RvbWl6ZSB0aGUgZm9vdGVyIG9mIHRoZSBtb2RhbC5cclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfZm9vdGVyXCIpIG1vZGFsX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcbiAgLyoqXHJcbiAgICogRmxhZyBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBiZSBzaG93biBvciBoaWRkZW4uXHJcbiAgICogU2V0IGl0IHRvIGB0cnVlYCB0byBzaG93IHRoZSBtb2RhbCBhbmQgYGZhbHNlYCB0byBoaWRlIGl0LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBzaG93KHZhbDogYm9vbGVhbil7XHJcbiAgICBpZih2YWwpe1xyXG4gICAgICB0aGlzLnNob3dNb2RhbCgpO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgdGhpcy5oaWRlTW9kYWwoKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIG1vZGFsIGlzIGNoYW5nZSBzdGF0ZS5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyBpZiB0aGUgbW9kYWwgaXMgY2xvc2VkKGZhbHNlKSwgb3Igb3Blbih0cnVlKS5cclxuICAgKi9cclxuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgbW9kYWwgc3RhdGUuXHJcbiAgICogUmV0dXJuIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIGlmIHRoZSBtb2RhbCBpcyBjbG9zZWQoZmFsc2UpLCBvciBvcGVuKHRydWUpXHJcbiAgICovXHJcbiAgZ2V0TW9kYWxTdGF0ZSgpOiBib29sZWFue1xyXG4gICAgcmV0dXJuIHRoaXMudmlzaWJsZTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNob3dzIHRoZSBtb2RhbC5cclxuICAgKiBDYWxsIHRoaXMgbWV0aG9kIHRvIG9wZW4gdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgc2hvd01vZGFsKCl7XHJcbiAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xyXG4gICAgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy52aXNpYmxlKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhpZGVzIHRoZSBtb2RhbC5cclxuICAgKiBDYWxsIHRoaXMgbWV0aG9kIHRvIGNsb3NlIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIGhpZGVNb2RhbCgpe1xyXG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XHJcbiAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLnZpc2libGUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtAZGlhbG9nXSAqbmdJZj1cInZpc2libGVcIiBjbGFzcz1cImRpYWxvZ1wiPlxyXG5cdDxidXR0b24gKGNsaWNrKT1cImhpZGVNb2RhbCgpXCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgY2xhc3M9XCJkaWFsb2dfX2Nsb3NlLWJ0blwiPlg8L2J1dHRvbj5cclxuXHQ8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlciBjbGVhcmZpeCB0ZXh0LWxlZnRcIj5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2RhbF9oZWFkZXJcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2RhbF9mb290ZXJcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxkaXYgKm5nSWY9XCJ2aXNpYmxlXCIgY2xhc3M9XCJvdmVybGF5XCIgKGNsaWNrKT1cImhpZGVNb2RhbCgpXCI+PC9kaXY+XHJcbiJdfQ==
@@ -1,59 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * A component representing a central page layout.
6
- *
7
- * Example of usage:
8
- *
9
- * ```
10
- * <mefdev-central-page [width]="'80%'">
11
- * Content goes here...
12
- * </mefdev-central-page>
13
- * ```
14
- *
15
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_layouts/central_page</example-url>
16
- */
17
- export class CentralPageComponent {
18
- constructor() {
19
- }
20
- /**
21
- * The width of the central page.
22
- * Defaults to '100%'.
23
- * You can specify the width using CSS units (e.g., '80%', '500px').
24
- */
25
- width = '100%';
26
- /**
27
- * Lifecycle hook called just before the component is destroyed.
28
- * Removes the height style from the main content element.
29
- */
30
- ngOnDestroy() {
31
- try {
32
- document.getElementById('dataMainContent').style.height = '';
33
- }
34
- catch (ex) { }
35
- ;
36
- }
37
- ngOnInit() {
38
- }
39
- /**
40
- * Lifecycle hook called after the component's view has been checked.
41
- * Sets the height of the main content element to '100%'.
42
- */
43
- ngAfterViewChecked() {
44
- try {
45
- document.getElementById('dataMainContent').style.height = '100%';
46
- }
47
- catch (ex) { }
48
- ;
49
- }
50
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CentralPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
51
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CentralPageComponent, selector: "mefdev-central-page", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n ", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
52
- }
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CentralPageComponent, decorators: [{
54
- type: Component,
55
- args: [{ selector: 'mefdev-central-page', template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n " }]
56
- }], ctorParameters: function () { return []; }, propDecorators: { width: [{
57
- type: Input
58
- }] } });
59
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7OztBQUV0Rjs7Ozs7Ozs7Ozs7O0lBWUk7QUFNSixNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO0lBRUEsQ0FBQztJQUVEOzs7O09BSUc7SUFDTSxLQUFLLEdBQVcsTUFBTSxDQUFDO0lBRWhDOzs7T0FHRztJQUNILFdBQVc7UUFDVCxJQUFHO1lBQ0QsUUFBUSxDQUFDLGNBQWMsQ0FBQyxpQkFBaUIsQ0FBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1NBQy9EO1FBQUEsT0FBTSxFQUFFLEVBQUMsR0FBRTtRQUFBLENBQUM7SUFDZixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFQTs7O01BR0U7SUFDSCxrQkFBa0I7UUFDaEIsSUFBRztZQUNELFFBQVEsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtTQUNsRTtRQUFBLE9BQU0sRUFBRSxFQUFDLEdBQUU7UUFBQSxDQUFDO0lBQ2YsQ0FBQzt3R0FsQ1Usb0JBQW9COzRGQUFwQixvQkFBb0IsdUZDcEJqQyw2TEFLRTs7NEZEZVcsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHFCQUFxQjswRUFldEIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3Q2hlY2tlZCwgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gICogQSBjb21wb25lbnQgcmVwcmVzZW50aW5nIGEgY2VudHJhbCBwYWdlIGxheW91dC5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1jZW50cmFsLXBhZ2UgW3dpZHRoXT1cIic4MCUnXCI+XHJcbiAgKiAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiA8L21lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAgKiBgYGBcclxuICAqXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9sYXlvdXRzL2NlbnRyYWxfcGFnZTwvZXhhbXBsZS11cmw+XHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY2VudHJhbC1wYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2VudHJhbC1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jZW50cmFsLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2VudHJhbFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHdpZHRoIG9mIHRoZSBjZW50cmFsIHBhZ2UuXHJcbiAgICogRGVmYXVsdHMgdG8gJzEwMCUnLlxyXG4gICAqIFlvdSBjYW4gc3BlY2lmeSB0aGUgd2lkdGggdXNpbmcgQ1NTIHVuaXRzIChlLmcuLCAnODAlJywgJzUwMHB4JykuXHJcbiAgICovXHJcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICcxMDAlJztcclxuXHJcbiAgLyoqXHJcbiAgICogTGlmZWN5Y2xlIGhvb2sgY2FsbGVkIGp1c3QgYmVmb3JlIHRoZSBjb21wb25lbnQgaXMgZGVzdHJveWVkLlxyXG4gICAqIFJlbW92ZXMgdGhlIGhlaWdodCBzdHlsZSBmcm9tIHRoZSBtYWluIGNvbnRlbnQgZWxlbWVudC5cclxuICAgKi9cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRyeXtcclxuICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2RhdGFNYWluQ29udGVudCcpIS5zdHlsZS5oZWlnaHQgPSAnJztcclxuICAgIH1jYXRjaChleCl7fTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIExpZmVjeWNsZSBob29rIGNhbGxlZCBhZnRlciB0aGUgY29tcG9uZW50J3MgdmlldyBoYXMgYmVlbiBjaGVja2VkLlxyXG4gICAqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWFpbiBjb250ZW50IGVsZW1lbnQgdG8gJzEwMCUnLlxyXG4gICAqL1xyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpOiB2b2lkIHtcclxuICAgIHRyeXtcclxuICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2RhdGFNYWluQ29udGVudCcpIS5zdHlsZS5oZWlnaHQgPSAnMTAwJSdcclxuICAgIH1jYXRjaChleCl7fTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cgYWxpZ24taXRlbXMtY2VudGVyXCIgc3R5bGU9XCJoZWlnaHQ6IDEwMCU7XCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IHdpZHRofVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuICAiXX0=
@@ -1,27 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * A component representing a central page layout.
5
- *
6
- * Example of usage:
7
- *
8
- * ```
9
- * <mefdev-central-page>
10
- * <mefdev-central-page-row>
11
- * Content goes here...
12
- * </mefdev-central-page-row>
13
- * </mefdev-central-page>
14
- * ```
15
- */
16
- export class CentralPageRowComponent {
17
- constructor() { }
18
- ngOnInit() {
19
- }
20
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CentralPageRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CentralPageRowComponent, selector: "mefdev-central-page-row", ngImport: i0, template: "<div class=\"row justify-content-center\">\r\n <ng-content></ng-content>\r\n</div>", styles: [""] });
22
- }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CentralPageRowComponent, decorators: [{
24
- type: Component,
25
- args: [{ selector: 'mefdev-central-page-row', template: "<div class=\"row justify-content-center\">\r\n <ng-content></ng-content>\r\n</div>" }]
26
- }], ctorParameters: function () { return []; } });
27
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFHbEQ7Ozs7Ozs7Ozs7OztFQVlFO0FBTUYsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzt3R0FMVSx1QkFBdUI7NEZBQXZCLHVCQUF1QiwrRENyQnBDLHVGQUVNOzs0RkRtQk8sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIEEgY29tcG9uZW50IHJlcHJlc2VudGluZyBhIGNlbnRyYWwgcGFnZSBsYXlvdXQuXHJcbiAqXHJcbiAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAqIFxyXG4gKiBgYGBcclxuICogPG1lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAqICAgPG1lZmRldi1jZW50cmFsLXBhZ2Utcm93PlxyXG4gKiAgICAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICogICA8L21lZmRldi1jZW50cmFsLXBhZ2Utcm93PlxyXG4gKiA8L21lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAqIGBgYFxyXG4qL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1jZW50cmFsLXBhZ2Utcm93JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==
@@ -1,7 +0,0 @@
1
- export * from './profile/profile.component';
2
- export * from './central-page/central-page.component';
3
- export * from './central-page-row/central-page-row.component';
4
- export * from './table-page/table-page.component';
5
- export * from './manage-page/manage-page.component';
6
- export * from './page-layouts.module';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NlbnRyYWwtcGFnZS9jZW50cmFsLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi90YWJsZS1wYWdlL3RhYmxlLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9tYW5hZ2UtcGFnZS9tYW5hZ2UtcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtbGF5b3V0cy5tb2R1bGUnO1xyXG4iXX0=
@@ -1,73 +0,0 @@
1
- import { Component, ContentChild, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * A component representing a manage page layout.
6
- *
7
- * Example of usage:
8
- *
9
- * ```
10
- * <mefdev-manage-page [startTabInd]="0">
11
- * <ng-template #card_title>
12
- * Title of the card
13
- * </ng-template>
14
- * <ng-template #tabs_block>
15
- * Content of the tabs block
16
- * </ng-template>
17
- * </mefdev-manage-page>
18
- * ```
19
- *
20
- * Example of usage:
21
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_layouts/manage_page</example-url>
22
- */
23
- export class ManagePageComponent {
24
- /**
25
- * The template reference to the card title.
26
- * ```
27
- * <mefdev-manage-page>
28
- * <ng-template #card_title>
29
- * Title of the card
30
- * </ng-template>
31
- * </mefdev-manage-page>
32
- * ```
33
- */
34
- card_title;
35
- /**
36
- * The template reference to the tabs block.
37
- * ```
38
- * <mefdev-manage-page>
39
- * <ng-template #tabs_block>
40
- * Content of the tabs block
41
- * </ng-template>
42
- * </mefdev-manage-page>
43
- * ```
44
- */
45
- tabs_block;
46
- /**
47
- * The index of the starting tab.
48
- * ```
49
- * <mefdev-manage-page [startTabInd]="0">
50
- * Content goes here...
51
- * </mefdev-manage-page>
52
- * ```
53
- */
54
- startTabInd = 0;
55
- constructor() { }
56
- ngOnInit() {
57
- }
58
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
59
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ManagePageComponent, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".color-black{color:#000!important}.color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.b-color-dark-link{background-color:#50c0ff!important}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
60
- }
61
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManagePageComponent, decorators: [{
62
- type: Component,
63
- args: [{ selector: 'mefdev-manage-page', template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".color-black{color:#000!important}.color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.b-color-dark-link{background-color:#50c0ff!important}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
64
- }], ctorParameters: function () { return []; }, propDecorators: { card_title: [{
65
- type: ContentChild,
66
- args: ["card_title"]
67
- }], tabs_block: [{
68
- type: ContentChild,
69
- args: ["tabs_block"]
70
- }], startTabInd: [{
71
- type: Input
72
- }] } });
73
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvcGFnZS1sYXlvdXRzL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9tYW5hZ2UtcGFnZS9tYW5hZ2UtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFHbEY7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWtCRTtBQU1KLE1BQU0sT0FBTyxtQkFBbUI7SUFFOUI7Ozs7Ozs7OztPQVNHO0lBQ3lCLFVBQVUsQ0FBb0I7SUFFMUQ7Ozs7Ozs7OztPQVNHO0lBQ3lCLFVBQVUsQ0FBb0I7SUFFMUQ7Ozs7Ozs7T0FPRztJQUNNLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFFekIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7d0dBdkNVLG1CQUFtQjs0RkFBbkIsbUJBQW1CLG1TQzNCaEMsd1ZBVUE7OzRGRGlCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usb0JBQW9COzBFQWdCRixVQUFVO3NCQUFyQyxZQUFZO3VCQUFDLFlBQVk7Z0JBWUUsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQVVqQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuICAvKipcclxuICAqIEEgY29tcG9uZW50IHJlcHJlc2VudGluZyBhIG1hbmFnZSBwYWdlIGxheW91dC5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtbWFuYWdlLXBhZ2UgW3N0YXJ0VGFiSW5kXT1cIjBcIj5cclxuICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICogICAgIFRpdGxlIG9mIHRoZSBjYXJkXHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjdGFic19ibG9jaz5cclxuICAqICAgICBDb250ZW50IG9mIHRoZSB0YWJzIGJsb2NrXHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1tYW5hZ2UtcGFnZT5cclxuICAqIGBgYFxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9sYXlvdXRzL21hbmFnZV9wYWdlPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1tYW5hZ2UtcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21hbmFnZS1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tYW5hZ2UtcGFnZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYW5hZ2VQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRlbXBsYXRlIHJlZmVyZW5jZSB0byB0aGUgY2FyZCB0aXRsZS5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICAqICAgICBUaXRsZSBvZiB0aGUgY2FyZFxyXG4gICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgKiA8L21lZmRldi1tYW5hZ2UtcGFnZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiY2FyZF90aXRsZVwiKSBjYXJkX3RpdGxlOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRlbXBsYXRlIHJlZmVyZW5jZSB0byB0aGUgdGFicyBibG9jay5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqICAgPG5nLXRlbXBsYXRlICN0YWJzX2Jsb2NrPlxyXG4gICAqICAgICBDb250ZW50IG9mIHRoZSB0YWJzIGJsb2NrXHJcbiAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAqIDwvbWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ0YWJzX2Jsb2NrXCIpIHRhYnNfYmxvY2s6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgaW5kZXggb2YgdGhlIHN0YXJ0aW5nIHRhYi5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlIFtzdGFydFRhYkluZF09XCIwXCI+XHJcbiAgICogICAgICBDb250ZW50IGdvZXMgaGVyZS4uLlxyXG4gICAqIDwvbWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHN0YXJ0VGFiSW5kID0gMDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC10YWJzXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IGJvZHktMSBjYXJkLWhlYWRlclwiICpuZ0lmPVwiY2FyZF90aXRsZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtLTJcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNhcmRfdGl0bGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IHByb2ZpbGUtcGFnZS10YWJzXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
@@ -1,41 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { ProfileComponent } from './profile/profile.component';
4
- // import { pgTabsModule } from '../../pg-components/tabs/tabs.module';
5
- import { CentralPageComponent } from './central-page/central-page.component';
6
- import { CentralPageRowComponent } from './central-page-row/central-page-row.component';
7
- import { TablePageComponent } from './table-page/table-page.component';
8
- import { ManagePageComponent } from './manage-page/manage-page.component';
9
- import * as i0 from "@angular/core";
10
- let mefDevPageLayoutsModuleComponents = [
11
- ProfileComponent,
12
- CentralPageComponent,
13
- CentralPageRowComponent,
14
- TablePageComponent,
15
- ManagePageComponent
16
- ];
17
- export class MefDevPageLayoutsModule {
18
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
19
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
20
- CentralPageComponent,
21
- CentralPageRowComponent,
22
- TablePageComponent,
23
- ManagePageComponent], imports: [CommonModule], exports: [ProfileComponent,
24
- CentralPageComponent,
25
- CentralPageRowComponent,
26
- TablePageComponent,
27
- ManagePageComponent] });
28
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevPageLayoutsModule, imports: [CommonModule] });
29
- }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
31
- type: NgModule,
32
- args: [{
33
- declarations: mefDevPageLayoutsModuleComponents,
34
- exports: mefDevPageLayoutsModuleComponents,
35
- imports: [
36
- CommonModule,
37
- // pgTabsModule,
38
- ],
39
- }]
40
- }] });
41
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1sYXlvdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wYWdlLWxheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELHVFQUF1RTtBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFMUUsSUFBSSxpQ0FBaUMsR0FBRztJQUN0QyxnQkFBZ0I7SUFDaEIsb0JBQW9CO0lBQ3BCLHVCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsbUJBQW1CO0NBQ3BCLENBQUM7QUFVRixNQUFNLE9BQU8sdUJBQXVCO3dHQUF2Qix1QkFBdUI7eUdBQXZCLHVCQUF1QixpQkFmbEMsZ0JBQWdCO1lBQ2hCLG9CQUFvQjtZQUNwQix1QkFBdUI7WUFDdkIsa0JBQWtCO1lBQ2xCLG1CQUFtQixhQU9qQixZQUFZLGFBWGQsZ0JBQWdCO1lBQ2hCLG9CQUFvQjtZQUNwQix1QkFBdUI7WUFDdkIsa0JBQWtCO1lBQ2xCLG1CQUFtQjt5R0FXUix1QkFBdUIsWUFKaEMsWUFBWTs7NEZBSUgsdUJBQXVCO2tCQVJuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxpQ0FBaUM7b0JBQy9DLE9BQU8sRUFBRSxpQ0FBaUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNkLGdCQUFnQjtxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFByb2ZpbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQnO1xyXG4vLyBpbXBvcnQgeyBwZ1RhYnNNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3RhYnMvdGFicy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlL2NlbnRyYWwtcGFnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRhYmxlUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUtcGFnZS90YWJsZS1wYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hbmFnZVBhZ2VDb21wb25lbnQgfSBmcm9tICcuL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudCc7XHJcblxyXG5sZXQgbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzID0gW1xyXG4gIFByb2ZpbGVDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VSb3dDb21wb25lbnQsXHJcbiAgVGFibGVQYWdlQ29tcG9uZW50LFxyXG4gIE1hbmFnZVBhZ2VDb21wb25lbnRcclxuXTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBtZWZEZXZQYWdlTGF5b3V0c01vZHVsZUNvbXBvbmVudHMsXHJcbiAgZXhwb3J0czogbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuXHRcdC8vIHBnVGFic01vZHVsZSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2UGFnZUxheW91dHNNb2R1bGUgeyB9XHJcbiJdfQ==