linear-react-components-ui 1.1.26-beta-0 → 1.1.26-beta.10
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/lib/alerts/AlertContainer.js +8 -2
- package/lib/alerts/AlertProvider.js +11 -5
- package/lib/alerts/BaseAlert.js +10 -8
- package/lib/alerts/Message.js +91 -64
- package/lib/alerts/withAlert.js +10 -6
- package/lib/assets/BaseAlert.css +1 -1
- package/lib/assets/Content.css +1 -1
- package/lib/assets/DefaultFile.css +1 -1
- package/lib/assets/Drawer.css +1 -1
- package/lib/assets/index11.css +1 -1
- package/lib/assets/index5.css +1 -1
- package/lib/avatar/index.js +29 -51
- package/lib/badge/index.js +25 -23
- package/lib/buttons/ActivateButton.js +9 -4
- package/lib/buttons/AddButton.js +12 -5
- package/lib/buttons/Button.js +16 -5
- package/lib/buttons/ButtonGroups.js +10 -3
- package/lib/buttons/CancelButton.js +14 -4
- package/lib/buttons/DangerButton.js +15 -4
- package/lib/buttons/DefaultButton.js +76 -111
- package/lib/buttons/DestroyButton.js +21 -5
- package/lib/buttons/EditButton.js +9 -4
- package/lib/buttons/InactivateButton.js +9 -4
- package/lib/buttons/InfoButton.js +15 -4
- package/lib/buttons/PrimaryButton.js +15 -4
- package/lib/buttons/RestoreButton.js +9 -4
- package/lib/buttons/SaveButton.js +14 -4
- package/lib/buttons/SuccessButton.js +15 -4
- package/lib/buttons/WarningButton.js +15 -4
- package/lib/buttons/button_container/index.js +21 -16
- package/lib/buttons/split_button/index.js +53 -55
- package/lib/calendar/DangerCalendar.js +18 -4
- package/lib/calendar/InfoCalendar.js +18 -4
- package/lib/calendar/PrimaryCalendar.js +18 -4
- package/lib/calendar/SuccessCalendar.js +18 -4
- package/lib/calendar/WarningCalendar.js +18 -4
- package/lib/calendar/base/Day.js +32 -22
- package/lib/calendar/base/Month.js +24 -21
- package/lib/calendar/base/Week.js +20 -19
- package/lib/calendar/base/helpers.js +11 -19
- package/lib/calendar/base/index.js +129 -97
- package/lib/checkbox/index.js +6 -5
- package/lib/chunks/compiler-runtime.Cu50tn6L.js +54 -0
- package/lib/chunks/{index.Da--18GT.js → index.Df3kt2LQ.js} +179 -181
- package/lib/chunks/index.aw0XaUkg.js +266 -0
- package/lib/chunks/jsx-runtime.D1SHvdVE.js +282 -0
- package/lib/chunks/lodash.CIAK_hAg.js +3684 -0
- package/lib/chunks/moment.DMLRxgRE.js +2589 -0
- package/lib/chunks/tabs.BvKfeA6Y.js +244 -0
- package/lib/chunks/v1.Ds1rkxUj.js +49 -0
- package/lib/dialog/Alert.js +18 -17
- package/lib/dialog/Custom.js +42 -28
- package/lib/dialog/Error.js +18 -17
- package/lib/dialog/Information.js +18 -17
- package/lib/dialog/Question.js +43 -59
- package/lib/dialog/Warning.js +18 -17
- package/lib/dialog/base/Content.js +13 -4
- package/lib/dialog/base/Footer.js +8 -3
- package/lib/dialog/base/Header.js +4 -3
- package/lib/dialog/base/index.js +5 -4
- package/lib/dialog/form/index.js +5 -4
- package/lib/dialog/index.js +1 -1
- package/lib/dialog/wizard/index.js +11 -10
- package/lib/dialog/wizard/progressbar.js +96 -3
- package/lib/dialog/wizard/step.js +4 -3
- package/lib/dialog/wizard/useWizard.js +42 -29
- package/lib/drawer/Content.js +15 -8
- package/lib/drawer/Drawer.js +38 -35
- package/lib/drawer/Header.js +53 -40
- package/lib/drawer/helpers.js +2 -2
- package/lib/dropdown/Popup.js +4 -2
- package/lib/dropdown/withDropdown.js +75 -50
- package/lib/fieldset/index.js +66 -47
- package/lib/form/Field.js +88 -62
- package/lib/form/FieldArray.js +18 -39
- package/lib/form/FieldNumber.js +42 -38
- package/lib/form/FieldPeriod.js +90 -59
- package/lib/form/helpers.js +14 -11
- package/lib/form/index.js +88 -100
- package/lib/form/withFieldHOC.js +57 -48
- package/lib/form/withFormSecurity.js +15 -18
- package/lib/gridlayout/GridCol.js +21 -20
- package/lib/gridlayout/GridRow.js +22 -20
- package/lib/hint/helpers.js +6 -2
- package/lib/hint/index.js +27 -25
- package/lib/icons/helper.js +142 -569
- package/lib/icons/index.js +62 -57
- package/lib/index.js +20 -19
- package/lib/inputs/base/InputTextBase.js +121 -207
- package/lib/inputs/base/Label.js +27 -29
- package/lib/inputs/base/helpers.d.ts +3 -3
- package/lib/inputs/base/helpers.js +4 -2
- package/lib/inputs/color/index.js +52 -73
- package/lib/inputs/date/Dialog.js +15 -16
- package/lib/inputs/date/Dropdown.js +16 -14
- package/lib/inputs/date/helpers.js +7 -7
- package/lib/inputs/date/index.js +101 -147
- package/lib/inputs/errorMessage/index.js +21 -13
- package/lib/inputs/file/DefaultFile.js +64 -67
- package/lib/inputs/file/DragDropFile.js +79 -135
- package/lib/inputs/file/File.d.ts +1 -1
- package/lib/inputs/file/File.js +24 -39
- package/lib/inputs/file/FileButtonSettings.js +20 -17
- package/lib/inputs/inputHOC.js +38 -20
- package/lib/inputs/mask/BaseMask.js +51 -30
- package/lib/inputs/mask/Cnpj.js +42 -36
- package/lib/inputs/mask/Cpf.js +45 -33
- package/lib/inputs/mask/Phone.js +10 -6
- package/lib/inputs/mask/ZipCode.js +9 -4
- package/lib/inputs/mask/helpers.d.ts +33 -33
- package/lib/inputs/mask/helpers.js +44 -44
- package/lib/inputs/multiSelect/ActionButtons.js +35 -46
- package/lib/inputs/multiSelect/Dropdown.js +94 -133
- package/lib/inputs/multiSelect/helper.js +4 -7
- package/lib/inputs/multiSelect/index.js +167 -127
- package/lib/inputs/number/BaseNumber.js +43 -31
- package/lib/inputs/number/Currency.js +19 -12
- package/lib/inputs/number/Decimal.js +9 -4
- package/lib/inputs/number/index.js +31 -35
- package/lib/inputs/period/Dialog.js +16 -16
- package/lib/inputs/period/Dropdown.js +15 -15
- package/lib/inputs/period/PeriodList.js +41 -27
- package/lib/inputs/period/helper.js +8 -4
- package/lib/inputs/period/index.js +192 -330
- package/lib/inputs/search/index.js +95 -71
- package/lib/inputs/select/ActionButtons.js +24 -45
- package/lib/inputs/select/Dropdown.js +61 -110
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/helper.js +43 -45
- package/lib/inputs/select/index.js +23 -25
- package/lib/inputs/select/multiple/Selecteds.js +23 -19
- package/lib/inputs/select/multiple/index.js +106 -176
- package/lib/inputs/select/simple/index.js +126 -196
- package/lib/inputs/text/index.js +9 -4
- package/lib/inputs/textarea/index.js +13 -15
- package/lib/internals/withTooltip.js +114 -67
- package/lib/labelMessages/index.js +50 -45
- package/lib/labels/DangerLabel.js +18 -4
- package/lib/labels/DefaultLabel.js +53 -39
- package/lib/labels/InfoLabel.js +18 -4
- package/lib/labels/PrimaryLabel.js +18 -4
- package/lib/labels/SuccessLabel.js +18 -4
- package/lib/labels/WarningLabel.js +18 -4
- package/lib/labels/label_container/index.js +15 -9
- package/lib/list/Header.js +18 -6
- package/lib/list/Item.js +5 -4
- package/lib/list/Separator.js +8 -3
- package/lib/list/helpers.js +2 -2
- package/lib/list/index.js +21 -18
- package/lib/menus/float/MenuItem.js +49 -52
- package/lib/menus/float/SubMenuContainer.d.ts +10 -10
- package/lib/menus/float/index.js +102 -81
- package/lib/menus/sidenav/ExpandMenu.js +17 -15
- package/lib/menus/sidenav/MenuLink.js +21 -14
- package/lib/menus/sidenav/NavMenuGroup.js +19 -14
- package/lib/menus/sidenav/NavMenuItem.js +131 -111
- package/lib/menus/sidenav/NavSubMenuItem.js +36 -20
- package/lib/menus/sidenav/helpers.js +4 -4
- package/lib/menus/sidenav/index.js +145 -123
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +21 -17
- package/lib/menus/sidenav/popup_menu_search/index.js +17 -51
- package/lib/noPermission/index.js +13 -8
- package/lib/panel/Content.js +49 -40
- package/lib/panel/DangerPanel.js +10 -5
- package/lib/panel/Default.js +62 -36
- package/lib/panel/Header.js +53 -37
- package/lib/panel/InfoPanel.js +10 -5
- package/lib/panel/PrimaryPanel.js +10 -5
- package/lib/panel/SuccessPanel.js +10 -5
- package/lib/panel/ToolBar.js +17 -4
- package/lib/panel/WarningPanel.js +10 -5
- package/lib/panel/helpers.js +8 -5
- package/lib/permissionValidations.js +15 -11
- package/lib/popover/PopoverText.js +12 -5
- package/lib/popover/PopoverTitle.js +10 -3
- package/lib/popover/index.js +36 -56
- package/lib/progress/Bar.js +43 -34
- package/lib/progress/index.js +23 -18
- package/lib/radio/index.js +105 -89
- package/lib/shortcuts/index.js +20 -7
- package/lib/skeleton/SkeletonContainer.js +16 -6
- package/lib/skeleton/index.js +42 -18
- package/lib/spinner/SpinnerLoading.js +53 -16
- package/lib/spinner/index.js +47 -37
- package/lib/split/Split.js +83 -79
- package/lib/split/SplitSide.js +24 -16
- package/lib/table/Body.js +36 -49
- package/lib/table/Header.js +45 -35
- package/lib/table/HeaderColumn.js +40 -27
- package/lib/table/Row.js +47 -48
- package/lib/table/RowColumn.js +50 -38
- package/lib/table/helpers.js +3 -1
- package/lib/table/index.js +101 -104
- package/lib/tabs/DropdownTabs.js +64 -61
- package/lib/tabs/Menu.js +35 -49
- package/lib/tabs/MenuTabs.js +59 -84
- package/lib/tabs/Panel.js +57 -47
- package/lib/tabs/context.js +36 -40
- package/lib/tabs/index.js +69 -64
- package/lib/tabs/tabHelpers.js +10 -8
- package/lib/textContent/index.js +30 -32
- package/lib/toolbar/ButtonBar.js +62 -58
- package/lib/toolbar/LabelBar.js +46 -38
- package/lib/toolbar/Separator.js +8 -3
- package/lib/toolbar/ToolBarGroup.js +14 -3
- package/lib/toolbar/index.js +35 -29
- package/lib/tooltip/index.js +24 -24
- package/lib/treetable/Body.js +26 -27
- package/lib/treetable/Header.js +23 -19
- package/lib/treetable/Row.js +210 -147
- package/lib/treetable/helpers.d.ts +4 -5
- package/lib/treetable/helpers.js +6 -14
- package/lib/treetable/index.js +25 -15
- package/lib/treeview/Header.js +13 -5
- package/lib/treeview/Node.js +198 -175
- package/lib/treeview/index.js +257 -174
- package/lib/uitour/index.js +167 -166
- package/package.json +32 -43
- package/lib/chunks/index.CmrLK9Qe.js +0 -675
- package/lib/chunks/index.D5f6Ow9V.js +0 -89
- package/lib/chunks/index.yztgndLc.js +0 -206
- package/lib/chunks/jsx-runtime.CYK1ROHF.js +0 -445
- package/lib/chunks/tabs.Cvj2MJH6.js +0 -246
- package/lib/chunks/v1.CDXKvGzE.js +0 -41
- /package/lib/assets/{index29.css → progressbar.css} +0 -0
|
@@ -37,12 +37,18 @@ class a {
|
|
|
37
37
|
};
|
|
38
38
|
this.pushAlert(t);
|
|
39
39
|
}, this.custom = (e, s) => {
|
|
40
|
-
const t = {
|
|
40
|
+
const t = {
|
|
41
|
+
...s,
|
|
42
|
+
message: e
|
|
43
|
+
};
|
|
41
44
|
this.pushAlert(t);
|
|
42
45
|
}, this.pushAlert = o;
|
|
43
46
|
}
|
|
44
47
|
default(o) {
|
|
45
|
-
const {
|
|
48
|
+
const {
|
|
49
|
+
message: e,
|
|
50
|
+
options: s
|
|
51
|
+
} = o;
|
|
46
52
|
switch (s.type) {
|
|
47
53
|
case "info":
|
|
48
54
|
this.info(e, s);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as s } from "../chunks/jsx-runtime.
|
|
1
|
+
import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
|
|
2
2
|
import { useState as i, Children as x, createElement as A } from "react";
|
|
3
|
-
import C from "lodash";
|
|
3
|
+
import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
|
|
4
4
|
import B from "./BaseAlert.js";
|
|
5
5
|
import j from "./AlertContainer.js";
|
|
6
6
|
import v from "./Message.js";
|
|
@@ -13,8 +13,12 @@ const D = (l) => {
|
|
|
13
13
|
rightTop: [],
|
|
14
14
|
centerTop: [],
|
|
15
15
|
centerBottom: []
|
|
16
|
-
}), [m, a] = i(!1), {
|
|
17
|
-
|
|
16
|
+
}), [m, a] = i(!1), {
|
|
17
|
+
children: p
|
|
18
|
+
} = l, c = (t, e) => {
|
|
19
|
+
o[e] = o[e].filter((r) => r.id !== t), n({
|
|
20
|
+
...o
|
|
21
|
+
});
|
|
18
22
|
}, d = (t) => {
|
|
19
23
|
const e = t;
|
|
20
24
|
e.position === void 0 && (e.position = "rightBottom"), e.id = (/* @__PURE__ */ new Date()).getTime(), o[e.position].push(e), n(o), a(!m);
|
|
@@ -28,7 +32,9 @@ const D = (l) => {
|
|
|
28
32
|
t.push(u);
|
|
29
33
|
} else
|
|
30
34
|
t.push(null);
|
|
31
|
-
}), /* @__PURE__ */ s.jsxs(T.Provider, { value: {
|
|
35
|
+
}), /* @__PURE__ */ s.jsxs(T.Provider, { value: {
|
|
36
|
+
...h
|
|
37
|
+
}, children: [
|
|
32
38
|
/* @__PURE__ */ s.jsx(B, { children: t }),
|
|
33
39
|
p
|
|
34
40
|
] });
|
package/lib/alerts/BaseAlert.js
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { useState as o, useEffect as l } from "react";
|
|
2
|
-
import
|
|
3
|
-
import '../assets/BaseAlert.css';const
|
|
2
|
+
import r from "react-dom";
|
|
3
|
+
import '../assets/BaseAlert.css';const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), d = ({
|
|
4
|
+
children: a
|
|
5
|
+
}) => {
|
|
4
6
|
const [e] = o(document.createElement("div"));
|
|
5
7
|
return e.className = "messagecontainer", l(() => {
|
|
6
|
-
if (
|
|
7
|
-
const
|
|
8
|
-
|
|
8
|
+
if (n === null) {
|
|
9
|
+
const t = document.createElement("div");
|
|
10
|
+
t.className = "alert-component", m.appendChild(t), t.appendChild(e);
|
|
9
11
|
} else
|
|
10
|
-
|
|
12
|
+
n.appendChild(e);
|
|
11
13
|
return () => {
|
|
12
|
-
|
|
14
|
+
n?.removeChild(e);
|
|
13
15
|
};
|
|
14
|
-
}, []),
|
|
16
|
+
}, []), r.createPortal(a, e);
|
|
15
17
|
};
|
|
16
18
|
export {
|
|
17
19
|
d as default
|
package/lib/alerts/Message.js
CHANGED
|
@@ -1,67 +1,94 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
1
|
+
import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
|
|
2
|
+
import { c as X } from "../chunks/compiler-runtime.Cu50tn6L.js";
|
|
3
|
+
import { useState as V, useRef as W, useEffect as Y } from "react";
|
|
4
|
+
import Z from "../icons/index.js";
|
|
5
|
+
import ee from "../progress/index.js";
|
|
6
|
+
const te = ({
|
|
7
|
+
customClass: t,
|
|
8
|
+
className: e
|
|
9
|
+
}) => `${e} ${t}`, se = (t, e, j) => t !== null ? t : e !== null ? /* @__PURE__ */ s.jsx(Z, { name: e, color: j !== "" ? j : "#fff", size: 32 }) : null, de = (t) => {
|
|
10
|
+
const e = X.c(47), {
|
|
11
|
+
handleClose: j,
|
|
12
|
+
message: k,
|
|
13
|
+
id: K,
|
|
14
|
+
color: S,
|
|
15
|
+
icon: q,
|
|
16
|
+
iconName: A,
|
|
17
|
+
timeout: D,
|
|
18
|
+
customClass: F,
|
|
19
|
+
closeButton: G,
|
|
20
|
+
className: J,
|
|
21
|
+
position: P,
|
|
22
|
+
pauseTimeoutOnMouseHover: Q
|
|
23
|
+
} = t, l = j === void 0 ? ne : j, i = K === void 0 ? 0 : K, b = S === void 0 ? "" : S, C = q === void 0 ? null : q, M = A === void 0 ? null : A, n = D === void 0 ? 3e3 : D, r = F === void 0 ? "" : F, w = G === void 0 ? !1 : G, H = J === void 0 ? "message" : J, c = P === void 0 ? "centerTop" : P, u = Q === void 0 ? !1 : Q, [o, O] = V(n - 300), [a, U] = V(!1), I = W(null), N = W(null);
|
|
24
|
+
let E;
|
|
25
|
+
e[0] !== u ? (E = () => {
|
|
26
|
+
u && (U(!0), O(oe));
|
|
27
|
+
}, e[0] = u, e[1] = E) : E = e[1];
|
|
28
|
+
const _ = E;
|
|
29
|
+
let R;
|
|
30
|
+
e[2] !== u ? (R = () => {
|
|
31
|
+
u && (U(!1), O(le));
|
|
32
|
+
}, e[2] = u, e[3] = R) : R = e[3];
|
|
33
|
+
const z = R;
|
|
34
|
+
let y;
|
|
35
|
+
e[4] !== r ? (y = () => r.replace("-", ""), e[4] = r, e[5] = y) : y = e[5];
|
|
36
|
+
const B = y;
|
|
37
|
+
let T;
|
|
38
|
+
e[6] !== l || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== o ? (T = () => (!a && o > 0 ? (I.current = setTimeout(() => {
|
|
39
|
+
l(i, c);
|
|
40
|
+
}, o), N.current = setInterval(() => o > 0 ? O(ie) : null, 100)) : (I.current && clearInterval(I.current), N.current && clearInterval(N.current)), () => {
|
|
41
|
+
I.current && clearInterval(I.current), N.current && clearInterval(N.current);
|
|
42
|
+
}), e[6] = l, e[7] = i, e[8] = a, e[9] = c, e[10] = o, e[11] = T) : T = e[11];
|
|
43
|
+
let L;
|
|
44
|
+
e[12] !== a ? (L = [a], e[12] = a, e[13] = L) : L = e[13], Y(T, L);
|
|
45
|
+
let f;
|
|
46
|
+
e[14] !== B || e[15] !== o || e[16] !== n ? (f = n > 0 && /* @__PURE__ */ s.jsx(ee, { min: 300, max: n, value: o, showLabel: !1, style: {
|
|
47
|
+
animation: "tinRightIn 1s forwards ease-in-out",
|
|
48
|
+
margin: "0px",
|
|
49
|
+
borderRadius: "0px",
|
|
50
|
+
backgroundColor: "rgb(234 234 234)"
|
|
51
|
+
}, height: "6px", type: B() }), e[14] = B, e[15] = o, e[16] = n, e[17] = f) : f = e[17];
|
|
52
|
+
let m;
|
|
53
|
+
e[18] !== H || e[19] !== r ? (m = te({
|
|
54
|
+
className: H,
|
|
55
|
+
customClass: r
|
|
56
|
+
}), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
|
|
57
|
+
let d;
|
|
58
|
+
e[21] !== b || e[22] !== C || e[23] !== M ? (d = (C || M || b) && se(C, M, b), e[21] = b, e[22] = C, e[23] = M, e[24] = d) : d = e[24];
|
|
59
|
+
let p;
|
|
60
|
+
e[25] !== d ? (p = /* @__PURE__ */ s.jsx("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
|
|
61
|
+
let v;
|
|
62
|
+
e[27] !== k ? (v = /* @__PURE__ */ s.jsx("div", { className: "-messagecontent", children: /* @__PURE__ */ s.jsx("p", { children: k }) }), e[27] = k, e[28] = v) : v = e[28];
|
|
63
|
+
let x;
|
|
64
|
+
e[29] !== w || e[30] !== l || e[31] !== i || e[32] !== c || e[33] !== n ? (x = w || n === 0 ? /* @__PURE__ */ s.jsx("span", { className: "close-button", role: "button", onKeyPress: re, tabIndex: -1, onClick: () => l !== void 0 ? l(i, c) : null, children: "x" }) : null, e[29] = w, e[30] = l, e[31] = i, e[32] = c, e[33] = n, e[34] = x) : x = e[34];
|
|
65
|
+
let h;
|
|
66
|
+
e[35] !== x ? (h = /* @__PURE__ */ s.jsx("div", { className: "close", children: x }), e[35] = x, e[36] = h) : h = e[36];
|
|
67
|
+
let g;
|
|
68
|
+
e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== h ? (g = /* @__PURE__ */ s.jsxs("div", { className: m, children: [
|
|
69
|
+
p,
|
|
70
|
+
v,
|
|
71
|
+
h
|
|
72
|
+
] }), e[37] = m, e[38] = p, e[39] = v, e[40] = h, e[41] = g) : g = e[41];
|
|
73
|
+
let $;
|
|
74
|
+
return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== g ? ($ = /* @__PURE__ */ s.jsxs("div", { onMouseEnter: _, onMouseLeave: z, children: [
|
|
75
|
+
f,
|
|
76
|
+
g
|
|
77
|
+
] }), e[42] = _, e[43] = z, e[44] = f, e[45] = g, e[46] = $) : $ = e[46], $;
|
|
64
78
|
};
|
|
79
|
+
function ne() {
|
|
80
|
+
}
|
|
81
|
+
function oe(t) {
|
|
82
|
+
return t >= 800 ? t + 600 : t + 500;
|
|
83
|
+
}
|
|
84
|
+
function le(t) {
|
|
85
|
+
return t >= 800 ? t - 600 : t - 500;
|
|
86
|
+
}
|
|
87
|
+
function ie(t) {
|
|
88
|
+
return t > 0 ? t - 100 : 0;
|
|
89
|
+
}
|
|
90
|
+
function re() {
|
|
91
|
+
}
|
|
65
92
|
export {
|
|
66
|
-
|
|
93
|
+
de as default
|
|
67
94
|
};
|
package/lib/alerts/withAlert.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import n from "
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
|
|
2
|
+
import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
|
|
3
|
+
import { useContext as n } from "react";
|
|
4
|
+
import l from "./helpers.js";
|
|
5
|
+
const p = (m) => (r) => {
|
|
6
|
+
const t = i.c(3), {
|
|
7
|
+
alert: o
|
|
8
|
+
} = n(l);
|
|
9
|
+
let e;
|
|
10
|
+
return t[0] !== o || t[1] !== r ? (e = /* @__PURE__ */ s.jsx(m, { ...r, alert: o }), t[0] = o, t[1] = r, t[2] = e) : e = t[2], e;
|
|
7
11
|
};
|
|
8
12
|
export {
|
|
9
13
|
p as default
|
package/lib/assets/BaseAlert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.transparentclass{opacity:.3!important;background-color:#e0cabb}.alert-component{position:fixed;z-index:9999999}.alert-component>.messagecontainer{height:100%}.alert-component>.messagecontainer>.lefttop,.alert-component>.messagecontainer>.leftbottom,.alert-component>.messagecontainer>.rightbottom,.alert-component>.messagecontainer .righttop,.alert-component>.messagecontainer .centertop,.alert-component>.messagecontainer .centerbottom{position:fixed;width:auto;min-width:20%;max-width:25%}.alert-component>.messagecontainer>.lefttop{left:0;top:0}.alert-component>.messagecontainer>.leftbottom{left:0;bottom:0}.alert-component>.messagecontainer>.centertop{top:0;right:auto;bottom:auto;left:50%;transform:translate(-50%)}.alert-component>.messagecontainer>.centerbottom{top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%)}.alert-component>.messagecontainer>.righttop{top:0;right:0;bottom:auto;left:auto}.alert-component>.messagecontainer>.danger{background-color:#e74c3c;color:#fff}.alert-component>.messagecontainer>.danger:hover,.alert-component>.messagecontainer>.danger:focus{background-color:#dd2d1b}.alert-component>.messagecontainer>.rightbottom{right:0;bottom:0}.alert-component .message{display:flex;flex-wrap:wrap;width:100%;height:100%;min-height:80px;background:#fff;box-shadow:2px 4px 10px #0000001a;-webkit-box-shadow:10px 2px 28px 1px rgba(0,0,0,.623);-moz-box-shadow:10px 2px 28px 1px rgba(0,0,0,.623);box-shadow:10px 2px 28px 1px #0000009f;margin-bottom:2px;animation:tinRightIn 1s forwards ease-in-out;animation:1s ease-out 0s 1 tinUpIn}.alert-component .message>.-icon{background:#455870;display:flex;flex:3;justify-content:center;align-items:center;color:#fff;margin:0 0 0 -1px}.alert-component .message>.-messagecontent{flex:10;padding-left:1.5rem;margin:0;display:flex;align-items:center;padding:10px 10px 10px 15px;font-family:Roboto;font-weight:400;font-size:16px;color:#333;line-height:22px}.alert-component .message>.close{color:#455870;display:flex;flex:1;justify-content:center;font-size:1.2em;transition:color .4s ease;font-family:Roboto}.alert-component .message>.close>.close-button{cursor:pointer;margin-top:5px;margin-right:3px;pointer-events:all}.alert-component .message.-warning{color:#f39c12}.alert-component .message.-warning:hover,.alert-component .message.-warning:focus{border-color:#e08e0b}.alert-component .message.-warning .-icon{background:#f39c12}.alert-component .message.-danger{font-weight:600!important;color:#e74c3c}.alert-component .message.-danger:hover,.alert-component .message.-danger:focus{border-color:#dd2d1b}.alert-component .message.-danger .-icon{background:#e74c3c}.alert-component .message.-success{color:#49cc90}.alert-component .message.-success:hover,.alert-component .message.-success:focus{border-color:#29b765}.alert-component .message.-success .-icon{background:#49cc90}.alert-component .message.-info{color:#24cabc}.alert-component .message.-info:hover,.alert-component .message.-info:focus{border-color:#20b4a8}.alert-component .message.-info .-icon{background:#24cabc}
|
|
1
|
+
@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.transparentclass{opacity:.3!important;background-color:#e0cabb}.alert-component{position:fixed;z-index:9999999}.alert-component>.messagecontainer{height:100%}.alert-component>.messagecontainer>.lefttop,.alert-component>.messagecontainer>.leftbottom,.alert-component>.messagecontainer>.rightbottom,.alert-component>.messagecontainer .righttop,.alert-component>.messagecontainer .centertop,.alert-component>.messagecontainer .centerbottom{position:fixed;width:auto;min-width:20%;max-width:25%}.alert-component>.messagecontainer>.lefttop{left:0;top:0}.alert-component>.messagecontainer>.leftbottom{left:0;bottom:0}.alert-component>.messagecontainer>.centertop{inset:0 auto auto 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.centerbottom{inset:auto auto 0 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.righttop{inset:0 0 auto auto}.alert-component>.messagecontainer>.danger{background-color:#e74c3c;color:#fff}.alert-component>.messagecontainer>.danger:hover,.alert-component>.messagecontainer>.danger:focus{background-color:#dd2d1b}.alert-component>.messagecontainer>.rightbottom{right:0;bottom:0}.alert-component .message{display:flex;flex-wrap:wrap;width:100%;height:100%;min-height:80px;background:#fff;box-shadow:2px 4px 10px #0000001a;-webkit-box-shadow:10px 2px 28px 1px rgba(0,0,0,.623);-moz-box-shadow:10px 2px 28px 1px rgba(0,0,0,.623);box-shadow:10px 2px 28px 1px #0000009f;margin-bottom:2px;animation:tinRightIn 1s forwards ease-in-out;animation:1s ease-out 0s 1 tinUpIn}.alert-component .message>.-icon{background:#455870;display:flex;flex:3;justify-content:center;align-items:center;color:#fff;margin:0 0 0 -1px}.alert-component .message>.-messagecontent{flex:10;padding-left:1.5rem;margin:0;display:flex;align-items:center;padding:10px 10px 10px 15px;font-family:Roboto;font-weight:400;font-size:16px;color:#333;line-height:22px}.alert-component .message>.close{color:#455870;display:flex;flex:1;justify-content:center;font-size:1.2em;transition:color .4s ease;font-family:Roboto}.alert-component .message>.close>.close-button{cursor:pointer;margin-top:5px;margin-right:3px;pointer-events:all}.alert-component .message.-warning{color:#f39c12}.alert-component .message.-warning:hover,.alert-component .message.-warning:focus{border-color:#e08e0b}.alert-component .message.-warning .-icon{background:#f39c12}.alert-component .message.-danger{font-weight:600!important;color:#e74c3c}.alert-component .message.-danger:hover,.alert-component .message.-danger:focus{border-color:#dd2d1b}.alert-component .message.-danger .-icon{background:#e74c3c}.alert-component .message.-success{color:#49cc90}.alert-component .message.-success:hover,.alert-component .message.-success:focus{border-color:#29b765}.alert-component .message.-success .-icon{background:#49cc90}.alert-component .message.-info{color:#24cabc}.alert-component .message.-info:hover,.alert-component .message.-info:focus{border-color:#20b4a8}.alert-component .message.-info .-icon{background:#24cabc}
|
package/lib/assets/Content.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.modalcontainer .dialog-alert-wrapper>.footer,.modalcontainer .dialog-alert-wrapper,.modalcontainer>.dialog>.dialog-form-wrapper{transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.modalcontainer{font-family:Roboto,sans-serif;line-height:22px;font-size:14px;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.modalcontainer>.dialog{display:contents}.modalcontainer>.dialog>.dialog-form-wrapper{width:100%;height:auto;display:flex;flex-direction:column;background:#fff;padding:2px;border-radius:6px;animation:.3s ease-out 0s 1 slideInFromTop}.modalcontainer>.dialog>.dialog-form-wrapper>.dialog-content{height:100%;text-align:left;background-color:#fff;padding:15px;overflow:auto;display:grid}.modalcontainer>.dialog>.dialog-form-wrapper>.dialog-form-content{margin:0 auto;padding:0 2em;max-width:100%;line-height:1.6em}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header{display:flex;align-items:center;background:#fff;color:#252424;font-size:20px;font-weight:600;height:47px;line-height:25px;padding-left:10px;padding-right:10px;padding-top:3px;cursor:grab}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header:active{cursor:grabbing}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.left>.icon-component{margin-right:10px}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.right{width:100%;margin-left:2px;display:flex;justify-content:space-between;align-items:center}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.right .modal-title{color:#333;font-weight:400}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button{all:unset;line-height:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:#fff;color:#777;border-radius:999999px;cursor:pointer!important}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button>svg{fill:#777;pointer-events:fill;transition:.2s fill}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button:hover{background-color:#f2f2f2}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button:focus{-webkit-box-shadow:inset 0 0 0 1px #cccccc,1px 1px 1px rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px #ccc,1px 1px 1px #0003}.modalcontainer>.dialog>.dialog-form-wrapper .footer{bottom:0;background:#fff;padding:10px 0 8px 8px;border-top:1px solid #e6dbdb}.modalcontainer>.dialog>.dialog-form-wrapper>.waitingspinner{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px}.modalcontainer .dialog-alert-wrapper{height:200px;display:grid;grid-template-columns:80px auto;background-color:#fff;position:relative;color:#333;box-sizing:border-box;font-family:Roboto,sans-serif;-webkit-tap-highlight-color:#333333;border-radius:6px;padding:15px;animation:1s ease-out 0s 1 tinUpIn}.modalcontainer .dialog-alert-wrapper>.footer{position:absolute;bottom:0;background:#fff;height:61px;line-height:38px;width:100%;top:97%;padding:12px;border-top:solid 1px #e9e9e9;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.modalcontainer .dialog-alert-wrapper>.icon{background:#fff;display:flex;align-items:flex-start;justify-content:center;margin:10px 10px 0}.modalcontainer .dialog-alert-wrapper .container{display:flex;flex-flow:column;justify-content:space-around;background:#fff;padding:0}.modalcontainer .dialog-alert-wrapper .container>.title{flex:0 0 20px;flex-grow:1;display:flex;align-items:center;justify-content:stretch;padding-left:10px;font-size:21px;font-weight:600;color:#313131;margin-top:15px}.modalcontainer .dialog-alert-wrapper .container>.text{background:#fff;flex:0 0 auto;overflow:auto;flex-grow:2;padding:10px 20px 10px 10px;color:#828181;font-size:16px;height:auto;line-height:25px}.modal-overlay{background-color:#235a94;opacity:.3;position:fixed;z-index:-1;height:100%;width:100%;top:0;left:0}
|
|
1
|
+
.modalcontainer .dialog-alert-wrapper>.footer,.modalcontainer .dialog-alert-wrapper,.modalcontainer>.dialog>.dialog-form-wrapper{transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.modalcontainer{font-family:Roboto,sans-serif;line-height:22px;font-size:14px;position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.modalcontainer>.dialog{display:contents}.modalcontainer>.dialog>.dialog-form-wrapper{width:100%;height:auto;display:flex;flex-direction:column;background:#fff;padding:2px;border-radius:6px;animation:.3s ease-out 0s 1 slideInFromTop}.modalcontainer>.dialog>.dialog-form-wrapper>.dialog-content{height:100%;text-align:left;background-color:#fff;padding:15px;overflow:auto;display:grid}.modalcontainer>.dialog>.dialog-form-wrapper>.dialog-form-content{margin:0 auto;padding:0 2em;max-width:100%;line-height:1.6em}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header{display:flex;align-items:center;background:#fff;color:#252424;font-size:20px;font-weight:600;height:47px;line-height:25px;padding-left:10px;padding-right:10px;padding-top:3px;cursor:grab}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header:active{cursor:grabbing}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.left>.icon-component{margin-right:10px}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.right{width:100%;margin-left:2px;display:flex;justify-content:space-between;align-items:center}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header>.right .modal-title{color:#333;font-weight:400}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button{all:unset;line-height:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:#fff;color:#777;border-radius:999999px;cursor:pointer!important}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button>svg{fill:#777;pointer-events:fill;transition:.2s fill}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button:hover{background-color:#f2f2f2}.modalcontainer>.dialog>.dialog-form-wrapper .dialog-header .close-button:focus{-webkit-box-shadow:inset 0 0 0 1px #cccccc,1px 1px 1px rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px #ccc,1px 1px 1px #0003}.modalcontainer>.dialog>.dialog-form-wrapper .footer{bottom:0;background:#fff;padding:10px 0 8px 8px;border-top:1px solid #e6dbdb}.modalcontainer>.dialog>.dialog-form-wrapper>.waitingspinner{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px}.modalcontainer .dialog-alert-wrapper{height:200px;display:grid;grid-template-columns:80px auto;background-color:#fff;position:relative;color:#333;box-sizing:border-box;font-family:Roboto,sans-serif;-webkit-tap-highlight-color:#333333;border-radius:6px;padding:15px;animation:1s ease-out 0s 1 tinUpIn}.modalcontainer .dialog-alert-wrapper>.footer{position:absolute;bottom:0;background:#fff;height:61px;line-height:38px;width:100%;top:97%;padding:12px;border-top:solid 1px #e9e9e9;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.modalcontainer .dialog-alert-wrapper>.icon{background:#fff;display:flex;align-items:flex-start;justify-content:center;margin:10px 10px 0}.modalcontainer .dialog-alert-wrapper .container{display:flex;flex-flow:column;justify-content:space-around;background:#fff;padding:0}.modalcontainer .dialog-alert-wrapper .container>.title{flex:0 0 20px;flex-grow:1;display:flex;align-items:center;justify-content:stretch;padding-left:10px;font-size:21px;font-weight:600;color:#313131;margin-top:15px}.modalcontainer .dialog-alert-wrapper .container>.text{background:#fff;flex:0 0 auto;overflow:auto;flex-grow:2;padding:10px 20px 10px 10px;color:#828181;font-size:16px;height:auto;line-height:25px}.modal-overlay{background-color:#235a94;opacity:.3;position:fixed;z-index:-1;height:100%;width:100%;top:0;left:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.-skeletonized{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.-white.-skeletonized{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}::-webkit-file-upload-button{display:none}.button-component.-transparentWithoutShadow{border:none;box-shadow:none;background-color:transparent}.input-dragdrop-container{width:100%;height:100%}.input-dragdrop-container>.drag-content{height:100%;width:100%;max-width:100%;text-align:center}.input-dragdrop-container>.drag-content>.drag-position-element{position:absolute;width:100%;height:100%;border-radius:1rem;top:0;right:0;bottom:0;left:0}.input-dragdrop-container>.drag-content>.content{padding:2rem 1rem;box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:150px;display:flex;margin:0;align-items:center;justify-content:center;border-width:2px;border-radius:1rem;border-style:dashed;border-color:#cbd5e1;background-color:#f8fafc}.input-dragdrop-container>.drag-content>.content.disapprovedFile{background-color:#eec8c4;border-color:#bd2717;cursor:no-drop}.input-dragdrop-container>.drag-content>.content.approvedFile{background-color:#d1f0d7;border-color:#4bb462}.input-dragdrop-container>.drag-content>.content>img{width:50%;object-fit:cover;height:150px}.input-dragdrop-container>.drag-content>.content>label{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-dragdrop-container>.drag-content>.content>label>.title{font-weight:700;font-size:24px;color:#4f4e4e}.input-dragdrop-container>.drag-content>.content>label>.subtitle{font-size:14px!important;color:#777;padding-bottom:10px}.input-dragdrop-container>.drag-content>.content>.file-list{display:flex;flex:1;gap:20px;overflow:auto;width:100%;position:relative;padding:0 0 10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card{width:150px;position:relative;border-radius:10px;background-color:#dadada;box-shadow:#0000003d 0 3px 8px;padding:10px;height:125px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card:hover .delete-button{opacity:1;pointer-events:all}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.delete-button{position:absolute;padding:0;right:0;opacity:0;pointer-events:none;top:8px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.delete-button svg{fill:#e74c3c;background-color:#fff;border-radius:10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.image-content img{width:130px;object-fit:cover;height:80px;max-height:75px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.description-file{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.description-file>.subtitle{font-size:14px!important;color:#777;padding-bottom:10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card .color-icon-upload{border-radius:10px}.input-dragdrop-container>.drag-content>.content>.image-preview-solo img{width:100%;object-fit:contain;height:150px;padding:10px}.input-dragdrop-container>.drag-content>.content>.footer-button-action{gap:15px;display:flex;padding-top:10px}.input-dragdrop-container>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:3px}.input-dragdrop-container>.-skeletonized{height:180px!important}.input-simple-file-container .-disabledVisualApply{background:#fff5e5!important}.input-simple-file-container .-disabledVisualApply>.size-position-icon>.button-component{width:25px;height:25px;padding-top:7px;padding-bottom:7px;text-align:-webkit-center;pointer-events:all}.input-simple-file-container .-disabled-popover>button{pointer-events:none!important;opacity:.5}.input-simple-file-container>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:3px}.popovercontainer{width:178px}.popovercontainer>p>.list-simple-file{width:100%;overflow:hidden;white-space:nowrap;background-color:#a5a3a3;border-radius:5px;padding:5px;margin-bottom:10px}.popovercontainer>p>.list-simple-file>.file-name{overflow:hidden;text-overflow:ellipsis}.popovercontainer>p>.list-simple-file>.file-name>span{font-size:12px}.-skeletonized{color:transparent!important;text-shadow:none;box-shadow:none;border-color:transparent!important;transition:none}
|
|
1
|
+
@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.-skeletonized{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.-white.-skeletonized{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}::-webkit-file-upload-button{display:none}.button-component.-transparentWithoutShadow{border:none;box-shadow:none;background-color:transparent}.input-dragdrop-container{width:100%;height:100%}.input-dragdrop-container>.drag-content{height:100%;width:100%;max-width:100%;text-align:center}.input-dragdrop-container>.drag-content>.drag-position-element{position:absolute;width:100%;height:100%;border-radius:1rem;inset:0}.input-dragdrop-container>.drag-content>.content{padding:2rem 1rem;box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:150px;display:flex;margin:0;align-items:center;justify-content:center;border-width:2px;border-radius:1rem;border-style:dashed;border-color:#cbd5e1;background-color:#f8fafc}.input-dragdrop-container>.drag-content>.content.disapprovedFile{background-color:#eec8c4;border-color:#bd2717;cursor:no-drop}.input-dragdrop-container>.drag-content>.content.approvedFile{background-color:#d1f0d7;border-color:#4bb462}.input-dragdrop-container>.drag-content>.content>img{width:50%;object-fit:cover;height:150px}.input-dragdrop-container>.drag-content>.content>label{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-dragdrop-container>.drag-content>.content>label>.title{font-weight:700;font-size:24px;color:#4f4e4e}.input-dragdrop-container>.drag-content>.content>label>.subtitle{font-size:14px!important;color:#777;padding-bottom:10px}.input-dragdrop-container>.drag-content>.content>.file-list{display:flex;flex:1;gap:20px;overflow:auto;width:100%;position:relative;padding:0 0 10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card{width:150px;position:relative;border-radius:10px;background-color:#dadada;box-shadow:#0000003d 0 3px 8px;padding:10px;height:125px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card:hover .delete-button{opacity:1;pointer-events:all}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.delete-button{position:absolute;padding:0;right:0;opacity:0;pointer-events:none;top:8px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.delete-button svg{fill:#e74c3c;background-color:#fff;border-radius:10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.image-content img{width:130px;object-fit:cover;height:80px;max-height:75px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.description-file{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card>.description-file>.subtitle{font-size:14px!important;color:#777;padding-bottom:10px}.input-dragdrop-container>.drag-content>.content>.file-list>.file-card .color-icon-upload{border-radius:10px}.input-dragdrop-container>.drag-content>.content>.image-preview-solo img{width:100%;object-fit:contain;height:150px;padding:10px}.input-dragdrop-container>.drag-content>.content>.footer-button-action{gap:15px;display:flex;padding-top:10px}.input-dragdrop-container>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:3px}.input-dragdrop-container>.-skeletonized{height:180px!important}.input-simple-file-container .-disabledVisualApply{background:#fff5e5!important}.input-simple-file-container .-disabledVisualApply>.size-position-icon>.button-component{width:25px;height:25px;padding-top:7px;padding-bottom:7px;text-align:-webkit-center;pointer-events:all}.input-simple-file-container .-disabled-popover>button{pointer-events:none!important;opacity:.5}.input-simple-file-container>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:3px}.popovercontainer{width:178px}.popovercontainer>p>.list-simple-file{width:100%;overflow:hidden;white-space:nowrap;background-color:#a5a3a3;border-radius:5px;padding:5px;margin-bottom:10px}.popovercontainer>p>.list-simple-file>.file-name{overflow:hidden;text-overflow:ellipsis}.popovercontainer>p>.list-simple-file>.file-name>span{font-size:12px}.-skeletonized{color:transparent!important;text-shadow:none;box-shadow:none;border-color:transparent!important;transition:none}
|
package/lib/assets/Drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.drawer-component .drawercontent.-skeletonized>.drawerheader .drawer-subtitle,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.drawer-title,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.icon-header{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.drawer-component .drawercontent.-skeletonized>.drawerheader .-white.drawer-subtitle,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.-white.drawer-title,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.-white.icon-header{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.drawer-component{position:fixed;z-index:9998;overflow:auto}.drawer-component .drawercontainer{font-family:Roboto,sans-serif;line-height:22px;font-size:14px;height:100%;padding:10px;margin-top:-8px}.drawer-component .drawercontainer>.left,.drawer-component .drawercontainer>.bottom,.drawer-component .drawercontainer>.right,.drawer-component .drawercontainer .top{position:fixed;width:370px;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.drawer-component .drawercontainer>.top{left:0;top:0;width:100%;background:#fff;animation:1s ease-out 0s 1 slideInFromTop}.drawer-component .drawercontainer>.left{left:0;bottom:0;width:300px;height:100%;background:#fff;animation:1s ease-out 0s 1 slideLeftReturn}.drawer-component .drawercontainer>.right{top:0;right:0;bottom:auto;left:auto;width:300px;height:100%;background:#fff;animation:1s ease-out 0s 1 slideRightReturn}.drawer-component .drawercontainer>.bottom{right:0;bottom:0;width:100%;background:#fff;animation:1s ease-out 0s 1 slideDownReturn}.drawer-component .drawercontent{height:100%;width:100%;padding:5px 15px 20px;display:flex;flex-direction:column}.drawer-component .drawercontent>.drawerheader{background:#fff;color:#252424;font-size:20px;font-weight:600;margin:10px 0;display:flex;width:100%}.drawer-component .drawercontent>.drawerheader .left{flex:1;margin-right:10px}.drawer-component .drawercontent>.drawerheader .left>.title-subtitle{display:flex;width:100%}.drawer-component .drawercontent>.drawerheader .left>.title-subtitle .drawer-title{font-weight:600;margin:3px 0 5px;display:inline-block}.drawer-component .drawercontent>.drawerheader .left .icon-header{margin-right:5px;float:left}.drawer-component .drawercontent>.drawerheader .left>.drawer-subtitle{font-weight:500;display:initial;max-width:100%;overflow-wrap:break-word;font-size:14px}.drawer-component .drawercontent>.drawerheader .right{margin-left:2px;display:flex;align-items:center}.drawer-component .drawercontent>.drawerheader .right.modal-title{color:#4e4c4c;font-weight:600}.drawer-component .drawercontent>.drawerheader .closebutton{cursor:pointer}.drawer-component .drawercontent>.drawerheader .closebutton>svg{fill:#252424;pointer-events:fill;transition:.2s fill}.drawer-component .drawercontent>.drawerheader .closebutton>svg:hover{fill:#0000002a}.drawer-component .drawercontent>.drawerbody{height:100%;overflow:auto;width:100%;padding-bottom:80px}.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.drawer-title>svg,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.icon-header>svg{fill:transparent}.drawer-component .drawercontent>.waitingspinner{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px}.drawer-overlay{background-color:#235a94;opacity:.3;position:fixed;height:100%;width:100%;top:0;left:0;z-index:9997}
|
|
1
|
+
.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.drawer-component .drawercontent.-skeletonized>.drawerheader .drawer-subtitle,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.drawer-title,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.icon-header{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.drawer-component .drawercontent.-skeletonized>.drawerheader .-white.drawer-subtitle,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.-white.drawer-title,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.-white.icon-header{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.drawer-component{position:fixed;z-index:9998;overflow:auto}.drawer-component .drawercontainer{font-family:Roboto,sans-serif;line-height:22px;font-size:14px;height:100%;padding:10px;margin-top:-8px}.drawer-component .drawercontainer>.left,.drawer-component .drawercontainer>.bottom,.drawer-component .drawercontainer>.right,.drawer-component .drawercontainer .top{position:fixed;width:370px;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.drawer-component .drawercontainer>.top{left:0;top:0;width:100%;background:#fff;animation:1s ease-out 0s 1 slideInFromTop}.drawer-component .drawercontainer>.left{left:0;bottom:0;width:300px;height:100%;background:#fff;animation:1s ease-out 0s 1 slideLeftReturn}.drawer-component .drawercontainer>.right{inset:0 0 auto auto;width:300px;height:100%;background:#fff;animation:1s ease-out 0s 1 slideRightReturn}.drawer-component .drawercontainer>.bottom{right:0;bottom:0;width:100%;background:#fff;animation:1s ease-out 0s 1 slideDownReturn}.drawer-component .drawercontent{height:100%;width:100%;padding:5px 15px 20px;display:flex;flex-direction:column}.drawer-component .drawercontent>.drawerheader{background:#fff;color:#252424;font-size:20px;font-weight:600;margin:10px 0;display:flex;width:100%}.drawer-component .drawercontent>.drawerheader .left{flex:1;margin-right:10px}.drawer-component .drawercontent>.drawerheader .left>.title-subtitle{display:flex;width:100%}.drawer-component .drawercontent>.drawerheader .left>.title-subtitle .drawer-title{font-weight:600;margin:3px 0 5px;display:inline-block}.drawer-component .drawercontent>.drawerheader .left .icon-header{margin-right:5px;float:left}.drawer-component .drawercontent>.drawerheader .left>.drawer-subtitle{font-weight:500;display:initial;max-width:100%;overflow-wrap:break-word;font-size:14px}.drawer-component .drawercontent>.drawerheader .right{margin-left:2px;display:flex;align-items:center}.drawer-component .drawercontent>.drawerheader .right.modal-title{color:#4e4c4c;font-weight:600}.drawer-component .drawercontent>.drawerheader .closebutton{cursor:pointer}.drawer-component .drawercontent>.drawerheader .closebutton>svg{fill:#252424;pointer-events:fill;transition:.2s fill}.drawer-component .drawercontent>.drawerheader .closebutton>svg:hover{fill:#0000002a}.drawer-component .drawercontent>.drawerbody{height:100%;overflow:auto;width:100%;padding-bottom:80px}.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.drawer-title>svg,.drawer-component .drawercontent.-skeletonized>.drawerheader .title-subtitle>.icon-header>svg{fill:transparent}.drawer-component .drawercontent>.waitingspinner{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px}.drawer-overlay{background-color:#235a94;opacity:.3;position:fixed;height:100%;width:100%;top:0;left:0;z-index:9997}
|
package/lib/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.calendar-component{width:auto;height:100%;min-height:20rem;font-size:12px;display:flex;flex-direction:column;border-radius:5px;border:1px solid #dae1e8}.calendar-component>.calendarheader,.calendar-component>.daynames{width:auto;height:1.85rem;display:grid;align-items:center;background-color:#f0f0f0;grid-template-columns:20px 1fr 30px}.calendar-component>.calendarheader{width:auto;height:32px;padding-top:4px;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px}.calendar-component>.calendarheader>.navbutton{width:2rem;height:2rem;padding:0;margin:0 2px;display:flex;align-items:center;justify-content:center;background-color:transparent;font-weight:700;border:none
|
|
1
|
+
.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.calendar-component{width:auto;height:100%;min-height:20rem;font-size:12px;display:flex;flex-direction:column;border-radius:5px;border:1px solid #dae1e8}.calendar-component>.calendarheader,.calendar-component>.daynames{width:auto;height:1.85rem;display:grid;align-items:center;background-color:#f0f0f0;grid-template-columns:20px 1fr 30px}.calendar-component>.calendarheader{width:auto;height:32px;padding-top:4px;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px}.calendar-component>.calendarheader>.navbutton{width:2rem;height:2rem;padding:0;margin:0 2px;display:flex;align-items:center;justify-content:center;background-color:transparent;font-weight:700;border:none}.calendar-component>.calendarheader>.navbutton svg{margin:0}.calendar-component>.calendarheader>.navbutton:hover{background-color:#dae1e8}.calendar-component>.calendarheader>.navbutton:focus{-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid #cccccc;background-color:#dae1e8}.calendar-component>.calendarheader>.navbutton{transition:none}.calendar-component>.calendarheader>.monthname{font-weight:700;vertical-align:middle;text-align:center;line-height:30px;font-size:14px}.calendar-component>.daynames{padding-top:4px;border-bottom:1px solid #dae1e8;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-component>.calendarmonth{width:100%;height:100%;flex:1;display:grid;grid-template-rows:repeat(6,1fr);padding:2px;background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.calendar-component>.calendarmonth>.monthweek{text-align:center;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-component .calendarmonth>.monthweek>.monthday{height:auto;width:auto;text-align:center;border-right:0;border-bottom:0;transition:all .2s ease-in-out}.calendar-component .calendarmonth>.monthweek>.monthday>.daybutton{height:100%;width:100%;padding:0;font-size:13px;border:none;background-color:transparent}.calendar-component .calendarmonth>.monthweek>.monthday>.daybutton.-nowday{font-weight:700}.calendar-component .calendarmonth>.monthweek>.monthday>.daybutton.-outmonth{color:#777}.calendar-component .calendarmonth>.monthweek>.monthday>.daybutton:focus{-webkit-box-shadow:none!important;box-shadow:none!important;border:2px solid #cccccc}.calendar-component .calendarmonth>.monthweek>.monthday>.daybutton{transition:none}.calendar-component .calendarmonth>.monthweek>.monthday:hover{background-color:#dae1e8;border-radius:4px}.calendar-component .calendarmonth>.monthweek>.monthday.-selectedday{background-color:#6c757d;border-radius:4px}.calendar-component .calendarmonth>.monthweek>.monthday.-selectedday>.daybutton{color:#fff}.calendar-component.-success>.calendarheader,.calendar-component.-success>.daynames,.calendar-component.-primary>.calendarheader,.calendar-component.-primary>.daynames,.calendar-component.-info>.calendarheader,.calendar-component.-info>.daynames,.calendar-component.-warning>.calendarheader,.calendar-component.-warning>.daynames,.calendar-component.-danger>.calendarheader,.calendar-component.-danger>.daynames{color:#fff}.calendar-component.-success{border:none}.calendar-component.-success>.calendarheader,.calendar-component.-success>.daynames{background-color:#49cc90}.calendar-component.-primary{border:none}.calendar-component.-primary>.calendarheader,.calendar-component.-primary>.daynames{background-color:#3498db}.calendar-component.-info{border:none}.calendar-component.-info>.calendarheader,.calendar-component.-info>.daynames{background-color:#24cabc}.calendar-component.-warning{border:none}.calendar-component.-warning>.calendarheader,.calendar-component.-warning>.daynames{background-color:#f39c12}.calendar-component.-danger{border:none}.calendar-component.-danger>.calendarheader,.calendar-component.-danger>.daynames{background-color:#e74c3c}.calendar-component.-draw-grid-lines>.calendarmonth>.monthweek{border-bottom:1px solid #dae1e8}.calendar-component.-draw-grid-lines>.calendarmonth>.monthweek:first-child{border-top:1px solid #dae1e8}.calendar-component.-draw-grid-lines>.calendarmonth>.monthweek>.monthday{border-left:1px solid #dae1e8}.calendar-component.-draw-grid-lines>.calendarmonth>.monthweek>.monthday:last-child{border-right:1px solid #dae1e8}.calendar-component.-unpadding>.calendarmonth,.calendar-component.-unpadding>.daynames{padding:0}.calendar-component.-unpadding>.calendarmonth>.monthweek:first-child{border-top:0px}.calendar-component.-unpadding>.calendarmonth>.monthweek:last-child{border-bottom:0px}.calendar-component.-unpadding>.calendarmonth>.monthweek>.monthday:last-child{border-right:0px}.calendar-component.-unpadding>.calendarmonth>.monthweek>.monthday:first-child{border-left:0}
|
package/lib/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip-component{font-family:Roboto,sans-serif;position:absolute;padding:8px;background:#000000d9;border-radius:5px;color:#fff;box-shadow:2px 2px 3px #0000004d;text-align:center;font-size:13px;z-index:999999;pointer-events:none;max-width:300px;word-break:break-word}.tooltip-component.left:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.85)}.tooltip-component.right:after{content:" ";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgba(0,0,0,.85) transparent transparent}.tooltip-component.top:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.tooltip-component.bottom:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.85) transparent}.tooltip-component.tooltip-error{background:#dd2d1b;color:#fff;z-index:99999}.tooltip-component.tooltip-error:before{content:"";position:absolute;
|
|
1
|
+
.tooltip-component{font-family:Roboto,sans-serif;position:absolute;padding:8px;background:#000000d9;border-radius:5px;color:#fff;box-shadow:2px 2px 3px #0000004d;text-align:center;font-size:13px;z-index:999999;pointer-events:none;max-width:300px;word-break:break-word}.tooltip-component.left:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.85)}.tooltip-component.right:after{content:" ";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgba(0,0,0,.85) transparent transparent}.tooltip-component.top:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.tooltip-component.bottom:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.85) transparent}.tooltip-component.tooltip-error{background:#dd2d1b;color:#fff;z-index:99999}.tooltip-component.tooltip-error:before{content:"";position:absolute;inset:0;height:100%;width:100%;background:inherit;border-radius:inherit;z-index:-1;opacity:.7;animation:tooltip-component 2s ease-out infinite}@keyframes tooltip-component{to{transform:scale(1.05,1.25);opacity:0}}.tooltip-component.tooltip-error.left:after{border-left-color:#dd2d1b}.tooltip-component.tooltip-error.right:after{border-right-color:#dd2d1b}.tooltip-component.tooltip-error.top:after{border-top-color:#dd2d1b}.tooltip-component.tooltip-error.bottom:after{border-bottom-color:#dd2d1b}
|