@watermarkinsights/ripple 3.3.0-3 → 3.3.2

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-7210cd22.js → global-e79f2300.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 +661 -661
  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 -340
  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 +514 -514
  16. package/dist/cjs/wm-datepicker.cjs.entry.js +256 -256
  17. package/dist/cjs/wm-input.cjs.entry.js +125 -125
  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 -465
  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 +1 -0
  38. package/dist/collection/components/wm-chart/wm-chart.js +761 -761
  39. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1003 -1003
  40. package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
  41. package/dist/collection/components/wm-input/wm-input.js +415 -415
  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-4f92a130.js → global-5c26edba.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 +661 -661
  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 -340
  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 +514 -514
  91. package/dist/esm/wm-datepicker.entry.js +256 -256
  92. package/dist/esm/wm-input.entry.js +125 -125
  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-042d6449.entry.js +1 -0
  109. package/dist/ripple/p-053e8324.entry.js +1 -0
  110. package/dist/ripple/{p-55aff9e2.entry.js → p-1a934627.entry.js} +1 -1
  111. package/dist/ripple/{p-dc7ba72a.entry.js → p-2689c3ff.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-d613130d.entry.js → p-589f8195.entry.js} +1 -1
  116. package/dist/ripple/{p-1e0c41a9.entry.js → p-5ffa983b.entry.js} +1 -1
  117. package/dist/ripple/p-635cfaa9.js +1 -0
  118. package/dist/ripple/{p-8923b7d0.entry.js → p-7bbd123c.entry.js} +1 -1
  119. package/dist/ripple/{p-43f1298b.js → p-888bec42.js} +0 -0
  120. package/dist/ripple/{p-cd58a15c.entry.js → p-a50439f1.entry.js} +1 -1
  121. package/dist/ripple/{p-fd8070fb.js → p-a6d6eae7.js} +0 -0
  122. package/dist/ripple/{p-301b67a3.entry.js → p-af4b2ea9.entry.js} +1 -1
  123. package/dist/ripple/{p-65e3a656.entry.js → p-b03382ea.entry.js} +1 -1
  124. package/dist/ripple/{p-b3d5ea85.entry.js → p-b4a8c8d3.entry.js} +1 -1
  125. package/dist/ripple/{p-8cd1396e.entry.js → p-ba9d3069.entry.js} +1 -1
  126. package/dist/ripple/{p-092b01f3.entry.js → p-c5e44367.entry.js} +1 -1
  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 +75 -75
  139. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
  140. package/dist/types/components/wm-input/wm-input.d.ts +45 -45
  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-6b96b3d4.entry.js +0 -1
  172. package/dist/ripple/p-bc27b604.entry.js +0 -1
  173. package/dist/ripple/p-c533859b.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.3.0-3",
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.3.2",
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 i,h as s,H as e,g as o}from"./p-9baa3039.js";import{n,g as r,l as h,q as a}from"./p-588b4475.js";import{g as m}from"./p-43f1298b.js";const l=class{constructor(s){t(this,s),this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7),this.menuLoaded=i(this,"menuLoaded",7),this.openUp=!1,this.isExpanded=!1,this.actionMenuType=null,this.buttonType=null,this.disabled=!1,this.keysSoFar="",this.searchIndex=0,this.keyClear=null}get horizontalPosition(){return this.el&&this.itemsEl&&n(this.el,this.itemsEl)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get tempActionMenuType(){return this.actionMenuType||this.buttonType||"icon"}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){this.isExpanded&&this.close()}handleEscKey(){this.close(),this.wmButtonEl.focus()}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isExpanded&&this.close()}handleKey(t){switch(t.key){case"ArrowDown":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusFirstItem())));break;case"ArrowUp":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusLastItem())))}}handleMenuitemBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}componentWillLoad(){this.uid=this.el.id?this.el.id:r(),this.el.focus=function(){if(!this.disabled){const t=this.shadowRoot.querySelector("wm-button");t&&t.focus()}},this.buttonType&&console.warn("wm-action-menu: button-type has been deprecated as of v3.1.0. Please use action-menu-type instead.")}componentDidLoad(){0===this.childItems.length?console.error("wm-action-menu should have wm-menuitem elements as children"):this.focusFirstItem(),"icon"===this.tempActionMenuType||this.buttonText||console.error("wm-action-menu should have a valid button-text property when button-type is set to 'text' or 'selector'"),"icon"!==this.tempActionMenuType||this.tooltip||console.error("wm-action-menu should have a valid tooltip when button-type is set to 'icon'"),this.wmActionMenuLoaded.emit(),this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);0===i?this.focusLastItem():this.focusItem(this.childItems[i-1])}moveDown(t){const i=this.childItems.indexOf(t);i===this.childItems.length-1?this.focusFirstItem():this.focusItem(this.childItems[i+1])}open(){this.disabled||(this.openUp=h(this.el,this.itemsEl),this.isExpanded=!0,this.itemsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>this.focusFirstItem())))}close(){this.isExpanded=!1,this.childItems.forEach((t=>t.focused=!1)),window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150),window.setTimeout((()=>{"BODY"!==document.activeElement.tagName&&"WM-MENUITEM"!==document.activeElement.tagName||this.wmButtonEl.focus()}),250)}focusItem(t){this.childItems.map((i=>i.focused=i===t)),t.focus&&t.focus()}focusFirstItem(){this.focusItem(this.childItems[0])}focusLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}findAndFocusItem(t){const i=t.detail.toUpperCase();if(this.focusFirstItem(),!this.keysSoFar)for(var s=0;s<this.childItems.length;s++)this.childItems[s]===document.activeElement&&(this.searchIndex=s);this.keysSoFar+=i,this.clearKeysSoFarAfterDelay();var e=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);e||(e=this.findMatchInRange(this.childItems,0,this.searchIndex)),e&&this.focusItem(e)}clearKeysSoFarAfterDelay(){this.keyClear&&(window.clearTimeout(this.keyClear),this.keyClear=null),this.keyClear=window.setTimeout(function(){this.keysSoFar="",this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,s){for(var e=i;e<s;e++){var o=t[e].innerText;if(o&&0===o.toUpperCase().indexOf(this.keysSoFar))return t[e]}return null}render(){return s(e,null,s("div",{class:a()},s("wm-button",{"button-type":`${this.tempActionMenuType}only`,tooltip:this.tooltip,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:"icon"===this.tempActionMenuType?"f1d9":"",id:`menubtn-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":`menu-${this.uid}`},this.buttonText),s("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:`menu-${this.uid}`,tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},s("slot",null))))}get el(){return o(this)}};l.style=":host{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;color:#575195;font-family:inherit}:host .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}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:#fff;z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(s){t(this,s),this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmPageDownItems=i(this,"wmPageDownItems",7),this.wmPageUpItems=i(this,"wmPageUpItems",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7),this.disabled=!1,this.focused=!1,this.icon=void 0,this.description=void 0,this.descriptionCharLimit=100,this.isKeying=!1}toggleKeyingOn(){this.isKeying=!0}toggleKeyingOff(){this.isKeying=!1}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey,s=/^.$/.test(t.key)&&!i;switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||this.el.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:s&&(t.preventDefault(),this.wmLetterPressed.emit(t.key))}}handleClick(){this.disabled||this.wmMenuitemClicked.emit()}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.icon&&(this.icon=m(this.icon)),this.description&&(this.description.length>this.descriptionCharLimit&&console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`),this.icon&&console.error("wm-menuitems with descriptions do not support the use of icons")),this.setOnClick()}componentDidLoad(){this.icon&&(this.iconEl.classList.add("mdi"),this.iconEl.innerHTML=`&#x${this.icon};`)}render(){return s(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},s("div",{class:"wrapper "+(this.focused&&this.isKeying?"focus":""),"aria-disabled":this.disabled?"true":null},s("span",{ref:t=>this.iconEl=t}),s("slot",null),this.description?s("div",{class:"description"},this.description):""))}get el(){return o(this)}static get watchers(){return{disabled:["setOnClick"]}}};d.style=':host,wm-menuitem{contain:content;font-family:inherit}:host .wrapper,wm-menuitem .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:#fff;font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid rgba(46, 27, 70, 0.05);color:#575195;font-weight:700}:host .wrapper:focus,:host .wrapper.focus,wm-menuitem .wrapper:focus,wm-menuitem .wrapper.focus{outline:none;background:#f4f3f6}:host .wrapper:hover,wm-menuitem .wrapper:hover{background:#f4f3f6;outline:none}:host .wrapper .description,wm-menuitem .wrapper .description{color:#4a4a4a;font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper[aria-disabled=true],wm-menuitem .wrapper[aria-disabled=true]{font-style:italic;color:#6b6b6b}:host .wrapper:not(:last-child),wm-menuitem .wrapper:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host ::slotted,wm-menuitem ::slotted{font-family:inherit}:host .mdi,wm-menuitem .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;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-menuitem:focus{outline:none;background:#f4f3f6}:host([aria-disabled=true]),wm-menuitem[aria-disabled=true]{pointer-events:none}';export{l as wm_action_menu,d as wm_menuitem}
@@ -1 +0,0 @@
1
- import{r,c as e,h as t,H as i,g as o}from"./p-9baa3039.js";import{i as s,g as a,l as p,e as n}from"./p-588b4475.js";const h=class{constructor(t){r(this,t),this.wmTimepickerNewValidValue=e(this,"wmTimepickerNewValidValue",7),this.wmTimepickerOnChange=e(this,"wmTimepickerOnChange",7),this.disabled=!1,this.value="",this.label="",this.labelPosition="top",this.requiredField=!1,this.isExpanded=!1,this.isTabbing=!1,this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.uid="",this.timeFormat="hh:mm",this.times=[],this.openUp=!1,this.buttonAriaLabel=s.formatMessage({id:"time.selectTime",defaultMessage:"Select time"})}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}blurHandler(r){r.target!==this.el&&this.isExpanded&&this.close()}handleKey(r){switch(r.key){case"ArrowDown":r.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveDown(this.selectedOption);break;case"ArrowUp":r.preventDefault(),!1===this.isExpanded?this.open("previous"):this.moveUp(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(r.preventDefault(),this.handleOptionClick(this.selectedOption.textContent));break;case"Escape":r.preventDefault(),this.isExpanded&&(r.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close();break;case"Home":r.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"));break;case"End":r.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}}updateErrorState(){this.displayedErrorMessage=this.errorMessage}componentWillLoad(){if(""===this.label)throw new Error("You must include a label prop for the datepicker input (for accessibility requirements), even if the label position is none.");this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("input").focus()},this.uid=this.el.id?this.el.id:a(),this.updateErrorState(),this.timeFormat=s.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),this.times=this.generateTimes()}componentDidLoad(){this.optionsEl.classList.add("hidden"),this.optionsList=Array.from(this.optionsEl.querySelectorAll("li")),this.value&&this.processInput()}isValidTime(r){return this.twelveHrValid.test(r)||this.twentyFourHrValid.test(r)}generateTimes(){let r=[],e=0;for(let t=0;e<1440;t++){const i=Math.floor(e/60).toString().padStart(2,"0"),o=(e%60).toString().padStart(2,"0");r[t]=`${i}:${o}`,e+=15}return r}findNearestTimeInterval(r){let e=this.formatToStorage(r);const t=parseInt(e.slice(3,5));if(t%15!=0){const i=parseInt(e.slice(0,2));let o=(15*Math.round(t/15)).toString().padStart(2,"0");if("60"===o){o="00";let r=i+1;24===r&&(r=0),e=e.replace(`${i.toString().padStart(2,"0")}:`,`${r.toString().padStart(2,"0")}:`)}parseInt(o)<8&&(o="00"),r=e.replace(`:${t.toString().padStart(2,"0")}`,`:${o}`)}return r}handleListSelection(r){r=this.findNearestTimeInterval(r);const e=this.optionsList.filter((e=>e.textContent==this.formatToDisplay(r)))[0];e&&this.focusOption(e)}setValue(r){const e=this.value;this.inputEl.value=this.formatToDisplay(r),this.value=this.formatToStorage(r),this.handleListSelection(r),e!==this.value&&this.wmTimepickerNewValidValue.emit({value:this.value}),this.wmTimepickerOnChange.emit({value:this.value,isValid:!!this.displayedErrorMessage})}processInput(){this.isValidTime(this.value)&&this.setValue(this.value);const r=this.determineErrorMessage();this.displayedErrorMessage=r}determineErrorMessage(){let r=this.errorMessage;const e=s.formatMessage({id:"time.requiredError",defaultMessage:"A time is required."}),t=s.formatMessage({id:"time.invalidTime",defaultMessage:"Please enter a valid time."}),i=this.isValidTime(this.value);return i&&!this.errorMessage?r=null:i||this.errorMessage||(r=this.requiredField&&!this.value?e:this.value?t:null),r}splitTime(r){const e=this.twelveHrValid.exec(r)||this.twentyFourHrValid.exec(r);let t=parseInt(e[1]),i=e[2]||"00",o=e?e[3]:void 0;return 0===t&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[t,i,o]}formatToDisplay(r){let[e,t,i]=this.splitTime(r);return 12!==e||i||(i="PM"),0!==e&&24!==e||(e=12),e>12&&(e-=12,i="PM"),i=i&&i.toUpperCase().includes("P")?"PM":"AM",`${e.toString().padStart(2,"0")}:${t} ${i}`}formatToStorage(r){let[e,t,i]=this.splitTime(r);return 24===e&&(e=0),12===e&&i&&i.toUpperCase().includes("A")&&(e-=12),i&&i.toUpperCase().includes("P")&&12!==e&&(e+=12),`${e.toString().padStart(2,"0")}:${t}`}open(r){this.el.focus(),this.openUp=p(this.el,this.optionsEl),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),!this.errorMessage&&this.value||this.handleListSelection("09:00"),this.setDropdownPosition("center",this.selectedOption),window.requestAnimationFrame((()=>{"next"===r?this.moveDown(this.selectedOption):"previous"===r&&this.moveUp(this.selectedOption)}))}close(r=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),r&&this.buttonEl.focus()}),150)}focusOption(r){this.optionsList.forEach((r=>{r.removeAttribute("aria-selected")})),this.inputEl.setAttribute("aria-activedescendant",r.id),r.setAttribute("aria-selected","true"),this.selectedOption=r}setDropdownPosition(r,e){switch(r){case"top":this.optionsEl.scrollTop=(null==e?void 0:e.previousElementSibling).getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop;break;case"bottom":this.optionsEl.scrollTop=(null==e?void 0:e.nextElementSibling).getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight;break;case"center":this.optionsEl.scrollTop=(this.optionsList.findIndex((r=>r.textContent===(null==e?void 0:e.textContent)))-2)*e.offsetHeight;break;case"first":this.optionsEl.scrollTop=0;break;case"last":this.optionsEl.scrollTop=this.optionsList[0].clientHeight*this.optionsList.length}}moveUp(r){const e=r.previousElementSibling;e?(e.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&this.setDropdownPosition("top",r),this.focusOption(e)):(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}moveDown(r){const e=r.nextElementSibling;e?(e.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&this.setDropdownPosition("bottom",r),this.focusOption(e)):(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"))}handleOptionClick(r){this.close(),this.setValue(r),this.processInput()}handleInput(){this.value=this.inputEl.value,this.isValidTime(this.value)&&(this.handleListSelection(this.findNearestTimeInterval(this.value)),this.setDropdownPosition("center",this.selectedOption))}handleInputBlur(r){this.preventValidation&&n(r,this.preventValidation)||this.processInput(),this.tpWrapper.classList.remove("focus")}renderOptions(){return this.times.map(((r,e)=>t("li",{id:`option${e+1}`,role:"option","aria-selected":"09:00"===r&&"true",onClick:()=>this.handleOptionClick(r)},this.formatToDisplay(r))))}render(){return t(i,{id:this.uid,invalid:this.displayedErrorMessage?"true":null,onBlur:()=>this.close(!1)},t("div",{class:`wrapper label-${this.labelPosition} ${this.displayedErrorMessage?"invalid":""}`,ref:r=>this.tpWrapper=r},t("div",{class:"label-wrapper"},"none"!==this.labelPosition&&t("label",{id:`label-${this.uid}`,class:"label",htmlFor:`time-input-${this.uid}`},this.label,this.requiredField&&t("span",{class:"required","aria-hidden":"true"},"*"))),t("div",null,t("div",{class:"inner-wrapper"},t("input",{id:`time-input-${this.uid}`,"aria-label":this.label,"aria-describedby":`error-${this.uid}`,ref:r=>this.inputEl=r,onBlur:r=>this.handleInputBlur(r),onInput:()=>this.handleInput(),disabled:this.disabled,required:this.requiredField,placeholder:this.timeFormat,autocomplete:"off",onFocus:()=>this.tpWrapper.classList.add("focus")}),t("button",{id:`btn-${this.uid}`,class:this.isTabbing?"user-is-tabbing":"",ref:r=>this.buttonEl=r,disabled:this.disabled,"aria-controls":`list-${this.uid}`,"aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":`time-input-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open()},t("span",{class:"clock"})),t("ul",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,role:"listbox","aria-labelledby":`label-${this.uid}`,"aria-describedby":this.isExpanded?"collapsed":null,ref:r=>this.optionsEl=r},this.renderOptions())),t("div",{id:`error-${this.uid}`,class:"error","aria-live":"assertive","aria-atomic":"true"},this.displayedErrorMessage))))}get el(){return o(this)}static get watchers(){return{errorMessage:["updateErrorState"]}}};h.style='@charset "UTF-8";:host,wm-timepicker{font-family:inherit}:host *,wm-timepicker *{box-sizing:border-box}:host .sr-only,wm-timepicker .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}:host .wrapper,wm-timepicker .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;font-size:0.875rem}:host .wrapper .label,wm-timepicker .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required,wm-timepicker .wrapper .label .required{color:#c0392b}:host .wrapper.label-left,wm-timepicker .wrapper.label-left{flex-direction:row}:host .wrapper.label-left .label-wrapper,wm-timepicker .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label,wm-timepicker .wrapper.label-left .label-wrapper .label{display:flex;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label,wm-timepicker .wrapper.label-none label{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}:host .wrapper.invalid .label,wm-timepicker .wrapper.invalid .label{color:#c0392b}:host .wrapper.invalid .label:after,wm-timepicker .wrapper.invalid .label: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:"";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after,[dir=RTL] wm-timepicker .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label,wm-timepicker .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper,wm-timepicker .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;height:2.5rem;border:1px solid #4a4a4a;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input,wm-timepicker .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;flex:1;margin:0}:host .wrapper .inner-wrapper input:disabled,wm-timepicker .wrapper .inner-wrapper input:disabled{background-color:#f0f0f0;color:#737373}:host .wrapper .inner-wrapper input:focus,wm-timepicker .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button,wm-timepicker .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:#fff;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}:host .wrapper .inner-wrapper button .clock::after,wm-timepicker .wrapper .inner-wrapper button .clock::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:"";color:#575195;font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover,wm-timepicker .wrapper .inner-wrapper button:hover{background:#e6e6e6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled,wm-timepicker .wrapper .inner-wrapper button:disabled{background-color:rgba(74, 74, 74, 0.05);pointer-events:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled .clock::after,wm-timepicker .wrapper .inner-wrapper button:disabled .clock::after{color:#7b7b7b}[dir=RTL] :host .wrapper .inner-wrapper button,[dir=RTL] wm-timepicker .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus,wm-timepicker .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button.user-is-tabbing:focus,wm-timepicker .wrapper .inner-wrapper button.user-is-tabbing: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}:host .wrapper .inner-wrapper button.user-is-tabbing:focus::-moz-focus-inner,wm-timepicker .wrapper .inner-wrapper button.user-is-tabbing:focus::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper button::-moz-focus-inner,wm-timepicker .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options,wm-timepicker .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards,wm-timepicker .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden,wm-timepicker .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option],wm-timepicker .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a}:host .wrapper .inner-wrapper .options [role=option]:hover,wm-timepicker .wrapper .inner-wrapper .options [role=option]:hover{background:#f4f4f4;outline:none}:host .wrapper .inner-wrapper .options [role=option][aria-selected=true],wm-timepicker .wrapper .inner-wrapper .options [role=option][aria-selected=true]{outline:none;background:#f4f4f4}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child),wm-timepicker .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host .wrapper .inner-wrapper .options.open,wm-timepicker .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper,wm-timepicker .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}:host .wrapper.invalid .error,wm-timepicker .wrapper.invalid .error{color:#c0392b;margin-top:4px;margin-bottom:4px;display:block;top:100%;left:0;font-style:italic}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper,wm-timepicker .wrapper:focus .inner-wrapper,wm-timepicker .wrapper.focus .inner-wrapper{-webkit-box-shadow:0 0 0 1px #20cbd4;-moz-box-shadow:0 0 0 1px #20cbd4;box-shadow:0 0 0 1px #20cbd4;outline:none;border-color:#20cbd4}';export{h as wm_timepicker}
@@ -1 +0,0 @@
1
- window.navigator.plugins.length>0&&console.log("Ripple component library","3.3.0-3"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var e=new Event("wmUserIsTabbing");window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(e=new Event("wmUserIsKeying"),window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));const n=document.createElement("div");n.id="wm-tooltip-container";const o=document.createElement("div");o.id="wm-tooltip",o.setAttribute("aria-hidden","true"),o.style.position="fixed",o.style.overflow="hidden",o.style.pointerEvents="none",o.style.lineHeight="normal",o.style.fontFamily="inherit",o.style.fontSize="0.875rem",o.style.textTransform="none",o.style.fontWeight="normal",o.style.background="black",o.style.color="#fff",o.style.zIndex="999999",o.style.maxWidth="13.75rem",o.style.marginRight="1.5rem",o.style.padding="0.375rem",o.style.transitionProperty="opacity",o.style.transitionDelay="opacity",o.style.opacity="0",n.appendChild(o),document.querySelector("body").appendChild(n);