wj-elements 0.1.149 → 0.1.151

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 (238) hide show
  1. package/dist/wje-element.js +3 -1
  2. package/dist/wje-element.js.map +1 -1
  3. package/dist/wje-img.js +2 -2
  4. package/dist/wje-img.js.map +1 -1
  5. package/dist/wje-pagination.js +3 -3
  6. package/dist/wje-pagination.js.map +1 -1
  7. package/package.json +1 -1
  8. package/dist/packages/index.d.ts +0 -104
  9. package/dist/packages/localize/localize.d.ts +0 -17
  10. package/dist/packages/translations/en-gb.d.ts +0 -18
  11. package/dist/packages/translations/sk-sk.d.ts +0 -13
  12. package/dist/packages/utils/animations.d.ts +0 -2
  13. package/dist/packages/utils/date.d.ts +0 -1
  14. package/dist/packages/utils/element-utils.d.ts +0 -46
  15. package/dist/packages/utils/event.d.ts +0 -67
  16. package/dist/packages/utils/localize.d.ts +0 -4
  17. package/dist/packages/utils/permissions-api.d.ts +0 -34
  18. package/dist/packages/utils/utils.d.ts +0 -1
  19. package/dist/packages/utils/wje-import-firefox.d.ts +0 -0
  20. package/dist/packages/utils/wje-import.d.ts +0 -0
  21. package/dist/packages/wje-accordion/accordion.d.ts +0 -2
  22. package/dist/packages/wje-accordion/accordion.element.d.ts +0 -72
  23. package/dist/packages/wje-accordion/accordion.test.d.ts +0 -0
  24. package/dist/packages/wje-accordion-item/accordion-item.d.ts +0 -2
  25. package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +0 -40
  26. package/dist/packages/wje-animation/animation.d.ts +0 -2
  27. package/dist/packages/wje-animation/animation.element.d.ts +0 -158
  28. package/dist/packages/wje-animation/animation.test.d.ts +0 -1
  29. package/dist/packages/wje-aside/aside.d.ts +0 -2
  30. package/dist/packages/wje-aside/aside.element.d.ts +0 -31
  31. package/dist/packages/wje-avatar/avatar.d.ts +0 -2
  32. package/dist/packages/wje-avatar/avatar.element.d.ts +0 -76
  33. package/dist/packages/wje-avatar/avatar.test.d.ts +0 -1
  34. package/dist/packages/wje-avatar/service/service.d.ts +0 -40
  35. package/dist/packages/wje-badge/badge.d.ts +0 -2
  36. package/dist/packages/wje-badge/badge.element.d.ts +0 -35
  37. package/dist/packages/wje-badge/badge.test.d.ts +0 -1
  38. package/dist/packages/wje-breadcrumb/breadcrumb.d.ts +0 -2
  39. package/dist/packages/wje-breadcrumb/breadcrumb.element.d.ts +0 -80
  40. package/dist/packages/wje-breadcrumbs/breadcrumbs.d.ts +0 -2
  41. package/dist/packages/wje-breadcrumbs/breadcrumbs.element.d.ts +0 -97
  42. package/dist/packages/wje-breadcrumbs/breadcrumbs.test.d.ts +0 -1
  43. package/dist/packages/wje-button/button.d.ts +0 -2
  44. package/dist/packages/wje-button/button.element.d.ts +0 -173
  45. package/dist/packages/wje-button/button.test.d.ts +0 -1
  46. package/dist/packages/wje-button-group/button-group.d.ts +0 -2
  47. package/dist/packages/wje-button-group/button-group.element.d.ts +0 -39
  48. package/dist/packages/wje-card/card.d.ts +0 -2
  49. package/dist/packages/wje-card/card.element.d.ts +0 -29
  50. package/dist/packages/wje-card-content/card-content.d.ts +0 -2
  51. package/dist/packages/wje-card-content/card-content.element.d.ts +0 -22
  52. package/dist/packages/wje-card-controls/card-controls.d.ts +0 -2
  53. package/dist/packages/wje-card-controls/card-controls.element.d.ts +0 -23
  54. package/dist/packages/wje-card-header/card-header.d.ts +0 -2
  55. package/dist/packages/wje-card-header/card-header.element.d.ts +0 -22
  56. package/dist/packages/wje-card-subtitle/card-subtitle.d.ts +0 -2
  57. package/dist/packages/wje-card-subtitle/card-subtitle.element.d.ts +0 -30
  58. package/dist/packages/wje-card-title/card-title.d.ts +0 -2
  59. package/dist/packages/wje-card-title/card-title.element.d.ts +0 -32
  60. package/dist/packages/wje-carousel/carousel.d.ts +0 -2
  61. package/dist/packages/wje-carousel/carousel.element.d.ts +0 -146
  62. package/dist/packages/wje-carousel-item/carousel-item.d.ts +0 -2
  63. package/dist/packages/wje-carousel-item/carousel-item.element.d.ts +0 -38
  64. package/dist/packages/wje-checkbox/checkbox.d.ts +0 -2
  65. package/dist/packages/wje-checkbox/checkbox.element.d.ts +0 -171
  66. package/dist/packages/wje-chip/chip.d.ts +0 -2
  67. package/dist/packages/wje-chip/chip.element.d.ts +0 -30
  68. package/dist/packages/wje-col/col.d.ts +0 -2
  69. package/dist/packages/wje-col/col.element.d.ts +0 -16
  70. package/dist/packages/wje-color-picker/color-picker.d.ts +0 -2
  71. package/dist/packages/wje-color-picker/color-picker.element.d.ts +0 -187
  72. package/dist/packages/wje-color-picker/color-picker.test.d.ts +0 -1
  73. package/dist/packages/wje-container/container.d.ts +0 -2
  74. package/dist/packages/wje-container/container.element.d.ts +0 -31
  75. package/dist/packages/wje-copy-button/copy-button.d.ts +0 -2
  76. package/dist/packages/wje-copy-button/copy-button.element.d.ts +0 -89
  77. package/dist/packages/wje-copy-button/service/service.d.ts +0 -12
  78. package/dist/packages/wje-dialog/dialog.d.ts +0 -2
  79. package/dist/packages/wje-dialog/dialog.element.d.ts +0 -116
  80. package/dist/packages/wje-divider/divider.d.ts +0 -2
  81. package/dist/packages/wje-divider/divider.element.d.ts +0 -32
  82. package/dist/packages/wje-dropdown/dropdown.d.ts +0 -2
  83. package/dist/packages/wje-dropdown/dropdown.element.d.ts +0 -85
  84. package/dist/packages/wje-element/element.d.ts +0 -315
  85. package/dist/packages/wje-element/service/universal-service.d.ts +0 -18
  86. package/dist/packages/wje-file-upload/file-upload.d.ts +0 -2
  87. package/dist/packages/wje-file-upload/file-upload.element.d.ts +0 -191
  88. package/dist/packages/wje-file-upload/service/service.d.ts +0 -70
  89. package/dist/packages/wje-file-upload-item/file-upload-item.d.ts +0 -2
  90. package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts +0 -66
  91. package/dist/packages/wje-footer/footer.d.ts +0 -2
  92. package/dist/packages/wje-footer/footer.element.d.ts +0 -28
  93. package/dist/packages/wje-form/form.d.ts +0 -2
  94. package/dist/packages/wje-form/form.element.d.ts +0 -28
  95. package/dist/packages/wje-format-digital/format-digital.d.ts +0 -2
  96. package/dist/packages/wje-format-digital/format-digital.element.d.ts +0 -87
  97. package/dist/packages/wje-format-digital/format-digital.test.d.ts +0 -1
  98. package/dist/packages/wje-grid/grid.d.ts +0 -2
  99. package/dist/packages/wje-grid/grid.element.d.ts +0 -26
  100. package/dist/packages/wje-header/header.d.ts +0 -2
  101. package/dist/packages/wje-header/header.element.d.ts +0 -35
  102. package/dist/packages/wje-icon/icon.d.ts +0 -2
  103. package/dist/packages/wje-icon/icon.element.d.ts +0 -40
  104. package/dist/packages/wje-icon/service/service.d.ts +0 -11
  105. package/dist/packages/wje-icon-picker/icon-picker.d.ts +0 -2
  106. package/dist/packages/wje-icon-picker/icon-picker.element.d.ts +0 -197
  107. package/dist/packages/wje-img/img.d.ts +0 -2
  108. package/dist/packages/wje-img/img.element.d.ts +0 -117
  109. package/dist/packages/wje-img-comparer/img-comparer.d.ts +0 -2
  110. package/dist/packages/wje-img-comparer/img-comparer.element.d.ts +0 -60
  111. package/dist/packages/wje-img-comparer/service/service.d.ts +0 -1
  112. package/dist/packages/wje-infinite-scroll/infinite-scroll.d.ts +0 -2
  113. package/dist/packages/wje-infinite-scroll/infinite-scroll.element.d.ts +0 -173
  114. package/dist/packages/wje-input/input.d.ts +0 -2
  115. package/dist/packages/wje-input/input.element.d.ts +0 -204
  116. package/dist/packages/wje-input-file/input-file.d.ts +0 -2
  117. package/dist/packages/wje-input-file/input-file.element.d.ts +0 -50
  118. package/dist/packages/wje-item/item.d.ts +0 -2
  119. package/dist/packages/wje-item/item.element.d.ts +0 -68
  120. package/dist/packages/wje-kanban/kanban.d.ts +0 -2
  121. package/dist/packages/wje-kanban/kanban.element.d.ts +0 -183
  122. package/dist/packages/wje-label/label.d.ts +0 -2
  123. package/dist/packages/wje-label/label.element.d.ts +0 -34
  124. package/dist/packages/wje-level-indicator/level-indicator.d.ts +0 -2
  125. package/dist/packages/wje-level-indicator/level-indicator.element.d.ts +0 -91
  126. package/dist/packages/wje-list/list.d.ts +0 -2
  127. package/dist/packages/wje-list/list.element.d.ts +0 -31
  128. package/dist/packages/wje-main/main.d.ts +0 -2
  129. package/dist/packages/wje-main/main.element.d.ts +0 -30
  130. package/dist/packages/wje-masonry/masonry.d.ts +0 -2
  131. package/dist/packages/wje-masonry/masonry.element.d.ts +0 -114
  132. package/dist/packages/wje-masonry/service/service.d.ts +0 -32
  133. package/dist/packages/wje-menu/menu.d.ts +0 -2
  134. package/dist/packages/wje-menu/menu.element.d.ts +0 -47
  135. package/dist/packages/wje-menu-button/menu-button.d.ts +0 -2
  136. package/dist/packages/wje-menu-button/menu-button.element.d.ts +0 -34
  137. package/dist/packages/wje-menu-item/menu-item.d.ts +0 -2
  138. package/dist/packages/wje-menu-item/menu-item.element.d.ts +0 -139
  139. package/dist/packages/wje-menu-label/menu-label.d.ts +0 -2
  140. package/dist/packages/wje-menu-label/menu-label.element.d.ts +0 -39
  141. package/dist/packages/wje-option/option.d.ts +0 -2
  142. package/dist/packages/wje-option/option.element.d.ts +0 -59
  143. package/dist/packages/wje-options/options.d.ts +0 -2
  144. package/dist/packages/wje-options/options.element.d.ts +0 -183
  145. package/dist/packages/wje-orgchart/orgchart.d.ts +0 -2
  146. package/dist/packages/wje-orgchart/orgchart.element.d.ts +0 -24
  147. package/dist/packages/wje-orgchart-group/orgchart-group.d.ts +0 -2
  148. package/dist/packages/wje-orgchart-group/orgchart-group.element.d.ts +0 -28
  149. package/dist/packages/wje-orgchart-item/orgchart-item.d.ts +0 -2
  150. package/dist/packages/wje-orgchart-item/orgchart-item.element.d.ts +0 -49
  151. package/dist/packages/wje-pagination/pagination.d.ts +0 -2
  152. package/dist/packages/wje-pagination/pagination.element.d.ts +0 -166
  153. package/dist/packages/wje-pagination/pagination.test.d.ts +0 -1
  154. package/dist/packages/wje-pagination/service/service.d.ts +0 -9
  155. package/dist/packages/wje-panel/panel.d.ts +0 -2
  156. package/dist/packages/wje-panel/panel.element.d.ts +0 -34
  157. package/dist/packages/wje-popup/popup.d.ts +0 -2
  158. package/dist/packages/wje-popup/popup.element.d.ts +0 -93
  159. package/dist/packages/wje-progress-bar/progress-bar.d.ts +0 -2
  160. package/dist/packages/wje-progress-bar/progress-bar.element.d.ts +0 -96
  161. package/dist/packages/wje-qr-code/qr-code.d.ts +0 -2
  162. package/dist/packages/wje-qr-code/qr-code.element.d.ts +0 -33
  163. package/dist/packages/wje-radio/radio.d.ts +0 -2
  164. package/dist/packages/wje-radio/radio.element.d.ts +0 -53
  165. package/dist/packages/wje-radio-group/radio-group.d.ts +0 -2
  166. package/dist/packages/wje-radio-group/radio-group.element.d.ts +0 -137
  167. package/dist/packages/wje-rate/rate.d.ts +0 -2
  168. package/dist/packages/wje-rate/rate.element.d.ts +0 -156
  169. package/dist/packages/wje-relative-time/relative-time.d.ts +0 -2
  170. package/dist/packages/wje-relative-time/relative-time.element.d.ts +0 -55
  171. package/dist/packages/wje-relative-time/relative-time.test.d.ts +0 -1
  172. package/dist/packages/wje-reorder/reorder.d.ts +0 -2
  173. package/dist/packages/wje-reorder/reorder.element.d.ts +0 -119
  174. package/dist/packages/wje-reorder-dropzone/reorder-dropzone.d.ts +0 -2
  175. package/dist/packages/wje-reorder-dropzone/reorder-dropzone.element.d.ts +0 -23
  176. package/dist/packages/wje-reorder-handle/reorder-handle.d.ts +0 -2
  177. package/dist/packages/wje-reorder-handle/reorder-handle.element.d.ts +0 -75
  178. package/dist/packages/wje-reorder-item/reorder-item.d.ts +0 -2
  179. package/dist/packages/wje-reorder-item/reorder-item.element.d.ts +0 -24
  180. package/dist/packages/wje-route/route.d.ts +0 -2
  181. package/dist/packages/wje-route/route.element.d.ts +0 -22
  182. package/dist/packages/wje-router/router.d.ts +0 -2
  183. package/dist/packages/wje-router/router.element.d.ts +0 -39
  184. package/dist/packages/wje-router-link/router-link.d.ts +0 -2
  185. package/dist/packages/wje-router-link/router-link.element.d.ts +0 -31
  186. package/dist/packages/wje-router-outlet/router-outlet.d.ts +0 -2
  187. package/dist/packages/wje-router-outlet/router-outlet.element.d.ts +0 -15
  188. package/dist/packages/wje-row/row.d.ts +0 -2
  189. package/dist/packages/wje-row/row.element.d.ts +0 -23
  190. package/dist/packages/wje-select/select.d.ts +0 -2
  191. package/dist/packages/wje-select/select.element.d.ts +0 -315
  192. package/dist/packages/wje-slider/slider.d.ts +0 -2
  193. package/dist/packages/wje-slider/slider.element.d.ts +0 -103
  194. package/dist/packages/wje-split-view/service/service.d.ts +0 -1
  195. package/dist/packages/wje-split-view/split-view.d.ts +0 -2
  196. package/dist/packages/wje-split-view/split-view.element.d.ts +0 -66
  197. package/dist/packages/wje-status/status.d.ts +0 -2
  198. package/dist/packages/wje-status/status.element.d.ts +0 -26
  199. package/dist/packages/wje-step/step.d.ts +0 -2
  200. package/dist/packages/wje-step/step.element.d.ts +0 -23
  201. package/dist/packages/wje-stepper/stepper.d.ts +0 -2
  202. package/dist/packages/wje-stepper/stepper.element.d.ts +0 -78
  203. package/dist/packages/wje-store/default-store-actions.d.ts +0 -25
  204. package/dist/packages/wje-store/pubsub.d.ts +0 -21
  205. package/dist/packages/wje-store/store.d.ts +0 -153
  206. package/dist/packages/wje-tab/tab.d.ts +0 -2
  207. package/dist/packages/wje-tab/tab.element.d.ts +0 -41
  208. package/dist/packages/wje-tab-group/tab-group.d.ts +0 -2
  209. package/dist/packages/wje-tab-group/tab-group.element.d.ts +0 -67
  210. package/dist/packages/wje-tab-panel/tab-panel.d.ts +0 -2
  211. package/dist/packages/wje-tab-panel/tab-panel.element.d.ts +0 -23
  212. package/dist/packages/wje-textarea/textarea.d.ts +0 -2
  213. package/dist/packages/wje-textarea/textarea.element.d.ts +0 -176
  214. package/dist/packages/wje-thumbnail/thumbnail.d.ts +0 -2
  215. package/dist/packages/wje-thumbnail/thumbnail.element.d.ts +0 -31
  216. package/dist/packages/wje-timeline/timeline.d.ts +0 -2
  217. package/dist/packages/wje-timeline/timeline.element.d.ts +0 -25
  218. package/dist/packages/wje-timeline-item/timeline-item.d.ts +0 -2
  219. package/dist/packages/wje-timeline-item/timeline-item.element.d.ts +0 -27
  220. package/dist/packages/wje-toast/toast.d.ts +0 -2
  221. package/dist/packages/wje-toast/toast.element.d.ts +0 -173
  222. package/dist/packages/wje-toast/toast.test.d.ts +0 -1
  223. package/dist/packages/wje-toggle/toggle.d.ts +0 -2
  224. package/dist/packages/wje-toggle/toggle.element.d.ts +0 -65
  225. package/dist/packages/wje-toolbar/toolbar.d.ts +0 -2
  226. package/dist/packages/wje-toolbar/toolbar.element.d.ts +0 -39
  227. package/dist/packages/wje-toolbar-action/toolbar-action.d.ts +0 -2
  228. package/dist/packages/wje-toolbar-action/toolbar-action.element.d.ts +0 -35
  229. package/dist/packages/wje-tooltip/tooltip.d.ts +0 -2
  230. package/dist/packages/wje-tooltip/tooltip.element.d.ts +0 -71
  231. package/dist/packages/wje-tree/tree.d.ts +0 -2
  232. package/dist/packages/wje-tree/tree.element.d.ts +0 -104
  233. package/dist/packages/wje-tree/tree.test.d.ts +0 -1
  234. package/dist/packages/wje-tree-item/tree-item.d.ts +0 -2
  235. package/dist/packages/wje-tree-item/tree-item.element.d.ts +0 -155
  236. package/dist/packages/wje-tree-item/tree-item.test.d.ts +0 -1
  237. package/dist/packages/wje-visually-hidden/visually-hidden.d.ts +0 -2
  238. package/dist/packages/wje-visually-hidden/visually-hidden.element.d.ts +0 -29
@@ -1,315 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- import { default as Button } from '../wje-button/button.js';
3
- import { default as Popup } from '../wje-popup/popup.js';
4
- import { default as Icon } from '../wje-icon/icon.js';
5
- import { default as Label } from '../wje-label/label.js';
6
- import { default as Chip } from '../wje-chip/chip.js';
7
- import { default as Input } from '../wje-input/input.js';
8
- import { default as Option } from '../wje-option/option.js';
9
- import { default as Options } from '../wje-options/options.js';
10
- /**
11
- * `Select` is a custom web component that represents a select input.
12
- * @summary This element represents a select input.
13
- * @documentation https://elements.webjet.sk/components/select
14
- * @status stable
15
- * @augments {WJElement}
16
- * @slot - The default slot for the select.
17
- * @slot anchor - The slot for the anchor.
18
- * @slot arrow - The slot for the arrow.
19
- * @csspart native - The native select wrapper.
20
- * @csspart input - The input field.
21
- * @csspart clear - The clear button.
22
- * @cssproperty [--wje-select-border-width=1px] - Specifies the width of the border around the select component. Accepts any valid CSS length unit (e.g., `px`, `rem`, `em`).
23
- * @cssproperty [--wje-select-border-style=solid] - Defines the style of the border for the select component. Accepts standard CSS border styles, such as `solid`, `dashed`, or `dotted`.
24
- * @cssproperty [--wje-select-border-color=var(--wje-border-color)] - Sets the color of the border for the select component. Accepts any valid CSS color value, including color variables, named colors, and hex values.
25
- * @cssproperty [--wje-select-options-border-width=1px] - Specifies the width of the border for the select options dropdown. Accepts any valid CSS length unit.
26
- * @cssproperty [--wje-select-options-border-style=var(--wje-border-style)] - Defines the border style for the select options dropdown. Inherits from a defined CSS variable for consistency.
27
- * @cssproperty [--wje-select-options-border-color=var(--wje-border-color)] - Sets the border color for the select options dropdown. Accepts any valid CSS color value.
28
- * @cssproperty [--wje-select-background=var(--wje-background)] - Specifies the background color of the select component. Accepts any valid CSS color value.
29
- * @cssproperty [--wje-select-line-height=20px] - Defines the line height for the text within the select component. Accepts any valid CSS length value, ensuring consistent vertical alignment.
30
- * @cssproperty [--wje-select-color=var(--wje-color)] - Sets the text color for the select component. Accepts any valid CSS color value.
31
- * @cssproperty [--wje-select-border-radius=var(--wje-border-radius-medium)] - Specifies the border radius for the select component.Determines the roundness of the corners and accepts any valid CSS length unit or variable.
32
- * @tag wje-select
33
- */
34
- export default class Select extends WJElement {
35
- /**
36
- * Returns the CSS styles for the component.
37
- * @static
38
- * @returns {CSSStyleSheet}
39
- */
40
- static get cssStyleSheet(): CSSStyleSheet;
41
- /**
42
- * Returns the list of attributes to observe for changes.
43
- * @static
44
- * @returns {Array<string>}
45
- */
46
- static get observedAttributes(): string[];
47
- /**
48
- * Whether the input is associated with a form.
49
- * @type {boolean}
50
- */
51
- static formAssociated: boolean;
52
- _selected: any[];
53
- counterEl: HTMLSpanElement;
54
- internals: ElementInternals;
55
- dependencies: {
56
- 'wje-button': typeof Button;
57
- 'wje-popup': typeof Popup;
58
- 'wje-icon': typeof Icon;
59
- 'wje-label': typeof Label;
60
- 'wje-chip': typeof Chip;
61
- 'wje-input': typeof Input;
62
- 'wje-option': typeof Option;
63
- 'wje-options': typeof Options;
64
- };
65
- /**
66
- * Setter for the value attribute.
67
- * @param {string} value The value to set.
68
- */
69
- set value(value: string);
70
- /**
71
- * Getter for the value attribute.
72
- * @returns {string} The value of the attribute.
73
- */
74
- get value(): string;
75
- /**
76
- * Getter for the customErrorDisplay attribute.
77
- * @returns {boolean} Whether the attribute is present.
78
- */
79
- get customErrorDisplay(): boolean;
80
- /**
81
- * Getter for the validateOnChange attribute.
82
- * @returns {boolean} Whether the attribute is present.
83
- */
84
- get validateOnChange(): boolean;
85
- /**
86
- * Setter for the invalid attribute.
87
- * @param {boolean} isInvalid Whether the input is invalid.
88
- */
89
- set invalid(isInvalid: boolean);
90
- /**
91
- * Getter for the invalid attribute.
92
- * @returns {boolean} Whether the attribute is present.
93
- */
94
- get invalid(): boolean;
95
- /**
96
- * Getter for the form attribute.
97
- * @returns {HTMLFormElement} The form the input is associated with.
98
- */
99
- get form(): HTMLFormElement;
100
- /**
101
- * Getter for the name attribute.
102
- * @returns {string} The name of the input.
103
- */
104
- get name(): string;
105
- /**
106
- * Getter for the type attribute.
107
- * @returns {string} The type of the input.
108
- */
109
- get type(): string;
110
- /**
111
- * Getter for the validity attribute.
112
- * @returns {ValidityState} The validity state of the input.
113
- */
114
- get validity(): ValidityState;
115
- /**
116
- * Getter for the validationMessage attribute.
117
- * @returns {string} The validation message of the input.
118
- */
119
- get validationMessage(): string;
120
- /**
121
- * Getter for the willValidate attribute.
122
- * @returns {boolean} Whether the input will be validated.
123
- */
124
- get willValidate(): boolean;
125
- /**
126
- * @summary Setter for the defaultValue attribute.
127
- * This method sets the 'value' attribute of the custom input element to the provided value.
128
- * The 'value' attribute represents the default value of the input element.
129
- * @param {string} value The value to set as the default value.
130
- */
131
- set defaultValue(value: string);
132
- /**
133
- * @summary Getter for the defaultValue attribute.
134
- * This method retrieves the 'value' attribute of the custom input element.
135
- * The 'value' attribute represents the default value of the input element.
136
- * If the 'value' attribute is not set, it returns an empty string.
137
- * @returns {string} The default value of the input element.
138
- */
139
- get defaultValue(): string;
140
- /**
141
- * Sets the label value.
142
- * @param {Array} value The selected value to set.
143
- */
144
- set selected(value: any[]);
145
- /**
146
- * Returns the selected value.
147
- * @returns {Array} The selected value.
148
- */
149
- get selected(): any[];
150
- /**
151
- * Sets the trigger value.
152
- * @param {string} value The trigger value to set.
153
- */
154
- set trigger(value: string);
155
- /**
156
- * Returns the trigger value.
157
- * @returns {string} The trigger value.
158
- */
159
- get trigger(): string;
160
- /**
161
- * Draws the component for the select.
162
- * @returns {DocumentFragment}
163
- */
164
- draw(): DocumentFragment;
165
- findEl: HTMLElement;
166
- native: HTMLDivElement;
167
- popup: HTMLElement;
168
- labelElement: HTMLElement;
169
- slotStart: HTMLDivElement;
170
- slotEnd: HTMLDivElement;
171
- input: HTMLInputElement;
172
- optionsWrapper: HTMLDivElement;
173
- chips: HTMLDivElement;
174
- clear: HTMLElement;
175
- list: HTMLDivElement;
176
- /**
177
- * Sets up the event listeners after the component is drawn.
178
- */
179
- afterDraw(): void;
180
- /**
181
- * Handles the option change event.
182
- * @param {Event} e The event.
183
- */
184
- optionChange: (e: Event) => void;
185
- /**
186
- * Returns all the options as HTML.
187
- * @returns {NodeList} The options as HTML.
188
- */
189
- getAllOptions(): NodeList;
190
- /**
191
- * Returns the selected options as HTML.
192
- * @returns {NodeList} The selected options as HTML.
193
- */
194
- getSelectedOptions(): NodeList;
195
- /**
196
- * Returns the selected options.
197
- * @returns {Array} The selected options.
198
- */
199
- getSelected(): any[];
200
- /**
201
- * Handles the selection change.
202
- * @param {Element} option The option that changed.
203
- * @param {number} length The length of the selected options.
204
- */
205
- selectionChanged(option?: Element, length?: number): void;
206
- /**
207
- * Updates the selected options and their corresponding chips.
208
- * @param {boolean} [silence] Determines whether to suppress the "wje-select:change" event.
209
- * @returns {void}
210
- * @description
211
- * This method fetches the currently selected options and updates the `selectedOptions` array.
212
- * It clears and rebuilds the chips representing the selected items in the UI.
213
- * If the number of selected options reaches the maximum allowed (`maxOptions`), it stops updating the counter.
214
- * Optionally, it dispatches a custom event when the selection changes unless `silence` is set to `true`.
215
- * //@fires wje-select:change - Dispatched when the selection changes, unless `silence` is `true`.
216
- * @example
217
- * // Call the method and allow event dispatch
218
- * selections();
219
- * @example
220
- * // Call the method without dispatching the event
221
- * selections(true);
222
- */
223
- selections(silence?: boolean): void;
224
- selectedOptions: Node[] | (NodeList & any[]);
225
- /**
226
- * Manages the display of a counter element to indicate the number of items exceeding the maximum allowed options.
227
- * - If the number of selected items equals the maximum allowed, the counter element is removed.
228
- * - If the counter element doesn't exist and the number of items exceeds the maximum, it is created and updated.
229
- */
230
- counter(): void;
231
- /**
232
- * Returns a chip element.
233
- * @param {Element} option The option to get the chip for.
234
- * @returns {Element} The chip element.
235
- */
236
- getChip(option: Element): Element;
237
- /**
238
- * Handles the chip remove event.
239
- * @param {Event} e The event.
240
- */
241
- removeChip: (e: Event) => void;
242
- /**
243
- * Generates an HTML option element based on the provided item and mapping.
244
- * @param {object} item The item to generate the option for.
245
- * @param {object} [map] The mapping object that specifies the properties of the item to use for the option's value and text.
246
- * @param {string} [map.value] The property of the item to use for the option's value.
247
- * @param {string} [map.text] The property of the item to use for the option's text.
248
- * @returns {HTMLElement} The generated HTML option element.
249
- */
250
- htmlOption(item: object, map?: {
251
- value?: string;
252
- text?: string;
253
- }): HTMLElement;
254
- /**
255
- * Adds an option to the select element.
256
- * @param {any} optionData The data for the option to be added.
257
- * @param {boolean} [silent] Whether to suppress any events triggered by the addition of the option.
258
- * @param {object} [map] The mapping object specifying the properties of the option data to be used for the value and text of the option.
259
- */
260
- addOption(optionData: any, silent?: boolean, map?: object): void;
261
- /**
262
- * Adds options to the select element.
263
- * @param {Array | object} optionsData The options data to be added. Can be an array of objects or a single object.
264
- * @param {boolean} [silent] Indicates whether to trigger events when adding options. Default is false.
265
- * @param {object} [map] The mapping object that specifies the properties of the options data object. Default is { value: "value", text: "text" }.
266
- */
267
- addOptions(optionsData: any[] | object, silent?: boolean, map?: object): void;
268
- /**
269
- * Selects an option with the specified value.
270
- * @param {string} value The value of the option to be selected.
271
- * @param {boolean} [silent] Whether to suppress firing events.
272
- */
273
- selectOption(value: string, silent?: boolean): void;
274
- /**
275
- * Selects one or multiple options in the select element.
276
- * @param {Array|any} values The value(s) of the option(s) to be selected.
277
- * @param {boolean} [silent] Whether to trigger the change event or not.
278
- */
279
- selectOptions(values: any[] | any, silent?: boolean): void;
280
- /**
281
- * @summary Callback function that is called when the custom element is associated with a form.
282
- * This function adds an event listener to the form's submit event, which validates the input and propagates the validation.
283
- * @param {HTMLFormElement} form The form the custom element is associated with.
284
- */
285
- formAssociatedCallback(form: HTMLFormElement): void;
286
- /**
287
- * The formResetCallback method is a built-in lifecycle callback that gets called when a form gets reset.
288
- * This method is responsible for resetting the value of the custom input element to its default value.
289
- * It also resets the form value and validity state in the form internals.
290
- * @function
291
- */
292
- formResetCallback(): void;
293
- /**
294
- * The formStateRestoreCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is restored.
295
- * This method is responsible for restoring the value of the custom input element to its saved state.
296
- * It also restores the form value and validity state in the form internals to their saved states.
297
- * @param {object} state The saved state of the custom input element.
298
- * @function
299
- */
300
- formStateRestoreCallback(state: object): void;
301
- /**
302
- * The formStateSaveCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is saved.
303
- * This method is responsible for saving the value of the custom input element.
304
- * @returns {object} The saved state of the custom input element.
305
- * @function
306
- */
307
- formStateSaveCallback(): object;
308
- /**
309
- * The formDisabledCallback method is a built-in lifecycle callback that gets called when the disabled state of a form-associated custom element changes.
310
- * This method is not implemented yet.
311
- * @param {boolean} disabled The new disabled state of the custom input element.
312
- * @function
313
- */
314
- formDisabledCallback(disabled: boolean): void;
315
- }
@@ -1,2 +0,0 @@
1
- import { default as Slider } from './slider.element.js';
2
- export default Slider;
@@ -1,103 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- /**
3
- * Represents a slider component that extends the WJElement class.
4
- * This slider supports features such as min, max, step values, bubble display, and event handling.
5
- * It offers both getter and setter methods for its attributes and dynamically handles rendering and updates.
6
- */
7
- export default class Slider extends WJElement {
8
- /**
9
- * Returns the CSS styles for the component.
10
- * @static
11
- * @returns {CSSStyleSheet}
12
- */
13
- static get cssStyleSheet(): CSSStyleSheet;
14
- /**
15
- * Returns the list of attributes to observe for changes.
16
- * @static
17
- * @returns {Array<string>}
18
- */
19
- static get observedAttributes(): string[];
20
- /**
21
- * Sets the value of the slider.
22
- * @param {number} value The value to set.
23
- */
24
- set value(value: number);
25
- /**
26
- * Returns the value of the slider.
27
- * @returns {number} The value of the slider input.
28
- */
29
- get value(): number;
30
- /**
31
- * Sets the minimum value of the slider.
32
- * @param {number} value The minimum value to set.
33
- */
34
- set min(value: number);
35
- /**
36
- * Returns the minimum value of the slider.
37
- * @returns {number} The minimum value of the slider.
38
- */
39
- get min(): number;
40
- /**
41
- * Sets the maximum value of the slider.
42
- * @param {number} value The maximum value to set.
43
- */
44
- set max(value: number);
45
- /**
46
- * Returns the maximum value of the slider.
47
- * @returns {number} The maximum value of the slider.
48
- */
49
- get max(): number;
50
- /**
51
- * Sets the step value of the slider.
52
- * @param {number} value The step value to set.
53
- */
54
- set step(value: number);
55
- /**
56
- * Returns the step value of the slider.
57
- * @returns {number} The step value of the slider.
58
- */
59
- get step(): number;
60
- /**
61
- * Draws the component for the slider.
62
- * @returns {DocumentFragment}
63
- */
64
- draw(): DocumentFragment;
65
- input: HTMLInputElement;
66
- output: HTMLOutputElement;
67
- /**
68
- * Handles the post-rendering logic for a custom slider component. This method performs the following tasks:
69
- * - Sets the position of the handle.
70
- * - Displays a bubble indicator with the current value, if the slider has a "bubble" attribute.
71
- * - Dispatches initialization, movement, and change custom events for the slider input element.
72
- * - Updates the bubble position and value dynamically on input changes.
73
- * @returns {void} This method does not return a value.
74
- */
75
- afterDraw(): void;
76
- /**
77
- * Sets the handle position of the slider.
78
- */
79
- setHandlePosition: () => void;
80
- /**
81
- * Updates the position and content of a bubble element based on the input value.
82
- *
83
- * This function calculates the position of the bubble using the percentage representation
84
- * of the input's current value relative to its minimum and maximum bounds. It then adjusts
85
- * the bubble's left position dynamically for aesthetic purposes and updates its displayed
86
- * content to reflect the current input value.
87
- *
88
- * The function relies on the following elements:
89
- * - `this.input`: Represents the input element with properties `min`, `max`, and `value`.
90
- * - `this.output`: Represents the bubble element to be positioned and updated.
91
- *
92
- * The left positioning of the bubble ensures precise alignment with the input value indicator.
93
- */
94
- setBubble: () => void;
95
- /**
96
- * Calculates the percentage of a value within a given range.
97
- * @param {number} min The minimum value of the range.
98
- * @param {number} max The maximum value of the range.
99
- * @param {number} [value] The current value within the range. Defaults to 0 if not provided.
100
- * @returns {number} The calculated percentage as a number between 0 and 100. Returns 0 if the range is invalid.
101
- */
102
- getPercentage(min: number, max: number, value?: number): number;
103
- }
@@ -1 +0,0 @@
1
- export function drag(container: any, options: any): void;
@@ -1,2 +0,0 @@
1
- import { default as SplitView } from './split-view.element.js';
2
- export default SplitView;
@@ -1,66 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- /**
3
- * `SplitView` is a custom web component that represents a split view.
4
- * @summary This element represents a split view.
5
- * @documentation https://elements.webjet.sk/components/split-view
6
- * @status stable
7
- * @augments WJElement
8
- * @slot start - Slot for the start view.
9
- * @slot end - Slot for the end view.
10
- * @slot divider - Slot for the divider.
11
- * @csspart native-split-view - The native split view wrapper.
12
- * @csspart wje-divider - The divider of the split view.
13
- * @cssproperty [--wje-split-view-divider-area=12px] - Defines the interactive area (hitbox) of the divider for resizing. Accepts any valid CSS length unit (e.g., `px`, `rem`, `%`).
14
- * @cssproperty [--wje-split-view-divider-width=4px] - Specifies the visual width of the divider. Controls how thick the divider appears.
15
- * @cssproperty [--wje-split-view-min=0%] - Sets the minimum size limit for the split views. Ensures that a view cannot be resized below this value.
16
- * @cssproperty [--wje-split-view-max=100%] - Sets the maximum size limit for the split views. Ensures that a view cannot be resized beyond this value.
17
- * @cssproperty [--wje-split-view-calc-a=50%] - Represents the calculated size of the first view. This is used to dynamically set the size of the first view.
18
- * @cssproperty [--wje-split-view-calc-b=50%] - Represents the calculated size of the second view. This is used to dynamically set the size of the second view.
19
- * @cssproperty [--wje-split-view-clamp-a=clamp(var(--wje-split-view-min), var(--wje-split-view-calc-a), var(--wje-split-view-max))] - Clamps the size of the first view between minimum and maximum limits. Ensures the calculated size stays within the defined range.
20
- * @cssproperty [--wje-split-view-clamp-b=clamp(var(--wje-split-view-min), var(--wje-split-view-calc-b), var(--wje-split-view-max))] - Clamps the size of the second view between minimum and maximum limits. Ensures the calculated size stays within the defined range.
21
- * @cssproperty [--wje-split-view-divider-background=var(--wje-border-color)] - Sets the background color of the divider. Accepts any valid CSS color value (e.g., hex, RGB, or CSS variable).
22
- * @cssproperty [--wje-split-view-divider-size=4px] - Defines the overall size of the divider, affecting both its visual and interactive dimensions. Accepts any valid CSS length unit.
23
- * @tag wje-split-view
24
- */
25
- export default class SplitView extends WJElement {
26
- /**
27
- * Returns the CSS styles for the component.
28
- * @static
29
- * @returns {CSSStyleSheet}
30
- */
31
- static get cssStyleSheet(): CSSStyleSheet;
32
- /**
33
- * Returns the list of attributes to observe for changes.
34
- * @static
35
- * @returns {Array<string>}
36
- */
37
- static get observedAttributes(): string[];
38
- set initial(value: number);
39
- get initial(): number;
40
- /**
41
- * Draws the component for the split view.
42
- * @returns {DocumentFragment}
43
- */
44
- draw(): DocumentFragment;
45
- /**
46
- * Sets up the event listeners after the component is drawn.
47
- */
48
- afterDraw(): void;
49
- resizeObserver: ResizeObserver;
50
- /**
51
- * Handles the drag event.
52
- * @param {Event} e The event object.
53
- */
54
- handleDrag: (e: Event) => void;
55
- /**
56
- * Detects the size of the split view.
57
- */
58
- detectSize(): void;
59
- size: number;
60
- /**
61
- * Converts pixels to a percentage.
62
- * @param {number} value The pixel value.
63
- * @returns {number} The percentage value.
64
- */
65
- pixelsToPercentage(value: number): number;
66
- }
@@ -1,2 +0,0 @@
1
- import { default as Status } from './status.element.js';
2
- export default Status;
@@ -1,26 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- /**
3
- * @summary This class represents Status element, extending the WJElement class.
4
- * @documentation https://elements.webjet.sk/components/status
5
- * @status stable
6
- * @augments WJElement
7
- * @slot - The status main content.
8
- * @slot start - The status start content.
9
- * @slot end - The status end content.
10
- * @csspart native - The native part of the status.
11
- * @csspart bullet - The bullet part of the status.
12
- * @tag wje-status
13
- */
14
- export default class Status extends WJElement {
15
- /**
16
- * Returns the CSS stylesheet for the component.
17
- * @static
18
- * @returns {CSSStyleSheet} The CSS stylesheet
19
- */
20
- static get cssStyleSheet(): CSSStyleSheet;
21
- /**
22
- * Draws the component for the status.
23
- * @returns {object} fragment - The document fragment
24
- */
25
- draw(): object;
26
- }
@@ -1,2 +0,0 @@
1
- import { default as Step } from './step.element.js';
2
- export default Step;
@@ -1,23 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- /**
3
- * `Step` is a custom web component that represents a step.
4
- * @summary This element represents a step.
5
- * @documentation https://elements.webjet.sk/components/step
6
- * @status stable
7
- * @augments WJElement
8
- * @csspart native - The native part of the step.
9
- * @slot - The default slot for the step.
10
- * @tag wje-step
11
- */
12
- export default class Step extends WJElement {
13
- /**
14
- * Returns the CSS stylesheet for the component.
15
- * @returns {CSSStyleSheet} The CSS stylesheet.
16
- */
17
- static get cssStyleSheet(): CSSStyleSheet;
18
- /**
19
- * Returns the list of observed attributes.
20
- * @returns {DocumentFragment}
21
- */
22
- draw(): DocumentFragment;
23
- }
@@ -1,2 +0,0 @@
1
- import { default as Stepper } from './stepper.element.js';
2
- export default Stepper;
@@ -1,78 +0,0 @@
1
- import { default as WJElement } from '../wje-element/element.js';
2
- import { Localizer } from '../utils/localize.js';
3
- /**
4
- * `Stepper` is a custom web component that represents a stepper.
5
- * @summary This element represents a stepper.
6
- * @documentation https://elements.webjet.sk/components/stepper
7
- * @status stable
8
- * @augments WJElement
9
- * @attribute {string} active - The active color for the stepper.
10
- * @attribute {string} done - The done color for the stepper.
11
- * @slot - The default slot for the stepper.
12
- * @csspart native - The native part of the stepper.
13
- * @csspart header - The header part of the stepper.
14
- * @csspart content - The content part of the stepper.
15
- * @tag wje-stepper
16
- */
17
- export default class Stepper extends WJElement {
18
- static get cssStyleSheet(): any;
19
- currentStep: number;
20
- localizer: Localizer;
21
- steps: any[];
22
- get active(): string;
23
- get done(): string;
24
- /**
25
- * Draws the component for the stepper.
26
- * @returns {DocumentFragment}
27
- */
28
- draw(): DocumentFragment;
29
- header: HTMLDivElement;
30
- headerSteps: NodeListOf<Element>;
31
- prev: HTMLElement;
32
- next: HTMLElement;
33
- /**
34
- * Sets up the attributes for the component.
35
- */
36
- afterDraw(): void;
37
- /**
38
- * Navigates to a different step in a multi-step process based on the provided direction.
39
- * @param {number} direction The navigation direction.
40
- * Use a positive value to move forward or a negative value to move backward.
41
- */
42
- navigate(direction: number): void;
43
- /**
44
- * Navigates to a specific step in a multi-step process and updates the stepper UI accordingly.
45
- * @param {number} stepIndex The index of the step to navigate to.
46
- * @param {number} direction The navigation direction. A positive value indicates forward navigation, and a negative value indicates backward navigation.
47
- * //@fires stepper:next Dispatched when navigating to the next step.
48
- * //@fires stepper:prev Dispatched when navigating to the previous step.
49
- * //@fires stepper:finish Dispatched when the final step is completed.
50
- */
51
- goToStep(stepIndex: number, direction: number): void;
52
- /**
53
- * Resets a step to its default state by clearing its active and done attributes.
54
- * Updates the step's badge to show its index and removes any color styling.
55
- * @param {HTMLElement} nav The navigation element representing the step.
56
- * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.
57
- * @param {number} [stepIndex] The index of the step, used to set the badge content.
58
- */
59
- setStepDefault(nav: HTMLElement, badge?: HTMLElement | null, stepIndex?: number): void;
60
- /**
61
- * Sets a step as active by adding the `active` attribute and updating the step's badge.
62
- * @param {HTMLElement} nav The navigation element representing the step to activate.
63
- * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.
64
- * @param {number|null} [stepIndex] The index of the step, used to set the badge content. Defaults to `null` if not provided.
65
- */
66
- setStepActive(nav: HTMLElement, badge?: HTMLElement | null, stepIndex?: number | null): void;
67
- /**
68
- * Activates the content of a specific step by displaying it and hiding all others.
69
- * @param {number} stepIndex The index of the step whose content should be displayed.
70
- */
71
- setContentActive(stepIndex: number): void;
72
- /**
73
- * Marks a step as completed by setting the `done` attribute and updating its badge with a check icon.
74
- * @param {HTMLElement} nav The navigation element representing the completed step.
75
- * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.
76
- */
77
- setStepDone(nav: HTMLElement, badge?: HTMLElement | null): void;
78
- }
@@ -1,25 +0,0 @@
1
- export function addAction(stateValueName: any): (payload2: any) => {
2
- type: string;
3
- payload: any;
4
- actionType: string;
5
- };
6
- export function deleteAction(stateValueName: any): (payload2: any) => {
7
- type: string;
8
- payload: any;
9
- actionType: string;
10
- };
11
- export function loadAction(stateValueName: any): (payload2: any) => {
12
- type: string;
13
- payload: any;
14
- actionType: string;
15
- };
16
- export function updateAction(stateValueName: any): (payload2: any) => {
17
- type: string;
18
- payload: any;
19
- actionType: string;
20
- };
21
- export function addManyAction(stateValueName: any): (payload2: any) => {
22
- type: string;
23
- payload: any;
24
- actionType: string;
25
- };