{"version":3,"file":"app-d91a9049.4e202c72d209411713eb.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;;;ACHA;AAGA;AAAA;AAyBA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5BA;AACA;AACA;AAEA;AAGA;AAiBA;AACA;AAAA;AAAA;AAjBA;AAKA;AAEA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAvGA;AAAA;;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;;AAAA;AAHA;AADA;AAmBA;AAlBA;AAyGA;AAAA;;;;;;;;;;;;;;;;AC/GA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACFA;AACA;AACA;AAKA;AAEA;AAAA;AADA;AACA;AAEA;;;;;AACA;AACA;AACA;AACA;AACA;AACA;;AALA;AAMA;;;;AACA;AAEA;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AARA;;;;;AASA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAhCA;AADA;AAGA;AAFA;AAiCA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCA;AACA;AAEA;AACA;AAGA;AAkBA;AAAA;AAAA;AAAA;AAAA;AAjBA;AAGA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAoHA;AACA;AACA;AAnHA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAlJA;AAAA;;AAMA;AAhBA;AADA;AAmBA;AAlBA;AA+JA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrKA;AACA;AACA;AAGA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAZA;AADA;AAIA;AAHA;AAeA;AAAA;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;ACzNA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAIA;AAMA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACrCA;AAIA;AAIA;AAAA;AAAA;AAFA;AAUA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AA7BA;AAEA;AACA;AACA;AACA;AACA;AAyBA;AACA;AACA;AACA;AACA;AAvCA;AAFA;AACA;AAKA;AAJA;AAwCA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA;AAGA;AAaA;AAAA;AAXA;AACA;AAEA;AASA;AARA;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAAA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArGA;AAAA;;AAAA;AACA;AAAA;;AAAA;AACA;AAAA;;AAAA;AAHA;AADA;AAcA;AAbA;AAwGA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;AC3GA;AAGA;AAAA;AACA;AAmBA;AAdA;AAAA;AACA;AACA;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAlBA;AAAA;;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;;AAAA;AAHA;AADA;AACA;AAoBA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;ACvBA;AAGA;AAAA;AAGA;AAFA;AAAA;;AAAA;AACA;AAAA;;AAAA;AAFA;AADA;AACA;AAGA;AAAA;;;;;;;;;;;;;;;;ACLA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA","sources":["webpack://frontend/./src/applications/transactions/index.scss","webpack://frontend/./src/applications/transactions/views/result.scss","webpack://frontend/./src/resources/elements/drop-file/drop-file.scss","webpack://frontend/./src/resources/elements/logotype/logotype.scss","webpack://frontend/./src/resources/elements/nav-bar/nav-bar.scss","webpack://frontend/./src/resources/elements/ui-simple-list/ui-simple-list.scss","webpack://frontend/./src/app.html","webpack://frontend/./src/applications/transactions/index.html","webpack://frontend/./src/applications/transactions/views/result.html","webpack://frontend/./src/resources/elements/drop-file/drop-file.html","webpack://frontend/./src/resources/elements/drop-file/select-file.html","webpack://frontend/./src/resources/elements/logotype/logotype.html","webpack://frontend/./src/resources/elements/nav-bar/nav-bar.html","webpack://frontend/./src/resources/elements/ui-simple-list/ui-simple-list.html","webpack://frontend/./src/app.ts","webpack://frontend/./src/applications/transactions/index.ts","webpack://frontend/./src/applications/transactions/links.ts","webpack://frontend/./src/applications/transactions/service/transactions-data-service.ts","webpack://frontend/./src/applications/transactions/views/result.ts","webpack://frontend/./src/configuration/core-components-configuration.ts","webpack://frontend/./src/configuration/fa-icon-configuration.ts","webpack://frontend/./src/main.ts","webpack://frontend/./src/resources/attributes/file-drop-target.ts","webpack://frontend/./src/resources/elements/drop-file/drop-file.ts","webpack://frontend/./src/resources/elements/drop-file/select-file.ts","webpack://frontend/./src/resources/elements/ui-simple-list/ui-simple-list.ts","webpack://frontend/./src/resources/index.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".label {\\n  width: 100%;\\n  padding-bottom: 8px;\\n  font-size: 14px;\\n  line-height: 1;\\n  color: #797971;\\n}\\n\\n.loader-wrap {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.loader-wrap ui-loader {\\n  margin-right: 4px;\\n}\\n\\n.form-width {\\n  max-width: 600px;\\n}\\n\\n.ui-box {\\n  background: #fff;\\n  margin-bottom: 20px;\\n  position: relative;\\n  min-height: 160px;\\n}\\n.ui-box .ui-box-content {\\n  opacity: 1;\\n  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\\n}\\n.ui-box .ui-box-content .preamble {\\n  font-size: 15px;\\n  line-height: 1.4;\\n  display: block;\\n  margin-top: -20px;\\n  padding: 0 30px 30px 30px;\\n}\\n.ui-box.loading-bar .ui-box-content {\\n  opacity: 0.3;\\n  filter: grayscale(100%);\\n}\\n.ui-box.loading .ui-box-content {\\n  opacity: 0;\\n}\\n.ui-box .quickinfo {\\n  position: absolute;\\n  top: 30px;\\n  right: 30px;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/applications/transactions/index.scss\",\"webpack://./src/common/styles/_settings.scss\"],\"names\":[],\"mappings\":\"AAEG;EACG,WAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;EACA,cAAA;AADN;;AAIA;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;AADF;AAEE;EACE,iBCdG;ADcP;;AAIA;EACE,gBAAA;AADF;;AAIA;EACE,gBCSM;EDRN,mBC4DkB;ED3DlB,kBAAA;EACA,iBAAA;AADF;AAGE;EACE,UAAA;EACA,6DAAA;AADJ;AAGI;EACE,eAAA;EACA,gBAAA;EACA,cAAA;EACA,iBAAA;EACA,yBAAA;AADN;AAMI;EACE,YAAA;EACA,uBAAA;AAJN;AASI;EACE,UAAA;AAPN;AAWE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;AATJ\",\"sourcesContent\":[\"@import \\\"../../common/styles/settings\\\";\\r\\n\\r\\n   .label {\\r\\n      width: 100%;\\r\\n      padding-bottom: $base * 2;\\r\\n      font-size: 14px;\\r\\n      line-height: 1;\\r\\n      color: #797971;\\r\\n    }\\r\\n\\r\\n.loader-wrap {\\r\\n  display: flex;\\r\\n  justify-content: center;\\r\\n  align-items: center;\\r\\n  ui-loader {\\r\\n    margin-right: $base;\\r\\n  }\\r\\n}\\r\\n\\r\\n.form-width {\\r\\n  max-width: 600px;\\r\\n}\\r\\n\\r\\n.ui-box {\\r\\n  background: $white;\\r\\n  margin-bottom: $box-bottom-margin;\\r\\n  position: relative;\\r\\n  min-height: 160px;\\r\\n\\r\\n  .ui-box-content {\\r\\n    opacity: 1;\\r\\n    transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\\r\\n\\r\\n    .preamble {\\r\\n      font-size: 15px;\\r\\n      line-height: 1.4;\\r\\n      display: block;\\r\\n      margin-top: -20px;\\r\\n      padding: 0 $box-padding $box-padding $box-padding;\\r\\n    }\\r\\n  }\\r\\n\\r\\n  &.loading-bar {\\r\\n    .ui-box-content {\\r\\n      opacity: 0.3;\\r\\n      filter: grayscale(100%);\\r\\n    }\\r\\n  }\\r\\n\\r\\n  &.loading {\\r\\n    .ui-box-content {\\r\\n      opacity: 0;\\r\\n    }\\r\\n  }\\r\\n\\r\\n  .quickinfo {\\r\\n    position: absolute;\\r\\n    top: 30px;\\r\\n    right: 30px;\\r\\n  }\\r\\n}\\r\\n\\r\\n// .ui-box-header {\\r\\n//   display: flex;\\r\\n\\r\\n//   .ui-box-header-right {\\r\\n//     align-items: center;\\r\\n//     display: flex;\\r\\n//     margin: 0 20px 0 auto;\\r\\n\\r\\n//     ui-button {\\r\\n//       margin-left: 10px;\\r\\n//     }\\r\\n//   }\\r\\n\\r\\n//   h2 {\\r\\n//     font-size: 22px;\\r\\n//     font-family: \\\"profile-font\\\", arial, sans-serif;\\r\\n//     font-weight: bold;\\r\\n//     font-style: normal;\\r\\n//     color: $darkgray;\\r\\n//     display: block;\\r\\n//     padding: 30px 8px 30px 30px;\\r\\n//     margin-bottom: 0;\\r\\n//     line-height: 1.2;\\r\\n//     letter-spacing: 0.03em;\\r\\n\\r\\n//     fa-icon {\\r\\n//       display: inline-block;\\r\\n//       margin: 0 10px 0 0;\\r\\n//       color: $aqua;\\r\\n//     }\\r\\n\\r\\n//     .icon {\\r\\n//       color: $aqua;\\r\\n//       display: inline-block;\\r\\n//       font-size: 20px;\\r\\n//     }\\r\\n//   }\\r\\n// }\\r\\n\\r\\n// ui-box.no-margin .ui-box {\\r\\n//   margin-bottom: 0;\\r\\n// }\\r\\n\\r\\n\\r\\n\\r\\n// // ui-container in box\\r\\n// .ui-box\\r\\n//   .ui-box-header:not(.aurelia-hide)\\r\\n//   + .ui-box-content\\r\\n//   > section.ui-container:first-child:not(.alternate-bg) {\\r\\n//   padding-top: 0;\\r\\n// }\\r\\n\",\"// Base\\r\\n$base: 4px;\\r\\n$base-fontsize: $base * 3.5;\\r\\n$base-padding: $base * 8;\\r\\n$base-margin: $base * 8;\\r\\n\\r\\n// Colors /////////////////////////\\r\\n\\r\\n$coral: #ff6f61;\\r\\n$coral50: #f6b6b0;\\r\\n$darkgray: #4a4a49;\\r\\n$darkgray50: #a4a4a4;\\r\\n$darkgray25: #d2d2d1;\\r\\n$lightgray: #f0f0ef;\\r\\n$lightgray50: #f7f7f7;\\r\\n$greyburbury: #755965;\\r\\n$greygreen: #4a6866;\\r\\n$ice: #c9e8fb;\\r\\n$aqua: #66c1bf;\\r\\n$sand: #d4d7c0;\\r\\n\\r\\n$darkblue: #008ba2;\\r\\n$deepblue: #176b88;\\r\\n$yellow: #fff7a1;\\r\\n$warning: #fff3cd;\\r\\n$red: #e85b46;\\r\\n$redlighten20: lighten($red, 25%);\\r\\n$redlighten35: lighten($red, 35%);\\r\\n$green: #267871;\\r\\n$greenlighten10: lighten($green, 10%);\\r\\n$mediumgreen: #43a584;\\r\\n$salmon: #ffac8f;\\r\\n$black: #000;\\r\\n$white: #fff;\\r\\n$nightgray: #3b3b3b;\\r\\n$mediumgray: #909090;\\r\\n$semilightgray: #e2e2e2;\\r\\n$lightlightgray: #f5f5f5;\\r\\n$hyperlightgray: #f8f8f8;\\r\\n\\r\\n// Hover Colors /////////////////////////\\r\\n\\r\\n$aqua-hover: darken($aqua, 10%);\\r\\n$aqua-light-hover: #f0fdfe;\\r\\n$darkblue-hover: darken($darkblue, 10%);\\r\\n$deepblue-hover: darken($deepblue, 10%);\\r\\n$yellow-hover: darken($yellow, 10%);\\r\\n$warning-hover: darken($warning, 10%);\\r\\n$red-hover: #c44b39;\\r\\n$green-hover: darken($green, 5%);\\r\\n\\r\\n$salmon-hover: darken($salmon, 10%);\\r\\n$black-hover: darken($black, 10%);\\r\\n$white-hover: darken($white, 10%);\\r\\n$nightgray-hover: darken($nightgray, 10%);\\r\\n$darkgray-hover: darken($darkgray, 10%);\\r\\n$mediumgray-hover: darken($mediumgray, 10%);\\r\\n$semilightgray-hover: darken($semilightgray, 10%);\\r\\n$lightgray-hover: darken($lightgray, 10%);\\r\\n$hyperlightgray-hover: darken($hyperlightgray, 10%);\\r\\n\\r\\n// CALENDAR COLORS /////////////////////////\\r\\n$calendar-event-blue: #def4f3;\\r\\n\\r\\n// LAYOUT /////////////////////////\\r\\n\\r\\n$body-font-size: 14px;\\r\\n$breadcrumb-height: 31px;\\r\\n$top-navigation-height: 50px;\\r\\n$page-header-height: 70px;\\r\\n$page-header-padding-with-info: 15px 20px;\\r\\n$page-header-padding: 23px 20px;\\r\\n$left-navigation-width: 250px;\\r\\n$content-padding: 20px;\\r\\n$default-border-radius: 3px;\\r\\n\\r\\n// List Filter\\r\\n$list-filter-padding: 20px;\\r\\n$list-filter-padding-thead: 20px 20px 20px 20px;\\r\\n\\r\\n// Section\\r\\n$section-content-padding: $base * 8;\\r\\n\\r\\n// Box\\r\\n$box-padding: 30px;\\r\\n$box-bottom-margin: 20px;\\r\\n\\r\\n// Container\\r\\n$container-headline-font: bold 18px \\\"standard-font\\\";\\r\\n\\r\\n// Grid\\r\\n$grid-columns: 12;\\r\\n$grid-gutterWidth: 20px;\\r\\n\\r\\n// Break-points\\r\\n$grid-screenTablet: 768px;\\r\\n$grid-screenDesktop: 992px;\\r\\n$grid-screenLarge: 1200px;\\r\\n$grid-screenXLarge: 1600px;\\r\\n\\r\\n// Buttons\\r\\n$button-border-radius: 3px;\\r\\n$button-transition-duration: 100ms;\\r\\n$button-text-transform: none;\\r\\n$button-font-weight: bold;\\r\\n\\r\\n// Default button\\r\\n$default-button-background-color: $white;\\r\\n$default-button-color: $darkgray;\\r\\n$default-button-border-color: $lightgray;\\r\\n$default-button-hover-color: darken($white, 5%);\\r\\n\\r\\n// Disabled button\\r\\n$disabled-button-background-color: $white;\\r\\n$disabled-button-color: lighten($mediumgray, 15%);\\r\\n$disabled-button-border-color: $lightgray;\\r\\n\\r\\n//Buttons small size\\r\\n$button-small-height: 24px;\\r\\n$button-small-min-width: 24px;\\r\\n$button-small-padding: 0 8px;\\r\\n$button-small-padding-no-label: 0 8px;\\r\\n$button-small-font-size: 13px;\\r\\n$button-small-icon-size: 9px;\\r\\n\\r\\n//Buttons default size\\r\\n$button-height: 40px;\\r\\n$button-min-width: 40px;\\r\\n$button-padding: 0 16px;\\r\\n$button-padding-no-label: 0 12px;\\r\\n$button-font-size: 14px;\\r\\n$button-icon-size: 12px;\\r\\n\\r\\n//Buttons large size\\r\\n$button-large-height: 46px;\\r\\n$button-large-min-width: 46px;\\r\\n$button-large-padding: 0 20px;\\r\\n$button-large-padding-no-label: 0 14px;\\r\\n$button-large-font-size: 16px;\\r\\n$button-large-icon-size: 14px;\\r\\n\\r\\n// UI Infobox\\r\\n$ui-infobox-border-radius: 0;\\r\\n\\r\\n$ui-infobox-primary-background-color: $lightgray50;\\r\\n$ui-infobox-primary-color: $darkgray;\\r\\n$ui-infobox-primary-icon-color: $darkgray;\\r\\n\\r\\n$ui-infobox-success-background-color: rgba($mediumgreen, 0.15);\\r\\n$ui-infobox-success-color: $darkgray;\\r\\n$ui-infobox-success-icon-color: $mediumgreen;\\r\\n\\r\\n$ui-infobox-danger-background-color: rgba($red, 0.15);\\r\\n$ui-infobox-danger-color: $darkgray;\\r\\n$ui-infobox-danger-icon-color: $red;\\r\\n\\r\\n$ui-infobox-warning-background-color: rgba($warning, 0.5);\\r\\n$ui-infobox-warning-color: $darkgray;\\r\\n$ui-infobox-warning-icon-color: $darkgray;\\r\\n\\r\\n// Body\\r\\n$body-background-color: $lightgray;\\r\\n\\r\\n//Table\\r\\n$table-heading: 13px;\\r\\n$table-head-border-color: $semilightgray;\\r\\n\\r\\n//Tabs\\r\\n$tabs-font-size: 13px;\\r\\n$tabs-font-weight: bold;\\r\\n\\r\\n// Form\\r\\n$input-border-radius: 3px;\\r\\n$input-font-size: 15px;\\r\\n$input-placeholder-color: #b2b2b2;\\r\\n$form-label-color: #777;\\r\\n$form-label-bottom-margin: 5px;\\r\\n$form-info-color: $mediumgray;\\r\\n$form-error-color: $red;\\r\\n$form-disabled-background-color: $lightgray;\\r\\n$form-required-color: $aqua;\\r\\n$form-element-max-width: 600px;\\r\\n$form-element-bottom-margin: 16px;\\r\\n$form-input-height: 40px;\\r\\n$form-input-border-radius: 3px;\\r\\n$form-input-border-color: $semilightgray;\\r\\n$form-input-hover-border-color: $mediumgray;\\r\\n$form-textarea-height: 120px;\\r\\n$form-datespan-gutter: 20px;\\r\\n$form-error-message-color: $darkgray;\\r\\n$toggle-height: 20px;\\r\\n$toggle-width: 40px;\\r\\n$form-datepicker-width: 286px;\\r\\n$form-datepicker-margin: 8px;\\r\\n$form-select-height: 40px;\\r\\n$form-select-border-radius: 3px;\\r\\n$form-select-min-width: 140px;\\r\\n$form-select-dropdown-max-width: 320px;\\r\\n$form-radio-margin-bottom: 10px;\\r\\n\\r\\n// Dialog\\r\\n$dialog-transition-duration: 300ms;\\r\\n$dialog-header-height: $page-header-height;\\r\\n$dialog-header-title-padding: 0 0 0 $base-padding;\\r\\n$dialog-header-actions-padding: 0 $base-padding 0 0;\\r\\n$dialog-footer-height: $page-header-height;\\r\\n$dialog-footer-padding: 0 14px;\\r\\n$dialog-body-padding: $base-padding;\\r\\n\\r\\n// Center dialog\\r\\n$dialog-default-small-width: 400px;\\r\\n$dialog-default-medium-width: 600px;\\r\\n$dialog-default-large-width: 900px;\\r\\n$dialog-default-min-height: 300px;\\r\\n$dialog-default-xlarge-margin: 14px;\\r\\n$dialog-default-min-height: 400px;\\r\\n\\r\\n// Right dialog\\r\\n$dialog-right-small-width: 500px;\\r\\n$dialog-right-medium-width: 650px;\\r\\n$dialog-right-large-width: 800px;\\r\\n$dialog-right-min-height: 100px;\\r\\n\\r\\n// Box grid\\r\\n$box-gutter: 10px;\\r\\n$box-gutter-subtract: 20px;\\r\\n\\r\\n// Shadows\\r\\n$shadow-dropdown: 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.03),\\r\\n  0 32px 32px rgba(0, 0, 0, 0.03), 0 0px 10px rgba(0, 0, 0, 0.05);\\r\\n$shadow-tooltip: $shadow-dropdown;\\r\\n\\r\\n// Main navigation 1st level\\r\\n$nav-toolbar-width: 90px;\\r\\n$nav-toolbar-item-height: 70px;\\r\\n$nav-toolbar-item-active-color: $coral;\\r\\n\\r\\n// Main navigation 2nd level\\r\\n$nav-submenu-background-color: $white;\\r\\n$nav-submenu-width: 300px;\\r\\n$nav-submenu-hover-color: $lightgray;\\r\\n$nav-submenu-active-color: #3d484c;\\r\\n$nav-submenu-icon-width: 40px;\\r\\n$nav-pinned-submenu-width: 300px;\\r\\n\\r\\n$nav-back-button-height: $page-header-height;\\r\\n$nav-pinner-height: 20px;\\r\\n$nav-pinner-width: 40px;\\r\\n$page-padding: 0 0 0 $nav-toolbar-width;\\r\\n$transition-delay-open: 0s;\\r\\n$transition-delay-close: 400ms;\\r\\n\\r\\n$nav-shortcut-button-background: darken($darkgray, 10%);\\r\\n\\r\\n$nav-toolbar-bg: $lightgray50;\\r\\n$nav-toolbar-color: $darkgray;\\r\\n$nav-toolbar-logo-color: $coral;\\r\\n\\r\\n// Color picker colors for labels and categories\\r\\n$pick-colors: $red #28976f $deepblue #d2b037 #cc335f #77608c $green #ae3e5e #559590 $aqua #b57761 #b24838 #256c53 $darkblue $salmon #242e31 #495d63 #d6ce56;\\r\\n\\r\\n// Labels\\r\\n$label-colors: $pick-colors;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\\r\\n$category-list-item-max-width: 300px;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".result {\\n  margin-top: 60px;\\n}\\n.result:nth-last-child(2) {\\n  margin-bottom: 60px;\\n}\\n.result .label {\\n  margin-bottom: 8px;\\n  font-style: normal;\\n  font-size: 13px;\\n}\\n.result .scroll-wrapper {\\n  position: relative;\\n}\\n.result .scroll-wrapper .scroll {\\n  height: 30vh;\\n  overflow-y: scroll;\\n  overflow-x: hidden;\\n}\\n.result .scroll-wrapper .scroll.no-overflow {\\n  height: 100%;\\n  overflow: auto;\\n}\\n.result .scroll-wrapper .scroll.has-overflow {\\n  box-shadow: inset 0px -11px 8px -10px #ccc;\\n}\\n.result .scroll-wrapper .scroll.has-overflow::-webkit-scrollbar {\\n  -webkit-appearance: none;\\n  background-color: #f0f0ef;\\n  width: 12px;\\n  border-radius: 0px;\\n}\\n.result .scroll-wrapper .scroll.has-overflow::-webkit-scrollbar-thumb {\\n  border-radius: 4px;\\n  background-color: #a4a4a4;\\n}\\n.result .scroll-wrapper .scroll.is-scrolling {\\n  box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc;\\n}\\n.result .scroll-wrapper .scroll.reached-bottom {\\n  box-shadow: inset 0px 11px 8px -10px #ccc;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/applications/transactions/views/result.scss\",\"webpack://./src/common/styles/_settings.scss\"],\"names\":[],\"mappings\":\"AAIA;EACE,gBAAA;AAHF;AAIE;EACE,mBAAA;AAFJ;AAIE;EACE,kBAAA;EACA,kBAAA;EACA,eAAA;AAFJ;AAIE;EACE,kBAAA;AAFJ;AAGI;EACE,YAAA;EACA,kBAAA;EACA,kBAAA;AADN;AAEM;EACE,YAAA;EACA,cAAA;AAAR;AAEM;EACE,0CAAA;AAAR;AACQ;EACE,wBAAA;EACA,yBCfE;EDgBF,WAAA;EACA,kBAAA;AACV;AACQ;EACE,kBAAA;EACA,yBCvBG;ADwBb;AAEM;EACE,yEAAA;AAAR;AAGM;EACE,yCAAA;AADR\",\"sourcesContent\":[\"@import \\\"../../../common/styles/settings\\\";\\r\\n\\r\\n$boxshadow: #ccc;\\r\\n\\r\\n.result {\\r\\n  margin-top: $base * 15;\\r\\n  &:nth-last-child(2) {\\r\\n    margin-bottom: $base * 15;\\r\\n  }\\r\\n  .label {\\r\\n    margin-bottom: $base * 2;    \\r\\n    font-style: normal;\\r\\n    font-size: 13px;\\r\\n  }\\r\\n  .scroll-wrapper {\\r\\n    position: relative;\\r\\n    .scroll {\\r\\n      height: 30vh;\\r\\n      overflow-y: scroll;\\r\\n      overflow-x: hidden;\\r\\n      &.no-overflow {\\r\\n        height: 100%;\\r\\n        overflow: auto;\\r\\n      }\\r\\n      &.has-overflow {\\r\\n        box-shadow: inset 0px -11px 8px -10px $boxshadow;\\r\\n        &::-webkit-scrollbar {\\r\\n          -webkit-appearance: none;\\r\\n          background-color: $lightgray;\\r\\n          width: 12px;\\r\\n          border-radius: 0px;\\r\\n        }\\r\\n        &::-webkit-scrollbar-thumb {\\r\\n          border-radius: 4px;\\r\\n          background-color: $darkgray50;\\r\\n        }\\r\\n      }\\r\\n      &.is-scrolling {\\r\\n        box-shadow: inset 0px 11px 8px -10px $boxshadow,\\r\\n          inset 0px -11px 8px -10px $boxshadow;\\r\\n      }\\r\\n      &.reached-bottom {\\r\\n        box-shadow: inset 0px 11px 8px -10px $boxshadow;\\r\\n      }\\r\\n    }\\r\\n  }\\r\\n}\\r\\n\",\"// Base\\r\\n$base: 4px;\\r\\n$base-fontsize: $base * 3.5;\\r\\n$base-padding: $base * 8;\\r\\n$base-margin: $base * 8;\\r\\n\\r\\n// Colors /////////////////////////\\r\\n\\r\\n$coral: #ff6f61;\\r\\n$coral50: #f6b6b0;\\r\\n$darkgray: #4a4a49;\\r\\n$darkgray50: #a4a4a4;\\r\\n$darkgray25: #d2d2d1;\\r\\n$lightgray: #f0f0ef;\\r\\n$lightgray50: #f7f7f7;\\r\\n$greyburbury: #755965;\\r\\n$greygreen: #4a6866;\\r\\n$ice: #c9e8fb;\\r\\n$aqua: #66c1bf;\\r\\n$sand: #d4d7c0;\\r\\n\\r\\n$darkblue: #008ba2;\\r\\n$deepblue: #176b88;\\r\\n$yellow: #fff7a1;\\r\\n$warning: #fff3cd;\\r\\n$red: #e85b46;\\r\\n$redlighten20: lighten($red, 25%);\\r\\n$redlighten35: lighten($red, 35%);\\r\\n$green: #267871;\\r\\n$greenlighten10: lighten($green, 10%);\\r\\n$mediumgreen: #43a584;\\r\\n$salmon: #ffac8f;\\r\\n$black: #000;\\r\\n$white: #fff;\\r\\n$nightgray: #3b3b3b;\\r\\n$mediumgray: #909090;\\r\\n$semilightgray: #e2e2e2;\\r\\n$lightlightgray: #f5f5f5;\\r\\n$hyperlightgray: #f8f8f8;\\r\\n\\r\\n// Hover Colors /////////////////////////\\r\\n\\r\\n$aqua-hover: darken($aqua, 10%);\\r\\n$aqua-light-hover: #f0fdfe;\\r\\n$darkblue-hover: darken($darkblue, 10%);\\r\\n$deepblue-hover: darken($deepblue, 10%);\\r\\n$yellow-hover: darken($yellow, 10%);\\r\\n$warning-hover: darken($warning, 10%);\\r\\n$red-hover: #c44b39;\\r\\n$green-hover: darken($green, 5%);\\r\\n\\r\\n$salmon-hover: darken($salmon, 10%);\\r\\n$black-hover: darken($black, 10%);\\r\\n$white-hover: darken($white, 10%);\\r\\n$nightgray-hover: darken($nightgray, 10%);\\r\\n$darkgray-hover: darken($darkgray, 10%);\\r\\n$mediumgray-hover: darken($mediumgray, 10%);\\r\\n$semilightgray-hover: darken($semilightgray, 10%);\\r\\n$lightgray-hover: darken($lightgray, 10%);\\r\\n$hyperlightgray-hover: darken($hyperlightgray, 10%);\\r\\n\\r\\n// CALENDAR COLORS /////////////////////////\\r\\n$calendar-event-blue: #def4f3;\\r\\n\\r\\n// LAYOUT /////////////////////////\\r\\n\\r\\n$body-font-size: 14px;\\r\\n$breadcrumb-height: 31px;\\r\\n$top-navigation-height: 50px;\\r\\n$page-header-height: 70px;\\r\\n$page-header-padding-with-info: 15px 20px;\\r\\n$page-header-padding: 23px 20px;\\r\\n$left-navigation-width: 250px;\\r\\n$content-padding: 20px;\\r\\n$default-border-radius: 3px;\\r\\n\\r\\n// List Filter\\r\\n$list-filter-padding: 20px;\\r\\n$list-filter-padding-thead: 20px 20px 20px 20px;\\r\\n\\r\\n// Section\\r\\n$section-content-padding: $base * 8;\\r\\n\\r\\n// Box\\r\\n$box-padding: 30px;\\r\\n$box-bottom-margin: 20px;\\r\\n\\r\\n// Container\\r\\n$container-headline-font: bold 18px \\\"standard-font\\\";\\r\\n\\r\\n// Grid\\r\\n$grid-columns: 12;\\r\\n$grid-gutterWidth: 20px;\\r\\n\\r\\n// Break-points\\r\\n$grid-screenTablet: 768px;\\r\\n$grid-screenDesktop: 992px;\\r\\n$grid-screenLarge: 1200px;\\r\\n$grid-screenXLarge: 1600px;\\r\\n\\r\\n// Buttons\\r\\n$button-border-radius: 3px;\\r\\n$button-transition-duration: 100ms;\\r\\n$button-text-transform: none;\\r\\n$button-font-weight: bold;\\r\\n\\r\\n// Default button\\r\\n$default-button-background-color: $white;\\r\\n$default-button-color: $darkgray;\\r\\n$default-button-border-color: $lightgray;\\r\\n$default-button-hover-color: darken($white, 5%);\\r\\n\\r\\n// Disabled button\\r\\n$disabled-button-background-color: $white;\\r\\n$disabled-button-color: lighten($mediumgray, 15%);\\r\\n$disabled-button-border-color: $lightgray;\\r\\n\\r\\n//Buttons small size\\r\\n$button-small-height: 24px;\\r\\n$button-small-min-width: 24px;\\r\\n$button-small-padding: 0 8px;\\r\\n$button-small-padding-no-label: 0 8px;\\r\\n$button-small-font-size: 13px;\\r\\n$button-small-icon-size: 9px;\\r\\n\\r\\n//Buttons default size\\r\\n$button-height: 40px;\\r\\n$button-min-width: 40px;\\r\\n$button-padding: 0 16px;\\r\\n$button-padding-no-label: 0 12px;\\r\\n$button-font-size: 14px;\\r\\n$button-icon-size: 12px;\\r\\n\\r\\n//Buttons large size\\r\\n$button-large-height: 46px;\\r\\n$button-large-min-width: 46px;\\r\\n$button-large-padding: 0 20px;\\r\\n$button-large-padding-no-label: 0 14px;\\r\\n$button-large-font-size: 16px;\\r\\n$button-large-icon-size: 14px;\\r\\n\\r\\n// UI Infobox\\r\\n$ui-infobox-border-radius: 0;\\r\\n\\r\\n$ui-infobox-primary-background-color: $lightgray50;\\r\\n$ui-infobox-primary-color: $darkgray;\\r\\n$ui-infobox-primary-icon-color: $darkgray;\\r\\n\\r\\n$ui-infobox-success-background-color: rgba($mediumgreen, 0.15);\\r\\n$ui-infobox-success-color: $darkgray;\\r\\n$ui-infobox-success-icon-color: $mediumgreen;\\r\\n\\r\\n$ui-infobox-danger-background-color: rgba($red, 0.15);\\r\\n$ui-infobox-danger-color: $darkgray;\\r\\n$ui-infobox-danger-icon-color: $red;\\r\\n\\r\\n$ui-infobox-warning-background-color: rgba($warning, 0.5);\\r\\n$ui-infobox-warning-color: $darkgray;\\r\\n$ui-infobox-warning-icon-color: $darkgray;\\r\\n\\r\\n// Body\\r\\n$body-background-color: $lightgray;\\r\\n\\r\\n//Table\\r\\n$table-heading: 13px;\\r\\n$table-head-border-color: $semilightgray;\\r\\n\\r\\n//Tabs\\r\\n$tabs-font-size: 13px;\\r\\n$tabs-font-weight: bold;\\r\\n\\r\\n// Form\\r\\n$input-border-radius: 3px;\\r\\n$input-font-size: 15px;\\r\\n$input-placeholder-color: #b2b2b2;\\r\\n$form-label-color: #777;\\r\\n$form-label-bottom-margin: 5px;\\r\\n$form-info-color: $mediumgray;\\r\\n$form-error-color: $red;\\r\\n$form-disabled-background-color: $lightgray;\\r\\n$form-required-color: $aqua;\\r\\n$form-element-max-width: 600px;\\r\\n$form-element-bottom-margin: 16px;\\r\\n$form-input-height: 40px;\\r\\n$form-input-border-radius: 3px;\\r\\n$form-input-border-color: $semilightgray;\\r\\n$form-input-hover-border-color: $mediumgray;\\r\\n$form-textarea-height: 120px;\\r\\n$form-datespan-gutter: 20px;\\r\\n$form-error-message-color: $darkgray;\\r\\n$toggle-height: 20px;\\r\\n$toggle-width: 40px;\\r\\n$form-datepicker-width: 286px;\\r\\n$form-datepicker-margin: 8px;\\r\\n$form-select-height: 40px;\\r\\n$form-select-border-radius: 3px;\\r\\n$form-select-min-width: 140px;\\r\\n$form-select-dropdown-max-width: 320px;\\r\\n$form-radio-margin-bottom: 10px;\\r\\n\\r\\n// Dialog\\r\\n$dialog-transition-duration: 300ms;\\r\\n$dialog-header-height: $page-header-height;\\r\\n$dialog-header-title-padding: 0 0 0 $base-padding;\\r\\n$dialog-header-actions-padding: 0 $base-padding 0 0;\\r\\n$dialog-footer-height: $page-header-height;\\r\\n$dialog-footer-padding: 0 14px;\\r\\n$dialog-body-padding: $base-padding;\\r\\n\\r\\n// Center dialog\\r\\n$dialog-default-small-width: 400px;\\r\\n$dialog-default-medium-width: 600px;\\r\\n$dialog-default-large-width: 900px;\\r\\n$dialog-default-min-height: 300px;\\r\\n$dialog-default-xlarge-margin: 14px;\\r\\n$dialog-default-min-height: 400px;\\r\\n\\r\\n// Right dialog\\r\\n$dialog-right-small-width: 500px;\\r\\n$dialog-right-medium-width: 650px;\\r\\n$dialog-right-large-width: 800px;\\r\\n$dialog-right-min-height: 100px;\\r\\n\\r\\n// Box grid\\r\\n$box-gutter: 10px;\\r\\n$box-gutter-subtract: 20px;\\r\\n\\r\\n// Shadows\\r\\n$shadow-dropdown: 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.03),\\r\\n  0 32px 32px rgba(0, 0, 0, 0.03), 0 0px 10px rgba(0, 0, 0, 0.05);\\r\\n$shadow-tooltip: $shadow-dropdown;\\r\\n\\r\\n// Main navigation 1st level\\r\\n$nav-toolbar-width: 90px;\\r\\n$nav-toolbar-item-height: 70px;\\r\\n$nav-toolbar-item-active-color: $coral;\\r\\n\\r\\n// Main navigation 2nd level\\r\\n$nav-submenu-background-color: $white;\\r\\n$nav-submenu-width: 300px;\\r\\n$nav-submenu-hover-color: $lightgray;\\r\\n$nav-submenu-active-color: #3d484c;\\r\\n$nav-submenu-icon-width: 40px;\\r\\n$nav-pinned-submenu-width: 300px;\\r\\n\\r\\n$nav-back-button-height: $page-header-height;\\r\\n$nav-pinner-height: 20px;\\r\\n$nav-pinner-width: 40px;\\r\\n$page-padding: 0 0 0 $nav-toolbar-width;\\r\\n$transition-delay-open: 0s;\\r\\n$transition-delay-close: 400ms;\\r\\n\\r\\n$nav-shortcut-button-background: darken($darkgray, 10%);\\r\\n\\r\\n$nav-toolbar-bg: $lightgray50;\\r\\n$nav-toolbar-color: $darkgray;\\r\\n$nav-toolbar-logo-color: $coral;\\r\\n\\r\\n// Color picker colors for labels and categories\\r\\n$pick-colors: $red #28976f $deepblue #d2b037 #cc335f #77608c $green #ae3e5e #559590 $aqua #b57761 #b24838 #256c53 $darkblue $salmon #242e31 #495d63 #d6ce56;\\r\\n\\r\\n// Labels\\r\\n$label-colors: $pick-colors;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\\r\\n$category-list-item-max-width: 300px;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".upload-wrapper {\\n  display: block;\\n  max-width: 600px;\\n}\\n.upload-wrapper.is-hidden {\\n  display: none;\\n}\\n.upload-wrapper.drag-over .upload-content {\\n  background-color: #effaf9;\\n  border-color: #267871;\\n}\\n.upload-wrapper.drag-over .upload-content .upload-body,\\n.upload-wrapper.drag-over .upload-content fa-icon {\\n  visibility: hidden;\\n}\\n\\n.upload {\\n  position: relative;\\n  margin-bottom: 15px;\\n}\\n.upload-content {\\n  display: flex;\\n  align-items: center;\\n  min-height: 120px;\\n  padding: 20px;\\n  border: 2px dashed #d2d2d1;\\n  border-radius: 8px;\\n  background-color: #f8f8f8;\\n}\\n.upload-content-content-text {\\n  margin-left: 10px;\\n}\\n.upload-content form-input-file {\\n  margin-left: auto;\\n}\\n.upload-body {\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n  width: 100%;\\n}\\n.upload-body div {\\n  display: flex;\\n  align-items: center;\\n}\\n.upload-body div span {\\n  margin-left: 10px;\\n}\\n.upload-info {\\n  margin-top: 32px;\\n}\\n.upload-info.au-enter-active {\\n  animation: fadeIn 0.5s;\\n}\\n.upload-info.au-leave-active {\\n  animation: fadeIn 0.5s;\\n}\\n\\n.loader-wrap {\\n  margin: 24px 0;\\n}\\n\\n@keyframes SlideInRight {\\n  from {\\n    transform: translateX(100%);\\n  }\\n  to {\\n    transform: translateX(0);\\n  }\\n}\\n@keyframes SlideOutRight {\\n  from {\\n    transform: translateX(0);\\n  }\\n  to {\\n    transform: translateX(100%);\\n  }\\n}\\n@keyframes SlideInLeft {\\n  from {\\n    transform: translateX(-100%);\\n  }\\n  to {\\n    transform: translateX(0);\\n  }\\n}\\n@keyframes SlideOutLeft {\\n  from {\\n    transform: translateX(0);\\n  }\\n  to {\\n    transform: translateX(-100%);\\n  }\\n}\\n@keyframes FadeIn {\\n  to {\\n    opacity: 1;\\n  }\\n}\\n@keyframes FadeOut {\\n  to {\\n    opacity: 0;\\n  }\\n}\\n.animate-slide-in-right.au-enter {\\n  transform: translateX(100%);\\n}\\n\\n.animate-slide-in-right.au-enter-active {\\n  animation: SlideInRight 1s;\\n}\\n\\n.animate-slide-out-right.au-leave-active {\\n  animation: SlideOutRight 1s;\\n}\\n\\n.animate-slide-in-left.au-enter {\\n  transform: translateX(-100%);\\n}\\n\\n.animate-slide-in-left.au-enter-active {\\n  animation: SlideInLeft 1s;\\n}\\n\\n.animate-slide-out-left.au-leave-active {\\n  animation: SlideOutLeft 1s;\\n}\\n\\n.animate-fade-in.au-enter {\\n  opacity: 0;\\n}\\n\\n.animate-fade-in.au-enter-active {\\n  animation: FadeIn 1s;\\n}\\n\\n.animate-fade-out.au-leave-active {\\n  animation: FadeOut 1s;\\n}\\n\\n.animate-fade-out.au-left {\\n  opacity: 0;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/drop-file/drop-file.scss\",\"webpack://./src/common/styles/_settings.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,cAAA;EACA,gBAAA;AADJ;AAEI;EACI,aAAA;AAAR;AAGQ;EACI,yBAAA;EACA,qBCiBJ;ADlBR;AAEY;;EAEI,kBAAA;AAAhB;;AAMA;EACI,kBAAA;EACA,mBAAA;AAHJ;AAII;EACI,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,yBCQS;ADVjB;AAGQ;EACI,iBAAA;AADZ;AAGQ;EACI,iBAAA;AADZ;AAII;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,WAAA;AAFR;AAGQ;EACI,aAAA;EACA,mBAAA;AADZ;AAEY;EACI,iBAAA;AAAhB;AAII;EACE,gBAAA;AAFN;AAGM;EACE,sBAAA;AADR;AAGM;EACI,sBAAA;AADV;;AAQA;EACE,cAAA;AALF;;AASA;EACE;IACE,2BAAA;EANF;EASA;IACE,wBAAA;EAPF;AACF;AAUA;EACE;IACE,wBAAA;EARF;EAWA;IACE,2BAAA;EATF;AACF;AAYA;EACE;IACE,4BAAA;EAVF;EAaA;IACE,wBAAA;EAXF;AACF;AAcA;EACE;IACE,wBAAA;EAZF;EAeA;IACE,4BAAA;EAbF;AACF;AAgBA;EACE;IACE,UAAA;EAdF;AACF;AAiBA;EACE;IACE,UAAA;EAfF;AACF;AAqBA;EACE,2BAAA;AAnBF;;AAsBA;EACE,0BAAA;AAnBF;;AAsBA;EACE,2BAAA;AAnBF;;AAsBA;EACE,4BAAA;AAnBF;;AAsBA;EACE,yBAAA;AAnBF;;AAsBA;EACE,0BAAA;AAnBF;;AAsBA;EACE,UAAA;AAnBF;;AAsBA;EACE,oBAAA;AAnBF;;AAsBA;EACE,qBAAA;AAnBF;;AAsBA;EACE,UAAA;AAnBF\",\"sourcesContent\":[\"@import \\\"../../../common/styles/settings\\\";\\r\\n\\r\\n.upload-wrapper {\\r\\n    display: block;\\r\\n    max-width: 600px;\\r\\n    &.is-hidden {\\r\\n        display: none;\\r\\n    }\\r\\n    &.drag-over {\\r\\n        .upload-content {\\r\\n            background-color: lighten($green, 65%);\\r\\n            border-color: $green;\\r\\n            .upload-body,\\r\\n            fa-icon {\\r\\n                visibility: hidden;\\r\\n            }\\r\\n        }\\r\\n    }\\r\\n}\\r\\n\\r\\n.upload {\\r\\n    position: relative;\\r\\n    margin-bottom: 15px;\\r\\n    &-content {\\r\\n        display: flex;\\r\\n        align-items: center;\\r\\n        min-height: 120px;\\r\\n        padding: 20px;\\r\\n        border: 2px dashed $darkgray25;\\r\\n        border-radius: $base * 2; \\r\\n        background-color: $hyperlightgray;\\r\\n        &-content-text {\\r\\n            margin-left: 10px;\\r\\n        }\\r\\n        form-input-file {\\r\\n            margin-left: auto; \\r\\n        }\\r\\n    }\\r\\n    &-body {\\r\\n        display: flex;\\r\\n        justify-content: space-between;\\r\\n        align-items: center;\\r\\n        width: 100%;\\r\\n        div {\\r\\n            display:flex;\\r\\n            align-items: center;\\r\\n            span {\\r\\n                margin-left: 10px;\\r\\n            }\\r\\n        }\\r\\n    }\\r\\n    &-info {\\r\\n      margin-top: $base * 8;\\r\\n      &.au-enter-active {\\r\\n        animation: fadeIn .5s;\\r\\n      }\\r\\n      &.au-leave-active {\\r\\n          animation: fadeIn .5s;\\r\\n      }\\r\\n    }\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n.loader-wrap {\\r\\n  margin: $base * 6 0;\\r\\n}\\r\\n\\r\\n\\r\\n@keyframes SlideInRight {\\r\\n  from {\\r\\n    transform: translateX(100%);\\r\\n  }\\r\\n\\r\\n  to {\\r\\n    transform: translateX(0);\\r\\n  }\\r\\n}\\r\\n\\r\\n@keyframes SlideOutRight {\\r\\n  from {\\r\\n    transform: translateX(0);\\r\\n  }\\r\\n\\r\\n  to {\\r\\n    transform: translateX(100%);\\r\\n  }\\r\\n}\\r\\n\\r\\n@keyframes SlideInLeft {\\r\\n  from {\\r\\n    transform: translateX(-100%);\\r\\n  }\\r\\n\\r\\n  to {\\r\\n    transform: translateX(0);\\r\\n  }\\r\\n}\\r\\n\\r\\n@keyframes SlideOutLeft {\\r\\n  from {\\r\\n    transform: translateX(0);\\r\\n  }\\r\\n\\r\\n  to {\\r\\n    transform: translateX(-100%);\\r\\n  }\\r\\n}\\r\\n\\r\\n@keyframes FadeIn {\\r\\n  to {\\r\\n    opacity: 1;\\r\\n  }\\r\\n}\\r\\n\\r\\n@keyframes FadeOut {\\r\\n  to {\\r\\n    opacity: 0;\\r\\n  }\\r\\n}\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n.animate-slide-in-right.au-enter {\\r\\n  transform: translateX(100%);\\r\\n}\\r\\n\\r\\n.animate-slide-in-right.au-enter-active {\\r\\n  animation: SlideInRight 1s;\\r\\n}\\r\\n\\r\\n.animate-slide-out-right.au-leave-active {\\r\\n  animation: SlideOutRight 1s;\\r\\n}\\r\\n\\r\\n.animate-slide-in-left.au-enter {\\r\\n  transform: translateX(-100%);\\r\\n}\\r\\n\\r\\n.animate-slide-in-left.au-enter-active {\\r\\n  animation: SlideInLeft 1s;\\r\\n}\\r\\n\\r\\n.animate-slide-out-left.au-leave-active {\\r\\n  animation: SlideOutLeft 1s;\\r\\n}\\r\\n\\r\\n.animate-fade-in.au-enter {\\r\\n  opacity: 0;\\r\\n}\\r\\n\\r\\n.animate-fade-in.au-enter-active {\\r\\n  animation: FadeIn 1s;\\r\\n}\\r\\n\\r\\n.animate-fade-out.au-leave-active {\\r\\n  animation: FadeOut 1s;\\r\\n}\\r\\n\\r\\n.animate-fade-out.au-left {\\r\\n  opacity: 0;\\r\\n}\\r\\n\\r\\n\\r\\n\",\"// Base\\r\\n$base: 4px;\\r\\n$base-fontsize: $base * 3.5;\\r\\n$base-padding: $base * 8;\\r\\n$base-margin: $base * 8;\\r\\n\\r\\n// Colors /////////////////////////\\r\\n\\r\\n$coral: #ff6f61;\\r\\n$coral50: #f6b6b0;\\r\\n$darkgray: #4a4a49;\\r\\n$darkgray50: #a4a4a4;\\r\\n$darkgray25: #d2d2d1;\\r\\n$lightgray: #f0f0ef;\\r\\n$lightgray50: #f7f7f7;\\r\\n$greyburbury: #755965;\\r\\n$greygreen: #4a6866;\\r\\n$ice: #c9e8fb;\\r\\n$aqua: #66c1bf;\\r\\n$sand: #d4d7c0;\\r\\n\\r\\n$darkblue: #008ba2;\\r\\n$deepblue: #176b88;\\r\\n$yellow: #fff7a1;\\r\\n$warning: #fff3cd;\\r\\n$red: #e85b46;\\r\\n$redlighten20: lighten($red, 25%);\\r\\n$redlighten35: lighten($red, 35%);\\r\\n$green: #267871;\\r\\n$greenlighten10: lighten($green, 10%);\\r\\n$mediumgreen: #43a584;\\r\\n$salmon: #ffac8f;\\r\\n$black: #000;\\r\\n$white: #fff;\\r\\n$nightgray: #3b3b3b;\\r\\n$mediumgray: #909090;\\r\\n$semilightgray: #e2e2e2;\\r\\n$lightlightgray: #f5f5f5;\\r\\n$hyperlightgray: #f8f8f8;\\r\\n\\r\\n// Hover Colors /////////////////////////\\r\\n\\r\\n$aqua-hover: darken($aqua, 10%);\\r\\n$aqua-light-hover: #f0fdfe;\\r\\n$darkblue-hover: darken($darkblue, 10%);\\r\\n$deepblue-hover: darken($deepblue, 10%);\\r\\n$yellow-hover: darken($yellow, 10%);\\r\\n$warning-hover: darken($warning, 10%);\\r\\n$red-hover: #c44b39;\\r\\n$green-hover: darken($green, 5%);\\r\\n\\r\\n$salmon-hover: darken($salmon, 10%);\\r\\n$black-hover: darken($black, 10%);\\r\\n$white-hover: darken($white, 10%);\\r\\n$nightgray-hover: darken($nightgray, 10%);\\r\\n$darkgray-hover: darken($darkgray, 10%);\\r\\n$mediumgray-hover: darken($mediumgray, 10%);\\r\\n$semilightgray-hover: darken($semilightgray, 10%);\\r\\n$lightgray-hover: darken($lightgray, 10%);\\r\\n$hyperlightgray-hover: darken($hyperlightgray, 10%);\\r\\n\\r\\n// CALENDAR COLORS /////////////////////////\\r\\n$calendar-event-blue: #def4f3;\\r\\n\\r\\n// LAYOUT /////////////////////////\\r\\n\\r\\n$body-font-size: 14px;\\r\\n$breadcrumb-height: 31px;\\r\\n$top-navigation-height: 50px;\\r\\n$page-header-height: 70px;\\r\\n$page-header-padding-with-info: 15px 20px;\\r\\n$page-header-padding: 23px 20px;\\r\\n$left-navigation-width: 250px;\\r\\n$content-padding: 20px;\\r\\n$default-border-radius: 3px;\\r\\n\\r\\n// List Filter\\r\\n$list-filter-padding: 20px;\\r\\n$list-filter-padding-thead: 20px 20px 20px 20px;\\r\\n\\r\\n// Section\\r\\n$section-content-padding: $base * 8;\\r\\n\\r\\n// Box\\r\\n$box-padding: 30px;\\r\\n$box-bottom-margin: 20px;\\r\\n\\r\\n// Container\\r\\n$container-headline-font: bold 18px \\\"standard-font\\\";\\r\\n\\r\\n// Grid\\r\\n$grid-columns: 12;\\r\\n$grid-gutterWidth: 20px;\\r\\n\\r\\n// Break-points\\r\\n$grid-screenTablet: 768px;\\r\\n$grid-screenDesktop: 992px;\\r\\n$grid-screenLarge: 1200px;\\r\\n$grid-screenXLarge: 1600px;\\r\\n\\r\\n// Buttons\\r\\n$button-border-radius: 3px;\\r\\n$button-transition-duration: 100ms;\\r\\n$button-text-transform: none;\\r\\n$button-font-weight: bold;\\r\\n\\r\\n// Default button\\r\\n$default-button-background-color: $white;\\r\\n$default-button-color: $darkgray;\\r\\n$default-button-border-color: $lightgray;\\r\\n$default-button-hover-color: darken($white, 5%);\\r\\n\\r\\n// Disabled button\\r\\n$disabled-button-background-color: $white;\\r\\n$disabled-button-color: lighten($mediumgray, 15%);\\r\\n$disabled-button-border-color: $lightgray;\\r\\n\\r\\n//Buttons small size\\r\\n$button-small-height: 24px;\\r\\n$button-small-min-width: 24px;\\r\\n$button-small-padding: 0 8px;\\r\\n$button-small-padding-no-label: 0 8px;\\r\\n$button-small-font-size: 13px;\\r\\n$button-small-icon-size: 9px;\\r\\n\\r\\n//Buttons default size\\r\\n$button-height: 40px;\\r\\n$button-min-width: 40px;\\r\\n$button-padding: 0 16px;\\r\\n$button-padding-no-label: 0 12px;\\r\\n$button-font-size: 14px;\\r\\n$button-icon-size: 12px;\\r\\n\\r\\n//Buttons large size\\r\\n$button-large-height: 46px;\\r\\n$button-large-min-width: 46px;\\r\\n$button-large-padding: 0 20px;\\r\\n$button-large-padding-no-label: 0 14px;\\r\\n$button-large-font-size: 16px;\\r\\n$button-large-icon-size: 14px;\\r\\n\\r\\n// UI Infobox\\r\\n$ui-infobox-border-radius: 0;\\r\\n\\r\\n$ui-infobox-primary-background-color: $lightgray50;\\r\\n$ui-infobox-primary-color: $darkgray;\\r\\n$ui-infobox-primary-icon-color: $darkgray;\\r\\n\\r\\n$ui-infobox-success-background-color: rgba($mediumgreen, 0.15);\\r\\n$ui-infobox-success-color: $darkgray;\\r\\n$ui-infobox-success-icon-color: $mediumgreen;\\r\\n\\r\\n$ui-infobox-danger-background-color: rgba($red, 0.15);\\r\\n$ui-infobox-danger-color: $darkgray;\\r\\n$ui-infobox-danger-icon-color: $red;\\r\\n\\r\\n$ui-infobox-warning-background-color: rgba($warning, 0.5);\\r\\n$ui-infobox-warning-color: $darkgray;\\r\\n$ui-infobox-warning-icon-color: $darkgray;\\r\\n\\r\\n// Body\\r\\n$body-background-color: $lightgray;\\r\\n\\r\\n//Table\\r\\n$table-heading: 13px;\\r\\n$table-head-border-color: $semilightgray;\\r\\n\\r\\n//Tabs\\r\\n$tabs-font-size: 13px;\\r\\n$tabs-font-weight: bold;\\r\\n\\r\\n// Form\\r\\n$input-border-radius: 3px;\\r\\n$input-font-size: 15px;\\r\\n$input-placeholder-color: #b2b2b2;\\r\\n$form-label-color: #777;\\r\\n$form-label-bottom-margin: 5px;\\r\\n$form-info-color: $mediumgray;\\r\\n$form-error-color: $red;\\r\\n$form-disabled-background-color: $lightgray;\\r\\n$form-required-color: $aqua;\\r\\n$form-element-max-width: 600px;\\r\\n$form-element-bottom-margin: 16px;\\r\\n$form-input-height: 40px;\\r\\n$form-input-border-radius: 3px;\\r\\n$form-input-border-color: $semilightgray;\\r\\n$form-input-hover-border-color: $mediumgray;\\r\\n$form-textarea-height: 120px;\\r\\n$form-datespan-gutter: 20px;\\r\\n$form-error-message-color: $darkgray;\\r\\n$toggle-height: 20px;\\r\\n$toggle-width: 40px;\\r\\n$form-datepicker-width: 286px;\\r\\n$form-datepicker-margin: 8px;\\r\\n$form-select-height: 40px;\\r\\n$form-select-border-radius: 3px;\\r\\n$form-select-min-width: 140px;\\r\\n$form-select-dropdown-max-width: 320px;\\r\\n$form-radio-margin-bottom: 10px;\\r\\n\\r\\n// Dialog\\r\\n$dialog-transition-duration: 300ms;\\r\\n$dialog-header-height: $page-header-height;\\r\\n$dialog-header-title-padding: 0 0 0 $base-padding;\\r\\n$dialog-header-actions-padding: 0 $base-padding 0 0;\\r\\n$dialog-footer-height: $page-header-height;\\r\\n$dialog-footer-padding: 0 14px;\\r\\n$dialog-body-padding: $base-padding;\\r\\n\\r\\n// Center dialog\\r\\n$dialog-default-small-width: 400px;\\r\\n$dialog-default-medium-width: 600px;\\r\\n$dialog-default-large-width: 900px;\\r\\n$dialog-default-min-height: 300px;\\r\\n$dialog-default-xlarge-margin: 14px;\\r\\n$dialog-default-min-height: 400px;\\r\\n\\r\\n// Right dialog\\r\\n$dialog-right-small-width: 500px;\\r\\n$dialog-right-medium-width: 650px;\\r\\n$dialog-right-large-width: 800px;\\r\\n$dialog-right-min-height: 100px;\\r\\n\\r\\n// Box grid\\r\\n$box-gutter: 10px;\\r\\n$box-gutter-subtract: 20px;\\r\\n\\r\\n// Shadows\\r\\n$shadow-dropdown: 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.03),\\r\\n  0 32px 32px rgba(0, 0, 0, 0.03), 0 0px 10px rgba(0, 0, 0, 0.05);\\r\\n$shadow-tooltip: $shadow-dropdown;\\r\\n\\r\\n// Main navigation 1st level\\r\\n$nav-toolbar-width: 90px;\\r\\n$nav-toolbar-item-height: 70px;\\r\\n$nav-toolbar-item-active-color: $coral;\\r\\n\\r\\n// Main navigation 2nd level\\r\\n$nav-submenu-background-color: $white;\\r\\n$nav-submenu-width: 300px;\\r\\n$nav-submenu-hover-color: $lightgray;\\r\\n$nav-submenu-active-color: #3d484c;\\r\\n$nav-submenu-icon-width: 40px;\\r\\n$nav-pinned-submenu-width: 300px;\\r\\n\\r\\n$nav-back-button-height: $page-header-height;\\r\\n$nav-pinner-height: 20px;\\r\\n$nav-pinner-width: 40px;\\r\\n$page-padding: 0 0 0 $nav-toolbar-width;\\r\\n$transition-delay-open: 0s;\\r\\n$transition-delay-close: 400ms;\\r\\n\\r\\n$nav-shortcut-button-background: darken($darkgray, 10%);\\r\\n\\r\\n$nav-toolbar-bg: $lightgray50;\\r\\n$nav-toolbar-color: $darkgray;\\r\\n$nav-toolbar-logo-color: $coral;\\r\\n\\r\\n// Color picker colors for labels and categories\\r\\n$pick-colors: $red #28976f $deepblue #d2b037 #cc335f #77608c $green #ae3e5e #559590 $aqua #b57761 #b24838 #256c53 $darkblue $salmon #242e31 #495d63 #d6ce56;\\r\\n\\r\\n// Labels\\r\\n$label-colors: $pick-colors;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\\r\\n$category-list-item-max-width: 300px;\\r\\n\\r\\n// UI List /////////////////////////\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".logotype .color {\\n  fill: #ff6f61;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/logotype/logotype.scss\"],\"names\":[],\"mappings\":\"AACE;EACE,aAAA;AAAJ\",\"sourcesContent\":[\".logotype {\\r\\n  .color {\\r\\n    fill: #ff6f61;\\r\\n  }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".nav-bar {\\n  display: flex;\\n  align-items: center;\\n  height: 100px;\\n  width: 100%;\\n}\\n.nav-bar__content {\\n  width: 850px;\\n  margin: 0 auto;\\n}\\n.nav-bar__link {\\n  display: flex;\\n  align-items: center;\\n  text-decoration: none;\\n}\\n.nav-bar__link:hover {\\n  text-decoration: none;\\n}\\n.nav-bar__logo {\\n  height: 34px;\\n  width: 176px;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/nav-bar/nav-bar.scss\"],\"names\":[],\"mappings\":\"AAEA;EACE,aAAA;EACA,mBAAA;EACA,aAAA;EACA,WAAA;AADF;AAEE;EACE,YAAA;EACA,cAAA;AAAJ;AAEE;EACE,aAAA;EACA,mBAAA;EACA,qBAAA;AAAJ;AACI;EACE,qBAAA;AACN;AAEE;EACE,YAAA;EACA,YAAA;AAAJ\",\"sourcesContent\":[\"@import \\\"../../../common/styles/settings\\\";\\r\\n\\r\\n.nav-bar {\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  height: 100px;\\r\\n  width: 100%;\\r\\n  &__content {\\r\\n    width: 850px;\\r\\n    margin: 0 auto;\\r\\n  }\\r\\n  &__link {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    text-decoration: none;\\r\\n    &:hover {\\r\\n      text-decoration: none;\\r\\n    }\\r\\n  }\\r\\n  &__logo {\\r\\n    height: 34px;\\r\\n    width: 176px;\\r\\n\\r\\n  }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ui-simple-list .label {\\n  margin-bottom: 8px;\\n}\\n.ui-simple-list .list-view {\\n  list-style-type: none;\\n  padding: 0;\\n  margin: 0;\\n}\\n.ui-simple-list .list-view:last-of-type {\\n  border-bottom: 1px solid #f0f0ef;\\n}\\n.ui-simple-list .list-view-row {\\n  padding: 6px 0;\\n  border-top: 1px solid #f0f0ef;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/resources/elements/ui-simple-list/ui-simple-list.scss\"],\"names\":[],\"mappings\":\"AAIE;EACE,kBAAA;AAHJ;AAKE;EACE,qBAAA;EACA,UAAA;EACA,SAAA;AAHJ;AAII;EACE,gCAAA;AAFN;AAKE;EACE,cAAA;EACA,6BAAA;AAHJ\",\"sourcesContent\":[\"@import \\\"../../../common/styles/settings\\\";\\r\\n@import \\\"../../../common/styles/utils\\\";\\r\\n\\r\\n.ui-simple-list {\\r\\n  .label {\\r\\n    margin-bottom: $base * 2;\\r\\n  }\\r\\n  .list-view {\\r\\n    list-style-type: none;\\r\\n    padding: 0;\\r\\n    margin: 0;\\r\\n    &:last-of-type {\\r\\n      border-bottom: 1px solid $lightgray;\\r\\n    }\\r\\n  }\\r\\n  .list-view-row {\\r\\n    padding: $base * 1.5 0;\\r\\n    border-top: 1px solid $lightgray;\\r\\n  }\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Module\nvar code = \"<template class=\\\"default-colors component-tokens\\\">\\r\\n  <require from=\\\"@fortawesome/fontawesome-free/css/all.min.css\\\"></require>\\r\\n  <require from=\\\"./common/styles/app.scss\\\"></require>\\r\\n\\r\\n  <nav-bar router.bind=\\\"router\\\"></nav-bar>\\r\\n  <main class=\\\"main-content\\\">\\r\\n    <router-view></router-view>\\r\\n  </main>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n  <require from=\\\"./index.scss\\\"></require>\\r\\n  <ui-box icon=\\\"check-circle\\\" headline=\\\"Data Validation Service\\\">\\r\\n    <div slot=\\\"headline-right\\\">\\r\\n      <ui-read-more url.one-time=\\\"helpUrl\\\" label=\\\"Help\\\"></ui-read-more>\\r\\n    </div>\\r\\n\\r\\n    <ui-container>\\r\\n      <p class=\\\"intro\\\">\\r\\n        Here you can validate your receipt or points files (both XML and CSV) to\\r\\n        confirm they are correctly formatted before sending them to your Voyado\\r\\n        Engage team. Make sure to follow the guidelines on\\r\\n        <a href.bind=\\\"quidelineUrl\\\" target=\\\"_blank\\\">this page</a>.\\r\\n      </p>\\r\\n    </ui-container>\\r\\n\\r\\n    <ui-container>\\r\\n      <div class=\\\"form-width\\\">\\r\\n        <div class=\\\"label\\\">Choose filetype</div>\\r\\n        <form-select\\r\\n          value.bind=\\\"options[0]\\\"\\r\\n          items.bind=\\\"options\\\"\\r\\n          change.delegate=\\\"selectChanged()\\\"\\r\\n        ></form-select>\\r\\n      </div>\\r\\n    </ui-container>\\r\\n    <ui-container>\\r\\n      <div class=\\\"upload-width\\\">\\r\\n        <div class=\\\"label\\\">Upload files</div>\\r\\n        <drop-file files.bind=\\\"files\\\"></drop-file>\\r\\n      </div>\\r\\n    </ui-container>\\r\\n\\r\\n    <ui-container headline=\\\"Analyze files\\\" if.bind=\\\"files.length > 0\\\">\\r\\n      <ui-list\\r\\n        data.bind=\\\"files\\\"\\r\\n        list-type=\\\"table-view\\\"\\r\\n        columns.bind=\\\"columns\\\"\\r\\n        actions.bind=\\\"actions\\\"\\r\\n      ></ui-list>\\r\\n      <div class=\\\"loader-wrap\\\">\\r\\n        <ui-loader if.bind=\\\"loading\\\"></ui-loader>\\r\\n        <div if.bind=\\\"counter === 0\\\">\\r\\n          ${files.length === 1 ? 'Analyzing...' : `Analyzing ${fileCount}\\r\\n          files...`}\\r\\n        </div>\\r\\n        <div if.bind=\\\"files.length > 1 && counter > 0\\\">\\r\\n          ${counter} out of ${fileCount} has been analyzed...\\r\\n        </div>\\r\\n      </div>\\r\\n      <div class=\\\"actions right\\\">\\r\\n        <ui-button\\r\\n          if.bind=\\\"files.length > 0\\\"\\r\\n          icon=\\\"play\\\"\\r\\n          variant=\\\"primary\\\"\\r\\n          label=\\\"Start\\\"\\r\\n          click.call=\\\"upload(files)\\\"\\r\\n          disabled.bind=\\\"hasClickedAnalyze\\\"\\r\\n        >\\r\\n        </ui-button>\\r\\n      </div>\\r\\n    </ui-container>\\r\\n    <ui-container if.bind=\\\"validationNuGetVersionResult\\\"><span>Validation NuGet version: ${validationNuGetVersionResult}</span></ui-container>\\r\\n  </ui-box>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n  <require from=\\\"./result.scss\\\"></require>\\r\\n  <ui-box icon=\\\"chart-bar\\\" headline=\\\"Analyzed result\\\">\\r\\n    <div slot=\\\"headline-right\\\">\\r\\n      <ui-read-more url.one-time=\\\"helpUrl\\\" label=\\\"Help\\\"> </ui-read-more>\\r\\n    </div>\\r\\n    <ui-container>\\r\\n      <div class=\\\"intro\\\">\\r\\n        <p>\\r\\n          If you want to save the analyzed result, please make sure to download\\r\\n          it before leaving this page.\\r\\n          <span if.bind=\\\"analyseFileResult.length > 1\\\"\\r\\n            >You can download all analyzed results in one file or one by\\r\\n            one.</span\\r\\n          >\\r\\n          <span if.bind=\\\"kpiFiles === 0 || errorFiles > 1\\\"\\r\\n            >Before uploading a new file make sure to correct the errors\\r\\n            according to the required formats.</span\\r\\n          >\\r\\n        </p>\\r\\n\\r\\n        <div if.bind=\\\"out.bottom\\\">\\r\\n          <p if.bind=\\\"errorFiles !== 0\\\">\\r\\n            Files with errors: <strong>${errorFiles}</strong>\\r\\n          </p>\\r\\n          <p if.bind=\\\"kpiFiles !== 0\\\">\\r\\n            <span> Successfully validated: <strong>${kpiFiles}</strong> </span>\\r\\n          </p>\\r\\n        </div>\\r\\n      </div>\\r\\n\\r\\n      <div class=\\\"actions\\\" if.bind=\\\"out.bottom\\\">\\r\\n        <ui-button\\r\\n          icon=\\\"chevron-left\\\"\\r\\n          click.trigger=\\\"goBackToStart()\\\"\\r\\n          label=\\\"Try again\\\"\\r\\n        ></ui-button>\\r\\n        <ui-button\\r\\n          icon=\\\"download\\\"\\r\\n          click.trigger=\\\"downloadFiles(analyseFileResult)\\\"\\r\\n          label=\\\"Download all analyzed results (.csv)\\\"\\r\\n        ></ui-button>\\r\\n      </div>\\r\\n\\r\\n      <section class=\\\"section results\\\">\\r\\n        <template repeat.for=\\\"file of analyseFileResult\\\">\\r\\n          <div class=\\\"result\\\">\\r\\n            <ui-infobox\\r\\n              size=\\\"large\\\"\\r\\n              if.bind=\\\"file.errors.length > 0\\\"\\r\\n              label.bind=\\\"`${file.errors.length} ${file.errors.length <= 1 ? 'error' : 'errors'} was found in ${file.filename}`\\\"\\r\\n              variant=\\\"danger\\\"\\r\\n            ></ui-infobox>\\r\\n\\r\\n            <ui-infobox\\r\\n              size=\\\"large\\\"\\r\\n              else\\r\\n              label.bind=\\\"`${file.filename} was successfully validated! Please check that your KPI's are correct`\\\"\\r\\n              variant=\\\"success\\\"\\r\\n            ></ui-infobox>\\r\\n\\r\\n            <div if.bind=\\\"file.errors.length > 0\\\" class=\\\"scroll-wrapper\\\">\\r\\n              <div class=\\\"label\\\">Error messages</div>\\r\\n              <div class=\\\"scroll\\\">\\r\\n                <div>\\r\\n                  <ui-simple-list data.bind=\\\"file.errors\\\"></ui-simple-list>\\r\\n                </div>\\r\\n              </div>\\r\\n            </div>\\r\\n\\r\\n            <div else>\\r\\n              <ui-simple-list\\r\\n                label=\\\"KPI Messages\\\"\\r\\n                data.bind=\\\"file.kpi\\\"\\r\\n              ></ui-simple-list>\\r\\n            </div>\\r\\n\\r\\n            <div class=\\\"actions\\\">\\r\\n              <ui-button\\r\\n                icon=\\\"download\\\"\\r\\n                click.trigger=\\\"downloadFiles(file)\\\"\\r\\n                label=\\\"Download Result_${file.filename} (.csv)\\\"\\r\\n              ></ui-button>\\r\\n            </div>\\r\\n          </div>\\r\\n        </template>\\r\\n\\r\\n        <div\\r\\n          class=\\\"actions right ${out.bottom ? 'has-margin-top' : 'has-margin-top'}\\\"\\r\\n        >\\r\\n          <ui-button\\r\\n            icon=\\\"chevron-left\\\"\\r\\n            click.trigger=\\\"goBackToStart()\\\"\\r\\n            label=\\\"Try again\\\"\\r\\n          ></ui-button>\\r\\n\\r\\n          <ui-button\\r\\n            icon=\\\"download\\\"\\r\\n            if.bind=\\\"analyseFileResult.length > 1\\\"\\r\\n            click.trigger=\\\"downloadFiles(analyseFileResult)\\\"\\r\\n            label=\\\"Download all analyzed results (.csv)\\\"\\r\\n          ></ui-button>\\r\\n        </div>\\r\\n      </section>\\r\\n    </ui-container>\\r\\n    <ui-container if.bind=\\\"validationNuGetVersionResult\\\"><span>Validation NuGet version: ${validationNuGetVersionResult}</span></ui-container>\\r\\n  </ui-box>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n  <require from=\\\"../../attributes/file-drop-target\\\"></require>\\r\\n  <require from=\\\"./select-file\\\"></require>\\r\\n  <require from=\\\"./drop-file.scss\\\"></require>\\r\\n\\r\\n  <div\\r\\n    file-drop-target.call=\\\"addDroppedFiles(files)\\\"\\r\\n    accept.bind=\\\"accept\\\"\\r\\n    class=\\\"upload-wrapper\\\"\\r\\n  >\\r\\n    <div class=\\\"upload\\\">\\r\\n      <div class=\\\"upload-content\\\">\\r\\n        <div class=\\\"upload-body\\\">\\r\\n          <div>\\r\\n            <fa-icon size=\\\"lg\\\" icon=\\\"cloud-upload\\\"></fa-icon>\\r\\n            <span\\r\\n              >Drop files here to upload (CSV or XML) or use the browse\\r\\n              button</span\\r\\n            >\\r\\n          </div>\\r\\n          <select-file\\r\\n            accept.bind=\\\"accept\\\"\\r\\n            has-chosen-file.bind=\\\"hasChosenFile\\\"\\r\\n            files.bind=\\\"selectedFiles\\\"\\r\\n            change.delegate=\\\"addSelectedFiles()\\\"\\r\\n          ></select-file>\\r\\n        </div>\\r\\n      </div>\\r\\n      <ui-infobox\\r\\n        class=\\\"upload-info au-animate\\\"\\r\\n        if.bind=\\\"showInfoBox\\\"\\r\\n        label.bind=\\\"infoText\\\"\\r\\n      ></ui-infobox>\\r\\n    </div>\\r\\n  </div>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template class=\\\"select-file\\\">\\r\\n    <input type=\\\"file\\\" accept.bind=\\\"accept\\\" multiple files.bind=\\\"files\\\" ref=\\\"input\\\"\\r\\n        style=\\\"display:none;\\\">\\r\\n    <ui-button variant.bind=\\\"fileBtnVariant\\\" icon=\\\"folder-open\\\" label=\\\"Browse\\\" click.trigger=\\\"input.click()\\\">\\r\\n    </ui-button>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template class=\\\"logotype\\\">\\r\\n  <require from=\\\"./logotype.scss\\\"></require>\\r\\n  <svg id=\\\"Lager_1\\\" data-name=\\\"Lager 1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 934.55 171\\\">\\r\\n    <g>\\r\\n      <path d=\\\"m112.47,101.63c-11.13-6.43-20.47-15.68-27.01-26.76-6.7-11.36-10.25-24.4-10.25-37.7C75.21,16.64,58.57,0,38.04,0,20.35,0,5.55,12.35,1.79,28.9h0c-6.28,23.69,4.84,59.55,19.64,83.76,1.65,2.79,3.38,5.52,5.2,8.19,13.24,20.01,30.58,39.69,53.94,47.68,1.87.72,3.76,1.28,5.68,1.68.03,0,.06.02.09.02h0c2.49.51,5.01.77,7.51.77,12.85,0,25.34-6.67,32.23-18.59,10.26-17.78,4.17-40.51-13.61-50.78Z\\\"/>\\r\\n      <circle cx=\\\"149.65\\\" cy=\\\"37.17\\\" r=\\\"37.17\\\"/>\\r\\n    </g>\\r\\n    <g>\\r\\n      <path d=\\\"m417.19,0l-52.19,134.43h-33.41L279.8,0h31.63l37.56,99.44L386.36,0h30.84Z\\\"/>\\r\\n      <path d=\\\"m400.19,85.6c0-28.86,22.93-51.99,52.78-51.99s52.78,23.13,52.78,51.99-22.93,51.79-52.78,51.79-52.78-23.13-52.78-51.79Zm79.08,0c0-15.22-10.87-27.08-26.29-27.08s-26.29,11.86-26.29,27.08,10.87,26.89,26.29,26.89,26.29-11.86,26.29-26.89Z\\\"/>\\r\\n      <path d=\\\"m606.78,36.77c-2.37,44.68-29.85,131.86-100.82,134.23v-24.32c12.85-1.19,23.33-5.93,32.22-12.65l-36.57-97.26h28.86l27.68,73.94c14.23-24.12,19.37-54.76,21.35-73.94h27.28Z\\\"/>\\r\\n      <path d=\\\"m710.77,36.77v97.66h-24.51v-11.47c-6.52,8.9-18.58,13.44-30.64,13.44-28.47,0-47.25-22.34-47.25-51s18.78-50.81,47.25-50.81c12.06,0,24.12,4.55,30.64,13.44v-11.27h24.51Zm-24.51,48.63c0-14.63-10.48-26.49-25.9-26.49s-25.9,11.86-25.9,26.49,10.48,26.49,25.9,26.49,25.9-11.66,25.9-26.49Z\\\"/>\\r\\n      <path d=\\\"m821.48,0v134.43h-24.51v-11.47c-6.52,8.9-18.58,13.64-30.44,13.64-28.86,0-47.84-22.54-47.84-51s18.98-51,47.84-51c10.87,0,22.14,3.95,28.86,11.47V0h26.09Zm-24.51,85.6c0-14.83-10.28-26.49-25.9-26.49s-25.9,11.66-25.9,26.49,10.48,26.49,25.9,26.49,25.9-11.66,25.9-26.49Z\\\"/>\\r\\n      <path d=\\\"m828.99,85.6c0-28.86,22.93-51.99,52.78-51.99s52.78,23.13,52.78,51.99-22.93,51.79-52.78,51.79-52.78-23.13-52.78-51.79Zm79.07,0c0-15.22-10.87-27.08-26.29-27.08s-26.29,11.86-26.29,27.08,10.87,26.89,26.29,26.89,26.29-11.86,26.29-26.89Z\\\"/>\\r\\n    </g>\\r\\n  </svg>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template bindable=\\\"router\\\">\\r\\n  <require from=\\\"../logotype/logotype.html\\\"></require>\\r\\n  <require from=\\\"./nav-bar.scss\\\"></require>\\r\\n  <header>\\r\\n    <nav class=\\\"nav-bar\\\" role=\\\"navigation\\\">\\r\\n      <div class=\\\"nav-bar__content\\\">\\r\\n        <a class=\\\"nav-bar__link\\\" href=\\\"#\\\">\\r\\n          <span class=\\\"nav-bar__logo\\\">\\r\\n            <logotype></logotype>\\r\\n          </span>\\r\\n        </a>\\r\\n      </div>\\r\\n    </nav>\\r\\n  </header>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template class=\\\"ui-simple-list\\\">\\r\\n  <require from=\\\"./ui-simple-list.scss\\\"></require>\\r\\n    <div class=\\\"label\\\" if.bind=\\\"label\\\" label.one-time=\\\"label\\\">${label}</div>\\r\\n    <ul class=\\\"list-view\\\" if.bind=\\\"data && data.length\\\">\\r\\n      <li repeat.for=\\\"row of data\\\" class=\\\"list-view-row\\\">\\r\\n        ${row}\\r\\n      </li>\\r\\n    </ul>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","import {PLATFORM} from 'aurelia-pal';\r\nimport {Router, RouterConfiguration} from 'aurelia-router';\r\n\r\nexport class App {\r\n  public router: Router;\r\n\r\n  public configureRouter(config: RouterConfiguration, router: Router): Promise<void> | PromiseLike<void> | void {\r\n    config.title = 'Data Validation Service';\r\n    config.map([\r\n      {\r\n        route: ['', 'start'],\r\n        name: 'start',\r\n        moduleId: PLATFORM.moduleName('./applications/transactions/index'),\r\n        nav: true,\r\n        title: 'Start'\r\n      }\r\n      ,\r\n      {\r\n        route: 'result', \r\n        name: 'result',\r\n        moduleId: PLATFORM.moduleName('./applications/transactions/views/result'),\r\n        nav: true,\r\n        title: 'Analyzed result'\r\n      }\r\n    ]);\r\n\r\n    this.router = router;\r\n  }\r\n}\r\n","import { observable, bindable, autoinject, bindingMode } from 'aurelia-framework';\r\nimport { TransactionsDataService } from \"./service/transactions-data-service\";\r\nimport { Router } from 'aurelia-router';\r\nimport { Interfaces } from '@voyado-ui/core-components';\r\nimport { developerDocsHelpUrl, developerDocsGuidelineUrl } from './links';\r\n\r\n@autoinject\r\nexport class Start {\r\n  @observable({ defaultBindingMode: bindingMode.twoWay }) files: File[] = [];\r\n  @observable selectedFilesVisible: HTMLElement;\r\n  @bindable counter: number;\r\n  public filename: string;\r\n  public loading: boolean;\r\n  public showHeading: boolean = false;\r\n  public fileCount: number;\r\n  public hasClickedAnalyze: boolean = false;\r\n  public helpUrl: string = developerDocsHelpUrl;\r\n  public quidelineUrl: string = developerDocsGuidelineUrl;\r\n  public columns: Interfaces.UiList.UiListColumn[];\r\n  public actions: Interfaces.UiList.UiListAction[];\r\n  private options: Array<SelectValues>; \r\n  private fileType: string;\r\n  public validationNuGetVersionResult: string | undefined;\r\n\r\n  constructor(\r\n    private service: TransactionsDataService, private element: Element, private router: Router) {\r\n    this.options = [\r\n      { id: 'invoice', name: \"Invoice\" },\r\n      { id: 'point', name: \"Points\" }\r\n    ];\r\n    this.defineColumns();\r\n    this.defineActions();\r\n\r\n    this.fileType = this.options[0].id;\r\n  }\r\n\r\n  activate() {\r\n    return this.service.getValidationNuGetVersion()\r\n      .then(response => {\r\n        this.validationNuGetVersionResult = response.version;\r\n      }).catch(error => {\r\n        console.log('Error getting validation NuGet version', error);\r\n      });\r\n  };\r\n\r\n  filesChanged() {\r\n    if (this.files.length > 0) {\r\n      this.showHeading = true;\r\n    }\r\n  }\r\n\r\n  selectChanged() {\r\n    this.fileType = this.options[0].id; \r\n  }\r\n\r\n  upload(files: FileList) {\r\n    this.hasClickedAnalyze = true;\r\n    this.fileCount = 0;\r\n\r\n    this.service.emptyData();\r\n    for (let i = 0; i < files.length; i++) {\r\n      this.fileCount++\r\n      const form = new FormData();\r\n      form.append('fileType', this.fileType);\r\n      form.append('file' + i, files[i]);\r\n      this.send(form);\r\n    }\r\n  }\r\n\r\n  send(file: FormData) {\r\n    this.counter = 0;\r\n    this.loading = true;\r\n    this.service.importFile(file)\r\n      .then(() => {\r\n        this.counter++\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n      .finally(() => {\r\n        if (this.counter === this.files.length) {\r\n          this.loading = false;\r\n          this.router.navigateToRoute('result');\r\n        }\r\n      });\r\n  }\r\n\r\n  private delete(row: any) {\r\n    this.files = this.files.filter(file => file.name !== row.name);\r\n  }\r\n\r\n  public defineColumns() {\r\n    this.columns = [\r\n      {\r\n        property: 'name',\r\n        header: 'Name',\r\n      },\r\n    ];\r\n  }\r\n\r\n  public defineActions() {\r\n    this.actions = [\r\n      {\r\n        id: 'delete',\r\n        name: 'delete',\r\n        icon: 'trash-alt',\r\n        execute: (row: any) => {\r\n          this.delete(row);\r\n        },\r\n      },\r\n    ];\r\n  }\r\n}\r\n\r\ntype SelectValues = {\r\n  id: string;\r\n  name: string;\r\n};\r\n\r\n","\r\nexport const developerDocsHelpUrl: string = \"https://developer.voyado.com/en/import-historical-data/preparing-your-file.html\";\r\nexport const developerDocsGuidelineUrl: string = \"https://developer.voyado.com/en/import-historical-data.html\";","import { environment } from \"./../../../../config/environment\";\r\nimport { HttpClient } from \"aurelia-fetch-client\";\r\nimport { autoinject } from \"aurelia-framework\";\r\nimport { AnalyseFileResult } from \"../service/analyzeFileResult\";\r\nimport { ValidationNuGetVersionResult } from \"../service/validationNuGetVersionResult\";\r\n\r\n@autoinject\r\nexport class TransactionsDataService {\r\n  private resultData = new Array<AnalyseFileResult>();\r\n  constructor(private httpClient: HttpClient) {}\r\n\r\n  async getValidationNuGetVersion() : Promise<ValidationNuGetVersionResult> {\r\n    const response = await this.httpClient\r\n      .fetch(environment.functionUrl + \"/ValidationNuGetVersion\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        return data;\r\n      });\r\n    return response;\r\n  }\r\n\r\n  async importFile(file: FormData) {\r\n    const response = await this.httpClient\r\n      .fetch(environment.functionUrl + \"/AnalyzeFile\", {\r\n        method: \"POST\",\r\n        body: file,\r\n      })\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        this.resultData.push(data[0]);\r\n      });\r\n  }\r\n\r\n  emptyData() {\r\n    this.resultData = [];\r\n  }\r\n\r\n  getResultData() {\r\n    return this.resultData;\r\n  }\r\n}\r\n","import { autoinject, bindable } from 'aurelia-framework';\r\nimport { TransactionsDataService } from \"../service/transactions-data-service\";\r\nimport { AnalyseFileResult } from \"../service/analyzeFileResult\";\r\nimport { Router } from 'aurelia-router';\r\nimport { developerDocsHelpUrl } from '../links';\r\n\r\n@autoinject\r\nexport class Result {\r\n  public analyseFileResult: Array<AnalyseFileResult> = [];\r\n  public filename: string;\r\n  public overflow: boolean;\r\n  public helpUrl: string = developerDocsHelpUrl;\r\n  public resultsElement: NodeListOf<Element>;\r\n  public errorFiles: number = 0;\r\n  public kpiFiles: number = 0;\r\n  public hej: number;\r\n  public validationNuGetVersionResult: string | undefined;\r\n  @bindable out: ElementOutOfViewport = {\r\n    top: false,\r\n    left: false,\r\n    bottom: false,\r\n    right: false,\r\n    any: false\r\n  };\r\n\r\n  constructor(private service: TransactionsDataService, private element: Element, private router: Router) {\r\n    this.analyseFileResult = this.sortArray(this.service.getResultData());\r\n    this.countFiles(this.analyseFileResult);\r\n    this.hej = 0; \r\n  }\r\n\r\n  countFiles(file: Array<AnalyseFileResult>) {\r\n    if (file && file.length > 0) {\r\n      for (let i = 0; i < file.length; i++) {\r\n        if (file[i].errors.length > 0) {\r\n          this.errorFiles++\r\n        }\r\n        else {\r\n          this.kpiFiles++\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  sortArray(array: Array<AnalyseFileResult>) {\r\n    return array = array.sort((a, b) => {\r\n      return b.errors.length - a.errors.length;\r\n    });\r\n  }\r\n\r\n  activate() {\r\n    if (this.analyseFileResult.length === 0) {\r\n      this.router.navigateToRoute('start');\r\n    }\r\n\r\n    return this.service.getValidationNuGetVersion()\r\n      .then(response => {\r\n        this.validationNuGetVersionResult = response.version;\r\n      }).catch(error => {\r\n        console.log('Error getting validation NuGet version', error);\r\n      });\r\n  }\r\n\r\n  attached() {\r\n    this.hasOverflow();\r\n    this.element.querySelectorAll('.scroll').forEach((item: HTMLElement) => {\r\n      item.addEventListener('scroll', this.onScroll);\r\n    })\r\n    this.resultsElement = this.element.querySelectorAll('.results');\r\n    this.isElementOutOfViewport(this.resultsElement[0] as HTMLElement)\r\n  }\r\n\r\n  isElementOutOfViewport(element: HTMLElement) {\r\n    const bounding = element.getBoundingClientRect();\r\n\r\n    this.out.top = bounding.top < 0;\r\n    this.out.left = bounding.left < 0;\r\n\r\n    this.out.bottom = bounding.bottom > (window.innerHeight || document.documentElement.clientHeight);\r\n    this.out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth);\r\n    this.out.any = this.out.top || this.out.left || this.out.bottom || this.out.right;\r\n\r\n    return this.out;\r\n  };\r\n\r\n  downloadFiles(file: any) {\r\n    let resultString = '';\r\n    let filename = '';\r\n    \r\n    //Download all\r\n    if (file.length > 0) {\r\n      for (let x = 0; x < file.length; x++) {\r\n        if (file[x].errors.length > 0) {\r\n          //Errors\r\n          for (let i = 0; i < file[x].errors.length; i++) {\r\n            resultString += file[x].errors[i] + '\\n';\r\n            filename = file[x].filename;\r\n          }\r\n        }\r\n        else {\r\n          //or KPIs\r\n          for (let i = 0; i < file[x].kpi.length; i++) {\r\n            resultString += file[x].kpi[i] + '\\n';\r\n            filename = file[x].filename;\r\n          }\r\n        }\r\n        this.fileStringToCsv(resultString, filename);\r\n      }\r\n    }\r\n    else {\r\n      //download one by one\r\n      if (file.errors.length > 0) {\r\n        //Errors\r\n        for (let i = 0; i < file.errors.length; i++) {\r\n          resultString += file.errors[i] + '\\n';\r\n          filename = file.filename;\r\n        }\r\n      }\r\n      else {\r\n        //or KPIs\r\n        for (let i = 0; i < file.kpi.length; i++) {\r\n          resultString += file.kpi[i] + '\\n';\r\n          filename = file.filename;\r\n        }\r\n      }\r\n      this.fileStringToCsv(resultString, filename);\r\n    }\r\n  }\r\n\r\n  fileStringToCsv(resultString: string, filename: string) {\r\n    const element = document.createElement('a');\r\n    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(resultString));\r\n    element.setAttribute('download', 'Result_' + filename.split('.')[0] + '.csv');\r\n    element.style.display = 'none';\r\n    document.body.appendChild(element);\r\n    element.click();\r\n    document.body.removeChild(element);\r\n  }\r\n\r\n  goBackToStart = () => {\r\n    this.router.navigateToRoute('start');\r\n  };\r\n\r\n  hasOverflow() {\r\n    this.element.querySelectorAll('.scroll').forEach((item: HTMLElement) => {\r\n      const hasOverflow = item.scrollHeight > item.clientHeight || item.scrollWidth > item.clientWidth;\r\n      hasOverflow ? item.classList.add('has-overflow') : item.classList.add('no-overflow');\r\n    })\r\n  }\r\n\r\n  onScroll(e: any) {\r\n    const element = e.target;\r\n    const verticallyScrolled = element.scrollTop;\r\n    const bottom = element.scrollHeight - element.scrollTop === element.clientHeight;\r\n\r\n    verticallyScrolled > 0 ? element.classList.add('is-scrolling') : element.classList.remove('is-scrolling');\r\n    bottom ? element.classList.add('reached-bottom') : element.classList.remove('reached-bottom');\r\n  }\r\n\r\n  detached() {\r\n    this.element.querySelectorAll('.scroll').forEach((item: HTMLElement) => {\r\n      item.removeEventListener('scroll', this.onScroll);\r\n    })\r\n  }\r\n\r\n\r\n}\r\ntype ElementOutOfViewport = {\r\n  top: boolean;\r\n  left: boolean;\r\n  bottom: boolean;\r\n  right: boolean;\r\n  any: boolean;\r\n};\r\n","import { Interfaces } from '@voyado-ui/core-components';\r\nimport { Config } from 'aurelia-api';\r\nimport { autoinject } from 'aurelia-dependency-injection';\r\nimport { faIconConfiguration } from './fa-icon-configuration';\r\n\r\n@autoinject\r\nexport class CoreComponentsConfiguration {\r\n  private config: Interfaces.CoreComponentsConfiguration;\r\n\r\n  constructor(private apiConfig: Config) {}\r\n\r\n  public init(config: Interfaces.CoreComponentsConfiguration) {\r\n    this.config = config;\r\n  }\r\n\r\n  public configIcons() {\r\n    this.config.faIconConfiguration.addCustomIcons(faIconConfiguration.customIcons);\r\n    this.config.faIconConfiguration.addIcons(faIconConfiguration.icons);\r\n  }\r\n\r\n\r\n}\r\n","export const faIconConfiguration = {\r\n  customIcons: [\r\n    'postalEnvelope',\r\n    'searchSegment',\r\n    'addLabel',\r\n    'removeLabel',\r\n    'valueSplit',\r\n    'targeting',\r\n    'segmentingTool',\r\n    'recentSegmentations',\r\n    'savedSegmentations',\r\n    'romb',\r\n    'module',\r\n    'styles',\r\n    'treeNavigation',\r\n    'webhooks',\r\n    'columns66',\r\n    'columns444',\r\n  ],\r\n  icons: [\r\n    'faAddressCard',\r\n    'faAlignCenter',\r\n    'faAlignLeft',\r\n    'faAlignRight',\r\n    'faAngleDown',\r\n    'faAngleLeft',\r\n    'faAngleRight',\r\n    'faArchive',\r\n    'faArrowCircleDown',\r\n    'faArrowCircleRight',\r\n    'faArrowCircleUp',\r\n    'faArrowDown',\r\n    'faArrowLeft',\r\n    'faArrowRight',\r\n    'faArrows',\r\n    'faArrowToRight',\r\n    'faArrowUp',\r\n    'faAt',\r\n    'faCalendarStar',\r\n    'faCodeBranch',\r\n    'faCodeMerge',\r\n    'faCompressAlt',\r\n    'faExpandAlt',\r\n\r\n    'faBadgePercent',\r\n    'faBan',\r\n    'faBars',\r\n    'faBirthdayCake',\r\n    'faBold',\r\n    'faBolt',\r\n    'faBookmark',\r\n    'faBookReader',\r\n    'faBoxFull',\r\n    'faBoxHeart',\r\n    'faBrowser',\r\n    'faBullseyeArrow',\r\n    'faBullseyePointer',\r\n\r\n    'faCalendarAlt',\r\n    'faCalendarCheck',\r\n    'faCalendarDay',\r\n    'faCalendarTimes',\r\n    'faCaretDown',\r\n    'faCaretUp',\r\n    'faCars',\r\n    'faCircleNotch',\r\n    'faClipboardList',\r\n    'faCode',\r\n    'faCog',\r\n    'faCogs',\r\n    'faCommentDots',\r\n    'faCommentAltDots',\r\n    'faCommentAltSmile',\r\n    'faCopy',\r\n    'faChartBar',\r\n    'faChartLine',\r\n    'faChartPie',\r\n    'faChartPieAlt',\r\n    'faCheck',\r\n    'faCheckCircle',\r\n    'faChevronCircleLeft',\r\n    'faChevronDown',\r\n    'faChevronLeft',\r\n    'faChevronRight',\r\n    'faClock',\r\n    'faClone',\r\n    'faCloudUpload',\r\n    'faCreditCard',\r\n\r\n    'faDesktop',\r\n    'faDownload',\r\n\r\n    'faEllipsisH',\r\n    'faEnvelope',\r\n    'faEnvelopeSquare',\r\n    'faEraser',\r\n    'faExchange',\r\n    'faExclamation',\r\n    'faExclamationTriangle',\r\n    'faExclamationCircle',\r\n    'faExternalLink',\r\n    'faEye',\r\n\r\n    'faFileAlt',\r\n    'faFileEdit',\r\n    'faFileExcel',\r\n    'faFileImport',\r\n    'faFileInvoice',\r\n    'faFilePlus',\r\n    'faFileSearch',\r\n    'faFilter',\r\n    'faFolder',\r\n    'faFolderOpen',\r\n\r\n    'faGavel',\r\n    'faGift',\r\n\r\n    'faHandHoldingBox',\r\n    'faHandHoldingUsd',\r\n    'faHandPointer',\r\n    'faHandPointRight',\r\n    'faHeadSideBrain',\r\n    'faHeartCircle',\r\n    'faHistory',\r\n    'faHotel',\r\n\r\n    'faImage',\r\n    'faImages',\r\n    'faInfoCircle',\r\n    'faItalic',\r\n\r\n    'faKey',\r\n\r\n    'faLink',\r\n    'faList',\r\n    'faListUl',\r\n    'faListOl',\r\n    'faLock',\r\n    'faLongArrowRight',\r\n\r\n    'faMagic',\r\n    'faMailbox',\r\n    'faMinus',\r\n    'faMobile',\r\n    'faMoneyCheck',\r\n\r\n    'faPaperPlane',\r\n    'faParagraph',\r\n    'faPencil',\r\n    'faPencilPaintbrush',\r\n    'faPennant',\r\n    'faPeopleArrows',\r\n    'faPersonSign',\r\n    'faPercent',\r\n    'faPlay',\r\n    'faPlug',\r\n    'faPlus',\r\n    'faPoll',\r\n\r\n    'faQuestionCircle',\r\n\r\n    'faRandom',\r\n    'faReceipt',\r\n    'faRedo',\r\n\r\n    'faSave',\r\n    'faSearch',\r\n    'faSearchMinus',\r\n    'faSearchPlus',\r\n    'faShare',\r\n    'faShoppingCart',\r\n    'faSigma',\r\n    'faSignIn',\r\n    'faSignOut',\r\n    'faSlidersHSquare',\r\n    'faSort',\r\n    'faSortAmountDown',\r\n    'faSortAmountUp',\r\n    'faSquare',\r\n    'faStamp',\r\n    'faStar',\r\n    'faStop',\r\n    'faStopCircle',\r\n    'faStore',\r\n    'faStoreAlt',\r\n    'faStrikethrough',\r\n    'faSyncAlt',\r\n\r\n    'faTable',\r\n    'faTablet',\r\n    'faTags',\r\n    'faTasks',\r\n    'faTh',\r\n    'faThLarge',\r\n    'faTimes',\r\n    'faTimesCircle',\r\n    'faTools',\r\n    'faTrashAlt',\r\n    'faTrophy',\r\n\r\n    'faUnderline',\r\n    'faUndo',\r\n    'faUpload',\r\n    'faUser',\r\n    'faUserCheck',\r\n    'faUserCircle',\r\n    'faUserClock',\r\n    'faUserCog',\r\n    'faUserFriends',\r\n    'faUserHeadset',\r\n    'faUserLock',\r\n    'faUserPlus',\r\n    'faUsers',\r\n    'faUsersClass',\r\n    'faUserTag',\r\n    'faUserTimes',\r\n\r\n    'faVolumeOff',\r\n  ],\r\n};\r\n","import { Aurelia } from \"aurelia-framework\";\r\nimport { Interfaces } from '@voyado-ui/core-components';\r\nimport { PLATFORM } from \"aurelia-pal\";\r\nimport { environment } from \"../config/environment\";\r\nimport { CoreComponentsConfiguration } from './configuration/core-components-configuration';\r\n\r\nexport function configure(aurelia: Aurelia): void {\r\n\r\n  const coreComponentsConfiguration = aurelia.container.get(CoreComponentsConfiguration) as CoreComponentsConfiguration;\r\n\r\n  aurelia.use\r\n    .standardConfiguration()\r\n    .plugin(PLATFORM.moduleName(\"@voyado-ui/core-utils\"))\r\n    .feature(PLATFORM.moduleName(\"resources/index\"));\r\n\r\n  aurelia.use.developmentLogging(environment.debug ? \"debug\" : \"warn\");\r\n\r\n  if (environment.debug) {\r\n    aurelia.use.plugin(PLATFORM.moduleName(\"aurelia-testing\"));\r\n  }\r\n\r\n  aurelia.use.plugin(\r\n    PLATFORM.moduleName(\"@voyado-ui/core-components\"),\r\n    (config: Interfaces.CoreComponentsConfiguration) => {\r\n    coreComponentsConfiguration.init(config);\r\n    coreComponentsConfiguration.configIcons();\r\n    }\r\n  );\r\n\r\n  //Uncomment the line below to enable animation.\r\n  aurelia.use.plugin(PLATFORM.moduleName(\"aurelia-animator-css\"));\r\n  // if the css animator is enabled, add swap-order=\"after\" to all router-view elements\r\n\r\n  //Anyone wanting to use HTMLImports to load views, will need to install the following plugin.\r\n  // aurelia.use.plugin(PLATFORM.moduleName('aurelia-html-import-template-loader'));\r\n\r\n  aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName(\"app\")));\r\n}\r\n","import { autoinject, bindingMode, customAttribute } from \"aurelia-framework\";\r\n\r\n@customAttribute(\"file-drop-target\", bindingMode.twoWay)\r\n@autoinject\r\nexport class FileDropTargetCustomAttribute {\r\n  private value: FileList | (({ files = FileList }) => void);\r\n  private dragClassName = \"drag-over\";\r\n\r\n  constructor(private element: Element) {}\r\n\r\n  attached() {\r\n    this.element.addEventListener(\"dragover\", this.onDragOver, false);\r\n    this.element.addEventListener(\"drop\", this.onDrop, false);\r\n    this.element.addEventListener(\"dragend\", this.onDragEnd, false);\r\n  }\r\n\r\n  onDragOver = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    this.element.classList.add(this.dragClassName);\r\n    (e as any).dataTransfer.dropEffect = \"move\";\r\n  };\r\n\r\n  onDrop = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    this.element.classList.remove(this.dragClassName);\r\n\r\n    if (typeof this.value === \"function\") {\r\n      this.value({ files: (e as any).dataTransfer.files });\r\n    } else {\r\n      this.value = (e as any).dataTransfer.files;\r\n    }\r\n  };\r\n\r\n  onDragEnd = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    (e as any).dataTransfer.clearData();\r\n    this.element.classList.remove(this.dragClassName);\r\n  };\r\n\r\n  detached() {\r\n    this.element.removeEventListener(\"dragend\", this.onDragEnd);\r\n    this.element.removeEventListener(\"drop\", this.onDrop);\r\n    this.element.removeEventListener(\"dragover\", this.onDragOver);\r\n  }\r\n}\r\n","import { bindable, bindingMode, observable, autoinject } from 'aurelia-framework';\r\n\r\n@autoinject\r\nexport class DropFile {\r\n  @observable() selectedFiles: File[];\r\n  @bindable({ defaultBindingMode: bindingMode.twoWay }) files: File[] = [];\r\n  @bindable accept: string = '.csv,.xml';\r\n  public infoText: string;\r\n  public showInfoBox: boolean = false;\r\n  get hasChosenFile(): boolean {\r\n    if (this.files && this.files.length > 0) {\r\n      return true;\r\n    }\r\n    return this.selectedFiles && this.selectedFiles.length > 0;\r\n  }\r\n\r\n  constructor(private element: Element) {\r\n  }\r\n\r\n  addDroppedFiles(files: File[]) {\r\n    this.addFiles(files);\r\n  }\r\n\r\n  addSelectedFiles() {\r\n    this.addFiles(this.selectedFiles);\r\n    this.selectedFiles = null; \r\n  }\r\n\r\n  addFiles(files: File[]) {\r\n    //check file types\r\n    const addedFiles: File[] = this.checkFileType(files)\r\n\r\n      //add files first time\r\n    if (this.files.length === 0) {\r\n      for (let i = 0; i < addedFiles.length; i++) {\r\n        this.files.push(addedFiles[i]);\r\n      }\r\n    } else {\r\n      //second time, check for duplicates\r\n      const concatedFiles = this.files.concat(addedFiles);\r\n      this.files = this.removeDuplicates(concatedFiles, 'name');\r\n\r\n      if (concatedFiles.length > this.files.length) {\r\n        const allDuplicates = this.getDuplicates(concatedFiles);\r\n        const duplicates = this.removeDuplicates(allDuplicates as File[], 'name');\r\n\r\n        this.showInfo(duplicates, true);\r\n      }\r\n    }\r\n  }\r\n\r\n  showInfo(file: File[], fileType: boolean) {\r\n    if (fileType) {\r\n      this.durationShowInfo();\r\n      this.infoText = `${this.getFileName(file).join(', ').toString()} has already been added to the list.`;\r\n    }\r\n    if (!fileType) {\r\n      this.durationShowInfo();\r\n      this.infoText = `${this.getFileName(file).join(', ').toString()} has the wrong file ${this.getFileName(file).length > 1 ? 'types' : 'type'}. Please try again!`;\r\n    }\r\n  }\r\n\r\n  getFileName(file: File[]) {\r\n    return file.map((element: { name: string }) => {\r\n      return element.name;\r\n    })\r\n  }\r\n\r\n  durationShowInfo() {\r\n    this.showInfoBox = true; \r\n    window.setTimeout(() => this.showInfoBox = false, 3500);\r\n  }\r\n\r\n  checkFileType(files: File[]) {\r\n    const correctFileType = [];\r\n    const wrongFileType = [];\r\n    const regex = RegExp('\\.(csv|xml)$');\r\n    for (let i = 0; i < files.length; i++) {\r\n      if (regex.test(files[i].name)) {\r\n        correctFileType.push(files[i]);\r\n      }\r\n      if(!regex.test(files[i].name)){\r\n          //wrong, show info message\r\n          wrongFileType.push(files[i]);\r\n          this.showInfo(wrongFileType, false);\r\n        }\r\n    }\r\n    return correctFileType;\r\n  }\r\n\r\n  removeDuplicates(files: File[], key: string) {\r\n    const lookup = {};\r\n    files.forEach((item: object) => {\r\n      return lookup[item[key]] = item;\r\n    });\r\n    return Object.keys(lookup).map(key => lookup[key]);\r\n  };\r\n\r\n  getDuplicates(files: File[]) {\r\n    return Object.values(files.reduce((c, v) => {\r\n      const k = v.name;\r\n      c[k] = c[k] || [];\r\n      c[k].push(v);\r\n      return c;\r\n    }, {})).reduce((c, v) => (v as string).length > 1 ? (c as string).concat(v as string) : c, []);\r\n  }\r\n\r\n}\r\n\r\n","import { bindable, bindingMode, autoinject } from 'aurelia-framework';\r\n\r\n@autoinject\r\nexport class SelectFile {\r\n  @bindable accept = '.csv,.xml';\r\n  @bindable({ defaultBindingMode: bindingMode.twoWay }) files: FileList;\r\n  @bindable hasChosenFile: boolean;\r\n  private input: HTMLInputElement;\r\n   \r\n  get fileBtnVariant(): string {\r\n    return this.hasChosenFile ? \"secondary\" : \"primary\"; \r\n  }\r\n\r\n  filesChanged() {\r\n    if (!this.files) {\r\n      this.clearSelection();\r\n    }\r\n  }\r\n\r\n  clearSelection() {\r\n    this.input.type = '';\r\n    this.input.type = 'file';\r\n  }\r\n}\r\n","import { autoinject, bindable } from 'aurelia-framework';\r\n\r\n@autoinject\r\nexport class UiSimpleList{\r\n  @bindable label: string;\r\n  @bindable data: object;\r\n}\r\n","import { FrameworkConfiguration } from \"aurelia-framework\";\r\nimport { PLATFORM } from \"aurelia-pal\";\r\n\r\nexport function configure(config: FrameworkConfiguration): void {\r\n  //config.globalResources([]);\r\n  const resourcePaths: Array<string> = [\r\n    PLATFORM.moduleName(\"./elements/drop-file/drop-file\"),\r\n    PLATFORM.moduleName(\"./elements/nav-bar/nav-bar.html\"),\r\n    PLATFORM.moduleName(\"./elements/ui-simple-list/ui-simple-list\"),\r\n  ];\r\n\r\n  config.globalResources(resourcePaths);\r\n}\r\n"],"names":[],"sourceRoot":""}