@watermarkinsights/ripple 3.4.0-0 → 3.4.0-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 (173) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/{functions-653e695c.js → functions-8fb310fe.js} +442 -442
  3. package/dist/cjs/{global-71805ec4.js → global-62b00020.js} +65 -65
  4. package/dist/cjs/{http-service-494d81de.js → http-service-9e8c4dd5.js} +49 -49
  5. package/dist/cjs/{interfaces-a3338581.js → interfaces-30a74c1f.js} +29 -29
  6. package/dist/cjs/loader.cjs.js +2 -2
  7. package/dist/cjs/priv-chart-popover.cjs.entry.js +78 -78
  8. package/dist/cjs/priv-datepicker.cjs.entry.js +667 -668
  9. package/dist/cjs/priv-navigator-button.cjs.entry.js +18 -18
  10. package/dist/cjs/priv-navigator-item.cjs.entry.js +23 -23
  11. package/dist/cjs/ripple.cjs.js +2 -2
  12. package/dist/cjs/wm-action-menu_2.cjs.entry.js +341 -341
  13. package/dist/cjs/wm-button.cjs.entry.js +218 -218
  14. package/dist/cjs/wm-chart-slice.cjs.entry.js +13 -13
  15. package/dist/cjs/wm-chart.cjs.entry.js +516 -514
  16. package/dist/cjs/wm-datepicker.cjs.entry.js +256 -256
  17. package/dist/cjs/wm-input.cjs.entry.js +133 -133
  18. package/dist/cjs/wm-modal-footer.cjs.entry.js +31 -31
  19. package/dist/cjs/wm-modal-header.cjs.entry.js +34 -34
  20. package/dist/cjs/wm-modal.cjs.entry.js +161 -161
  21. package/dist/cjs/wm-navigator.cjs.entry.js +268 -268
  22. package/dist/cjs/wm-network-uploader.cjs.entry.js +420 -420
  23. package/dist/cjs/wm-option_2.cjs.entry.js +491 -491
  24. package/dist/cjs/wm-pagination.cjs.entry.js +167 -167
  25. package/dist/cjs/wm-search.cjs.entry.js +231 -231
  26. package/dist/cjs/wm-snackbar.cjs.entry.js +170 -170
  27. package/dist/cjs/wm-tab-item_3.cjs.entry.js +300 -300
  28. package/dist/cjs/wm-tag-input.cjs.entry.js +556 -556
  29. package/dist/cjs/wm-timepicker.cjs.entry.js +383 -383
  30. package/dist/cjs/wm-toggletip.cjs.entry.js +124 -124
  31. package/dist/cjs/wm-uploader.cjs.entry.js +346 -346
  32. package/dist/cjs/wm-wrapper.cjs.entry.js +12 -12
  33. package/dist/collection/components/wm-action-menu/wm-action-menu.js +460 -460
  34. package/dist/collection/components/wm-button/wm-button.js +485 -485
  35. package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.js +232 -232
  36. package/dist/collection/components/wm-chart/wm-chart-slice.js +64 -64
  37. package/dist/collection/components/wm-chart/wm-chart.css +7 -5
  38. package/dist/collection/components/wm-chart/wm-chart.js +765 -761
  39. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1015 -1016
  40. package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
  41. package/dist/collection/components/wm-input/wm-input.js +423 -423
  42. package/dist/collection/components/wm-menuitem/wm-menuitem.js +444 -444
  43. package/dist/collection/components/wm-modal/wm-modal-footer.js +141 -141
  44. package/dist/collection/components/wm-modal/wm-modal-header.js +92 -92
  45. package/dist/collection/components/wm-modal/wm-modal.js +459 -459
  46. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +97 -97
  47. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +114 -114
  48. package/dist/collection/components/wm-navigator/wm-navigator.js +468 -468
  49. package/dist/collection/components/wm-option/wm-option.js +422 -422
  50. package/dist/collection/components/wm-pagination/wm-pagination.js +368 -368
  51. package/dist/collection/components/wm-search/wm-search.js +479 -479
  52. package/dist/collection/components/wm-select/wm-select.js +717 -717
  53. package/dist/collection/components/wm-snackbar/wm-snackbar.js +297 -297
  54. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +219 -219
  55. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +331 -331
  56. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +104 -104
  57. package/dist/collection/components/wm-tag-input/wm-tag-input.js +787 -787
  58. package/dist/collection/components/wm-timepicker/wm-timepicker.js +589 -589
  59. package/dist/collection/components/wm-toggletip/wm-toggletip.js +241 -241
  60. package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js +753 -753
  61. package/dist/collection/components/wm-uploader/wm-uploader.js +748 -748
  62. package/dist/collection/components/wm-wrapper/wm-wrapper.js +27 -27
  63. package/dist/collection/dev/scripts.js +20 -20
  64. package/dist/collection/global/__mocks__/functions.js +6 -6
  65. package/dist/collection/global/functions.js +445 -445
  66. package/dist/collection/global/global.js +72 -72
  67. package/dist/collection/global/interfaces.js +49 -49
  68. package/dist/collection/global/services/__mocks__/http-service.js +130 -130
  69. package/dist/collection/global/services/http-service.js +50 -50
  70. package/dist/collection/lang/lang.js +5 -5
  71. package/dist/collection/lang/piglatin.js +93 -93
  72. package/dist/esm/{functions-e528c934.js → functions-c315390d.js} +442 -442
  73. package/dist/esm/{global-4697401c.js → global-1de94d50.js} +65 -65
  74. package/dist/esm/{http-service-3dc3b3e7.js → http-service-5d037e16.js} +49 -49
  75. package/dist/esm/{interfaces-2b97fab2.js → interfaces-61c6305b.js} +29 -29
  76. package/dist/esm/loader.js +2 -2
  77. package/dist/esm/polyfills/core-js.js +0 -0
  78. package/dist/esm/polyfills/dom.js +0 -0
  79. package/dist/esm/polyfills/es5-html-element.js +0 -0
  80. package/dist/esm/polyfills/index.js +0 -0
  81. package/dist/esm/polyfills/system.js +0 -0
  82. package/dist/esm/priv-chart-popover.entry.js +78 -78
  83. package/dist/esm/priv-datepicker.entry.js +667 -668
  84. package/dist/esm/priv-navigator-button.entry.js +18 -18
  85. package/dist/esm/priv-navigator-item.entry.js +23 -23
  86. package/dist/esm/ripple.js +2 -2
  87. package/dist/esm/wm-action-menu_2.entry.js +341 -341
  88. package/dist/esm/wm-button.entry.js +218 -218
  89. package/dist/esm/wm-chart-slice.entry.js +13 -13
  90. package/dist/esm/wm-chart.entry.js +516 -514
  91. package/dist/esm/wm-datepicker.entry.js +256 -256
  92. package/dist/esm/wm-input.entry.js +133 -133
  93. package/dist/esm/wm-modal-footer.entry.js +31 -31
  94. package/dist/esm/wm-modal-header.entry.js +34 -34
  95. package/dist/esm/wm-modal.entry.js +161 -161
  96. package/dist/esm/wm-navigator.entry.js +268 -268
  97. package/dist/esm/wm-network-uploader.entry.js +420 -420
  98. package/dist/esm/wm-option_2.entry.js +491 -491
  99. package/dist/esm/wm-pagination.entry.js +167 -167
  100. package/dist/esm/wm-search.entry.js +231 -231
  101. package/dist/esm/wm-snackbar.entry.js +170 -170
  102. package/dist/esm/wm-tab-item_3.entry.js +300 -300
  103. package/dist/esm/wm-tag-input.entry.js +556 -556
  104. package/dist/esm/wm-timepicker.entry.js +383 -383
  105. package/dist/esm/wm-toggletip.entry.js +124 -124
  106. package/dist/esm/wm-uploader.entry.js +346 -346
  107. package/dist/esm/wm-wrapper.entry.js +12 -12
  108. package/dist/ripple/{p-fcdc6395.entry.js → p-042d6449.entry.js} +1 -1
  109. package/dist/ripple/p-053e8324.entry.js +1 -0
  110. package/dist/ripple/{p-cd58a15c.entry.js → p-27d5255f.entry.js} +1 -1
  111. package/dist/ripple/{p-e7616311.entry.js → p-34694011.entry.js} +1 -1
  112. package/dist/ripple/{p-e9e8334e.entry.js → p-36da5d4a.entry.js} +1 -1
  113. package/dist/ripple/{p-33524565.entry.js → p-374b4fa6.entry.js} +1 -1
  114. package/dist/ripple/{p-dc9c9fda.entry.js → p-41f39509.entry.js} +1 -1
  115. package/dist/ripple/p-5f19bcd1.entry.js +1 -0
  116. package/dist/ripple/{p-1e0c41a9.entry.js → p-5ffa983b.entry.js} +1 -1
  117. package/dist/ripple/{p-8923b7d0.entry.js → p-7bbd123c.entry.js} +1 -1
  118. package/dist/ripple/{p-43f1298b.js → p-888bec42.js} +0 -0
  119. package/dist/ripple/{p-b5189f72.entry.js → p-9b4f222b.entry.js} +1 -1
  120. package/dist/ripple/{p-4c7b151e.js → p-a4d95d60.js} +1 -1
  121. package/dist/ripple/{p-fd8070fb.js → p-a6d6eae7.js} +0 -0
  122. package/dist/ripple/{p-65e3a656.entry.js → p-b03382ea.entry.js} +1 -1
  123. package/dist/ripple/{p-b3d5ea85.entry.js → p-b4a8c8d3.entry.js} +1 -1
  124. package/dist/ripple/{p-8cd1396e.entry.js → p-ba9d3069.entry.js} +1 -1
  125. package/dist/ripple/{p-092b01f3.entry.js → p-c5e44367.entry.js} +1 -1
  126. package/dist/ripple/p-c724ce54.entry.js +1 -0
  127. package/dist/ripple/{p-3003d26d.entry.js → p-d5fafa9c.entry.js} +1 -1
  128. package/dist/ripple/{p-4cc71463.entry.js → p-dea72d46.entry.js} +1 -1
  129. package/dist/ripple/{p-aa973691.entry.js → p-e574fb73.entry.js} +1 -1
  130. package/dist/ripple/{p-588b4475.js → p-e60fe2f5.js} +0 -0
  131. package/dist/ripple/{p-ec9697db.entry.js → p-ec5db255.entry.js} +1 -1
  132. package/dist/ripple/ripple.esm.js +1 -1
  133. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +48 -48
  134. package/dist/types/components/wm-button/wm-button.d.ts +44 -44
  135. package/dist/types/components/wm-chart/priv-chart-popover/priv-chart-popover.d.ts +23 -23
  136. package/dist/types/components/wm-chart/wm-chart-slice.d.ts +8 -8
  137. package/dist/types/components/wm-chart/wm-chart.d.ts +80 -80
  138. package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +76 -76
  139. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
  140. package/dist/types/components/wm-input/wm-input.d.ts +46 -46
  141. package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +34 -34
  142. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +15 -15
  143. package/dist/types/components/wm-modal/wm-modal-header.d.ts +12 -12
  144. package/dist/types/components/wm-modal/wm-modal.d.ts +41 -41
  145. package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +10 -10
  146. package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +13 -13
  147. package/dist/types/components/wm-navigator/wm-navigator.d.ts +61 -61
  148. package/dist/types/components/wm-option/wm-option.d.ts +32 -32
  149. package/dist/types/components/wm-pagination/wm-pagination.d.ts +32 -32
  150. package/dist/types/components/wm-search/wm-search.d.ts +86 -86
  151. package/dist/types/components/wm-select/wm-select.d.ts +66 -66
  152. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +35 -35
  153. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +38 -38
  154. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +53 -53
  155. package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +20 -20
  156. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +91 -91
  157. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +62 -62
  158. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +27 -27
  159. package/dist/types/components/wm-uploader/wm-network-uploader/wm-network-uploader.d.ts +85 -85
  160. package/dist/types/components/wm-uploader/wm-uploader.d.ts +80 -80
  161. package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +7 -7
  162. package/dist/types/components.d.ts +24 -24
  163. package/dist/types/global/__mocks__/functions.d.ts +6 -6
  164. package/dist/types/global/functions.d.ts +40 -40
  165. package/dist/types/global/global.d.ts +1 -1
  166. package/dist/types/global/interfaces.d.ts +34 -34
  167. package/dist/types/global/services/__mocks__/http-service.d.ts +6 -6
  168. package/dist/types/global/services/http-service.d.ts +4 -4
  169. package/dist/types/lang/lang.d.ts +5 -5
  170. package/package.json +46 -46
  171. package/dist/ripple/p-6177d1c0.entry.js +0 -1
  172. package/dist/ripple/p-bc27b604.entry.js +0 -1
  173. package/dist/ripple/p-d44681e3.entry.js +0 -1
@@ -1,80 +1,80 @@
1
- import { EventEmitter } from "../../stencil-public-runtime";
2
- interface UploadedFile {
3
- name: string;
4
- id: string;
5
- type: string;
6
- lastUpdated: string;
7
- progress?: number;
8
- }
9
- interface ErrorFile {
10
- name: string;
11
- message: string;
12
- }
13
- export declare class Uploader {
14
- el: HTMLWmUploaderElement;
15
- private liveRegion?;
16
- private inputEl?;
17
- uploaderType: "1" | "2" | null;
18
- type: "1" | "2" | null;
19
- get tempUploaderType(): "1" | "2";
20
- buttonText: string;
21
- info?: string;
22
- emptyStateText: string;
23
- icon: string;
24
- fileTypes: string;
25
- maxSize: number;
26
- maxFiles?: number;
27
- sortBy: "name" | "date";
28
- files?: string;
29
- private fileList;
30
- filesToUpload: File[];
31
- isTabbing: boolean;
32
- rejectedFiles?: string;
33
- errorList: ErrorFile[];
34
- notif?: {
35
- id: number;
36
- message: string;
37
- } | null;
38
- numFilesInProgress?: number | null;
39
- private srProgress?;
40
- private inputId;
41
- wmUploaderFilesSelected: EventEmitter;
42
- wmFilesSelected: EventEmitter;
43
- wmUploaderDeleteFile: EventEmitter;
44
- wmDeleteFile: EventEmitter;
45
- wmUploaderDownloadFile: EventEmitter;
46
- wmDownloadFile: EventEmitter;
47
- toggleTabbingOn(): void;
48
- toggleTabbingOff(): void;
49
- handleUploadProgress(ev: CustomEvent): void;
50
- parseFiles(): void;
51
- parseRejectedFiles(): void;
52
- setMaxSize(): void;
53
- uploadNotifications(newNum: number, oldNum: number): void;
54
- isValidSize(size: number): boolean;
55
- isDuplicate(name: string): UploadedFile | undefined;
56
- isEmpty(): boolean;
57
- isDisabled(): boolean;
58
- isItemUploading(item: UploadedFile): boolean;
59
- clearErrors(): void;
60
- handleFiles(ev: Event): void;
61
- downloadFile(file: UploadedFile): void;
62
- deleteFile(file: UploadedFile): void;
63
- componentWillLoad(): void;
64
- componentDidLoad(): void;
65
- renderUploadSvg(): any;
66
- renderIcon(): any;
67
- renderInfo(): any;
68
- renderNotif(): any;
69
- renderUploadButton(classes: string): any;
70
- renderEmptyState(): any;
71
- renderErrorList(): any;
72
- renderFileInProgress(item: UploadedFile): any;
73
- renderFile(item: UploadedFile): any;
74
- renderFileList(): any;
75
- renderHeader(): any;
76
- renderFooter(): any;
77
- renderWithItems(): any;
78
- render(): any;
79
- }
80
- export {};
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ interface UploadedFile {
3
+ name: string;
4
+ id: string;
5
+ type: string;
6
+ lastUpdated: string;
7
+ progress?: number;
8
+ }
9
+ interface ErrorFile {
10
+ name: string;
11
+ message: string;
12
+ }
13
+ export declare class Uploader {
14
+ el: HTMLWmUploaderElement;
15
+ private liveRegion?;
16
+ private inputEl?;
17
+ uploaderType: "1" | "2" | null;
18
+ type: "1" | "2" | null;
19
+ get tempUploaderType(): "1" | "2";
20
+ buttonText: string;
21
+ info?: string;
22
+ emptyStateText: string;
23
+ icon: string;
24
+ fileTypes: string;
25
+ maxSize: number;
26
+ maxFiles?: number;
27
+ sortBy: "name" | "date";
28
+ files?: string;
29
+ private fileList;
30
+ filesToUpload: File[];
31
+ isTabbing: boolean;
32
+ rejectedFiles?: string;
33
+ errorList: ErrorFile[];
34
+ notif?: {
35
+ id: number;
36
+ message: string;
37
+ } | null;
38
+ numFilesInProgress?: number | null;
39
+ private srProgress?;
40
+ private inputId;
41
+ wmUploaderFilesSelected: EventEmitter;
42
+ wmFilesSelected: EventEmitter;
43
+ wmUploaderDeleteFile: EventEmitter;
44
+ wmDeleteFile: EventEmitter;
45
+ wmUploaderDownloadFile: EventEmitter;
46
+ wmDownloadFile: EventEmitter;
47
+ toggleTabbingOn(): void;
48
+ toggleTabbingOff(): void;
49
+ handleUploadProgress(ev: CustomEvent): void;
50
+ parseFiles(): void;
51
+ parseRejectedFiles(): void;
52
+ setMaxSize(): void;
53
+ uploadNotifications(newNum: number, oldNum: number): void;
54
+ isValidSize(size: number): boolean;
55
+ isDuplicate(name: string): UploadedFile | undefined;
56
+ isEmpty(): boolean;
57
+ isDisabled(): boolean;
58
+ isItemUploading(item: UploadedFile): boolean;
59
+ clearErrors(): void;
60
+ handleFiles(ev: Event): void;
61
+ downloadFile(file: UploadedFile): void;
62
+ deleteFile(file: UploadedFile): void;
63
+ componentWillLoad(): void;
64
+ componentDidLoad(): void;
65
+ renderUploadSvg(): any;
66
+ renderIcon(): any;
67
+ renderInfo(): any;
68
+ renderNotif(): any;
69
+ renderUploadButton(classes: string): any;
70
+ renderEmptyState(): any;
71
+ renderErrorList(): any;
72
+ renderFileInProgress(item: UploadedFile): any;
73
+ renderFile(item: UploadedFile): any;
74
+ renderFileList(): any;
75
+ renderHeader(): any;
76
+ renderFooter(): any;
77
+ renderWithItems(): any;
78
+ render(): any;
79
+ }
80
+ export {};
@@ -1,7 +1,7 @@
1
- import { EventEmitter } from "../../stencil-public-runtime";
2
- export declare class Wrapper {
3
- el: any;
4
- wmWrapperLoaded: EventEmitter<void>;
5
- componentDidLoad(): void;
6
- render(): void;
7
- }
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ export declare class Wrapper {
3
+ el: any;
4
+ wmWrapperLoaded: EventEmitter<void>;
5
+ componentDidLoad(): void;
6
+ render(): void;
7
+ }
@@ -45,13 +45,13 @@ export namespace Components {
45
45
  "disabled": boolean;
46
46
  "labelForIdenticalButtons"?: string;
47
47
  "tooltip"?: string;
48
- "tooltipPosition"?: | "top"
49
- | "bottom"
50
- | "left"
51
- | "right"
52
- | "bottom-left"
53
- | "bottom-right"
54
- | "top-right"
48
+ "tooltipPosition"?: | "top"
49
+ | "bottom"
50
+ | "left"
51
+ | "right"
52
+ | "bottom-left"
53
+ | "bottom-right"
54
+ | "top-right"
55
55
  | "top-left";
56
56
  }
57
57
  interface WmButton {
@@ -526,9 +526,9 @@ declare namespace LocalJSX {
526
526
  interface PrivNavigatorItem {
527
527
  "focused"?: boolean;
528
528
  "link"?: string;
529
- "onKeydownOnNavItem"?: (event: CustomEvent<{
530
- navItem: HTMLPrivNavigatorItemElement;
531
- key: string;
529
+ "onKeydownOnNavItem"?: (event: CustomEvent<{
530
+ navItem: HTMLPrivNavigatorItemElement;
531
+ key: string;
532
532
  }>) => void;
533
533
  "selected"?: boolean;
534
534
  }
@@ -541,13 +541,13 @@ declare namespace LocalJSX {
541
541
  "onMenuLoaded"?: (event: CustomEvent<any>) => void;
542
542
  "onWmActionMenuLoaded"?: (event: CustomEvent<any>) => void;
543
543
  "tooltip"?: string;
544
- "tooltipPosition"?: | "top"
545
- | "bottom"
546
- | "left"
547
- | "right"
548
- | "bottom-left"
549
- | "bottom-right"
550
- | "top-right"
544
+ "tooltipPosition"?: | "top"
545
+ | "bottom"
546
+ | "left"
547
+ | "right"
548
+ | "bottom-left"
549
+ | "bottom-right"
550
+ | "top-right"
551
551
  | "top-left";
552
552
  }
553
553
  interface WmButton {
@@ -753,9 +753,9 @@ declare namespace LocalJSX {
753
753
  "onWmSnackbarSnackFinished"?: (event: CustomEvent<Object>) => void;
754
754
  }
755
755
  interface WmTabItem {
756
- "onKeydownOnTabItem"?: (event: CustomEvent<{
757
- tabItem: HTMLWmTabItemElement;
758
- key: string;
756
+ "onKeydownOnTabItem"?: (event: CustomEvent<{
757
+ tabItem: HTMLWmTabItemElement;
758
+ key: string;
759
759
  }>) => void;
760
760
  "onTabItemLoaded"?: (event: CustomEvent<{ tab: HTMLWmTabItemElement }>) => void;
761
761
  "onTabSelected"?: (event: CustomEvent<{ tabId: string }>) => void;
@@ -813,10 +813,10 @@ declare namespace LocalJSX {
813
813
  "label"?: string;
814
814
  "labelPosition"?: "top" | "left" | "none";
815
815
  "onWmTimepickerNewValidValue"?: (event: CustomEvent<{ value: string }>) => void;
816
- "onWmTimepickerOnChange"?: (event: CustomEvent<{
817
- // deprecated in favor of wmTimepickerNewValidValue and standard input event
818
- value: string;
819
- isValid: boolean;
816
+ "onWmTimepickerOnChange"?: (event: CustomEvent<{
817
+ // deprecated in favor of wmTimepickerNewValidValue and standard input event
818
+ value: string;
819
+ isValid: boolean;
820
820
  }>) => void;
821
821
  "preventValidation"?: string;
822
822
  "requiredField"?: boolean;
@@ -1,6 +1,6 @@
1
- export declare const generateId: () => string;
2
- export declare const getTextDir: () => string;
3
- export declare const intl: {
4
- formatMessage: (_: string) => string;
5
- };
6
- export declare const adjustTooltipPosition: () => string;
1
+ export declare const generateId: () => string;
2
+ export declare const getTextDir: () => string;
3
+ export declare const intl: {
4
+ formatMessage: (_: string) => string;
5
+ };
6
+ export declare const adjustTooltipPosition: () => string;
@@ -1,40 +1,40 @@
1
- import { TooltipPosition } from "./interfaces";
2
- export declare const intl: import("@formatjs/intl").IntlShape<string>;
3
- export declare function generateId(): string;
4
- export declare function debounce(fn: any, wait: number): (this: any) => void;
5
- export declare function getTextDir(): string;
6
- export declare function getPosition(el: HTMLElement): {
7
- x: number;
8
- y: number;
9
- };
10
- export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
11
- export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
12
- export declare function getClosableElementMeasurements(fixedEl: HTMLElement, closableEl: HTMLElement): {
13
- closableElHeight: number;
14
- closableElWidth: number;
15
- spaceAbove: number;
16
- spaceBelow: number;
17
- spaceLeft: number;
18
- spaceRight: number;
19
- };
20
- export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
21
- closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
22
- offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
23
- offsetBelow?: number): boolean;
24
- export declare function shouldOpenDown(fixedEl: HTMLElement, //the element visible on the page when the component is closed
25
- closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
26
- offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
27
- offsetBelow?: number): boolean;
28
- export declare function shouldShiftRight(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
29
- export declare function shouldShiftLeft(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
30
- export declare function adjustTooltipPosition(tPos: TooltipPosition, el: HTMLElement, tooltipEl: HTMLElement): TooltipPosition;
31
- export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
32
- export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
33
- export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
34
- export declare function isFocusable(element: any): boolean;
35
- export declare function getFirstFocusableDescendant(element: HTMLElement): HTMLElement | undefined;
36
- export declare function hasValidType(file: File, types: string): any;
37
- export declare function getAcceptedMimeTypesList(acceptedExtensions: string[]): any;
38
- export declare function snakeCaseToCamelCase(str: string): string;
39
- export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
40
- export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
1
+ import { TooltipPosition } from "./interfaces";
2
+ export declare const intl: import("@formatjs/intl").IntlShape<string>;
3
+ export declare function generateId(): string;
4
+ export declare function debounce(fn: any, wait: number): (this: any) => void;
5
+ export declare function getTextDir(): string;
6
+ export declare function getPosition(el: HTMLElement): {
7
+ x: number;
8
+ y: number;
9
+ };
10
+ export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
11
+ export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
12
+ export declare function getClosableElementMeasurements(fixedEl: HTMLElement, closableEl: HTMLElement): {
13
+ closableElHeight: number;
14
+ closableElWidth: number;
15
+ spaceAbove: number;
16
+ spaceBelow: number;
17
+ spaceLeft: number;
18
+ spaceRight: number;
19
+ };
20
+ export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
21
+ closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
22
+ offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
23
+ offsetBelow?: number): boolean;
24
+ export declare function shouldOpenDown(fixedEl: HTMLElement, //the element visible on the page when the component is closed
25
+ closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
26
+ offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
27
+ offsetBelow?: number): boolean;
28
+ export declare function shouldShiftRight(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
29
+ export declare function shouldShiftLeft(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
30
+ export declare function adjustTooltipPosition(tPos: TooltipPosition, el: HTMLElement, tooltipEl: HTMLElement): TooltipPosition;
31
+ export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
32
+ export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
33
+ export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
34
+ export declare function isFocusable(element: any): boolean;
35
+ export declare function getFirstFocusableDescendant(element: HTMLElement): HTMLElement | undefined;
36
+ export declare function hasValidType(file: File, types: string): any;
37
+ export declare function getAcceptedMimeTypesList(acceptedExtensions: string[]): any;
38
+ export declare function snakeCaseToCamelCase(str: string): string;
39
+ export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
40
+ export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,34 +1,34 @@
1
- export declare type Notification = {
2
- message: string;
3
- id: string;
4
- link: string;
5
- newWindow: boolean;
6
- };
7
- export declare type label = string | undefined;
8
- export declare type CssClassMap = {
9
- [className: string]: boolean;
10
- };
11
- interface IconLabels {
12
- [index: string]: string;
13
- }
14
- export declare type Product = {
15
- description?: string;
16
- samlLinkUrl?: string;
17
- iconUrl: string;
18
- id: string;
19
- linkUrl: string;
20
- name: string;
21
- };
22
- export declare type NavigatorPayload = {
23
- connection_name?: string;
24
- current_product_id: string;
25
- email: string;
26
- logout_url: string;
27
- products: Product[];
28
- };
29
- export declare const iconLabels: IconLabels;
30
- export declare function getIconCodeFromName(icon: string): string;
31
- export declare const defaultMode = "planning";
32
- export declare const getWmMode: (ref?: any) => any;
33
- export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
34
- export {};
1
+ export declare type Notification = {
2
+ message: string;
3
+ id: string;
4
+ link: string;
5
+ newWindow: boolean;
6
+ };
7
+ export declare type label = string | undefined;
8
+ export declare type CssClassMap = {
9
+ [className: string]: boolean;
10
+ };
11
+ interface IconLabels {
12
+ [index: string]: string;
13
+ }
14
+ export declare type Product = {
15
+ description?: string;
16
+ samlLinkUrl?: string;
17
+ iconUrl: string;
18
+ id: string;
19
+ linkUrl: string;
20
+ name: string;
21
+ };
22
+ export declare type NavigatorPayload = {
23
+ connection_name?: string;
24
+ current_product_id: string;
25
+ email: string;
26
+ logout_url: string;
27
+ products: Product[];
28
+ };
29
+ export declare const iconLabels: IconLabels;
30
+ export declare function getIconCodeFromName(icon: string): string;
31
+ export declare const defaultMode = "planning";
32
+ export declare const getWmMode: (ref?: any) => any;
33
+ export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
34
+ export {};
@@ -1,6 +1,6 @@
1
- export declare const getRequest: (url: string) => Promise<any>;
2
- export declare const postRequest: (url: string, payload: any) => Promise<void | {
3
- url: string;
4
- }>;
5
- export declare const deleteRequest: (url: string) => Promise<void>;
6
- export declare const putRequest: (_url: string, _file: any) => Promise<void>;
1
+ export declare const getRequest: (url: string) => Promise<any>;
2
+ export declare const postRequest: (url: string, payload: any) => Promise<void | {
3
+ url: string;
4
+ }>;
5
+ export declare const deleteRequest: (url: string) => Promise<void>;
6
+ export declare const putRequest: (_url: string, _file: any) => Promise<void>;
@@ -1,4 +1,4 @@
1
- export declare const getRequest: (url: string) => Promise<any>;
2
- export declare const postRequest: (url: string, payload: Object) => Promise<any>;
3
- export declare const deleteRequest: (url: string) => Promise<any>;
4
- export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;
1
+ export declare const getRequest: (url: string) => Promise<any>;
2
+ export declare const postRequest: (url: string, payload: Object) => Promise<any>;
3
+ export declare const deleteRequest: (url: string) => Promise<any>;
4
+ export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;
@@ -1,5 +1,5 @@
1
- import en from "./compiled-lang/en.json";
2
- import fr from "./compiled-lang/fr.json";
3
- import es from "./compiled-lang/es.json";
4
- import pig from "./compiled-lang/pig.json";
5
- export { en, fr, es, pig };
1
+ import en from "./compiled-lang/en.json";
2
+ import fr from "./compiled-lang/fr.json";
3
+ import es from "./compiled-lang/es.json";
4
+ import pig from "./compiled-lang/pig.json";
5
+ export { en, fr, es, pig };
package/package.json CHANGED
@@ -1,46 +1,46 @@
1
- {
2
- "name": "@watermarkinsights/ripple",
3
- "version": "3.4.0-0",
4
- "description": "Ripple Component Library",
5
- "license": "MIT",
6
- "module": "dist/index.js",
7
- "main": "dist/index.cjs.js",
8
- "unpkg": "dist/ripple/ripple.js",
9
- "types": "dist/types/components.d.ts",
10
- "collection": "dist/collection/collection-manifest.json",
11
- "files": [
12
- "dist/"
13
- ],
14
- "es2017": "dist/esm/index.mjs",
15
- "es2015": "dist/esm/index.mjs",
16
- "scripts": {
17
- "local.pss": "sh ./scripts/build-local-pss.sh",
18
- "local.aqua": "sh ./scripts/build-local-aqf.sh",
19
- "local.ripple": "sh ./scripts/build-local-ripple.sh",
20
- "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
21
- "build": "stencil build",
22
- "release": "sh ./scripts/release.sh",
23
- "start": "stencil build --dev --watch --serve",
24
- "test": "stencil test --spec --e2e",
25
- "test.snapshot": "stencil test --spec --e2e -u",
26
- "test.watch": "stencil test --spec --e2e --watch",
27
- "test.watchAll": "stencil test --spec --e2e --watchAll",
28
- "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
29
- "extract": "formatjs extract ./src/**/*.tsx --out-file ./src/lang/en.json && node ./src/lang/piglatin.js",
30
- "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast"
31
- },
32
- "devDependencies": {
33
- "@axe-core/puppeteer": "^4.1.1",
34
- "@formatjs/cli": "^4.2.11",
35
- "@stencil/core": "^2.5.2",
36
- "@stencil/react-output-target": "^0.0.9",
37
- "@stencil/sass": "^1.4.1",
38
- "@types/jest": "^26.0.23",
39
- "@types/puppeteer": "^5.4.3",
40
- "jest": "^26.6.3",
41
- "jest-cli": "^26.6.3"
42
- },
43
- "dependencies": {
44
- "@formatjs/intl": "^1.10.5"
45
- }
46
- }
1
+ {
2
+ "name": "@watermarkinsights/ripple",
3
+ "version": "3.4.0-1",
4
+ "description": "Ripple Component Library",
5
+ "license": "MIT",
6
+ "module": "dist/index.js",
7
+ "main": "dist/index.cjs.js",
8
+ "unpkg": "dist/ripple/ripple.js",
9
+ "types": "dist/types/components.d.ts",
10
+ "collection": "dist/collection/collection-manifest.json",
11
+ "files": [
12
+ "dist/"
13
+ ],
14
+ "es2017": "dist/esm/index.mjs",
15
+ "es2015": "dist/esm/index.mjs",
16
+ "scripts": {
17
+ "local.pss": "sh ./scripts/build-local-pss.sh",
18
+ "local.aqua": "sh ./scripts/build-local-aqf.sh",
19
+ "local.ripple": "sh ./scripts/build-local-ripple.sh",
20
+ "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
21
+ "build": "stencil build",
22
+ "release": "sh ./scripts/release.sh",
23
+ "start": "stencil build --dev --watch --serve",
24
+ "test": "stencil test --spec --e2e",
25
+ "test.snapshot": "stencil test --spec --e2e -u",
26
+ "test.watch": "stencil test --spec --e2e --watch",
27
+ "test.watchAll": "stencil test --spec --e2e --watchAll",
28
+ "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
29
+ "extract": "formatjs extract ./src/**/*.tsx --out-file ./src/lang/en.json && node ./src/lang/piglatin.js",
30
+ "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast"
31
+ },
32
+ "devDependencies": {
33
+ "@axe-core/puppeteer": "^4.1.1",
34
+ "@formatjs/cli": "^4.2.11",
35
+ "@stencil/core": "^2.5.2",
36
+ "@stencil/react-output-target": "^0.0.9",
37
+ "@stencil/sass": "^1.4.1",
38
+ "@types/jest": "^26.0.23",
39
+ "@types/puppeteer": "^5.4.3",
40
+ "jest": "^26.6.3",
41
+ "jest-cli": "^26.6.3"
42
+ },
43
+ "dependencies": {
44
+ "@formatjs/intl": "^1.10.5"
45
+ }
46
+ }
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,f as s,g as o}from"./p-9baa3039.js";import{i as a,l as r,r as h}from"./p-588b4475.js";const n=class{constructor(s){t(this,s),this.cellTriggered=e(this,"cellTriggered",7),this.toggleButtonClicked=e(this,"toggleButtonClicked",7),this.popupClosed=e(this,"popupClosed",7),this.disabled=!1,this.isExpanded=!1,this.view="day",this.date=new Date,this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth,this.parentId="",this.popupClicked=!0,this.buttonClicked=!0,this.prevClicked=!0,this.nextClicked=!0,this.openUp=!1,this.calendar_months=[a.formatMessage({id:"date.january",defaultMessage:"January",description:"Month of the year"}),a.formatMessage({id:"date.february",defaultMessage:"February",description:"Month of the year"}),a.formatMessage({id:"date.march",defaultMessage:"March",description:"Month of the year"}),a.formatMessage({id:"date.april",defaultMessage:"April",description:"Month of the year"}),a.formatMessage({id:"date.may",defaultMessage:"May",description:"Month of the year"}),a.formatMessage({id:"date.june",defaultMessage:"June",description:"Month of the year"}),a.formatMessage({id:"date.july",defaultMessage:"July",description:"Month of the year"}),a.formatMessage({id:"date.august",defaultMessage:"August",description:"Month of the year"}),a.formatMessage({id:"date.september",defaultMessage:"September",description:"Month of the year"}),a.formatMessage({id:"date.october",defaultMessage:"October",description:"Month of the year"}),a.formatMessage({id:"date.november",defaultMessage:"November",description:"Month of the year"}),a.formatMessage({id:"date.december",defaultMessage:"December",description:"Month of the year"})],this.weekdays=[a.formatMessage({id:"date.sunday",defaultMessage:"Sunday"}),a.formatMessage({id:"date.monday",defaultMessage:"Monday"}),a.formatMessage({id:"date.tuesday",defaultMessage:"Tuesday"}),a.formatMessage({id:"date.wednesday",defaultMessage:"Wednesday"}),a.formatMessage({id:"date.thursday",defaultMessage:"Thursday"}),a.formatMessage({id:"date.friday",defaultMessage:"Friday"}),a.formatMessage({id:"date.saturday",defaultMessage:"Saturday"})],this.renderCalendarDate=(t,e)=>{let s=this.removeZeroes(String(t[1])),o=this.removeZeroes(String(t[2])),r=s===this.monthInFocus?"current-month":"";const h=t[0]+t[1]+t[2],n=this.isDateToday(t);return i("div",{role:"gridcell",id:`cell-${h}-${this.parentId}`,class:`date-cell ${r}`,"aria-selected":!1,"aria-label":`${n?`${a.formatMessage({id:"date.today",defaultMessage:"today",description:"calendar button"})}, `:""}${this.weekdays[e]}, ${this.calendar_months[s-1]} ${o}, ${t[0]}`,onClick:t=>{this.handleTriggeredDate(t.target)},onKeyDown:t=>this.trapFocusEnd(t),"data-month":t[1],"data-year":t[0],onBlur:t=>t.stopPropagation()},o)}}handleKey(t){switch(this.prevClicked=!1,this.nextClicked=!1,t.keyCode){case 13:t.preventDefault(),!t.target.id.includes("popup-title")&&t.target.click();break;case 27:t.preventDefault(),this.isExpanded&&(t.stopPropagation(),this.togglePopup(),this.buttonEl.focus());break;case 33:t.preventDefault(),this.backOneMonth();break;case 34:t.preventDefault(),this.forwardOneMonth();break;case 36:t.preventDefault(),this.unfocusCell(),this.dayInFocus=1,s(this.el);break;case 35:t.preventDefault(),this.unfocusCell(),this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus),s(this.el);break;case 37:if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),1===this.dayInFocus){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)}else this.dayInFocus-=1;else this.unfocusMonth(),0===this.monthNumInFocus?this.monthNumInFocus=11:this.monthNumInFocus-=1;break;case 39:if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus===this.getMonthDays(this.monthInFocus,this.yearInFocus)){const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=1}else this.dayInFocus+=1;else this.unfocusMonth(),11===this.monthNumInFocus?this.monthNumInFocus=0:this.monthNumInFocus+=1;break;case 38:if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus<8){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=7-this.dayInFocus;this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)-e}else this.dayInFocus-=7;else this.unfocusMonth(),this.monthNumInFocus<3?this.monthNumInFocus+=9:this.monthNumInFocus-=3;break;case 40:if(t.preventDefault(),this.isExpanded)if("day"===this.view){if(!(document.activeElement.shadowRoot||document).activeElement.classList.contains("date-cell")){this.focusCell();break}this.unfocusCell();const t=this.getMonthDays(this.monthInFocus,this.yearInFocus)-7;if(this.dayInFocus>t){const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year,this.dayInFocus=this.dayInFocus-t}else this.dayInFocus+=7}else{const t=(document.activeElement.shadowRoot||document).activeElement;if("BUTTON"===t.tagName||t.id.includes("popup-title-year")){this.focusMonth();break}this.unfocusMonth(),this.monthNumInFocus>8?this.monthNumInFocus-=9:this.monthNumInFocus+=3}else this.openPopup()}}toggleTabbingOn(t){["Tab",9,"ArrowUp",38,"ArrowDown",40,"ArrowLeft",37,"ArrowRight",39,"Enter",13].includes(t.key||t.keyCode)&&this.popupEl&&this.popupEl.classList.add("user-is-tabbing")}toggleTabbingOff(){this.popupEl&&this.popupEl.classList.remove("user-is-tabbing")}blurHandler(){this.popupClicked||this.buttonClicked||!this.isExpanded||this.closePopup(),this.popupClicked=!1,this.buttonClicked=!1}handleFocusout(){!0!==this.isExpanded||document.hasFocus()||this.closePopup()}setDateValuesForView(){this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth-1}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.buttonClicked=!0}updateLiveRegion(t){this.el.querySelector("#live-region").innerHTML=t}closePopup(){this.isExpanded=!1,this.popupEl.classList.remove("open"),window.setTimeout((()=>{this.popupEl.style.visibility="hidden"}),250),"day"===this.view&&this.unfocusCell(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.changeView("day"),window.requestAnimationFrame((()=>{this.popupClosed.emit(),this.buttonEl.focus()}))}openPopup(){this.panelPosition(),this.setDateValuesForView(),this.prevClicked=!1,this.nextClicked=!1,this.popupEl.style.visibility="visible",window.requestAnimationFrame((()=>{this.popupEl.classList.add("open")})),this.isExpanded=!0,this.focusCell()}panelPosition(){let t=document.getElementById(this.parentId);const e=t.shadowRoot.querySelector(".label-wrapper").clientHeight;this.openUp=r(t,this.popupEl,e),h(t,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto")}changeView(t){this.view=t,this.monthNumInFocus=this.monthInFocus-1}getMonthDays(t,e){return 2===t?e%4==0?29:28:[4,6,9,11].includes(t)?30:31}zeroPad(t,e){return String.prototype.padStart||(String.prototype.padStart=function(t,e){return(t-=this.length)>e.length&&(e+=e.repeat(t/e.length)),e.slice(0,t)+String(this)}),`${t.toString()}`.padStart(e,"0")}getMonthFirstDay(t,e){return+new Date(e,t-1,1,12,0,0).getDay()+1}getPreviousMonth(t,e){return{month:t>1?t-1:12,year:t>1?e:e-1}}getNextMonth(t,e){return{month:t<12?t+1:1,year:t<12?e:e+1}}getCalendarDates(t,e){const i=this.getMonthDays(t,e),s=this.getMonthFirstDay(t,e)-1;let o=42-(s+i);o=o>6?o-7:o;const{month:a,year:r}=this.getPreviousMonth(t,e),{month:h,year:n}=this.getNextMonth(t,e),d=this.getMonthDays(a,r);return[...[...new Array(s).fill("1")].map(((t,e)=>{const i=e+1+(d-s);return[r.toString(),this.zeroPad(a,2),this.zeroPad(i,2)]})),...[...new Array(i).fill("1")].map(((i,s)=>{const o=s+1;return[e.toString(),this.zeroPad(t,2),this.zeroPad(o,2)]})),...[...new Array(o).fill("1")].map(((t,e)=>{const i=e+1;return[n.toString(),this.zeroPad(h,2),this.zeroPad(i,2)]}))]}forwardOneMonth(){this.unfocusCell();const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}backOneMonth(){this.unfocusCell();const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}handleTriggeredDate(t){this.cellTriggered.emit(t),this.closePopup()}handleSelectedDate(){this.selectedDate&&this.selectedDate.removeAttribute("aria-selected"),this.selectedDate=this.getCellById(this.selectedYear,this.selectedMonth,this.selectedDay),this.selectedDate&&this.selectedDate.setAttribute("aria-selected","true")}getCellById(t,e,i){const s=t+this.zeroPad(e,2)+this.zeroPad(i,2);return this.el.querySelector(`#cell-${s}-${this.parentId}`)}unfocusCell(){this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus).tabIndex=-1}focusCell(){const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus=this.dayInFocus>t?t:this.dayInFocus;const e=this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus);e&&(e.tabIndex=0,e.focus())}unfocusMonth(){this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`).tabIndex=-1}focusMonth(){const t=this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`);t.tabIndex=0,t.focus()}removeZeroes(t){return+t<10?+t.slice(1):+t}isDateToday(t){const e=new Date;return[e.getFullYear().toString(),(e.getMonth()+1).toString(),e.getDate().toString()].reduce(((e,i,s)=>e&&this.removeZeroes(t[s]).toString()===i),!0)}renderMonths(t,e){return i("div",{id:`month-${e}-${this.parentId}`,class:"month "+(this.selectedMonth-1===e?"selected":""),role:"gridcell",tabindex:e+1===this.monthInFocus?0:-1,onKeyDown:t=>this.trapFocusEnd(t),onBlur:t=>t.stopPropagation(),onClick:()=>{this.monthInFocus=e+1,this.changeView("day")}},t)}trapFocusLeft(t){t.shiftKey&&"Tab"===t.key&&(t.preventDefault(),this.focusCellInView())}trapFocusEnd(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.prevButton.focus())}trapFocusRight(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.focusCellInView())}focusCellInView(){"day"===this.view?this.focusCell():this.focusMonth()}componentDidUpdate(){this.handleSelectedDate(),this.isExpanded&&(this.prevClicked?this.prevButton.focus():this.nextClicked?this.nextButton.focus():"day"===this.view?this.focusCell():this.focusMonth())}componentDidLoad(){this.handleSelectedDate(),this.setDateValuesForView()}toggleBusyAttribute(t){this.el.querySelector("#wm-container").setAttribute("aria-busy",t)}render(){const t=this.getCalendarDates(this.monthInFocus,this.yearInFocus);return i("div",{class:"container",id:"wm-container"},i("button",{disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":`date-input-${this.parentId}`,ref:t=>this.buttonEl=t,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:`toggle-${this.parentId}`},i("span",{class:"calendar",title:a.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),i("div",{class:`popup ${this.view}-view ${this.openUp?"expand-upwards":""}`,id:`popup-${this.parentId}`,ref:t=>this.popupEl=t,onClick:()=>this.popupClicked=!0,role:"application","aria-describedby":"application"},"day"===this.view?i("div",{class:"day-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.backOneMonth()},onKeyDown:t=>this.trapFocusLeft(t),ref:t=>this.prevButton=t,class:"arw-btn","aria-label":a.formatMessage({id:"date.selectPreviousMonth",defaultMessage:"Select previous month",description:"Calendar button"})},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-month-${this.parentId}`,class:"title-box",tabindex:0,role:"button",onKeyDown:t=>{13!==t.keyCode&&32!==t.keyCode||(t.preventDefault(),this.changeView("month"))},onClick:this.changeView.bind(this,"month"),"aria-label":`${a.formatMessage({id:"date.currentMonth",defaultMessage:"current month",description:"Calendar button"})}: ${this.calendar_months[this.monthInFocus-1]}\n ${this.yearInFocus}.`,"aria-describedby":"month-title"},i("span",{class:"title","aria-hidden":"true"},this.calendar_months[this.monthInFocus-1]," ",this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.forwardOneMonth()},onKeyDown:t=>this.trapFocusRight(t),"aria-label":a.formatMessage({id:"date.selectNextMonth",defaultMessage:"Select next month",description:"Calendar button"}),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-month-${this.parentId}`,role:"grid",class:"date-grid"},i("div",{role:"rowgroup",class:"date-header"},i("div",{role:"row",class:"header-row"},i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.su",defaultMessage:"Su",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.mo",defaultMessage:"Mo",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.tu",defaultMessage:"Tu",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.we",defaultMessage:"We",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.th",defaultMessage:"Th",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.fr",defaultMessage:"Fr",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.sa",defaultMessage:"Sa",description:"Abbreviated day of the week"}))))),i("div",{role:"rowgroup"},i("div",{role:"row",class:"date-row"},t.slice(0,7).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(7,14).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(14,21).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(21,28).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(28,35).map(((t,e)=>this.renderCalendarDate(t,e)))),t.length>35?i("div",{role:"row"},t.slice(35).map(((t,e)=>this.renderCalendarDate(t,e)))):""))):i("div",{class:"month-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.yearInFocus-=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},onKeyDown:t=>this.trapFocusLeft(t),"aria-label":a.formatMessage({id:"date.selectPreviousYear",defaultMessage:"Select previous year",description:"Calendar button"}),ref:t=>this.prevButton=t,class:"arw-btn"},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-year-${this.parentId}`,tabindex:0,class:"title-box year",role:"button",onClick:this.changeView.bind(this,"day"),onKeyDown:t=>{13!==t.keyCode&&32!==t.keyCode||(t.preventDefault(),this.changeView("day"))},"aria-labelledby":"year-title"},i("span",{class:"title"},this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.yearInFocus+=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},"aria-label":a.formatMessage({id:"date.selectNextYear",defaultMessage:"Select next year",description:"Calendar button"}),onKeyDown:t=>this.trapFocusRight(t),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-year-${this.parentId}`,role:"grid",class:"months"},i("div",{role:"row",class:"month-row"},this.calendar_months.slice(0,3).map(((t,e)=>this.renderMonths(t,e)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(3,6).map(((t,e)=>this.renderMonths(t,e+3)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(6,9).map(((t,e)=>this.renderMonths(t,e+6)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(9).map(((t,e)=>this.renderMonths(t,e+9))))))),this.isExpanded&&i("div",{id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{id:"month-title",class:"sr-only"},a.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{id:"year-title",class:"sr-only"},a.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})),i("div",{id:"application",class:"sr-only"},a.formatMessage({id:"date.instructions",defaultMessage:"Use arrows to select a date in the table. Tab left or right to buttons for selecting previous month, next month, or the month selection table."})))}get el(){return o(this)}};n.style='@charset "UTF-8";.toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fff}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:rgba(74, 74, 74, 0.05)}.toggle:disabled .calendar::after{color:#7b7b7b}.toggle:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#e6e6e6}.toggle:hover .calendar::after{color:#575195}[dir=RTL] .toggle{right:auto;left:0}.toggle span::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";font-size:1.5rem;color:#575195;padding:0;line-height:2.5rem}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;transition:transform 0.25s ease;transform-origin:center top;transform:scale(1, 0);background-color:#fff}.popup.open{transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;transform-origin:center bottom}.popup .calendar-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:#575195;color:#575195}.popup .calendar-header .title-box:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";padding-left:0.75rem}.popup .calendar-header .title-box.year:after{content:""}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:#575195;background:transparent;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi:hover{background-color:#efeef1}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);background-color:#d7d6d9}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:#757575}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:#eeedf4}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:#4a4a4a;border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:#efeef1}.popup .day-view .date-grid .date-cell:active{background-color:#575195;color:#ffffff}.popup .day-view .date-grid .date-cell.current-month{color:#4a4a4a}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:#575195;color:#ffffff}.popup .month-view .months{border-top:2px solid;border-top-color:#eeedf4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.popup .month-view .month-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:2px solid;border-bottom-color:#eeedf4}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:#575195}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:#eeedf4}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:#efeef1}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:#575195;color:#ffffff}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{n as priv_datepicker}