@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,185 +0,0 @@
1
- import { OnInit } from "@angular/core";
2
- import { ControlValueAccessor } from "@angular/forms";
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @component
6
- * @skipTemplateDoc: true
7
- * Example of usage:
8
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/controls/switch</example-url>
9
- */
10
- export declare class MefDevSwitchComponent implements OnInit, ControlValueAccessor {
11
- private _disabled;
12
- _prefixCls: string;
13
- _color: string;
14
- _innerPrefixCls: string;
15
- _classMap: any;
16
- _size: string;
17
- _checked: boolean;
18
- /**
19
- * Event emitted when the value of the switch changes.
20
- *
21
- * @output
22
- * @param value The new value of the switch.
23
- *
24
- * Usage example:
25
- * ```
26
- * <mefdev-switch (onChange)="handleSwitchChange($event)"></mefdev-switch>
27
- * ```
28
- */
29
- onChange: (value: boolean) => void;
30
- onTouched: () => void;
31
- /**
32
- * Sets the value of the switch.
33
- *
34
- * @input
35
- * @param value The value of the switch.
36
- *
37
- * Usage example:
38
- * ```
39
- * <mefdev-switch [Value]="true"></mefdev-switch>
40
- * ```
41
- */
42
- set Value(value: boolean);
43
- /**
44
- * Sets the size of the switch.
45
- *
46
- * @input
47
- * @param value The size of the switch (e.g., "small", "large").
48
- *
49
- * Usage example:
50
- * ```
51
- * <mefdev-switch [Size]="'small'"></mefdev-switch>
52
- * ```
53
- */
54
- set Size(value: string);
55
- /**
56
- * Sets the color of the switch.
57
- *
58
- * @input
59
- * @param value The color of the switch (e.g., "primary", "secondary").
60
- *
61
- * Usage example:
62
- * ```
63
- * <mefdev-switch [Color]="'primary'"></mefdev-switch>
64
- * ```
65
- */
66
- set Color(value: string);
67
- /**
68
- * Gets the current size of the switch.
69
- *
70
- * @input
71
- * @returns The size of the switch.
72
- *
73
- * Usage example:
74
- * ```
75
- * const size = mySwitchComponent.Size;
76
- * ```
77
- */
78
- get Size(): string;
79
- /**
80
- * Sets the disabled state of the switch.
81
- *
82
- * @input
83
- * @param value The disabled state of the switch.
84
- *
85
- * Usage example:
86
- * ```
87
- * <mefdev-switch [Disabled]="true"></mefdev-switch>
88
- * ```
89
- */
90
- set Disabled(value: boolean);
91
- /**
92
- * Gets the current disabled state of the switch.
93
- *
94
- * @input
95
- * @returns The disabled state of the switch.
96
- *
97
- * Usage example:
98
- * ```
99
- * const disabled = mySwitchComponent.Disabled;
100
- * ```
101
- */
102
- get Disabled(): boolean;
103
- /**
104
- * Handles the click event of the switch.
105
- *
106
- * @param e The click event object.
107
- *
108
- * Usage example:
109
- * ```
110
- * <mefdev-switch (click)="handleSwitchClick($event)"></mefdev-switch>
111
- * ```
112
- */
113
- onClick(e: MouseEvent): void;
114
- /**
115
- * Updates the value of the switch.
116
- *
117
- * @param value The new value of the switch.
118
- *
119
- * Usage example:
120
- * ```
121
- * this.updateValue(true);
122
- * ```
123
- */
124
- updateValue(value: boolean): void;
125
- /**
126
- * Sets the class map for the switch.
127
- *
128
- * Usage example:
129
- * ```
130
- * this.setClassMap();
131
- * ```
132
- */
133
- setClassMap(): void;
134
- /**
135
- * Writes a new value to the switch.
136
- *
137
- * @param value The new value of the switch.
138
- *
139
- * Usage example:
140
- * ```
141
- * this.writeValue(true);
142
- * ```
143
- */
144
- writeValue(value: boolean): void;
145
- /**
146
- * Registers a callback function to be executed when the switch value changes.
147
- *
148
- * @param fn The callback function.
149
- *
150
- * Usage example:
151
- * ```
152
- * this.registerOnChange(value => {
153
- * // Do something with the new value
154
- * });
155
- * ```
156
- */
157
- registerOnChange(fn: (_: boolean) => void): void;
158
- /**
159
- * Registers a callback function to be executed when the switch is touched.
160
- *
161
- * @param fn The callback function.
162
- *
163
- * Usage example:
164
- * ```
165
- * this.registerOnTouched(() => {
166
- * // Do something when the switch is touched
167
- * });
168
- * ```
169
- */
170
- registerOnTouched(fn: () => void): void;
171
- /**
172
- * Sets the disabled state of the switch.
173
- *
174
- * @param isDisabled The disabled state of the switch.
175
- *
176
- * Usage example:
177
- * ```
178
- * this.setDisabledState(true);
179
- * ```
180
- */
181
- setDisabledState(isDisabled: boolean): void;
182
- ngOnInit(): void;
183
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchComponent, never>;
184
- static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSwitchComponent, "mefdev-switch", never, { "Value": { "alias": "Value"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "Color": { "alias": "Color"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, ["[checked]", "[unchecked]"], false, never>;
185
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./switch.component";
3
- import * as i2 from "@angular/common";
4
- export declare class MefDevSwitchModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSwitchModule, [typeof i1.MefDevSwitchComponent], [typeof i2.CommonModule], [typeof i1.MefDevSwitchComponent]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSwitchModule>;
8
- }
@@ -1,7 +0,0 @@
1
- export { MefDevTabBodyComponent } from './tab-body.component';
2
- export { MefDevTabLabelDirective } from './tab-label.directive';
3
- export { MefDevTabComponent } from './tab.component';
4
- export { MefDevTabsInkBarDirective } from './tabs-ink-bar.directive';
5
- export { MefDevTabsNavComponent } from './tabs-nav.component';
6
- export { MefDevTabSetComponent, AnimatedInterface, TabChangeEvent, TabPosition, TabPositionMode, TabType, } from './tabset.component';
7
- export { MefDevTabsModule } from './tabs.module';
@@ -1,13 +0,0 @@
1
- import { TemplateRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Component representing the body of a tab, which displays the tab's content.
5
- */
6
- export declare class MefDevTabBodyComponent {
7
- /**
8
- * The content of the tab, which can be passed as a template.
9
- */
10
- content: TemplateRef<void>;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabBodyComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
13
- }
@@ -1,15 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class MefDevTabLabelDirective {
4
- elementRef: ElementRef;
5
- private _disabled;
6
- set disabled(value: boolean);
7
- get disabled(): boolean;
8
- constructor(elementRef: ElementRef);
9
- getOffsetLeft(): number;
10
- getOffsetWidth(): number;
11
- getOffsetTop(): number;
12
- getOffsetHeight(): number;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabLabelDirective, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabLabelDirective, "[mefdev-tab-label]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
15
- }
@@ -1,67 +0,0 @@
1
- import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
2
- import { MefDevTabSetComponent } from './tabset.component';
3
- import * as i0 from "@angular/core";
4
- export declare class MefDevTabComponent implements OnDestroy, OnInit {
5
- private MefDevTabSetComponent;
6
- private disabled;
7
- position: number | null;
8
- origin: number | null;
9
- /**
10
- * Sets the disabled state of the tab.
11
- *```html
12
- * <mefdev-tab [Disabled]="true"></mefdev-tab>
13
- * ```
14
- */
15
- set Disabled(value: boolean);
16
- /**
17
- * Gets the disabled state of the tab.
18
- */
19
- get Disabled(): boolean;
20
- /**
21
- * Event emitted when the tab is selected.
22
- *```html
23
- * <mefdev-tab (pgSelect)="onTabSelect()"></mefdev-tab>
24
- * ```
25
- */
26
- pgSelect: EventEmitter<any>;
27
- /**
28
- * Event emitted when the tab is clicked.
29
- *```html
30
- * <mefdev-tab (pgClick)="onTabClick()"></mefdev-tab>
31
- * ```
32
- */
33
- pgClick: EventEmitter<any>;
34
- /**
35
- * Event emitted when the tab is deselected.
36
- *```html
37
- * <mefdev-tab (pgDeselect)="onTabDeselect()"></mefdev-tab>
38
- *```
39
- */
40
- pgDeselect: EventEmitter<any>;
41
- /**
42
- * Reference to the template for the tab heading.
43
- */
44
- _tabHeading: TemplateRef<void>;
45
- /**
46
- * Reference to the template for the tab content.
47
- */
48
- _content: TemplateRef<void>;
49
- /**
50
- * Gets the template for the tab content.
51
- *```html
52
- * <ng-container *ngTemplateOutlet="content"></ng-container>
53
- *```
54
- */
55
- get content(): TemplateRef<void> | null;
56
- constructor(MefDevTabSetComponent: MefDevTabSetComponent);
57
- /**
58
- * Initializes the tab component.
59
- */
60
- ngOnInit(): void;
61
- /**
62
- * Cleans up resources when the tab component is destroyed.
63
- */
64
- ngOnDestroy(): void;
65
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabComponent, never>;
66
- static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": { "alias": "Disabled"; "required": false; }; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"], false, never>;
67
- }
@@ -1,23 +0,0 @@
1
- import { ElementRef, NgZone, Renderer2 } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export type TabPositionMode = 'horizontal' | 'vertical';
4
- export declare class MefDevTabsInkBarDirective {
5
- private _renderer;
6
- private _elementRef;
7
- private _ngZone;
8
- private _animated;
9
- set Animated(value: boolean);
10
- get Animated(): boolean;
11
- PositionMode: TabPositionMode;
12
- constructor(_renderer: Renderer2, _elementRef: ElementRef, _ngZone: NgZone);
13
- alignToElement(element: HTMLElement): void;
14
- show(): void;
15
- setDisplay(value: string): void;
16
- hide(): void;
17
- _getLeftPosition(element: HTMLElement): string;
18
- _getElementWidth(element: HTMLElement): string;
19
- _getTopPosition(element: HTMLElement): string;
20
- _getElementHeight(element: HTMLElement): string;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsInkBarDirective, never>;
22
- static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabsInkBarDirective, "[mefdev-tabs-ink-bar]", never, { "Animated": { "alias": "Animated"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; }, {}, never, never, false, never>;
23
- }
@@ -1,79 +0,0 @@
1
- /** code from https://github.com/angular/material2 */
2
- import { Direction, Directionality } from '@angular/cdk/bidi';
3
- import { AfterContentChecked, AfterContentInit, ElementRef, NgZone, QueryList, Renderer2, TemplateRef } from '@angular/core';
4
- import { Subscription } from 'rxjs';
5
- import { MefDevTabLabelDirective } from './tab-label.directive';
6
- import { MefDevTabsInkBarDirective } from './tabs-ink-bar.directive';
7
- import * as i0 from "@angular/core";
8
- export type ScrollDirection = 'after' | 'before';
9
- /** duplicated defined https://github.com/angular/angular-cli/issues/2034 **/
10
- export type TabPositionMode = 'horizontal' | 'vertical';
11
- export declare class MefDevTabsNavComponent implements AfterContentChecked, AfterContentInit {
12
- _elementRef: ElementRef;
13
- private _ngZone;
14
- private _renderer;
15
- private _dir;
16
- private _animated;
17
- private _hideBar;
18
- private _showPagination;
19
- _showPaginationControls: boolean;
20
- _disableScrollAfter: boolean;
21
- _disableScrollBefore: boolean;
22
- _scrollDistance: number;
23
- _selectedIndexChanged: boolean;
24
- _realignInkBar: Subscription | null;
25
- _tabLabelCount: number;
26
- _scrollDistanceChanged: boolean;
27
- _selectedIndex: number;
28
- _tabPositionMode: TabPositionMode;
29
- _tabPosition: string;
30
- Size: string;
31
- _type: string;
32
- set Animated(value: boolean);
33
- get Animated(): boolean;
34
- set Position(value: string);
35
- get Position(): string;
36
- set HideBar(value: boolean);
37
- get HideBar(): boolean;
38
- set Type(value: string);
39
- get Type(): string;
40
- _tabBarExtraContent: TemplateRef<void>;
41
- _labelWrappers: QueryList<MefDevTabLabelDirective>;
42
- _inkBar: MefDevTabsInkBarDirective;
43
- _tabListContainer: ElementRef;
44
- _tabList: ElementRef;
45
- set ShowPagination(value: boolean);
46
- get ShowPagination(): boolean;
47
- set PositionMode(value: TabPositionMode);
48
- get PositionMode(): TabPositionMode;
49
- set selectedIndex(value: number);
50
- get selectedIndex(): number;
51
- constructor(_elementRef: ElementRef, _ngZone: NgZone, _renderer: Renderer2, _dir: Directionality);
52
- _onContentChanges(): void;
53
- _scrollHeader(scrollDir: ScrollDirection): void;
54
- ngAfterContentChecked(): void;
55
- ngAfterContentInit(): void;
56
- _updateTabScrollPosition(): void;
57
- _updatePagination(): void;
58
- _checkPaginationEnabled(): void;
59
- _scrollToLabel(labelIndex: number): void;
60
- _checkScrollingControls(): void;
61
- /**
62
- * Determines what is the maximum length in pixels that can be set for the scroll distance. This
63
- * is equal to the difference in width between the tab list container and tab header container.
64
- *
65
- * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
66
- * should be called sparingly.
67
- */
68
- _getMaxScrollDistance(): number;
69
- /** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
70
- set scrollDistance(v: number);
71
- get scrollDistance(): number;
72
- get viewWidthHeightPix(): number;
73
- get tabListScrollWidthHeightPix(): number;
74
- get elementRefOffSetWidthHeight(): number;
75
- _getLayoutDirection(): Direction;
76
- _alignInkBarToSelectedTab(): void;
77
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsNavComponent, [null, null, null, { optional: true; }]>;
78
- static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabsNavComponent, "mefdev-tabs-nav", never, { "Size": { "alias": "Size"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "Position": { "alias": "Position"; "required": false; }; "HideBar": { "alias": "HideBar"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, {}, ["_tabBarExtraContent", "_labelWrappers"], ["*"], false, never>;
79
- }
@@ -1,13 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./tab.component";
3
- import * as i2 from "./tabset.component";
4
- import * as i3 from "./tabs-nav.component";
5
- import * as i4 from "./tab-label.directive";
6
- import * as i5 from "./tabs-ink-bar.directive";
7
- import * as i6 from "./tab-body.component";
8
- import * as i7 from "@angular/common";
9
- export declare class MefDevTabsModule {
10
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevTabsModule, [typeof i1.MefDevTabComponent, typeof i2.MefDevTabSetComponent, typeof i3.MefDevTabsNavComponent, typeof i4.MefDevTabLabelDirective, typeof i5.MefDevTabsInkBarDirective, typeof i6.MefDevTabBodyComponent], [typeof i7.CommonModule], [typeof i1.MefDevTabComponent, typeof i2.MefDevTabSetComponent, typeof i3.MefDevTabsNavComponent, typeof i4.MefDevTabLabelDirective, typeof i5.MefDevTabsInkBarDirective, typeof i6.MefDevTabBodyComponent]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevTabsModule>;
13
- }
@@ -1,137 +0,0 @@
1
- /** code from https://github.com/angular/material2 */
2
- import { AfterContentChecked, AfterViewInit, ElementRef, EventEmitter, OnInit, Renderer2, TemplateRef } from '@angular/core';
3
- import { Observable } from 'rxjs';
4
- import { MefDevTabComponent } from './tab.component';
5
- import { MefDevTabsNavComponent } from './tabs-nav.component';
6
- import * as i0 from "@angular/core";
7
- export interface AnimatedInterface {
8
- inkBar: boolean;
9
- tabPane: boolean;
10
- }
11
- export declare class TabChangeEvent {
12
- index: number;
13
- tab: MefDevTabComponent;
14
- }
15
- export type TabPosition = 'top' | 'bottom' | 'left' | 'right';
16
- export type TabPositionMode = 'horizontal' | 'vertical';
17
- export type TabType = 'line' | 'fillup' | 'linetriangle';
18
- /**
19
- * Represents a tab set or tab group component.
20
- * @example
21
- * <mefdev-tabset TabPosition="top" Animated="true" ShowPagination="true">
22
- * <mefdev-tab label="Tab 1">Tab 1 content</mefdev-tab>
23
- * <mefdev-tab label="Tab 2">Tab 2 content</mefdev-tab>
24
- * </mefdev-tabset>
25
- *
26
- * Example of usage:
27
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/tabset</example-url>
28
- */
29
- export declare class MefDevTabSetComponent implements AfterContentChecked, OnInit, AfterViewInit {
30
- private _renderer;
31
- _el: any;
32
- _classMap: any;
33
- _prefixCls: string;
34
- _width: any;
35
- _tabPosition: TabPosition;
36
- _tabPositionMode: TabPositionMode;
37
- _indexToSelect: number | null;
38
- _selectedIndex: number | null;
39
- _isViewInit: boolean;
40
- _tabs: MefDevTabComponent[];
41
- _tabAnimation: string;
42
- _extra_tab_class: string;
43
- _extra_tabcontent_class: string;
44
- /**
45
- * Template reference for additional content to be displayed in the tab bar.
46
- */
47
- TabBarExtraTemplate: TemplateRef<void>;
48
- TabBarExtraContent: TemplateRef<void>;
49
- _tabNav: MefDevTabsNavComponent;
50
- _tabContent: ElementRef;
51
- _hostContent: ElementRef;
52
- /**
53
- * Whether the tab set is animated. Can be a boolean or an object of type AnimatedInterface.
54
- * @example
55
- * - true (enables animation for both ink bar and tab pane)
56
- * - { inkBar: true, tabPane: false } (enables animation for ink bar only)
57
- * Default: true
58
- */
59
- Animated: AnimatedInterface | boolean;
60
- /**
61
- * Whether to show pagination controls for scrolling tabs.
62
- * @example true
63
- * Default: true
64
- */
65
- ShowPagination: boolean;
66
- /**
67
- * Whether the tab set is hidden.
68
- * @example true
69
- * Default: false
70
- */
71
- Hide: boolean;
72
- /**
73
- * The index of the selected tab.
74
- */
75
- set SelectedIndex(value: number | null);
76
- get SelectedIndex(): number | null;
77
- /**
78
- * Event emitted when the selected tab index changes.
79
- * @returns An Observable emitting the index of the selected tab.
80
- */
81
- get SelectedIndexChange(): Observable<number>;
82
- /**
83
- * Event emitted when a tab is selected.
84
- * @example
85
- * <mefdev-tabset (SelectChange)="onTabSelect($event)"></mefdev-tabset>
86
- */
87
- SelectChange: EventEmitter<TabChangeEvent>;
88
- /**
89
- * Size of the tab set. Can be 'default', 'small', or 'large'.
90
- * @example 'large'
91
- * Default: 'default'
92
- */
93
- Size: string;
94
- _type: TabType;
95
- tabs: MefDevTabComponent[];
96
- /**
97
- * Position of the tab set. Can be 'top', 'bottom', 'left', or 'right'.
98
- */
99
- set TabPosition(value: TabPosition);
100
- get TabPosition(): TabPosition;
101
- /**
102
- * Additional CSS class for the tabs.
103
- */
104
- set extraTabClass(value: string);
105
- /**
106
- * Additional CSS class for the tab content.
107
- */
108
- set extraTabContentClass(value: string);
109
- /**
110
- * Type of the tab set. Can be 'line', 'fillup', or 'linetriangle'.
111
- */
112
- set Type(value: TabType);
113
- /**
114
- * Animation to apply to the tabs. Accepts CSS animation name.
115
- */
116
- set tabAnimation(value: string);
117
- get Type(): TabType;
118
- _setPosition(value: TabPosition): void;
119
- _setClassMap(): void;
120
- /**
121
- * Selects the tab at the specified index.
122
- * @param index The index of the tab to select.
123
- * ```
124
- * <button (click)="clickLabel(0)">Select Tab 1</button>
125
- *```
126
- */
127
- clickLabel(index: number): void;
128
- ngOnInit(): void;
129
- ngAfterContentChecked(): void;
130
- ngAfterViewInit(): void;
131
- private _createChangeEvent;
132
- get inkBarAnimated(): boolean;
133
- get tabPaneAnimated(): boolean;
134
- constructor(_renderer: Renderer2);
135
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabSetComponent, never>;
136
- static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabSetComponent, "mefdev-tabset", never, { "TabBarExtraTemplate": { "alias": "TabBarExtraTemplate"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "Hide": { "alias": "Hide"; "required": false; }; "SelectedIndex": { "alias": "SelectedIndex"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "TabPosition": { "alias": "TabPosition"; "required": false; }; "extraTabClass": { "alias": "extraTabClass"; "required": false; }; "extraTabContentClass": { "alias": "extraTabContentClass"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "tabAnimation": { "alias": "tabAnimation"; "required": false; }; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectChange": "SelectChange"; }, ["TabBarExtraContent"], never, false, never>;
137
- }
@@ -1 +0,0 @@
1
- export declare function toBoolean(value: any): boolean;
@@ -1 +0,0 @@
1
- export declare const reqAnimFrame: typeof requestAnimationFrame;
package/public-api.d.ts DELETED
@@ -1,15 +0,0 @@
1
- export * from './lib/markup-kit/collapse/index';
2
- export * from './lib/markup-kit/utils/filtered-field/index';
3
- export * from './lib/markup-kit/utils/help-block/index';
4
- export * from './lib/markup-kit/utils/datepicker/index';
5
- export * from './lib/markup-kit/card/index';
6
- export * from './lib/markup-kit/modals/index';
7
- export * from './lib/markup-kit/page-layouts/index';
8
- export * from './lib/markup-kit/executors';
9
- export * from './lib/markup-kit/slider/index';
10
- export * from './lib/pg-components/card/index';
11
- export * from './lib/pg-components/progress/index';
12
- export * from './lib/pg-components/select/index';
13
- export * from './lib/pg-components/spec-flow-test/index';
14
- export * from './lib/pg-components/switch/index';
15
- export * from './lib/pg-components/tabs/index';