@watermarkinsights/ripple 3.6.0-2 → 3.6.0-3

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-0cf2d639.js → functions-068b9a56.js} +442 -442
  3. package/dist/cjs/{global-b6602785.js → global-4e77664e.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 -667
  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 +474 -474
  16. package/dist/cjs/wm-datepicker.cjs.entry.js +256 -256
  17. package/dist/cjs/wm-input.cjs.entry.js +134 -134
  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 -421
  23. package/dist/cjs/wm-option_2.cjs.entry.js +494 -494
  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 +570 -570
  29. package/dist/cjs/wm-timepicker.cjs.entry.js +380 -380
  30. package/dist/cjs/wm-toggletip.cjs.entry.js +124 -124
  31. package/dist/cjs/wm-uploader.cjs.entry.js +347 -360
  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.js +719 -719
  38. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1015 -1015
  39. package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
  40. package/dist/collection/components/wm-input/wm-input.js +424 -424
  41. package/dist/collection/components/wm-menuitem/wm-menuitem.js +444 -444
  42. package/dist/collection/components/wm-modal/wm-modal-footer.js +141 -141
  43. package/dist/collection/components/wm-modal/wm-modal-header.js +92 -92
  44. package/dist/collection/components/wm-modal/wm-modal.js +459 -459
  45. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +97 -97
  46. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +114 -114
  47. package/dist/collection/components/wm-navigator/wm-navigator.js +468 -468
  48. package/dist/collection/components/wm-option/wm-option.js +422 -422
  49. package/dist/collection/components/wm-pagination/wm-pagination.js +368 -368
  50. package/dist/collection/components/wm-search/wm-search.js +479 -479
  51. package/dist/collection/components/wm-select/wm-select.js +720 -720
  52. package/dist/collection/components/wm-snackbar/wm-snackbar.js +297 -297
  53. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +219 -219
  54. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +331 -331
  55. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +104 -104
  56. package/dist/collection/components/wm-tag-input/wm-tag-input.js +801 -801
  57. package/dist/collection/components/wm-timepicker/wm-timepicker.js +580 -580
  58. package/dist/collection/components/wm-toggletip/wm-toggletip.js +241 -241
  59. package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js +753 -772
  60. package/dist/collection/components/wm-uploader/wm-uploader.css +11 -18
  61. package/dist/collection/components/wm-uploader/wm-uploader.js +748 -794
  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/missing.js +39 -39
  72. package/dist/collection/lang/piglatin.js +93 -93
  73. package/dist/esm/{functions-223fb0dc.js → functions-122ab496.js} +442 -442
  74. package/dist/esm/{global-f9c17bf1.js → global-0fd112f7.js} +65 -65
  75. package/dist/esm/{http-service-3dc3b3e7.js → http-service-5d037e16.js} +49 -49
  76. package/dist/esm/{interfaces-2b97fab2.js → interfaces-61c6305b.js} +29 -29
  77. package/dist/esm/loader.js +2 -2
  78. package/dist/esm/polyfills/core-js.js +0 -0
  79. package/dist/esm/polyfills/dom.js +0 -0
  80. package/dist/esm/polyfills/es5-html-element.js +0 -0
  81. package/dist/esm/polyfills/index.js +0 -0
  82. package/dist/esm/polyfills/system.js +0 -0
  83. package/dist/esm/priv-chart-popover.entry.js +78 -78
  84. package/dist/esm/priv-datepicker.entry.js +667 -667
  85. package/dist/esm/priv-navigator-button.entry.js +18 -18
  86. package/dist/esm/priv-navigator-item.entry.js +23 -23
  87. package/dist/esm/ripple.js +2 -2
  88. package/dist/esm/wm-action-menu_2.entry.js +341 -341
  89. package/dist/esm/wm-button.entry.js +218 -218
  90. package/dist/esm/wm-chart-slice.entry.js +13 -13
  91. package/dist/esm/wm-chart.entry.js +474 -474
  92. package/dist/esm/wm-datepicker.entry.js +256 -256
  93. package/dist/esm/wm-input.entry.js +134 -134
  94. package/dist/esm/wm-modal-footer.entry.js +31 -31
  95. package/dist/esm/wm-modal-header.entry.js +34 -34
  96. package/dist/esm/wm-modal.entry.js +161 -161
  97. package/dist/esm/wm-navigator.entry.js +268 -268
  98. package/dist/esm/wm-network-uploader.entry.js +420 -421
  99. package/dist/esm/wm-option_2.entry.js +494 -494
  100. package/dist/esm/wm-pagination.entry.js +167 -167
  101. package/dist/esm/wm-search.entry.js +231 -231
  102. package/dist/esm/wm-snackbar.entry.js +170 -170
  103. package/dist/esm/wm-tab-item_3.entry.js +300 -300
  104. package/dist/esm/wm-tag-input.entry.js +570 -570
  105. package/dist/esm/wm-timepicker.entry.js +380 -380
  106. package/dist/esm/wm-toggletip.entry.js +124 -124
  107. package/dist/esm/wm-uploader.entry.js +348 -361
  108. package/dist/esm/wm-wrapper.entry.js +12 -12
  109. package/dist/ripple/{p-e26c9858.entry.js → p-067909ce.entry.js} +1 -1
  110. package/dist/ripple/{p-cf075b3b.js → p-08e67884.js} +0 -0
  111. package/dist/ripple/{p-6b28f3fe.entry.js → p-1c23f228.entry.js} +1 -1
  112. package/dist/ripple/{p-c637686e.entry.js → p-2aa79663.entry.js} +1 -1
  113. package/dist/ripple/{p-d5938de0.entry.js → p-2b3f75eb.entry.js} +1 -1
  114. package/dist/ripple/{p-a84de435.entry.js → p-3ff67fd5.entry.js} +1 -1
  115. package/dist/ripple/{p-6d0b3f08.entry.js → p-4629470d.entry.js} +1 -1
  116. package/dist/ripple/p-4b1f14bb.entry.js +1 -0
  117. package/dist/ripple/{p-07f557b0.entry.js → p-4b72f4eb.entry.js} +1 -1
  118. package/dist/ripple/{p-1fdd85ea.entry.js → p-54c39a0b.entry.js} +1 -1
  119. package/dist/ripple/p-7da00f33.entry.js +1 -0
  120. package/dist/ripple/{p-addbfa91.entry.js → p-803b19aa.entry.js} +1 -1
  121. package/dist/ripple/{p-43f1298b.js → p-888bec42.js} +0 -0
  122. package/dist/ripple/{p-b14062a7.entry.js → p-888c18c3.entry.js} +1 -1
  123. package/dist/ripple/{p-94f584c5.entry.js → p-97884327.entry.js} +1 -1
  124. package/dist/ripple/{p-03f14a00.entry.js → p-9a8fbfad.entry.js} +1 -1
  125. package/dist/ripple/{p-f23d6211.entry.js → p-a2b02aec.entry.js} +1 -1
  126. package/dist/ripple/{p-c8655e6c.entry.js → p-a61b07de.entry.js} +1 -1
  127. package/dist/ripple/{p-fd8070fb.js → p-a6d6eae7.js} +0 -0
  128. package/dist/ripple/{p-c5d718c7.entry.js → p-e36853fd.entry.js} +1 -1
  129. package/dist/ripple/{p-0b1cdd4e.entry.js → p-ecbb441f.entry.js} +1 -1
  130. package/dist/ripple/{p-792a78d7.js → p-f2a1d8b1.js} +1 -1
  131. package/dist/ripple/{p-0663e9fc.entry.js → p-f6bed262.entry.js} +1 -1
  132. package/dist/ripple/{p-2d7891e9.entry.js → p-f95c2283.entry.js} +1 -1
  133. package/dist/ripple/ripple.esm.js +1 -1
  134. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +48 -48
  135. package/dist/types/components/wm-button/wm-button.d.ts +44 -44
  136. package/dist/types/components/wm-chart/priv-chart-popover/priv-chart-popover.d.ts +23 -23
  137. package/dist/types/components/wm-chart/wm-chart-slice.d.ts +8 -8
  138. package/dist/types/components/wm-chart/wm-chart.d.ts +82 -82
  139. package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +76 -76
  140. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
  141. package/dist/types/components/wm-input/wm-input.d.ts +46 -46
  142. package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +34 -34
  143. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +15 -15
  144. package/dist/types/components/wm-modal/wm-modal-header.d.ts +12 -12
  145. package/dist/types/components/wm-modal/wm-modal.d.ts +41 -41
  146. package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +10 -10
  147. package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +13 -13
  148. package/dist/types/components/wm-navigator/wm-navigator.d.ts +61 -61
  149. package/dist/types/components/wm-option/wm-option.d.ts +32 -32
  150. package/dist/types/components/wm-pagination/wm-pagination.d.ts +32 -32
  151. package/dist/types/components/wm-search/wm-search.d.ts +86 -86
  152. package/dist/types/components/wm-select/wm-select.d.ts +66 -66
  153. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +35 -35
  154. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +38 -38
  155. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +53 -53
  156. package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +20 -20
  157. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +92 -92
  158. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +61 -61
  159. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +27 -27
  160. package/dist/types/components/wm-uploader/wm-network-uploader/wm-network-uploader.d.ts +85 -86
  161. package/dist/types/components/wm-uploader/wm-uploader.d.ts +80 -84
  162. package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +7 -7
  163. package/dist/types/components.d.ts +24 -30
  164. package/dist/types/global/__mocks__/functions.d.ts +6 -6
  165. package/dist/types/global/functions.d.ts +40 -40
  166. package/dist/types/global/global.d.ts +1 -1
  167. package/dist/types/global/interfaces.d.ts +34 -34
  168. package/dist/types/global/services/__mocks__/http-service.d.ts +6 -6
  169. package/dist/types/global/services/http-service.d.ts +4 -4
  170. package/dist/types/lang/lang.d.ts +5 -5
  171. package/package.json +47 -47
  172. package/dist/ripple/p-a1fc8e81.entry.js +0 -1
  173. package/dist/ripple/p-fb90d334.entry.js +0 -1
@@ -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,47 +1,47 @@
1
- {
2
- "name": "@watermarkinsights/ripple",
3
- "version": "3.6.0-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
- "missing": "node './src/lang/missing.js'"
32
- },
33
- "devDependencies": {
34
- "@axe-core/puppeteer": "^4.1.1",
35
- "@formatjs/cli": "^4.2.11",
36
- "@stencil/core": "^2.5.2",
37
- "@stencil/react-output-target": "^0.0.9",
38
- "@stencil/sass": "^1.4.1",
39
- "@types/jest": "^26.0.23",
40
- "@types/puppeteer": "^5.4.3",
41
- "jest": "^26.6.3",
42
- "jest-cli": "^26.6.3"
43
- },
44
- "dependencies": {
45
- "@formatjs/intl": "^1.10.5"
46
- }
47
- }
1
+ {
2
+ "name": "@watermarkinsights/ripple",
3
+ "version": "3.6.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
+ "missing": "node './src/lang/missing.js'"
32
+ },
33
+ "devDependencies": {
34
+ "@axe-core/puppeteer": "^4.1.1",
35
+ "@formatjs/cli": "^4.2.11",
36
+ "@stencil/core": "^2.5.2",
37
+ "@stencil/react-output-target": "^0.0.9",
38
+ "@stencil/sass": "^1.4.1",
39
+ "@types/jest": "^26.0.23",
40
+ "@types/puppeteer": "^5.4.3",
41
+ "jest": "^26.6.3",
42
+ "jest-cli": "^26.6.3"
43
+ },
44
+ "dependencies": {
45
+ "@formatjs/intl": "^1.10.5"
46
+ }
47
+ }
@@ -1 +0,0 @@
1
- import{r as t,c as o,f as e,h as n,H as r,g as i}from"./p-9baa3039.js";import{g as a,p as s,a as l,d}from"./p-fd8070fb.js";import{g as m,i as b,p as u}from"./p-cf075b3b.js";const w=class{constructor(e){t(this,e),this.wmNetworkUploaderFilesChanged=o(this,"wmNetworkUploaderFilesChanged",7),this.isTabbing=!1,this.fileList=[],this.inProgressList=[],this.errorList=[],this.snackbar=[],this.buttonType="secondary",this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv",this.maxSize=100,this.sortBy="date",this.inputId=m()}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleUploadProgress(t){if(this.inProgressList.map((o=>{o.name===t.detail.file_name&&(o.progress=t.detail.progress,e(this.el))})),100===t.detail.progress&&(this.numFilesInProgress-=1),!this.srProgress&&this.numFilesInProgress){const t=this.numFilesInProgress;this.srProgress=setInterval((()=>{const o=this.inProgressList.reduce(((t,o)=>o.progress?t+o.progress:t),0);this.liveRegion&&(this.liveRegion.innerHTML=b.formatMessage({id:"uploader.uploadProgress",defaultMessage:"Upload progress: {percentage}%"},{percentage:Math.floor(o/t)}))}),5e3)}}handleFinishedSnack(t){this.snackbar=this.snackbar.filter((o=>o.id!==t.detail.id))}setMaxSize(){this.maxSize=this.maxSize>100?100:this.maxSize}uploadNotifications(t,o){if(o>0&&0===t){setTimeout((()=>{this.notif=null}),2e4);const t=b.formatMessage({id:"uploader.finishedUploading",defaultMessage:"Finished uploading"});this.notif={id:5,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t),this.numFilesInProgress=null,clearInterval(this.srProgress),e(this.el)}else if(t>0&&t!=o){const o=b.formatMessage({id:"uploader.filesUploading",defaultMessage:"{num, plural, one {1 file uploading} other {# files uploading}}"},{num:t});this.notif={id:6,message:o},this.liveRegion&&(this.liveRegion.innerHTML=o),e(this.el)}}emitFileListEvent(){this.wmNetworkUploaderFilesChanged.emit(this.fileList)}formatDate(t,o,e){const n=Date.parse(t);if(!o.match(/^[a-zA-Z]*(-[a-zA-Z0-9]*)*$/g))return t;try{Intl.getCanonicalLocales(o)}catch(t){o="en-us"}if(n){const t=new Date(n);return`${t.getFullYear()}/${("0"+(t.getMonth()+1)).substr(-2)}/${("0"+t.getDate()).substr(-2)} ${t.toLocaleTimeString([o,"en-us"],{timeZone:e,hour:"numeric",minute:"numeric"})}`}return t}isValidSize(t){return t/1024/1024<=this.maxSize}isDuplicate(t){return this.fileList.find((o=>o.file_name===t))}isEmpty(){return!this.fileList.length&&!this.inProgressList.length&&!this.errorList.length}isDisabled(){const t=!!this.maxFiles&&this.fileList.length>=this.maxFiles;if(this.notif)1===this.notif.id&&(t||(this.notif=null));else if(t){const t=b.formatMessage({id:"uploader.fileUploadLimit",defaultMessage:"You have reached the file upload limit."});this.notif={id:1,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t)}else this.notif=null;return t||this.numFilesInProgress>0}purgeProgressList(t){this.inProgressList=this.inProgressList.filter((o=>100!==o.progress&&o.name!==t.file_name))}getExistingFiles(){a(this.getPath).then((t=>{t.map((t=>this.purgeProgressList(t))),"name"===this.sortBy&&t.sort(((t,o)=>t.file_name.localeCompare(o.file_name))),this.fileList=t})).catch((t=>{console.error(t)}))}clearErrors(){this.errorList=[],this.notif=null}handleFiles(t){const o=Array.from(t.target.files),n=this.fileTypes.split(" ").join(", ");if(this.maxFiles&&this.fileList.length+o.length>this.maxFiles){const t=b.formatMessage({id:"uploader.fileUploadExceeded",defaultMessage:"The number of selected files exceeds the limit."});this.notif={id:2,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t)}else o&&o.map((t=>{if(u(t,this.fileTypes))if(this.isValidSize(t.size))if(this.isDuplicate(t.name)){const o={file_name:t.name,message:b.formatMessage({id:"uploader.duplicateName",defaultMessage:"A file with this name already exists."})};this.errorList.push(o)}else this.inProgressList.push(t);else{const o={file_name:t.name,message:b.formatMessage({id:"uploader.fileTooLarge",defaultMessage:"The selected file is too large. Maximum file size is {size}Mb"},{size:this.maxSize})};this.errorList.push(o)}else{const o={file_name:t.name,message:b.formatMessage({id:"uploader.invalidFileType",defaultMessage:"The file type is invalid. Accepted types: {validTypes}"},{validTypes:n})};this.errorList.push(o)}e(this.el)})),this.inProgressList.length>0&&(this.numFilesInProgress=this.inProgressList.length,this.inProgressList.map(((t,o)=>{this.uploadFile(t,o)})));t.target.value=""}uploadFile(t,o){a(this.requestUploadPath+o.toString()).then((async o=>{const e=JSON.parse(this.associatedData),n=Object.assign(Object.assign({},e),{file_name:t.name,mime_type:t.type,file_path:o.path,document_uuid:o.guid});await s(o.url,t,(o=>{const e=new CustomEvent("wmUploadProgress",{detail:{file_name:t.name,progress:o.lengthComputable&&0!==o.total?o.loaded/o.total*100:0}});this.el.dispatchEvent(e)})),await l(this.uploadPath,n),this.getExistingFiles()})).catch((t=>{this.numFilesInProgress=null,this.inProgressList=[],this.notif={id:3,message:b.formatMessage({id:"global.genericError",defaultMessage:"An error occurred. Please try again."})},console.error(t)}))}downloadFile(t,o){this.clearErrors(),l(this.requestDownloadPath,{file_path:o,file_uuid:t}).then((t=>{window.location.assign(t.url)})).catch((t=>{console.error(t)}))}deleteFile(t){this.clearErrors(),this.snackbar.push({message:b.formatMessage({id:"uploader.fileDeleted",defaultMessage:"{fileName} was deleted."},{fileName:t.file_name}),id:t.uuid,link:""}),this.fileList=this.fileList.filter((o=>o.uuid!==t.uuid)),d(`${this.deletePath}/${t.uuid}`).catch((o=>{this.notif={id:4,message:b.formatMessage({id:"uploader.fileNotDeleted",defaultMessage:"{fileName} could not be deleted."},{fileName:t.file_name})},this.getExistingFiles(),console.error(o)}))}componentWillLoad(){if(!this.getPath)throw new Error("wm-network-uploader: get-path is a required prop");if(!this.requestUploadPath)throw new Error("wm-network-uploader: request-upload-path is a required prop");if(!this.uploadPath)throw new Error("wm-network-uploader: upload-path is a required prop");if(!this.requestDownloadPath)throw new Error("wm-network-uploader: request-download-path is a required prop");if(!this.deletePath)throw new Error("wm-network-uploader: delete-path is a required prop");if(!this.buttonText)throw new Error("wm-network-uploader: button-text is a required prop");if(!this.emptyStateText)throw new Error("wm-network-uploader: empty-state-text is a required prop");if(!this.associatedData)throw new Error("wm-network-uploader: associated-data is a required prop");this.setMaxSize(),this.clearErrors()}componentDidLoad(){this.getExistingFiles(),this.el.classList.contains("sc-wm-uploader-h")&&this.inputEl&&this.inputEl.addEventListener("keydown",(t=>{this.inputEl&&13===t.keyCode&&this.inputEl.click()})),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}renderUploadSvg(){return n("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},n("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))}renderIcon(){return this.icon&&n("span",{class:"mdi "+(this.icon&&"f066"===this.icon?"rotate":"")},String.fromCodePoint(parseInt(`0x${this.icon}`)))}renderNotif(){return this.notif?n("span",{class:"notif"},this.notif.message):""}renderUploadButton(t){return n("div",{class:"notif-wrapper"},n("input",{ref:t=>this.inputEl=t,name:this.inputId,id:this.inputId,class:"sr-only",type:"file",multiple:!0,onClick:()=>this.clearErrors(),onChange:t=>this.handleFiles(t),disabled:this.isDisabled()}),n("label",{htmlFor:this.inputId,class:`wm-button ${t}${this.isTabbing?" user-is-tabbing":""}`},this.renderIcon(),this.buttonText),this.renderNotif())}renderWithItems(){return n("div",null,n("div",{class:"header"},n("div",{class:"descr"},n("slot",null)),this.renderUploadButton(`${this.buttonType} ${this.isDisabled()?"disabled":""}`)),this.renderErrorList(),this.renderInProgressList(),this.renderFileList())}renderEmptyState(){return n("div",null,n("div",{class:"header"},n("div",{class:"descr"},n("slot",null))),n("div",{class:"empty-block"},this.renderUploadSvg(),n("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button")))}renderErrorList(){if(this.errorList.length){if(this.liveRegion){let t=this.errorList.reduce((function(t,o){return t+`${o.file_name}: ${o.message} `}),"");this.liveRegion.innerHTML=t}return n("ul",{class:"error-list"},this.errorList.map((t=>n("li",null,n("div",{class:"file --error"},n("div",{class:"file-info"},n("span",{class:"filename"},t.file_name))),n("div",{class:"error-message"},t.message)))))}}renderInProgressList(){return n("ul",{class:"inprogress-list"},this.inProgressList.map((t=>n("li",null,n("div",{class:"file --progress"},n("div",{class:"progress",style:{background:`linear-gradient(to right, rgba(67, 126, 142, 1) ${t.progress}%, transparent ${t.progress}%)`}}),n("div",{class:"file-info"},n("span",{class:"filename"},t.name," ",n("span",{class:"sr-only"},"uploading"))))))))}renderFile(t){return n("li",null,n("div",{class:"file --saved"},n("div",{class:"file-info"},n("span",{class:"filename"},t.file_name),n("span",{class:"filedate"},this.formatDate(t.updated_at,b.locale,Intl.DateTimeFormat().resolvedOptions().timeZone))),n("div",{class:"file-controls"},n("wm-button",{class:"download-button","button-type":"icononly",tooltip:"download","label-for-identical-buttons":`download ${t.file_name}`,icon:"f1da",onClick:()=>this.downloadFile(t.uuid,t.file_path)}),n("wm-button",{class:"delete-button","button-type":"icononly",tooltip:"remove","label-for-identical-buttons":`remove ${t.file_name}`,icon:"f1c0",onClick:()=>this.deleteFile(t)}))))}renderFileList(){return n("ul",{class:"file-list"},this.fileList.map((t=>this.renderFile(t))))}render(){return n(r,null,this.isEmpty()?this.renderEmptyState():this.renderWithItems(),n("wm-snackbar",{notifications:JSON.stringify(this.snackbar)}),n("div",{ref:t=>this.liveRegion=t,class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"}))}get el(){return i(this)}static get watchers(){return{maxSize:["setMaxSize"],numFilesInProgress:["uploadNotifications"],fileList:["emitFileListEvent"]}}};w.style='@charset "UTF-8";:host .wm-button,wm-network-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-network-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-network-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-network-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-network-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-network-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-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 .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-network-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-network-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-network-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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 #c6b4e3;-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 #c6b4e3;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 #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-network-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-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)}:host .wm-button:hover,wm-network-uploader .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-network-uploader .wm-button .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}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-network-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-network-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-network-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-network-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-network-uploader .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-network-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-network-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-network-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-network-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-network-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-network-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-network-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-network-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-network-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-network-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-network-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-network-uploader .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-network-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-network-uploader .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-network-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-network-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-network-uploader .wm-button.-icononly:before{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}:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-network-uploader .wm-button.-navigational:before{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}:host .wm-button.-permanentlydelete:not(.-textonly),wm-network-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-network-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-network-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-network-uploader .wm-button.-selectoronly:before{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:"";position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-network-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-network-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-network-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-network-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-network-uploader .wm-button:disabled,:host .wm-button.disabled,wm-network-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-network-uploader .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-network-uploader .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-network-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-network-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-network-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-network-uploader .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-network-uploader .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-network-uploader .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-network-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-network-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-network-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-network-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-network-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-network-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-network-uploader a.wm-button,:host label.wm-button,wm-network-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-network-uploader{width:100%;position:relative}:host[dir=RTL] .mdi,wm-network-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing,wm-network-uploader input:focus+.wm-button.user-is-tabbing{-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 !important;-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 !important;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 !important}:host *,wm-network-uploader *{box-sizing:border-box}.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}.header{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}.header .notif-wrapper{align-items:flex-end}.notif-wrapper{display:flex;align-items:flex-start;height:-moz-fit-content;height:fit-content;flex-direction:column;align-items:center}.notif-wrapper .notif{font-size:0.875rem;font-style:italic;margin-top:0.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 60.9375rem){.descr{margin-bottom:0.5rem}.notif-wrapper{margin-bottom:1rem}.header .notif-wrapper{align-items:flex-start}}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:flex;flex-direction:column;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:1.5rem;margin-bottom:0.4375rem}.empty-block .notif-wrapper{justify-content:center}.empty-block .notif-wrapper .wm-button{width:auto}ul{list-style:none;padding:0;width:100%}ul li{font-size:0.875rem}ul li .file{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.75rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:flex;justify-content:space-between;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{font-weight:500}ul li .file .filedate{margin-left:3.75rem;font-weight:normal;font-style:italic}ul li .file wm-button+wm-button{margin-left:1rem}ul.file-list .file.--saved,ul.inprogress-list .file{margin-bottom:1.625rem}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.error-list li{margin-bottom:1.25rem;color:#c0392b}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul .error-message{padding-top:0.25rem;font-style:italic}';export{w as wm_network_uploader}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as e,f as i,H as n,g as r}from"./p-9baa3039.js";import{g as s,i as a,p as l}from"./p-cf075b3b.js";const d=class{constructor(e){t(this,e),this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7),this.wmFilesSelected=o(this,"wmFilesSelected",7),this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7),this.wmDeleteFile=o(this,"wmDeleteFile",7),this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7),this.wmDownloadFile=o(this,"wmDownloadFile",7),this.uploaderType=null,this.type=null,this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv",this.maxSize=100,this.sortBy="date",this.buttonType="1"===this.tempUploaderType?"primary":"secondary",this.buttonPosition="1"===this.tempUploaderType?"right":"left",this.fileList=[],this.filesToUpload=[],this.isTabbing=!1,this.errorList=[],this.inputId=s()}get tempUploaderType(){return this.type||this.uploaderType||"1"}get buttonsideText(){const t=this.fileList.length>0,o=this.renderInfo(),i=t?e("div",{class:"filecount"},a.formatMessage({id:"uploader.filesAdded",defaultMessage:"{numFiles, plural, one {1 file added} other {# files added}}"},{numFiles:this.fileList.length})):null;return"1"===this.tempUploaderType?i:o}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleUploadProgress(t){if(this.fileList.map((o=>{o.id===t.detail.id&&(o.progress=t.detail.progress,i(this.el))})),100===t.detail.progress&&(this.numFilesInProgress-=1),!this.srProgress&&this.numFilesInProgress){const t=this.numFilesInProgress;this.srProgress=setInterval((()=>{const o=this.fileList.reduce(((t,o)=>o.progress?t+o.progress:t),0);this.liveRegion&&(this.liveRegion.innerHTML=a.formatMessage({id:"uploader.uploadProgress",defaultMessage:"Upload progress: {percentage}%"},{percentage:Math.floor(o/t)}))}),5e3)}}parseFiles(){if(this.files){if("string"!=typeof this.files)throw new Error("Attribute 'files' should be a string");{const t=JSON.parse(this.files);if("object"!=typeof t)throw new Error("could not parse string passed to files attribute");this.fileList=t}}}parseRejectedFiles(){if(this.rejectedFiles){if("string"!=typeof this.files)throw new Error("Attribute 'rejected-files' should be a string");{const t=JSON.parse(this.rejectedFiles);if("object"!=typeof t)throw new Error("could not parse string passed to errors attribute");this.errorList=t}}}setMaxSize(){this.maxSize=this.maxSize>100?100:this.maxSize}uploadNotifications(t,o){if(o>0&&0===t){setTimeout((()=>{this.notif=null}),2e4);const t=a.formatMessage({id:"uploader.finishedUploading",defaultMessage:"Finished uploading"});this.notif={id:5,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t),this.numFilesInProgress=null,clearInterval(this.srProgress),i(this.el)}else if(t>0&&t!=o){const o=a.formatMessage({id:"uploader.filesUploading",defaultMessage:"{num, plural, one {1 file uploading} other {# files uploading}}"},{num:t});this.notif={id:6,message:o},this.liveRegion&&(this.liveRegion.innerHTML=o),i(this.el)}}isValidSize(t){return t/1024/1024<=this.maxSize}isDuplicate(t){return this.fileList.find((o=>(o.type?o.name+"."+o.type:o.name)===t))}isEmpty(){return!this.fileList.length&&!this.errorList.length}isDisabled(){const t=!!this.maxFiles&&this.fileList.length>=this.maxFiles;if(this.notif)1===this.notif.id&&(t||(this.notif=null));else if(t){const t=a.formatMessage({id:"uploader.fileUploadLimit",defaultMessage:"You have reached the file upload limit."});this.notif={id:1,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t)}else this.notif=null;return t||this.numFilesInProgress>0}isItemUploading(t){return t.hasOwnProperty("progress")&&t.progress<100}clearErrors(){this.errorList=[],this.notif=null}handleFiles(t){this.filesToUpload=[];const o=this.fileTypes.split(" ").join(", "),e=Array.from(t.target.files);if(this.maxFiles&&this.fileList.length+e.length>this.maxFiles){const t=a.formatMessage({id:"uploader.fileUploadExceeded",defaultMessage:"The number of selected files exceeds the limit."});this.notif={id:2,message:t},this.liveRegion&&(this.liveRegion.innerHTML=t)}else e&&e.map((t=>{if(l(t,this.fileTypes))if(this.isValidSize(t.size))if(this.isDuplicate(t.name)){const o={name:t.name,message:a.formatMessage({id:"uploader.duplicateName",defaultMessage:"A file with this name already exists."})};this.errorList.push(o)}else this.filesToUpload.push(t);else{const o={name:t.name,message:a.formatMessage({id:"uploader.fileTooLarge",defaultMessage:"The selected file is too large. Maximum file size is {size}Mb"},{size:this.maxSize})};this.errorList.push(o)}else{const e={name:t.name,message:a.formatMessage({id:"uploader.invalidFileType",defaultMessage:"The file type is invalid. Accepted types: {validTypes}"},{validTypes:o})};this.errorList.push(e)}})),this.filesToUpload.length>0&&(this.numFilesInProgress=this.filesToUpload.length,this.wmUploaderFilesSelected.emit(this.filesToUpload),this.wmFilesSelected.emit(this.filesToUpload));t.target.value=""}downloadFile(t){this.clearErrors(),this.wmUploaderDownloadFile.emit(t.id),this.wmDownloadFile.emit(t.id)}deleteFile(t){this.clearErrors(),i(this.el),this.wmUploaderDeleteFile.emit(t.id),this.wmDeleteFile.emit(t.id)}componentWillLoad(){if(!this.buttonText)throw new Error("wm-uploader: button-text is a required prop");if(this.type&&console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead."),"1"===this.tempUploaderType&&!this.emptyStateText)throw new Error("wm-uploader: empty-state-text is a required prop");this.setMaxSize(),this.parseFiles(),this.clearErrors(),this.parseRejectedFiles()}componentDidLoad(){this.el.classList.contains("sc-wm-uploader-h")&&this.inputEl&&this.inputEl.addEventListener("keydown",(t=>{this.inputEl&&13===t.keyCode&&this.inputEl.click()})),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}sortByButtonPosition(t){return"left"===this.buttonPosition?t:t.reverse()}renderUploadSvg(){return e("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},e("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))}renderIcon(){return this.icon&&e("span",{class:"mdi "+(this.icon&&"f066"===this.icon?"rotate":"")},String.fromCodePoint(parseInt(`0x${this.icon}`)))}renderInfo(){return this.info?e("span",{class:"info"},this.info):""}renderNotif(){return this.notif?e("div",{class:"notif"},this.notif.message):""}renderUploadButton(t){const o=e("label",{htmlFor:this.inputId,class:`wm-button ${t}${this.isTabbing?" user-is-tabbing":""}`},this.renderIcon(),this.buttonText),i=this.sortByButtonPosition([o,this.buttonsideText]);return e("div",{class:"info-wrapper"},e("input",{ref:t=>this.inputEl=t,name:this.inputId,id:this.inputId,class:"sr-only",type:"file",multiple:!0,onClick:()=>this.clearErrors(),onChange:t=>this.handleFiles(t),disabled:this.isDisabled()}),i.map((t=>t)))}renderEmptyState(){return e("div",{class:"empty-block"},this.renderUploadSvg(),e("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.renderNotif())}renderErrorList(){if(this.errorList.length){if(this.liveRegion){let t=this.errorList.reduce((function(t,o){return t+`${o.name}: ${o.message} `}),"");this.liveRegion.innerHTML=t}return e("ul",{class:"error-list"},this.errorList.map((t=>e("li",null,e("div",{class:"file --error"},e("div",{class:"file-info"},e("span",{class:"filename"},t.name))),e("div",{class:"error-message"},t.message)))))}}renderFileInProgress(t){const o=t.type?t.name+"."+t.type:t.name;return e("li",null,e("div",{class:"file --progress"},e("div",{class:"progress",style:{background:`linear-gradient(to right, rgba(67, 126, 142, 1) ${t.progress}%, transparent ${t.progress}%)`}}),e("div",{class:"file-info"},e("span",{class:"filename"},o," ",e("span",{class:"sr-only"},"uploading")))))}renderFile(t){return e("li",null,e("div",{class:"file --saved"},e("div",{class:"file-info"},e("span",{class:"filename"},t.name+"."+t.type)),e("div",{class:"file-controls"},e("wm-button",{class:"download-button","button-type":"icononly",tooltip:"download","tooltip-position":"bottom","label-for-identical-buttons":`download ${t.name}`,icon:"f1da",onClick:()=>this.downloadFile(t)}),e("wm-button",{class:"delete-button","button-type":"icononly",tooltip:"remove","tooltip-position":"bottom","label-for-identical-buttons":`remove ${t.name}`,icon:"f1c0",onClick:()=>this.deleteFile(t)}))))}renderFileList(){if(this.fileList)return this.fileList.sort("name"===this.sortBy?(t,o)=>t.name.localeCompare(o.name):(t,o)=>Date.parse(t.lastUpdated)-Date.parse(o.lastUpdated)),e("div",null,e("ul",{class:"inprogress-list"},this.fileList.filter((t=>this.isItemUploading(t))).map((t=>this.renderFileInProgress(t)))),e("ul",{class:"file-list"},this.fileList.filter((t=>!this.isItemUploading(t))).map((t=>this.renderFile(t)))))}renderHeader(){return e("div",{class:"header"},e("div",{class:`slot-wrapper ${this.buttonPosition}`},e("slot",null),e("div",{class:`notif-wrapper ${this.buttonPosition}`},this.renderUploadButton(`-${this.buttonType} ${this.isDisabled()?"disabled":""}`),this.renderNotif())))}renderFooter(){return e("div",{class:`footer ${this.buttonPosition}`},e("div",{class:`notif-wrapper ${this.buttonPosition}`},e("div",{class:"filecount-wrapper"},this.renderUploadButton(`-${this.buttonType} ${this.isDisabled()?"disabled":""}`)),this.renderNotif()))}renderWithItems(){return e("div",null,"2"===this.tempUploaderType&&this.renderHeader(),e("div",{class:`list-container type${this.tempUploaderType}`},this.renderErrorList(),this.renderFileList()),"1"===this.tempUploaderType&&this.renderFooter())}render(){return e(n,null,this.isEmpty()&&"1"===this.tempUploaderType?this.renderEmptyState():this.renderWithItems(),e("div",{ref:t=>this.liveRegion=t,class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"}))}get el(){return r(this)}static get watchers(){return{files:["parseFiles"],rejectedFiles:["parseRejectedFiles"],maxSize:["setMaxSize"],numFilesInProgress:["uploadNotifications"]}}};d.style='@charset "UTF-8";:host .wm-button,wm-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-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 .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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 #c6b4e3;-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 #c6b4e3;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 #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-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)}:host .wm-button:hover,wm-uploader .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-uploader .wm-button .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}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-uploader .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-uploader .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-uploader .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-uploader .wm-button.-icononly:before{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}:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-uploader .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-uploader .wm-button.-navigational:before{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}:host .wm-button.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-uploader .wm-button.-selectoronly:before{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:"";position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-uploader .wm-button:disabled,:host .wm-button.disabled,wm-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-uploader .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-uploader .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-uploader .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-uploader .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-uploader .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-uploader a.wm-button,:host label.wm-button,wm-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-uploader{width:100%;height:100%;display:block;position:relative}:host[dir=RTL] .mdi,wm-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus~.wm-button.user-is-tabbing,wm-uploader input:focus~.wm-button.user-is-tabbing{-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 !important;-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 !important;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 !important}:host *,wm-uploader *{box-sizing:border-box}.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}.header{margin-bottom:1rem}.header .slot-wrapper{display:flex;justify-content:flex-start;align-items:flex-start}.header .slot-wrapper.right{justify-content:flex-end}.footer{display:flex;flex-direction:column;align-items:flex-end;padding:0.9375rem 1.875rem}.footer.left{align-items:flex-start}.footer .filecount-wrapper{display:flex;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin:0 1rem}.notif-wrapper{position:relative;display:flex;flex-direction:column;margin-bottom:1rem}.notif-wrapper.left{align-items:flex-start}.notif-wrapper.right{align-items:flex-end}.notif{padding-top:0.25rem;font-size:0.875rem;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.info-wrapper{position:relative;display:flex;align-items:center}.info-wrapper .info{font-size:0.875rem;margin:0 1rem}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:flex;flex-direction:column;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.list-container{overflow-y:auto}.list-container.type1{padding:0 1.875rem;height:16.25rem}ul{list-style:none;padding:0;width:100%}ul li{font-size:0.875rem}ul li .file{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.75rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:flex;justify-content:space-between;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{font-weight:500}ul li .file wm-button+wm-button{margin-left:1rem}ul.file-list .file.--saved,ul.inprogress-list .file{margin-bottom:1.625rem}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.error-list li{margin-bottom:1.25rem;color:#c0392b}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul.error-list li .error-message{padding-top:0.25rem;font-style:italic}';export{d as wm_uploader}