@elxjs/ui 0.0.170

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 (243) hide show
  1. package/assets/fonts/electroluxsans_1_thin-demo.html +795 -0
  2. package/assets/fonts/electroluxsans_1_thin-webfont.eot +0 -0
  3. package/assets/fonts/electroluxsans_1_thin-webfont.svg +22258 -0
  4. package/assets/fonts/electroluxsans_1_thin-webfont.ttf +0 -0
  5. package/assets/fonts/electroluxsans_1_thin-webfont.woff +0 -0
  6. package/assets/fonts/electroluxsans_1_thin-webfont.woff2 +0 -0
  7. package/assets/fonts/electroluxsans_2_light-demo.html +795 -0
  8. package/assets/fonts/electroluxsans_2_light-webfont.eot +0 -0
  9. package/assets/fonts/electroluxsans_2_light-webfont.svg +22261 -0
  10. package/assets/fonts/electroluxsans_2_light-webfont.ttf +0 -0
  11. package/assets/fonts/electroluxsans_2_light-webfont.woff +0 -0
  12. package/assets/fonts/electroluxsans_2_light-webfont.woff2 +0 -0
  13. package/assets/fonts/electroluxsans_3_regular-demo.html +795 -0
  14. package/assets/fonts/electroluxsans_3_regular-webfont.eot +0 -0
  15. package/assets/fonts/electroluxsans_3_regular-webfont.svg +21871 -0
  16. package/assets/fonts/electroluxsans_3_regular-webfont.ttf +0 -0
  17. package/assets/fonts/electroluxsans_3_regular-webfont.woff +0 -0
  18. package/assets/fonts/electroluxsans_3_regular-webfont.woff2 +0 -0
  19. package/assets/fonts/electroluxsans_4_semibold-demo.html +795 -0
  20. package/assets/fonts/electroluxsans_4_semibold-webfont.eot +0 -0
  21. package/assets/fonts/electroluxsans_4_semibold-webfont.svg +24128 -0
  22. package/assets/fonts/electroluxsans_4_semibold-webfont.ttf +0 -0
  23. package/assets/fonts/electroluxsans_4_semibold-webfont.woff +0 -0
  24. package/assets/fonts/electroluxsans_4_semibold-webfont.woff2 +0 -0
  25. package/assets/fonts/electroluxsans_5_bold-demo.html +795 -0
  26. package/assets/fonts/electroluxsans_5_bold-webfont.eot +0 -0
  27. package/assets/fonts/electroluxsans_5_bold-webfont.svg +24066 -0
  28. package/assets/fonts/electroluxsans_5_bold-webfont.ttf +0 -0
  29. package/assets/fonts/electroluxsans_5_bold-webfont.woff +0 -0
  30. package/assets/fonts/electroluxsans_5_bold-webfont.woff2 +0 -0
  31. package/assets/fonts/electroluxsans_oblique_1_thin-demo.html +795 -0
  32. package/assets/fonts/electroluxsans_oblique_1_thin-webfont.eot +0 -0
  33. package/assets/fonts/electroluxsans_oblique_1_thin-webfont.svg +22374 -0
  34. package/assets/fonts/electroluxsans_oblique_1_thin-webfont.ttf +0 -0
  35. package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff +0 -0
  36. package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff2 +0 -0
  37. package/assets/fonts/electroluxsans_oblique_2_light-demo.html +795 -0
  38. package/assets/fonts/electroluxsans_oblique_2_light-webfont.eot +0 -0
  39. package/assets/fonts/electroluxsans_oblique_2_light-webfont.svg +22439 -0
  40. package/assets/fonts/electroluxsans_oblique_2_light-webfont.ttf +0 -0
  41. package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff +0 -0
  42. package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff2 +0 -0
  43. package/assets/fonts/electroluxsans_oblique_3_regular-demo.html +795 -0
  44. package/assets/fonts/electroluxsans_oblique_3_regular-webfont.eot +0 -0
  45. package/assets/fonts/electroluxsans_oblique_3_regular-webfont.svg +22295 -0
  46. package/assets/fonts/electroluxsans_oblique_3_regular-webfont.ttf +0 -0
  47. package/assets/fonts/electroluxsans_oblique_3_regular-webfont.woff2 +0 -0
  48. package/assets/fonts/electroluxsans_oblique_4_semibold-demo.html +795 -0
  49. package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.svg +24396 -0
  50. package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.ttf +0 -0
  51. package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff +0 -0
  52. package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff2 +0 -0
  53. package/assets/fonts/electroluxsans_oblique_5_bold-demo.html +795 -0
  54. package/assets/fonts/electroluxsans_oblique_5_bold-webfont.eot +0 -0
  55. package/assets/fonts/electroluxsans_oblique_5_bold-webfont.svg +24409 -0
  56. package/assets/fonts/electroluxsans_oblique_5_bold-webfont.ttf +0 -0
  57. package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff +0 -0
  58. package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff2 +0 -0
  59. package/assets/icons/Avatar.svg +5 -0
  60. package/assets/icons/Bell.svg +5 -0
  61. package/assets/icons/Block.svg +5 -0
  62. package/assets/icons/Blocked.svg +3 -0
  63. package/assets/icons/Book.svg +5 -0
  64. package/assets/icons/Calendar.svg +5 -0
  65. package/assets/icons/Camera.svg +3 -0
  66. package/assets/icons/Cart.svg +8 -0
  67. package/assets/icons/Chat.svg +6 -0
  68. package/assets/icons/Check.svg +4 -0
  69. package/assets/icons/Check_Tick.svg +5 -0
  70. package/assets/icons/Chevron_Down.svg +3 -0
  71. package/assets/icons/Chevron_Left.svg +3 -0
  72. package/assets/icons/Chevron_Left_Double.svg +8 -0
  73. package/assets/icons/Chevron_Right.svg +3 -0
  74. package/assets/icons/Chevron_Right_Double.svg +8 -0
  75. package/assets/icons/Chevron_Up.svg +3 -0
  76. package/assets/icons/Close.svg +11 -0
  77. package/assets/icons/Compare_Products.svg +5 -0
  78. package/assets/icons/Config.svg +5 -0
  79. package/assets/icons/Config_2.svg +5 -0
  80. package/assets/icons/Discount.svg +5 -0
  81. package/assets/icons/Edit.svg +5 -0
  82. package/assets/icons/Edit_2.svg +7 -0
  83. package/assets/icons/Eye_Hide.svg +5 -0
  84. package/assets/icons/Eye_View.svg +4 -0
  85. package/assets/icons/FAQ.svg +5 -0
  86. package/assets/icons/Facebook.svg +10 -0
  87. package/assets/icons/Fridge_And_Freezer.svg +10 -0
  88. package/assets/icons/Gift.svg +3 -0
  89. package/assets/icons/Hide.svg +9 -0
  90. package/assets/icons/Info.svg +6 -0
  91. package/assets/icons/Instagram.svg +10 -0
  92. package/assets/icons/Like.svg +3 -0
  93. package/assets/icons/Like_filled.svg +3 -0
  94. package/assets/icons/Link.svg +7 -0
  95. package/assets/icons/Load.svg +18 -0
  96. package/assets/icons/Loading.webp +0 -0
  97. package/assets/icons/Location.svg +8 -0
  98. package/assets/icons/Lock.svg +3 -0
  99. package/assets/icons/Logo.svg +20 -0
  100. package/assets/icons/Logo_new.svg +13 -0
  101. package/assets/icons/Mail.svg +6 -0
  102. package/assets/icons/Maintenance.svg +9 -0
  103. package/assets/icons/Nav.svg +5 -0
  104. package/assets/icons/Phone.svg +5 -0
  105. package/assets/icons/Pin.svg +3 -0
  106. package/assets/icons/Plus.svg +8 -0
  107. package/assets/icons/PriceTag.svg +6 -0
  108. package/assets/icons/Screwdriver.svg +10 -0
  109. package/assets/icons/Search.svg +6 -0
  110. package/assets/icons/Share.svg +3 -0
  111. package/assets/icons/Shield.svg +6 -0
  112. package/assets/icons/Star.svg +12 -0
  113. package/assets/icons/Star_Filled.svg +3 -0
  114. package/assets/icons/Stars.svg +9 -0
  115. package/assets/icons/Stars_2.svg +3 -0
  116. package/assets/icons/Top_Rating.svg +3 -0
  117. package/assets/icons/Trash.svg +5 -0
  118. package/assets/icons/Warning.svg +9 -0
  119. package/assets/icons/Whatsapp.svg +5 -0
  120. package/assets/icons/Youtube.svg +10 -0
  121. package/assets/images/placeholder.webp +0 -0
  122. package/assets/images/placeholder_2.webp +0 -0
  123. package/assets/images/placeholder_3.webp +0 -0
  124. package/assets/styles/colors.scss +36 -0
  125. package/assets/styles/fonts.scss +102 -0
  126. package/assets/styles/inputs.scss +139 -0
  127. package/assets/styles/typography.scss +117 -0
  128. package/esm2022/elxjs-ui.mjs +5 -0
  129. package/esm2022/index.mjs +2 -0
  130. package/esm2022/lib/components/accordion/accordion.component.mjs +28 -0
  131. package/esm2022/lib/components/accordion/index.mjs +2 -0
  132. package/esm2022/lib/components/arrow-link/arrow-link.component.mjs +29 -0
  133. package/esm2022/lib/components/arrow-link/index.mjs +2 -0
  134. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +48 -0
  135. package/esm2022/lib/components/breadcrumb/index.mjs +2 -0
  136. package/esm2022/lib/components/button/button.component.mjs +89 -0
  137. package/esm2022/lib/components/button/index.mjs +2 -0
  138. package/esm2022/lib/components/card-1/card1.component.mjs +20 -0
  139. package/esm2022/lib/components/card-1/index.mjs +2 -0
  140. package/esm2022/lib/components/card-2/card2.component.mjs +16 -0
  141. package/esm2022/lib/components/card-2/index.mjs +2 -0
  142. package/esm2022/lib/components/card-3/card3.component.mjs +18 -0
  143. package/esm2022/lib/components/card-3/index.mjs +2 -0
  144. package/esm2022/lib/components/card-4/card4.component.mjs +16 -0
  145. package/esm2022/lib/components/card-4/index.mjs +2 -0
  146. package/esm2022/lib/components/carousel/carousel.component.mjs +155 -0
  147. package/esm2022/lib/components/carousel/index.mjs +2 -0
  148. package/esm2022/lib/components/chip/chip.component.mjs +27 -0
  149. package/esm2022/lib/components/chip/index.mjs +2 -0
  150. package/esm2022/lib/components/datatable/datatable.component.mjs +148 -0
  151. package/esm2022/lib/components/datatable/datatable.component.types.mjs +2 -0
  152. package/esm2022/lib/components/datatable/index.mjs +3 -0
  153. package/esm2022/lib/components/datepicker/datepicker.component.mjs +382 -0
  154. package/esm2022/lib/components/datepicker/index.mjs +2 -0
  155. package/esm2022/lib/components/dropdown/dropdown.component.mjs +145 -0
  156. package/esm2022/lib/components/dropdown/index.mjs +2 -0
  157. package/esm2022/lib/components/dropdown-multiple/dropdown-multiple.component.mjs +76 -0
  158. package/esm2022/lib/components/dropdown-multiple/index.mjs +2 -0
  159. package/esm2022/lib/components/icon/icon.component.mjs +58 -0
  160. package/esm2022/lib/components/icon/index.mjs +2 -0
  161. package/esm2022/lib/components/index.mjs +63 -0
  162. package/esm2022/lib/components/input-search/index.mjs +2 -0
  163. package/esm2022/lib/components/input-search/input-search.component.mjs +73 -0
  164. package/esm2022/lib/components/input-search-modal/index.mjs +2 -0
  165. package/esm2022/lib/components/input-search-modal/input-search-modal.component.mjs +29 -0
  166. package/esm2022/lib/components/loading/index.mjs +2 -0
  167. package/esm2022/lib/components/loading/loading.component.mjs +21 -0
  168. package/esm2022/lib/components/loading-2/index.mjs +2 -0
  169. package/esm2022/lib/components/loading-2/loading-2.component.mjs +16 -0
  170. package/esm2022/lib/components/modal/index.mjs +2 -0
  171. package/esm2022/lib/components/modal/modal.component.mjs +31 -0
  172. package/esm2022/lib/components/paginator/index.mjs +2 -0
  173. package/esm2022/lib/components/paginator/paginator.component.mjs +128 -0
  174. package/esm2022/lib/components/stepbar/index.mjs +2 -0
  175. package/esm2022/lib/components/stepbar/stepbar.component.mjs +41 -0
  176. package/esm2022/lib/components/switch/index.mjs +2 -0
  177. package/esm2022/lib/components/switch/switch.component.mjs +47 -0
  178. package/esm2022/lib/components/toast/index.mjs +2 -0
  179. package/esm2022/lib/components/toast/toast.component.mjs +28 -0
  180. package/esm2022/lib/index.mjs +4 -0
  181. package/esm2022/lib/modules/electrolux-design-system.module.mjs +35 -0
  182. package/esm2022/lib/modules/index.mjs +2 -0
  183. package/esm2022/lib/services/index.mjs +2 -0
  184. package/esm2022/lib/services/toaster.service.mjs +53 -0
  185. package/fesm2022/elxjs-ui.mjs +1647 -0
  186. package/fesm2022/elxjs-ui.mjs.map +1 -0
  187. package/index.d.ts +1 -0
  188. package/lib/components/accordion/accordion.component.d.ts +10 -0
  189. package/lib/components/accordion/index.d.ts +1 -0
  190. package/lib/components/arrow-link/arrow-link.component.d.ts +9 -0
  191. package/lib/components/arrow-link/index.d.ts +1 -0
  192. package/lib/components/breadcrumb/breadcrumb.component.d.ts +17 -0
  193. package/lib/components/breadcrumb/index.d.ts +1 -0
  194. package/lib/components/button/button.component.d.ts +27 -0
  195. package/lib/components/button/index.d.ts +1 -0
  196. package/lib/components/card-1/card1.component.d.ts +8 -0
  197. package/lib/components/card-1/index.d.ts +1 -0
  198. package/lib/components/card-2/card2.component.d.ts +7 -0
  199. package/lib/components/card-2/index.d.ts +1 -0
  200. package/lib/components/card-3/card3.component.d.ts +8 -0
  201. package/lib/components/card-3/index.d.ts +1 -0
  202. package/lib/components/card-4/card4.component.d.ts +7 -0
  203. package/lib/components/card-4/index.d.ts +1 -0
  204. package/lib/components/carousel/carousel.component.d.ts +41 -0
  205. package/lib/components/carousel/index.d.ts +1 -0
  206. package/lib/components/chip/chip.component.d.ts +10 -0
  207. package/lib/components/chip/index.d.ts +1 -0
  208. package/lib/components/datatable/datatable.component.d.ts +43 -0
  209. package/lib/components/datatable/datatable.component.types.d.ts +55 -0
  210. package/lib/components/datatable/index.d.ts +2 -0
  211. package/lib/components/datepicker/datepicker.component.d.ts +81 -0
  212. package/lib/components/datepicker/index.d.ts +1 -0
  213. package/lib/components/dropdown/dropdown.component.d.ts +42 -0
  214. package/lib/components/dropdown/index.d.ts +1 -0
  215. package/lib/components/dropdown-multiple/dropdown-multiple.component.d.ts +27 -0
  216. package/lib/components/dropdown-multiple/index.d.ts +1 -0
  217. package/lib/components/icon/icon.component.d.ts +29 -0
  218. package/lib/components/icon/index.d.ts +1 -0
  219. package/lib/components/index.d.ts +26 -0
  220. package/lib/components/input-search/index.d.ts +1 -0
  221. package/lib/components/input-search/input-search.component.d.ts +26 -0
  222. package/lib/components/input-search-modal/index.d.ts +1 -0
  223. package/lib/components/input-search-modal/input-search-modal.component.d.ts +13 -0
  224. package/lib/components/loading/index.d.ts +1 -0
  225. package/lib/components/loading/loading.component.d.ts +7 -0
  226. package/lib/components/loading-2/index.d.ts +1 -0
  227. package/lib/components/loading-2/loading-2.component.d.ts +6 -0
  228. package/lib/components/modal/index.d.ts +1 -0
  229. package/lib/components/modal/modal.component.d.ts +10 -0
  230. package/lib/components/paginator/index.d.ts +1 -0
  231. package/lib/components/paginator/paginator.component.d.ts +33 -0
  232. package/lib/components/stepbar/index.d.ts +1 -0
  233. package/lib/components/stepbar/stepbar.component.d.ts +14 -0
  234. package/lib/components/switch/index.d.ts +1 -0
  235. package/lib/components/switch/switch.component.d.ts +10 -0
  236. package/lib/components/toast/index.d.ts +1 -0
  237. package/lib/components/toast/toast.component.d.ts +11 -0
  238. package/lib/index.d.ts +3 -0
  239. package/lib/modules/electrolux-design-system.module.d.ts +25 -0
  240. package/lib/modules/index.d.ts +1 -0
  241. package/lib/services/index.d.ts +1 -0
  242. package/lib/services/toaster.service.d.ts +14 -0
  243. package/package.json +29 -0
@@ -0,0 +1,43 @@
1
+ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import { DataTableRow, DataTableCell, DataTableCheckEvent, DataTableClickEvent, DataTableHeader, DatatableInputEvent } from './datatable.component.types';
3
+ import { PaginationEvent } from '../paginator';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EluxDataTable implements OnInit, OnChanges {
6
+ columns: DataTableHeader[];
7
+ rows: DataTableRow[];
8
+ totalRows: number;
9
+ itemsPerPage: number;
10
+ backendPagination: Boolean;
11
+ emptyMessage: string;
12
+ loading: Boolean;
13
+ isRowClickable: boolean;
14
+ isCellClickable: boolean;
15
+ hasPaginator: boolean;
16
+ currentPageChange: EventEmitter<number>;
17
+ onClick: EventEmitter<DataTableClickEvent>;
18
+ onChecked: EventEmitter<DataTableCheckEvent>;
19
+ ontInputChange: EventEmitter<DatatableInputEvent>;
20
+ currentPage: number;
21
+ paginatorTotalPages: number;
22
+ displayRows: DataTableRow[];
23
+ ngOnInit(): void;
24
+ ngOnChanges(changes: SimpleChanges): void;
25
+ onPageChange(event: PaginationEvent): void;
26
+ refreshPaginator(): void;
27
+ populateTable(): void;
28
+ onCheckboxChange(event: Event, row: any, cell: any, index: number): void;
29
+ onInputChange(event: Event, row: any, cell: any, index: number): void;
30
+ onRowClick(event: Event, row: DataTableRow, index: number): void;
31
+ onCellClick(event: Event, row: DataTableRow, cell: DataTableCell, index: number): void;
32
+ getCellClasses(cell: DataTableCell): {
33
+ [key: string]: boolean;
34
+ };
35
+ getHeaderClasses(column: DataTableHeader): {
36
+ [key: string]: boolean;
37
+ };
38
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxDataTable, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxDataTable, "lib-elux-datatable", never, { "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRows": { "alias": "totalRows"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "backendPagination": { "alias": "backendPagination"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isRowClickable": { "alias": "isRowClickable"; "required": false; }; "isCellClickable": { "alias": "isCellClickable"; "required": false; }; "hasPaginator": { "alias": "hasPaginator"; "required": false; }; }, { "currentPageChange": "currentPageChange"; "onClick": "onClick"; "onChecked": "onChecked"; "ontInputChange": "ontInputChange"; }, never, never, true, never>;
40
+ static ngAcceptInputType_isRowClickable: unknown;
41
+ static ngAcceptInputType_isCellClickable: unknown;
42
+ static ngAcceptInputType_hasPaginator: unknown;
43
+ }
@@ -0,0 +1,55 @@
1
+ import { SafeUrl } from '@angular/platform-browser';
2
+ export interface DataTableHeader {
3
+ text: string;
4
+ customClass?: string;
5
+ }
6
+ export interface DefaultCell {
7
+ customClass?: string;
8
+ }
9
+ export interface DataTableRedirect extends DefaultCell {
10
+ type: 'redirect-internal' | 'redirect-external';
11
+ name: string;
12
+ value: string | SafeUrl;
13
+ }
14
+ export interface DataTableCheckbox extends DefaultCell {
15
+ type: 'checkbox';
16
+ value: boolean;
17
+ disabled?: boolean;
18
+ }
19
+ export interface DataTableValue extends DefaultCell {
20
+ type: 'value';
21
+ value: string;
22
+ }
23
+ export interface DataTableInput extends DefaultCell {
24
+ type: 'input';
25
+ value: string;
26
+ }
27
+ export interface DataTableInputNumber extends DefaultCell {
28
+ type: 'input-number';
29
+ value?: number;
30
+ min: number;
31
+ max: number;
32
+ }
33
+ export type DataTableCell = DataTableRedirect | DataTableCheckbox | DataTableValue | DataTableInput | DataTableInputNumber;
34
+ export type DataTableRow = DataTableCell[];
35
+ export interface DataTableRowClickEvent {
36
+ event: Event;
37
+ row: DataTableRow;
38
+ index: number;
39
+ }
40
+ export interface DataTableCellClickEvent extends DataTableRowClickEvent {
41
+ cell: DataTableCell;
42
+ }
43
+ export interface DataTableCheckEvent {
44
+ event: Event;
45
+ row: DataTableRow;
46
+ cell: DataTableCell;
47
+ index: number;
48
+ }
49
+ export interface DatatableInputEvent {
50
+ event: Event;
51
+ row: DataTableRow;
52
+ cell: DataTableCell;
53
+ index: number;
54
+ }
55
+ export type DataTableClickEvent = DataTableRowClickEvent | DataTableCellClickEvent;
@@ -0,0 +1,2 @@
1
+ export * from './datatable.component';
2
+ export * from './datatable.component.types';
@@ -0,0 +1,81 @@
1
+ import { ControlValueAccessor } from '@angular/forms';
2
+ import { EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef, Injector } from '@angular/core';
3
+ import * as i0 from "@angular/core";
4
+ export interface Day {
5
+ day: number;
6
+ selected?: boolean;
7
+ today?: boolean;
8
+ disabled: boolean;
9
+ }
10
+ export interface Month {
11
+ value: number;
12
+ text: string;
13
+ disabled: boolean;
14
+ }
15
+ export interface Year {
16
+ value: number;
17
+ disabled: boolean;
18
+ }
19
+ export declare class EluxDatepicker implements OnInit, OnChanges, ControlValueAccessor {
20
+ private readonly injector;
21
+ value: string;
22
+ locale: string;
23
+ idInput: string;
24
+ placeholder: string;
25
+ minDate?: string;
26
+ maxDate?: string;
27
+ dateSelected: EventEmitter<string>;
28
+ invalidDate: EventEmitter<string>;
29
+ datepicker: ElementRef;
30
+ disabled: boolean;
31
+ showCalendar: boolean;
32
+ pickerView: 'week' | 'month' | 'year';
33
+ currentDate: Date;
34
+ selectedDate: Date | null;
35
+ formatedDate: string;
36
+ days: Day[];
37
+ months: Month[];
38
+ years: Year[];
39
+ private onChange;
40
+ private onTouched;
41
+ private parentFormControl;
42
+ constructor(injector: Injector);
43
+ injectParentFormControl(): void;
44
+ writeValue(value: string): void;
45
+ registerOnChange(fn: Function): void;
46
+ registerOnTouched(fn: Function): void;
47
+ get isTouched(): boolean;
48
+ get isInvalid(): boolean;
49
+ headerDate(): string;
50
+ headerDateWeek(): string[];
51
+ ngOnInit(): void;
52
+ setDisabledState?(isDisabled: boolean): void;
53
+ ngOnChanges(changes: SimpleChanges): void;
54
+ onChangeValue(event: Event): void;
55
+ detectLocaleDateSeparator(locale: string): string;
56
+ toggleCalendar(): void;
57
+ changeView(): void;
58
+ closeCalendar(): void;
59
+ previous(): void;
60
+ next(): void;
61
+ prevMonth(): void;
62
+ nextMonth(): void;
63
+ prevYear(yearQtde: number): void;
64
+ nextYear(yearQtde: number): void;
65
+ selectDate(day: Day): void;
66
+ selectMonth(monthValue: number): void;
67
+ onChangeYear(year: number): void;
68
+ selectYear(year: number): void;
69
+ generateCalendar(date: Date): void;
70
+ generateMonths(): void;
71
+ generateYears(): void;
72
+ validDate(date: Date): boolean;
73
+ onBlur(): void;
74
+ private detectDateOrder;
75
+ private detectDateSeparator;
76
+ clickOutside(event: Event): void;
77
+ isPreviousDisabled(): boolean;
78
+ isNextDisabled(): boolean;
79
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxDatepicker, never>;
80
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxDatepicker, "lib-elux-datepicker", never, { "value": { "alias": "value"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "idInput": { "alias": "idInput"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "dateSelected": "dateSelected"; "invalidDate": "invalidDate"; }, never, never, true, never>;
81
+ }
@@ -0,0 +1 @@
1
+ export * from './datepicker.component';
@@ -0,0 +1,42 @@
1
+ import { EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import * as i0 from "@angular/core";
4
+ export interface DropdownOption {
5
+ value: any;
6
+ text: string;
7
+ }
8
+ export declare class EluxDropdown implements OnInit, OnChanges, ControlValueAccessor {
9
+ private readonly injector;
10
+ placeholder: string;
11
+ options: DropdownOption[];
12
+ selectedOption: any;
13
+ disabled: boolean;
14
+ idInput: string;
15
+ showSearch: boolean;
16
+ optionSelected: EventEmitter<any>;
17
+ isOpen: boolean;
18
+ selectedOptionText: string;
19
+ optionsFiltered: DropdownOption[];
20
+ private onChange;
21
+ private onTouched;
22
+ private parentFormControl;
23
+ constructor(injector: Injector);
24
+ ngOnInit(): void;
25
+ ngOnChanges(changes: SimpleChanges): void;
26
+ injectParentFormControl(): void;
27
+ addPlaceholderOption(): void;
28
+ updateSelectedOption(): void;
29
+ updatePlaceholderOption(): void;
30
+ toggleDropdown(): void;
31
+ onDocumentClick(event: MouseEvent): void;
32
+ selectOption(option: DropdownOption): void;
33
+ writeValue(value: string): void;
34
+ registerOnChange(fn: Function): void;
35
+ registerOnTouched(fn: Function): void;
36
+ setDisabledState?(isDisabled: boolean): void;
37
+ onChangeFilter(event: any): void;
38
+ get isTouched(): boolean;
39
+ get isInvalid(): boolean;
40
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxDropdown, never>;
41
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxDropdown, "lib-elux-dropdown", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "idInput": { "alias": "idInput"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
42
+ }
@@ -0,0 +1 @@
1
+ export * from './dropdown.component';
@@ -0,0 +1,27 @@
1
+ import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxDropdownMultiple implements OnInit, OnChanges {
4
+ disabled: boolean;
5
+ idInput: string;
6
+ placeholder: string;
7
+ options: {
8
+ value: any;
9
+ text: string;
10
+ }[];
11
+ selectedOptions: any[];
12
+ optionSelected: EventEmitter<any[]>;
13
+ isOpen: boolean;
14
+ selectedOptionsText: string[];
15
+ constructor();
16
+ ngOnInit(): void;
17
+ ngOnChanges(changes: SimpleChanges): void;
18
+ updateSelectedOptions(): void;
19
+ toggleDropdown(): void;
20
+ selectOption(option: {
21
+ value: any;
22
+ text: string;
23
+ }): void;
24
+ onDocumentClick(event: MouseEvent): void;
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxDropdownMultiple, never>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxDropdownMultiple, "lib-elux-dropdown-multiple", never, { "disabled": { "alias": "disabled"; "required": false; }; "idInput": { "alias": "idInput"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
27
+ }
@@ -0,0 +1 @@
1
+ export * from './dropdown-multiple.component';
@@ -0,0 +1,29 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxIcon {
4
+ iconSpan: ElementRef;
5
+ color: string;
6
+ useSubscription: boolean;
7
+ icon: string;
8
+ description: string;
9
+ size: string;
10
+ height: string;
11
+ width: string;
12
+ sizeType: string;
13
+ constructor();
14
+ iconMask(): {
15
+ height: string;
16
+ width: string;
17
+ mask: string;
18
+ '-webkit-mask': string;
19
+ 'background-color': string;
20
+ '-webkit-mask-size': string;
21
+ 'mask-size': string;
22
+ 'mask-repeat': string;
23
+ '-webkit-mask-repeat': string;
24
+ 'mask-position': string;
25
+ '-webkit-mask-position': string;
26
+ };
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxIcon, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxIcon, "lib-elux-icon", never, { "color": { "alias": "color"; "required": false; }; "useSubscription": { "alias": "useSubscription"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "size": { "alias": "size"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "sizeType": { "alias": "sizeType"; "required": false; }; }, {}, never, never, true, never>;
29
+ }
@@ -0,0 +1 @@
1
+ export * from './icon.component';
@@ -0,0 +1,26 @@
1
+ import { Type } from '@angular/core';
2
+ export declare const ElectroluxComponents: Type<any>[];
3
+ export * from './breadcrumb';
4
+ export * from './button';
5
+ export * from './dropdown';
6
+ export * from './icon';
7
+ export * from './paginator';
8
+ export * from './stepbar';
9
+ export * from './datepicker';
10
+ export * from './toast';
11
+ export * from './datatable';
12
+ export * from './accordion';
13
+ export * from './modal';
14
+ export * from './loading';
15
+ export * from './input-search';
16
+ export * from './input-search-modal';
17
+ export * from './card-1';
18
+ export * from './card-2';
19
+ export * from './card-3';
20
+ export * from './card-4';
21
+ export * from './dropdown-multiple';
22
+ export * from './loading-2';
23
+ export * from './carousel';
24
+ export * from './arrow-link';
25
+ export * from './switch';
26
+ export * from './chip';
@@ -0,0 +1 @@
1
+ export * from './input-search.component';
@@ -0,0 +1,26 @@
1
+ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ interface Options {
4
+ value: string;
5
+ text: string;
6
+ }
7
+ export declare class EluxInputSearchComponent implements OnInit {
8
+ options: Options[];
9
+ placeholder: string;
10
+ value: string;
11
+ loading: boolean;
12
+ disabled: boolean;
13
+ inputsearch: ElementRef;
14
+ valueSelected: EventEmitter<Options>;
15
+ keyUpValue: EventEmitter<string>;
16
+ isOpen: boolean;
17
+ private keyUpSubject;
18
+ constructor();
19
+ ngOnInit(): void;
20
+ selectOption(option: Options): void;
21
+ keyUp(event: any): void;
22
+ onClickOutside(event: MouseEvent): void;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxInputSearchComponent, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxInputSearchComponent, "lib-elux-input-search", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueSelected": "valueSelected"; "keyUpValue": "keyUpValue"; }, never, never, true, never>;
25
+ }
26
+ export {};
@@ -0,0 +1 @@
1
+ export * from './input-search-modal.component';
@@ -0,0 +1,13 @@
1
+ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxInputSearchModalComponent implements OnInit, OnChanges {
4
+ value: string;
5
+ placeholder: string;
6
+ searchClickEvent: EventEmitter<Event>;
7
+ constructor();
8
+ ngOnInit(): void;
9
+ ngOnChanges(changes: SimpleChanges): void;
10
+ searchClick(event: Event): void;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxInputSearchModalComponent, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxInputSearchModalComponent, "lib-elux-input-search-modal", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "searchClickEvent": "searchClickEvent"; }, never, never, true, never>;
13
+ }
@@ -0,0 +1 @@
1
+ export * from './loading.component';
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class EluxLoading {
3
+ size: number;
4
+ white: boolean;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxLoading, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxLoading, "lib-elux-loading", never, { "size": { "alias": "size"; "required": false; }; "white": { "alias": "white"; "required": false; }; }, {}, never, never, true, never>;
7
+ }
@@ -0,0 +1 @@
1
+ export * from './loading-2.component';
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class EluxLoading2 {
3
+ open: boolean;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxLoading2, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxLoading2, "lib-elux-loading-2", never, { "open": { "alias": "open"; "required": false; }; }, {}, never, never, true, never>;
6
+ }
@@ -0,0 +1 @@
1
+ export * from './modal.component';
@@ -0,0 +1,10 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxModal {
4
+ open: boolean;
5
+ buttonClose: boolean;
6
+ onClose: EventEmitter<void>;
7
+ handleClose(): void;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxModal, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxModal, "lib-elux-modal", never, { "open": { "alias": "open"; "required": false; }; "buttonClose": { "alias": "buttonClose"; "required": false; }; }, { "onClose": "onClose"; }, never, ["[modal-header]", "[modal-body]", "[modal-footer]"], true, never>;
10
+ }
@@ -0,0 +1 @@
1
+ export * from './paginator.component';
@@ -0,0 +1,33 @@
1
+ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export interface Page {
4
+ length: number;
5
+ current: number;
6
+ }
7
+ export interface PaginationEvent {
8
+ type: 'goTo';
9
+ page: number;
10
+ }
11
+ export declare class EluxPaginator implements OnInit, OnChanges {
12
+ length: number;
13
+ current: number;
14
+ anchor: boolean;
15
+ scrollTo?: string;
16
+ paginationEvents: EventEmitter<PaginationEvent>;
17
+ pages: number[];
18
+ previousPages: number[];
19
+ nextPages: number[];
20
+ constructor();
21
+ ngOnInit(): void;
22
+ ngOnChanges(changes: SimpleChanges): void;
23
+ scrollToElement(event: any): void;
24
+ goLast(): void;
25
+ goFirst(): void;
26
+ nextPage(): void;
27
+ prevPage(): void;
28
+ goToPage(page: number): void;
29
+ goToSpecPage(page: number, event: any): void;
30
+ showPages(): void;
31
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxPaginator, never>;
32
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxPaginator, "lib-elux-paginator", never, { "length": { "alias": "length"; "required": false; }; "current": { "alias": "current"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "scrollTo": { "alias": "scrollTo"; "required": false; }; }, { "paginationEvents": "paginationEvents"; }, never, never, true, never>;
33
+ }
@@ -0,0 +1 @@
1
+ export * from './stepbar.component';
@@ -0,0 +1,14 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxStepBar {
4
+ steps: number;
5
+ currentStep: number;
6
+ stepClicked: EventEmitter<number>;
7
+ constructor();
8
+ stepClickedHandler(step: number): void;
9
+ isLastStep(): boolean;
10
+ getStepsArray(): any[];
11
+ getProgressWidth(): string;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxStepBar, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxStepBar, "lib-elux-stepbar", never, { "steps": { "alias": "steps"; "required": false; }; "currentStep": { "alias": "currentStep"; "required": false; }; }, { "stepClicked": "stepClicked"; }, never, never, true, never>;
14
+ }
@@ -0,0 +1 @@
1
+ export * from './switch.component';
@@ -0,0 +1,10 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxSwitch {
4
+ checked: boolean;
5
+ size: 'small' | 'medium' | 'large';
6
+ onChange: EventEmitter<boolean>;
7
+ _onChange(event: any): void;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxSwitch, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxSwitch, "lib-elux-switch", never, { "checked": { "alias": "checked"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
10
+ }
@@ -0,0 +1 @@
1
+ export * from './toast.component';
@@ -0,0 +1,11 @@
1
+ import { ToasterService } from '../../services/toaster.service';
2
+ import * as i0 from "@angular/core";
3
+ export declare class EluxToast {
4
+ toasterService: ToasterService;
5
+ constructor(toasterService: ToasterService);
6
+ pauseToast(toast: any): void;
7
+ resumeToast(toast: any): void;
8
+ closeToast(toast: any): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<EluxToast, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<EluxToast, "lib-elux-toaster", never, {}, {}, never, never, true, never>;
11
+ }
package/lib/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './components';
2
+ export * from './modules';
3
+ export * from './services';
@@ -0,0 +1,25 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "../components/breadcrumb/breadcrumb.component";
4
+ import * as i3 from "../components/button/button.component";
5
+ import * as i4 from "../components/datepicker/datepicker.component";
6
+ import * as i5 from "../components/dropdown/dropdown.component";
7
+ import * as i6 from "../components/icon/icon.component";
8
+ import * as i7 from "../components/paginator/paginator.component";
9
+ import * as i8 from "../components/stepbar/stepbar.component";
10
+ import * as i9 from "../components/toast/toast.component";
11
+ import * as i10 from "../components/datatable/datatable.component";
12
+ import * as i11 from "../components/accordion/accordion.component";
13
+ import * as i12 from "../components/modal/modal.component";
14
+ import * as i13 from "../components/input-search/input-search.component";
15
+ import * as i14 from "../components/input-search-modal/input-search-modal.component";
16
+ import * as i15 from "../components/loading/loading.component";
17
+ import * as i16 from "../components/dropdown-multiple/dropdown-multiple.component";
18
+ import * as i17 from "../components/carousel/carousel.component";
19
+ import * as i18 from "../components/switch/switch.component";
20
+ import * as i19 from "../components/chip/chip.component";
21
+ export declare class ElectroluxDesignSystemModule {
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<ElectroluxDesignSystemModule, never>;
23
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ElectroluxDesignSystemModule, never, [typeof i1.CommonModule, typeof i2.EluxBreadcrumb, typeof i3.EluxButton, typeof i4.EluxDatepicker, typeof i5.EluxDropdown, typeof i6.EluxIcon, typeof i7.EluxPaginator, typeof i8.EluxStepBar, typeof i9.EluxToast, typeof i10.EluxDataTable, typeof i11.EluxAccordion, typeof i12.EluxModal, typeof i13.EluxInputSearchComponent, typeof i14.EluxInputSearchModalComponent, typeof i15.EluxLoading, typeof i16.EluxDropdownMultiple, typeof i17.EluxCarouselComponent, typeof i18.EluxSwitch, typeof i19.EluxChip], [typeof i2.EluxBreadcrumb, typeof i3.EluxButton, typeof i4.EluxDatepicker, typeof i5.EluxDropdown, typeof i6.EluxIcon, typeof i7.EluxPaginator, typeof i8.EluxStepBar, typeof i9.EluxToast, typeof i10.EluxDataTable, typeof i11.EluxAccordion, typeof i12.EluxModal, typeof i13.EluxInputSearchComponent, typeof i14.EluxInputSearchModalComponent, typeof i15.EluxLoading, typeof i16.EluxDropdownMultiple, typeof i17.EluxCarouselComponent, typeof i18.EluxSwitch, typeof i19.EluxChip]>;
24
+ static ɵinj: i0.ɵɵInjectorDeclaration<ElectroluxDesignSystemModule>;
25
+ }
@@ -0,0 +1 @@
1
+ export * from './electrolux-design-system.module';
@@ -0,0 +1 @@
1
+ export * from './toaster.service';
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ToasterService {
3
+ toasts: any[];
4
+ private toastIdCounter;
5
+ success(message: string): void;
6
+ error(message: string): void;
7
+ warning(message: string): void;
8
+ info(message: string): void;
9
+ showToast(type: string, iconName: string, iconColor: string, message: string): void;
10
+ removeToast(id: string): void;
11
+ removeToastAfter5Seconds(id: string): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<ToasterService, never>;
13
+ static ɵprov: i0.ɵɵInjectableDeclaration<ToasterService>;
14
+ }
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "@elxjs/ui",
3
+ "version": "0.0.170",
4
+ "license": "UNLICENSED",
5
+ "peerDependencies": {
6
+ "@angular/common": "^18.2.13",
7
+ "@angular/core": "^18.2.13"
8
+ },
9
+ "dependencies": {
10
+ "tslib": "^2.3.0"
11
+ },
12
+ "publishConfig": {
13
+ "access": "public"
14
+ },
15
+ "sideEffects": false,
16
+ "module": "fesm2022/elxjs-ui.mjs",
17
+ "typings": "index.d.ts",
18
+ "exports": {
19
+ "./package.json": {
20
+ "default": "./package.json"
21
+ },
22
+ ".": {
23
+ "types": "./index.d.ts",
24
+ "esm2022": "./esm2022/elxjs-ui.mjs",
25
+ "esm": "./esm2022/elxjs-ui.mjs",
26
+ "default": "./fesm2022/elxjs-ui.mjs"
27
+ }
28
+ }
29
+ }