linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.9

package/lib/@types/Align.d.ts

@@ -0,0 +1,2 @@
+export type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
+export type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;

package/lib/@types/ButtonTypes.d.ts

@@ -0,0 +1 @@
+export type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';

package/lib/@types/ColorStyles.d.ts

@@ -0,0 +1 @@
+export type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';

package/lib/@types/DataCombo.d.ts

@@ -0,0 +1 @@
+export type DataCombo = any;

package/lib/@types/Icon.d.ts

@@ -0,0 +1,2 @@
+import { default as iconsList } from '../icons/helper';
+export type IconNames = keyof typeof iconsList;

package/lib/@types/LabelStyles.d.ts

@@ -0,0 +1 @@
+export type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';

package/lib/@types/Period.d.ts

@@ -0,0 +1,4 @@
+export type Period = {
+    initial?: string;
+    final?: string;
+};

package/lib/@types/PermissionAttr.d.ts

@@ -0,0 +1,12 @@
+export type PermissionAttr = {
+    module?: string;
+    feature?: string;
+    operation?: string;
+    onDenied?: string;
+};
+export type OnDenied = {
+    disabled?: boolean;
+    unvisible?: boolean;
+    readOnly?: boolean;
+    hideContent?: boolean;
+};

package/lib/@types/PointerEvents.d.ts

@@ -0,0 +1 @@
+export type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';

package/lib/@types/Position.d.ts

@@ -0,0 +1 @@
+export type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';

package/lib/@types/PositionAlert.d.ts

@@ -0,0 +1 @@
+export type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';

package/lib/@types/Size.d.ts

@@ -0,0 +1 @@
+export type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';

package/lib/@types/SizePixels.d.ts

@@ -0,0 +1 @@
+export type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;

package/lib/@types/StorageMock.d.ts

@@ -0,0 +1,3 @@
+export interface ISessionStorageMock {
+    [key: string]: string;
+}

package/lib/alerts/AlertContainer.d.ts

@@ -0,0 +1,12 @@
+import { IMessageProps, DefaultMessageConfigType } from './types';
+declare class AlertContainer {
+    pushAlert: (params: IMessageProps) => void;
+    constructor(pushAlert: (params: IMessageProps) => void);
+    default(messageConfig: DefaultMessageConfigType): void;
+    info: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+}
+export default AlertContainer;

package/lib/alerts/AlertContainer.js

@@ -0,0 +1,70 @@
+class a {
+  constructor(o) {
+    this.info = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-info",
+        message: e,
+        iconName: "information",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.danger = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-danger",
+        message: e,
+        iconName: "power",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.warning = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-warning",
+        message: e,
+        iconName: "warning",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.success = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-success",
+        message: e,
+        iconName: "checkmark",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.custom = (e, s) => {
+      const t = {
+        ...s,
+        message: e
+      };
+      this.pushAlert(t);
+    }, this.pushAlert = o;
+  }
+  default(o) {
+    const {
+      message: e,
+      options: s
+    } = o;
+    switch (s.type) {
+      case "info":
+        this.info(e, s);
+        break;
+      case "warning":
+        this.warning(e, s);
+        break;
+      case "danger":
+        this.danger(e, s);
+        break;
+      default:
+        this.success(e, s);
+        break;
+    }
+  }
+}
+export {
+  a as default
+};

package/lib/alerts/AlertProvider.d.ts

@@ -0,0 +1,3 @@
+import { IAlertProviderProps } from './types';
+declare const AlertProvider: (props: IAlertProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default AlertProvider;

package/lib/alerts/AlertProvider.js

@@ -0,0 +1,46 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as i, Children as x, createElement as A } from "react";
+import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
+import B from "./BaseAlert.js";
+import j from "./AlertContainer.js";
+import v from "./Message.js";
+import T from "./helpers.js";
+const D = (l) => {
+  const [o, n] = i({
+    leftTop: [],
+    leftBottom: [],
+    rightBottom: [],
+    rightTop: [],
+    centerTop: [],
+    centerBottom: []
+  }), [m, a] = i(!1), {
+    children: p
+  } = l, c = (t, e) => {
+    o[e] = o[e].filter((r) => r.id !== t), n({
+      ...o
+    });
+  }, d = (t) => {
+    const e = t;
+    e.position === void 0 && (e.position = "rightBottom"), e.id = (/* @__PURE__ */ new Date()).getTime(), o[e.position].push(e), n(o), a(!m);
+  }, f = (t) => t.map((e) => /* @__PURE__ */ A(v, { ...e, handleClose: c, key: e.id })), h = {
+    alert: new j(d)
+  }, g = () => {
+    const t = [];
+    return C.forEach(o, (e, r) => {
+      if (e.length > 0) {
+        const u = /* @__PURE__ */ s.jsx("div", { className: r.toLowerCase(), children: f(e) }, r);
+        t.push(u);
+      } else
+        t.push(null);
+    }), /* @__PURE__ */ s.jsxs(T.Provider, { value: {
+      ...h
+    }, children: [
+      /* @__PURE__ */ s.jsx(B, { children: t }),
+      p
+    ] });
+  };
+  return x.only(g());
+};
+export {
+  D as default
+};

package/lib/alerts/BaseAlert.d.ts

@@ -0,0 +1,3 @@
+import { IBaseAlertProps } from './types';
+declare const BaseAlert: ({ children }: IBaseAlertProps) => import('react').ReactPortal;
+export default BaseAlert;

package/lib/alerts/BaseAlert.js

@@ -0,0 +1,20 @@
+import { useState as o, useEffect as l } from "react";
+import r from "react-dom";
+import '../assets/BaseAlert.css';const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), d = ({
+  children: a
+}) => {
+  const [e] = o(document.createElement("div"));
+  return e.className = "messagecontainer", l(() => {
+    if (n === null) {
+      const t = document.createElement("div");
+      t.className = "alert-component", m.appendChild(t), t.appendChild(e);
+    } else
+      n.appendChild(e);
+    return () => {
+      n?.removeChild(e);
+    };
+  }, []), r.createPortal(a, e);
+};
+export {
+  d as default
+};

package/lib/alerts/Message.d.ts

@@ -0,0 +1,3 @@
+import { IMessageProps } from './types';
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default Message;

package/lib/alerts/Message.js

@@ -0,0 +1,94 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as X } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as V, useRef as W, useEffect as Y } from "react";
+import Z from "../icons/index.js";
+import ee from "../progress/index.js";
+const te = ({
+  customClass: t,
+  className: e
+}) => `${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) => {
+  const e = X.c(47), {
+    handleClose: j,
+    message: k,
+    id: K,
+    color: S,
+    icon: q,
+    iconName: A,
+    timeout: D,
+    customClass: F,
+    closeButton: G,
+    className: J,
+    position: P,
+    pauseTimeoutOnMouseHover: Q
+  } = 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);
+  let E;
+  e[0] !== u ? (E = () => {
+    u && (U(!0), O(oe));
+  }, e[0] = u, e[1] = E) : E = e[1];
+  const _ = E;
+  let R;
+  e[2] !== u ? (R = () => {
+    u && (U(!1), O(le));
+  }, e[2] = u, e[3] = R) : R = e[3];
+  const z = R;
+  let y;
+  e[4] !== r ? (y = () => r.replace("-", ""), e[4] = r, e[5] = y) : y = e[5];
+  const B = y;
+  let T;
+  e[6] !== l || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== o ? (T = () => (!a && o > 0 ? (I.current = setTimeout(() => {
+    l(i, c);
+  }, o), N.current = setInterval(() => o > 0 ? O(ie) : null, 100)) : (I.current && clearInterval(I.current), N.current && clearInterval(N.current)), () => {
+    I.current && clearInterval(I.current), N.current && clearInterval(N.current);
+  }), e[6] = l, e[7] = i, e[8] = a, e[9] = c, e[10] = o, e[11] = T) : T = e[11];
+  let L;
+  e[12] !== a ? (L = [a], e[12] = a, e[13] = L) : L = e[13], Y(T, L);
+  let f;
+  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: {
+    animation: "tinRightIn 1s forwards ease-in-out",
+    margin: "0px",
+    borderRadius: "0px",
+    backgroundColor: "rgb(234 234 234)"
+  }, height: "6px", type: B() }), e[14] = B, e[15] = o, e[16] = n, e[17] = f) : f = e[17];
+  let m;
+  e[18] !== H || e[19] !== r ? (m = te({
+    className: H,
+    customClass: r
+  }), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
+  let d;
+  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];
+  let p;
+  e[25] !== d ? (p = /* @__PURE__ */ s.jsx("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
+  let v;
+  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];
+  let x;
+  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];
+  let h;
+  e[35] !== x ? (h = /* @__PURE__ */ s.jsx("div", { className: "close", children: x }), e[35] = x, e[36] = h) : h = e[36];
+  let g;
+  e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== h ? (g = /* @__PURE__ */ s.jsxs("div", { className: m, children: [
+    p,
+    v,
+    h
+  ] }), e[37] = m, e[38] = p, e[39] = v, e[40] = h, e[41] = g) : g = e[41];
+  let $;
+  return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== g ? ($ = /* @__PURE__ */ s.jsxs("div", { onMouseEnter: _, onMouseLeave: z, children: [
+    f,
+    g
+  ] }), e[42] = _, e[43] = z, e[44] = f, e[45] = g, e[46] = $) : $ = e[46], $;
+};
+function ne() {
+}
+function oe(t) {
+  return t >= 800 ? t + 600 : t + 500;
+}
+function le(t) {
+  return t >= 800 ? t - 600 : t - 500;
+}
+function ie(t) {
+  return t > 0 ? t - 100 : 0;
+}
+function re() {
+}
+export {
+  de as default
+};

package/lib/alerts/helpers.d.ts

@@ -0,0 +1,3 @@
+import { WithAlertContextProps } from './types';
+declare const AlertProviderContext: import('react').Context<WithAlertContextProps>;
+export default AlertProviderContext;

package/lib/alerts/helpers.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};

package/lib/alerts/index.d.ts

@@ -0,0 +1,4 @@
+import { default as WithAlert } from './withAlert';
+import { default as AlertProvider } from './AlertProvider';
+export default WithAlert;
+export { AlertProvider };

package/lib/alerts/index.js

@@ -0,0 +1,6 @@
+import t from "./withAlert.js";
+import { default as a } from "./AlertProvider.js";
+export {
+  a as AlertProvider,
+  t as default
+};

package/lib/alerts/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { PositionAlert } from '../@types/PositionAlert';
+import { IconNames } from '../@types/Icon';
+export type AlertContainerMethods = {
+    default: (messageConfig: DefaultMessageConfigType) => void;
+    info: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+};
+export type DefaultMessageConfigType = {
+    message: string;
+    options: IMessageProps & {
+        type: 'info' | 'warning' | 'danger' | 'success';
+    };
+};
+export interface IMessageProps {
+    id?: number;
+    position?: PositionAlert;
+    message?: string;
+    handleClose?: (id: number, position: string) => void;
+    className?: string;
+    closeButton?: boolean;
+    color?: string;
+    customClass?: string;
+    icon?: ReactNode | null;
+    iconName?: IconNames | null;
+    timeout?: number;
+    pauseTimeoutOnMouseHover?: boolean;
+}
+export interface IBaseAlertProps {
+    children: ReactNode;
+}
+export interface IAlertProviderProps {
+    children: ReactNode;
+}
+export interface WithAlertContextProps {
+    alert?: AlertContainerMethods;
+}
+export type GetClassParams = {
+    customClass?: string;
+    className?: string;
+};
+export type MessagesState = {
+    [key: string]: Array<IMessageProps>;
+};

package/lib/alerts/withAlert.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WithAlertContextProps } from './types';
+declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default withAlert;

package/lib/alerts/withAlert.js

@@ -0,0 +1,14 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as n } from "react";
+import l from "./helpers.js";
+const p = (m) => (r) => {
+  const t = i.c(3), {
+    alert: o
+  } = n(l);
+  let e;
+  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;
+};
+export {
+  p as default
+};

package/lib/assets/BaseAlert.css

@@ -0,0 +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

@@ -0,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}

package/lib/assets/DefaultFile.css

@@ -0,0 +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

@@ -0,0 +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}