@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.
- package/README.md +3 -3
- package/dist/cjs/{functions-0cf2d639.js → functions-068b9a56.js} +442 -442
- package/dist/cjs/{global-b6602785.js → global-4e77664e.js} +65 -65
- package/dist/cjs/{http-service-494d81de.js → http-service-9e8c4dd5.js} +49 -49
- package/dist/cjs/{interfaces-a3338581.js → interfaces-30a74c1f.js} +29 -29
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-chart-popover.cjs.entry.js +78 -78
- package/dist/cjs/priv-datepicker.cjs.entry.js +667 -667
- package/dist/cjs/priv-navigator-button.cjs.entry.js +18 -18
- package/dist/cjs/priv-navigator-item.cjs.entry.js +23 -23
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +341 -341
- package/dist/cjs/wm-button.cjs.entry.js +218 -218
- package/dist/cjs/wm-chart-slice.cjs.entry.js +13 -13
- package/dist/cjs/wm-chart.cjs.entry.js +474 -474
- package/dist/cjs/wm-datepicker.cjs.entry.js +256 -256
- package/dist/cjs/wm-input.cjs.entry.js +134 -134
- package/dist/cjs/wm-modal-footer.cjs.entry.js +31 -31
- package/dist/cjs/wm-modal-header.cjs.entry.js +34 -34
- package/dist/cjs/wm-modal.cjs.entry.js +161 -161
- package/dist/cjs/wm-navigator.cjs.entry.js +268 -268
- package/dist/cjs/wm-network-uploader.cjs.entry.js +420 -421
- package/dist/cjs/wm-option_2.cjs.entry.js +494 -494
- package/dist/cjs/wm-pagination.cjs.entry.js +167 -167
- package/dist/cjs/wm-search.cjs.entry.js +231 -231
- package/dist/cjs/wm-snackbar.cjs.entry.js +170 -170
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +300 -300
- package/dist/cjs/wm-tag-input.cjs.entry.js +570 -570
- package/dist/cjs/wm-timepicker.cjs.entry.js +380 -380
- package/dist/cjs/wm-toggletip.cjs.entry.js +124 -124
- package/dist/cjs/wm-uploader.cjs.entry.js +347 -360
- package/dist/cjs/wm-wrapper.cjs.entry.js +12 -12
- package/dist/collection/components/wm-action-menu/wm-action-menu.js +460 -460
- package/dist/collection/components/wm-button/wm-button.js +485 -485
- package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.js +232 -232
- package/dist/collection/components/wm-chart/wm-chart-slice.js +64 -64
- package/dist/collection/components/wm-chart/wm-chart.js +719 -719
- package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1015 -1015
- package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
- package/dist/collection/components/wm-input/wm-input.js +424 -424
- package/dist/collection/components/wm-menuitem/wm-menuitem.js +444 -444
- package/dist/collection/components/wm-modal/wm-modal-footer.js +141 -141
- package/dist/collection/components/wm-modal/wm-modal-header.js +92 -92
- package/dist/collection/components/wm-modal/wm-modal.js +459 -459
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +97 -97
- package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +114 -114
- package/dist/collection/components/wm-navigator/wm-navigator.js +468 -468
- package/dist/collection/components/wm-option/wm-option.js +422 -422
- package/dist/collection/components/wm-pagination/wm-pagination.js +368 -368
- package/dist/collection/components/wm-search/wm-search.js +479 -479
- package/dist/collection/components/wm-select/wm-select.js +720 -720
- package/dist/collection/components/wm-snackbar/wm-snackbar.js +297 -297
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +219 -219
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +331 -331
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +104 -104
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +801 -801
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +580 -580
- package/dist/collection/components/wm-toggletip/wm-toggletip.js +241 -241
- package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js +753 -772
- package/dist/collection/components/wm-uploader/wm-uploader.css +11 -18
- package/dist/collection/components/wm-uploader/wm-uploader.js +748 -794
- package/dist/collection/components/wm-wrapper/wm-wrapper.js +27 -27
- package/dist/collection/dev/scripts.js +20 -20
- package/dist/collection/global/__mocks__/functions.js +6 -6
- package/dist/collection/global/functions.js +445 -445
- package/dist/collection/global/global.js +72 -72
- package/dist/collection/global/interfaces.js +49 -49
- package/dist/collection/global/services/__mocks__/http-service.js +130 -130
- package/dist/collection/global/services/http-service.js +50 -50
- package/dist/collection/lang/lang.js +5 -5
- package/dist/collection/lang/missing.js +39 -39
- package/dist/collection/lang/piglatin.js +93 -93
- package/dist/esm/{functions-223fb0dc.js → functions-122ab496.js} +442 -442
- package/dist/esm/{global-f9c17bf1.js → global-0fd112f7.js} +65 -65
- package/dist/esm/{http-service-3dc3b3e7.js → http-service-5d037e16.js} +49 -49
- package/dist/esm/{interfaces-2b97fab2.js → interfaces-61c6305b.js} +29 -29
- package/dist/esm/loader.js +2 -2
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/priv-chart-popover.entry.js +78 -78
- package/dist/esm/priv-datepicker.entry.js +667 -667
- package/dist/esm/priv-navigator-button.entry.js +18 -18
- package/dist/esm/priv-navigator-item.entry.js +23 -23
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-action-menu_2.entry.js +341 -341
- package/dist/esm/wm-button.entry.js +218 -218
- package/dist/esm/wm-chart-slice.entry.js +13 -13
- package/dist/esm/wm-chart.entry.js +474 -474
- package/dist/esm/wm-datepicker.entry.js +256 -256
- package/dist/esm/wm-input.entry.js +134 -134
- package/dist/esm/wm-modal-footer.entry.js +31 -31
- package/dist/esm/wm-modal-header.entry.js +34 -34
- package/dist/esm/wm-modal.entry.js +161 -161
- package/dist/esm/wm-navigator.entry.js +268 -268
- package/dist/esm/wm-network-uploader.entry.js +420 -421
- package/dist/esm/wm-option_2.entry.js +494 -494
- package/dist/esm/wm-pagination.entry.js +167 -167
- package/dist/esm/wm-search.entry.js +231 -231
- package/dist/esm/wm-snackbar.entry.js +170 -170
- package/dist/esm/wm-tab-item_3.entry.js +300 -300
- package/dist/esm/wm-tag-input.entry.js +570 -570
- package/dist/esm/wm-timepicker.entry.js +380 -380
- package/dist/esm/wm-toggletip.entry.js +124 -124
- package/dist/esm/wm-uploader.entry.js +348 -361
- package/dist/esm/wm-wrapper.entry.js +12 -12
- package/dist/ripple/{p-e26c9858.entry.js → p-067909ce.entry.js} +1 -1
- package/dist/ripple/{p-cf075b3b.js → p-08e67884.js} +0 -0
- package/dist/ripple/{p-6b28f3fe.entry.js → p-1c23f228.entry.js} +1 -1
- package/dist/ripple/{p-c637686e.entry.js → p-2aa79663.entry.js} +1 -1
- package/dist/ripple/{p-d5938de0.entry.js → p-2b3f75eb.entry.js} +1 -1
- package/dist/ripple/{p-a84de435.entry.js → p-3ff67fd5.entry.js} +1 -1
- package/dist/ripple/{p-6d0b3f08.entry.js → p-4629470d.entry.js} +1 -1
- package/dist/ripple/p-4b1f14bb.entry.js +1 -0
- package/dist/ripple/{p-07f557b0.entry.js → p-4b72f4eb.entry.js} +1 -1
- package/dist/ripple/{p-1fdd85ea.entry.js → p-54c39a0b.entry.js} +1 -1
- package/dist/ripple/p-7da00f33.entry.js +1 -0
- package/dist/ripple/{p-addbfa91.entry.js → p-803b19aa.entry.js} +1 -1
- package/dist/ripple/{p-43f1298b.js → p-888bec42.js} +0 -0
- package/dist/ripple/{p-b14062a7.entry.js → p-888c18c3.entry.js} +1 -1
- package/dist/ripple/{p-94f584c5.entry.js → p-97884327.entry.js} +1 -1
- package/dist/ripple/{p-03f14a00.entry.js → p-9a8fbfad.entry.js} +1 -1
- package/dist/ripple/{p-f23d6211.entry.js → p-a2b02aec.entry.js} +1 -1
- package/dist/ripple/{p-c8655e6c.entry.js → p-a61b07de.entry.js} +1 -1
- package/dist/ripple/{p-fd8070fb.js → p-a6d6eae7.js} +0 -0
- package/dist/ripple/{p-c5d718c7.entry.js → p-e36853fd.entry.js} +1 -1
- package/dist/ripple/{p-0b1cdd4e.entry.js → p-ecbb441f.entry.js} +1 -1
- package/dist/ripple/{p-792a78d7.js → p-f2a1d8b1.js} +1 -1
- package/dist/ripple/{p-0663e9fc.entry.js → p-f6bed262.entry.js} +1 -1
- package/dist/ripple/{p-2d7891e9.entry.js → p-f95c2283.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +48 -48
- package/dist/types/components/wm-button/wm-button.d.ts +44 -44
- package/dist/types/components/wm-chart/priv-chart-popover/priv-chart-popover.d.ts +23 -23
- package/dist/types/components/wm-chart/wm-chart-slice.d.ts +8 -8
- package/dist/types/components/wm-chart/wm-chart.d.ts +82 -82
- package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +76 -76
- package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
- package/dist/types/components/wm-input/wm-input.d.ts +46 -46
- package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +34 -34
- package/dist/types/components/wm-modal/wm-modal-footer.d.ts +15 -15
- package/dist/types/components/wm-modal/wm-modal-header.d.ts +12 -12
- package/dist/types/components/wm-modal/wm-modal.d.ts +41 -41
- package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +10 -10
- package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +13 -13
- package/dist/types/components/wm-navigator/wm-navigator.d.ts +61 -61
- package/dist/types/components/wm-option/wm-option.d.ts +32 -32
- package/dist/types/components/wm-pagination/wm-pagination.d.ts +32 -32
- package/dist/types/components/wm-search/wm-search.d.ts +86 -86
- package/dist/types/components/wm-select/wm-select.d.ts +66 -66
- package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +35 -35
- package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +38 -38
- package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +53 -53
- package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +20 -20
- package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +92 -92
- package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +61 -61
- package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +27 -27
- package/dist/types/components/wm-uploader/wm-network-uploader/wm-network-uploader.d.ts +85 -86
- package/dist/types/components/wm-uploader/wm-uploader.d.ts +80 -84
- package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +7 -7
- package/dist/types/components.d.ts +24 -30
- package/dist/types/global/__mocks__/functions.d.ts +6 -6
- package/dist/types/global/functions.d.ts +40 -40
- package/dist/types/global/global.d.ts +1 -1
- package/dist/types/global/interfaces.d.ts +34 -34
- package/dist/types/global/services/__mocks__/http-service.d.ts +6 -6
- package/dist/types/global/services/http-service.d.ts +4 -4
- package/dist/types/lang/lang.d.ts +5 -5
- package/package.json +47 -47
- package/dist/ripple/p-a1fc8e81.entry.js +0 -1
- 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-
|
|
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}
|