osmanli-yatirim 0.5.14 → 0.5.16

package/dist/OsmanliYatirimPackage.common.0.js

@@ -80,6 +80,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       isVisibleModal: false,
       ignoreWatch: false,
       formatPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].formatPrice,
+      thousandDigitFormatting: _utils_helpers__WEBPACK_IMPORTED_MODULE_1__["default"].thousandDigitFormatting,
       warningMessage: null,
       lastText: null,
       root: null
@@ -103,14 +104,14 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       this.exportList = this.list.map(extract => {
         return {
           Menkul: extract.tur,
-          Adet: extract.t2adet,
+          Adet: this.thousandDigitFormatting(extract.t2adet),
           Maliyet: this.formatPrice(extract.maliyet),
           "Kapanış": this.formatPrice(extract.kapanis2 ? extract.kapanis2 : extract.kapanis3),
           "Son Fiyat": this.formatPrice(extract.kapanis3),
           "Değişim (%)": this.formatPrice(this.calculateChanged(extract.kapanis3, extract.kapanis2)),
           "TL Değeri": this.formatPrice(extract.tutar3),
-          "Kar/Zarar": this.formatPrice(extract.karZarar),
-          "% Kar/Zarar": this.formatPrice(extract.karZararYuzde)
+          "Kar / Zarar": this.formatPrice(extract.karZarar),
+          "Kar / Zarar (%)": this.formatPrice(extract.karZararYuzde)
         };
       });
       this.isVisibleExport = true;

package/dist/OsmanliYatirimPackage.common.1.js

@@ -66,6 +66,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       besFundCodes: [],
       decodeTurkishCharacters: _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].decodeTurkishCharacters,
       formatPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].formatPrice,
+      formatSixPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].formatSixPrice,
       isVisibleModal: false,
       isVisibleExport: false,
       ignoreWatch: false
@@ -90,6 +91,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
         SearchKods: this.besFundCodes,
         Fields: ["Tur", "Kurucu", "Kod"]
       });
+      this.hasBesList = true;
     },
 
     async openCloseToolTip(item) {
@@ -125,8 +127,8 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
           "Risk Değeri": extract.risklevel,
           Kurucu: extract.founder,
           Türü: extract.type,
-          Adet: extract.fonpayadet,
-          Fiyat: this.formatPrice(extract.fonbirimfiyat),
+          Adet: this.formatPrice(extract.fonpayadet),
+          Fiyat: this.formatSixPrice(extract.fonbirimfiyat),
           Tutar: this.formatPrice(extract.fontutar),
           "Aylık Getiri": this.formatPrice(extract.degerlemelist[1].degerlenme * 100),
           YBG: this.formatPrice(extract.degerlemelist[4].degerlenme * 100),
@@ -152,19 +154,27 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       let headerList = [{
         name: "",
         value: "icon",
-        width: "50%"
+        width: "35%"
+      }, {
+        name: "",
+        value: "fundIcon",
+        width: "15%"
       }, {
         name: "Kod",
-        value: "fonkod"
+        value: "fonkod",
+        width: "80%"
       }, {
         name: "Risk Değeri",
-        value: "risklevel"
+        value: "risklevel",
+        isTextCenter: true
       }, {
         name: "Kurucu",
         value: "founder"
       }, {
         name: "Türü",
-        value: "type"
+        value: "type",
+        isTextLeft: true,
+        isHeadCenter: true
       }, {
         name: "Adet",
         value: "fonpayadet",
@@ -188,7 +198,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
         value: "yearly",
         isTextRight: true
       }, {
-        name: "İşlem Yap",
+        name: "İşlem",
         value: "actions"
       }];
 
@@ -281,7 +291,7 @@ var render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
-  return _c("div", [_vm.contractNoList[0] !== null && _vm.contractNoList[0] !== undefined ? _c("div", {
+  return _vm.hasBesList ? _c("div", [_vm.contractNoList[0] !== null && _vm.contractNoList[0] !== undefined ? _c("div", {
     staticClass: "p-relative"
   }, [_vm.besPortfolioList && _vm.besPortfolioList.length ? _c("div", [_c("div", {
     staticClass: "tab-btns"
@@ -295,7 +305,8 @@ var render = function render() {
   })], 1), _c("dynamic-table", {
     attrs: {
       "data-list": _vm.besPortfolioList,
-      headers: _vm.headers
+      headers: _vm.headers,
+      "use-pager": ""
     },
     scopedSlots: _vm._u([{
       key: "icon",
@@ -306,7 +317,7 @@ var render = function render() {
           staticClass: "info-image",
           attrs: {
             alt: "info-icon",
-            src: __webpack_require__(/*! @/assets/images/icons/icons@system-info-fill-grey.svg */ "./src/assets/images/icons/icons@system-info-fill-grey.svg")
+            src: __webpack_require__(/*! @/assets/images/icons/icons@system-info-fill-green.svg */ "./src/assets/images/icons/icons@system-info-fill-green.svg")
           },
           on: {
             click: function ($event) {
@@ -384,7 +395,7 @@ var render = function render() {
         }, [_vm._v("Fon Bültenine Git")])])])])]) : _vm._e()];
       }
     }, {
-      key: "fonkod",
+      key: "fundIcon",
       fn: function ({
         item
       }) {
@@ -398,9 +409,7 @@ var render = function render() {
             alt: "",
             src: __webpack_require__(/*! @/assets/images/icons/icon@action-gray.svg */ "./src/assets/images/icons/icon@action-gray.svg")
           }
-        })]), _c("span", {
-          staticClass: "code-style"
-        }, [_vm._v(_vm._s(item.fonkod))])];
+        })])];
       }
     }, {
       key: "fontutar",
@@ -517,7 +526,7 @@ var render = function render() {
         })])];
       },
       proxy: true
-    }], null, false, 583075719)
+    }], null, false, 4065228671)
   })], 1) : _vm.hasBesList && _vm.besPortfolioList.length === 0 ? _c("Alerts", {
     attrs: {
       message: "Henüz yatırıma yönlendirmiş birikiminiz bulunmamaktadır."
@@ -558,7 +567,9 @@ var render = function render() {
         }), _c("dynamic-table", {
           attrs: {
             "data-list": _vm.besPortfolioList,
-            headers: _vm.headers
+            headers: _vm.headers,
+            "page-size": 20,
+            "use-pager": ""
           },
           scopedSlots: _vm._u([{
             key: "icon",
@@ -569,7 +580,7 @@ var render = function render() {
                 staticClass: "info-image",
                 attrs: {
                   alt: "info-icon",
-                  src: __webpack_require__(/*! @/assets/images/icons/icons@system-info-fill-grey.svg */ "./src/assets/images/icons/icons@system-info-fill-grey.svg")
+                  src: __webpack_require__(/*! @/assets/images/icons/icons@system-info-fill-green.svg */ "./src/assets/images/icons/icons@system-info-fill-green.svg")
                 },
                 on: {
                   click: function ($event) {
@@ -647,7 +658,7 @@ var render = function render() {
               }, [_vm._v("Fon Bültenine Git")])])])])]) : _vm._e()];
             }
           }, {
-            key: "fonkod",
+            key: "fundIcon",
             fn: function ({
               item
             }) {
@@ -661,9 +672,7 @@ var render = function render() {
                   alt: "",
                   src: __webpack_require__(/*! @/assets/images/icons/icon@action-gray.svg */ "./src/assets/images/icons/icon@action-gray.svg")
                 }
-              })]), _c("span", {
-                staticClass: "code-style"
-              }, [_vm._v(_vm._s(item.fonkod))])];
+              })])];
             }
           }, {
             key: "fontutar",
@@ -780,11 +789,11 @@ var render = function render() {
               })])];
             },
             proxy: true
-          }], null, false, 3322102919)
+          }], null, false, 578227327)
         })];
       },
       proxy: true
-    }], null, false, 806186766)
+    }], null, false, 382706777)
   }) : _vm._e(), _vm.isVisibleExport ? _c("DownloadPopup", {
     attrs: {
       "export-pop": "",
@@ -797,7 +806,7 @@ var render = function render() {
         _vm.isVisibleExport = false;
       }
     }
-  }) : _vm._e()], 1) : _vm.hasBesList && _vm.contractNoList && _vm.contractNoList.length === 0 ? _c("Alerts", {
+  }) : _vm._e()], 1) : _c("Alerts", {
     attrs: {
       message: "Bireysel Emeklilik Sistemi’ne kayıtlı sözleşmeniz bulunamamaktadır. Hemen başvuru yapmak için",
       link: {
@@ -805,7 +814,7 @@ var render = function render() {
       },
       "link-label": "tıklayınız."
     }
-  }) : _c("ListViewSkeleton")], 1);
+  })], 1) : _c("ListViewSkeleton");
 };
 
 var staticRenderFns = [];
@@ -828,7 +837,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".code-style[data-v-44901ce6] {\n  font-weight: 500;\n  margin-left: 5px;\n}\n.tool-tip[data-v-44901ce6] {\n  position: absolute;\n  z-index: 1;\n  background-color: #ffffff;\n  border-radius: 6px;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 100%;\n  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.16);\n  font-family: \"Poppins\";\n  text-align: left;\n  padding: 20px;\n}\n.tool-tip #toolbar-right[data-v-44901ce6] {\n    width: 100%;\n}\n.tool-tip #toolbar-left[data-v-44901ce6] {\n    width: 100%;\n}\n.tool-tip__line[data-v-44901ce6] {\n    padding: 5px;\n    display: flex;\n}\n.tool-tip__line h4[data-v-44901ce6] {\n      min-width: 130px;\n}\n.tool-tip__label[data-v-44901ce6] {\n    font-size: 12px;\n    font-weight: 600;\n    color: #41807a;\n    margin-right: 10px;\n    text-align: right;\n}\n.tool-tip__text[data-v-44901ce6] {\n    font-size: 12px;\n    color: #090d0d;\n    line-height: 1.3;\n}\n.tool-tip__title[data-v-44901ce6] {\n    font-size: 14px;\n    font-weight: 600;\n    color: #41807a;\n    text-align: left;\n}\n.tool-tip__detail a[data-v-44901ce6] {\n    padding: 0 0 0 20px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    margin: 0;\n}\n@media screen and (max-width: 992px) {\n.flex-container .grid-item[data-v-44901ce6] {\n    text-align: left;\n    font-weight: normal;\n    margin: 0;\n    padding: 10px 0 0 0;\n}\n.info-image[data-v-44901ce6] {\n    margin-top: -10px;\n    text-align: center;\n}\n}\n.info-image[data-v-44901ce6] {\n  cursor: pointer;\n}\n.watch-btn[data-v-44901ce6] {\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.mt-20[data-v-44901ce6] {\n  margin-top: 20px;\n}\n@media screen and (max-width: 992px) {\n.watch-btn[data-v-44901ce6] {\n    display: none;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-44901ce6] .table-area table .responsive-actions {\n    justify-content: flex-end;\n}\n}\n", ""]);
+exports.push([module.i, ".code-style[data-v-44901ce6] {\n  font-weight: 500;\n  margin-left: 5px;\n}\n.tool-tip[data-v-44901ce6] {\n  position: absolute;\n  z-index: 1;\n  background-color: #ffffff;\n  border-radius: 6px;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 100%;\n  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.16);\n  font-family: \"Poppins\";\n  text-align: left;\n  padding: 20px;\n}\n.tool-tip #toolbar-right[data-v-44901ce6] {\n    width: 100%;\n}\n.tool-tip #toolbar-left[data-v-44901ce6] {\n    width: 100%;\n}\n.tool-tip__line[data-v-44901ce6] {\n    padding: 5px;\n    display: flex;\n}\n.tool-tip__line h4[data-v-44901ce6] {\n      min-width: 130px;\n}\n.tool-tip__label[data-v-44901ce6] {\n    font-size: 12px;\n    font-weight: 600;\n    color: #41807a;\n    margin-right: 10px;\n    text-align: right;\n}\n.tool-tip__text[data-v-44901ce6] {\n    font-size: 12px;\n    color: #090d0d;\n    line-height: 1.3;\n}\n.tool-tip__title[data-v-44901ce6] {\n    font-size: 14px;\n    font-weight: 600;\n    color: #41807a;\n    text-align: left;\n}\n.tool-tip__detail a[data-v-44901ce6] {\n    padding: 0 0 0 20px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    margin: 0;\n}\n@media screen and (max-width: 992px) {\n.flex-container .grid-item[data-v-44901ce6] {\n    text-align: left;\n    font-weight: normal;\n    margin: 0;\n    padding: 10px 0 0 0;\n}\n.info-image[data-v-44901ce6] {\n    margin-top: -10px;\n    text-align: center;\n}\n}\n.info-image[data-v-44901ce6] {\n  cursor: pointer;\n  width: 18px;\n}\n.watch-btn[data-v-44901ce6] {\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.mt-20[data-v-44901ce6] {\n  margin-top: 20px;\n}\n@media screen and (max-width: 992px) {\n.watch-btn[data-v-44901ce6] {\n    display: none;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-44901ce6] .table-area table .responsive-actions {\n    justify-content: flex-end;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.11.js

@@ -101,12 +101,10 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
     },
 
     formatLastPrice(item) {
-      if (item.kapanis2Sayisal === "0,00") {
-        return "";
-      } else if (item.tur !== this.currencyType.tl && item.tur !== this.currencyType.tlTefas) {
+      if (item.tur !== this.currencyType.tl && item.tur !== this.currencyType.tlTefas) {
         return _utils_helpers__WEBPACK_IMPORTED_MODULE_6__["default"].formatFourPrice(item.kapanis2Sayisal);
       } else {
-        return this.formatPrice(item.kapanis2Sayisal);
+        return "-";
       }
     },
 
@@ -422,7 +420,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".container[data-v-2c380a1e] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media screen and (max-width: 992px) {\n.container[data-v-2c380a1e] {\n      justify-content: flex-end;\n      margin-top: -10px;\n      margin-right: -20px;\n}\n}\n.no-data-info[data-v-2c380a1e] {\n  width: 100%;\n  padding: 23px 20px 23px 55px;\n  margin-bottom: 20px;\n  border-radius: 5px;\n  box-sizing: border-box;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left 20px center #fafafb;\n  font-family: \"Poppins\";\n  font-size: 13px;\n  color: #41807a;\n}\n.no-data-info a[data-v-2c380a1e] {\n    color: #41807a;\n    font-weight: 500;\n}\n.no-data-info span[data-v-2c380a1e] {\n    font-weight: 600;\n}\n", ""]);
+exports.push([module.i, ".container[data-v-2c380a1e] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media screen and (max-width: 992px) {\n.container[data-v-2c380a1e] {\n      justify-content: flex-end;\n      margin-top: -10px;\n      margin-right: -20px;\n}\n}\n.no-data-info[data-v-2c380a1e] {\n  width: 100%;\n  padding: 23px 20px 23px 55px;\n  margin-bottom: 20px;\n  border-radius: 5px;\n  box-sizing: border-box;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left 20px center #fafafb;\n  font-family: \"Poppins\";\n  font-size: 13px;\n  color: #41807a;\n}\n.no-data-info a[data-v-2c380a1e] {\n    color: #41807a;\n    font-weight: 500;\n}\n.no-data-info span[data-v-2c380a1e] {\n    font-weight: 600;\n}\n[data-v-2c380a1e] .table-area table th {\n  padding: 19px 25px;\n}\n[data-v-2c380a1e] .table-area table td {\n  padding: 5px 25px;\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.13.js

@@ -148,7 +148,7 @@ __webpack_require__.r(__webpack_exports__);
         const list = {
           Sembol: order.menkul,
           "İşlem Yönü": order.islem === "S" ? "Satış" : "Alış",
-          Adet: order.miktar,
+          Adet: _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].thousandDigitFormatting(order.miktar),
           Fiyat: order.fiyat,
           Tutar: this.formatPrice(order.fiyat * order.miktar)
         };
@@ -483,7 +483,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".executed-transactions .filter-container[data-v-868927ce] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-868927ce] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-868927ce] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-868927ce] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-868927ce] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-868927ce] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-868927ce] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-868927ce] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-868927ce] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-868927ce] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-868927ce] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-868927ce] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-868927ce] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-868927ce] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-868927ce]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-868927ce] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-868927ce] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-868927ce] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-868927ce] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-868927ce] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-868927ce] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-868927ce] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-868927ce] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-868927ce] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-868927ce] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-868927ce] .table-area .text-right div,[data-v-868927ce] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-868927ce] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-868927ce] {\n    color: #4caf50;\n}\n.confirm-pop-up h2.red[data-v-868927ce] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-868927ce] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-868927ce] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-868927ce] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-868927ce] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-868927ce] {\n  margin-top: 20px;\n}\n[data-v-868927ce] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-868927ce] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-868927ce] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
+exports.push([module.i, ".executed-transactions .filter-container[data-v-868927ce] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-868927ce] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-868927ce] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-868927ce] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-868927ce] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-868927ce] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-868927ce] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-868927ce] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-868927ce] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-868927ce] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-868927ce] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-868927ce] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-868927ce] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-868927ce] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-868927ce]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-868927ce] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-868927ce] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-868927ce] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-868927ce] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-868927ce] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-868927ce] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-868927ce] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-868927ce] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-868927ce] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-868927ce] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-868927ce] .table-area .text-right div,[data-v-868927ce] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-868927ce] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-868927ce] {\n    color: #5EBA89;\n}\n.confirm-pop-up h2.red[data-v-868927ce] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-868927ce] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-868927ce] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-868927ce] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-868927ce] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-868927ce] {\n  margin-top: 20px;\n}\n[data-v-868927ce] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-868927ce] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-868927ce] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-868927ce] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.2.js

@@ -72,7 +72,8 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       redirectRoute: '',
       hasBondList: false,
       formatThreePrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].formatThreePrice,
-      formatBondPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].formatBondPrice
+      formatBondPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].formatBondPrice,
+      thousandDigitFormatting: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].thousandDigitFormatting
     };
   },
 
@@ -99,15 +100,15 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       this.exportList = this.bonoList.map(extract => {
         return {
           "Kıymet Kodu": extract.isin,
-          İhraççı: extract.issuer,
+          İhraççı: extract.issuer.split("/")[0],
           "Getiri Tipi": extract.yieldtypedefinition,
           "Vade Sonu": extract.maturity.replaceAll(".", "/"),
           VKG: extract.vkg,
-          "Nominal": this.formatPrice(extract.satilabilirNom),
+          "Nominal": this.thousandDigitFormatting(extract.satilabilirNom),
           "Kirli Fiyat": this.formatBondPrice(extract.dirtypriceask, 1000),
-          "Tutar(TL)": this.formatPrice(extract.satilabilirNom * extract.dirtypriceask / 100),
-          "Basit Getiri(%)": this.formatPrice(extract.bidsimpleyield * 100),
-          "Bileşik Getiri(%)": this.formatPrice(extract.bidcompoundedyield * 100)
+          "Tutar (TL)": this.formatPrice(extract.satilabilirNom * extract.dirtypriceask / 100),
+          "Basit Getiri (%)": this.formatPrice(extract.bidsimpleyield * 100),
+          "Bileşik Getiri (%)": this.formatPrice(extract.bidcompoundedyield * 100)
         };
       });
       this.isVisibleExport = true;
@@ -287,6 +288,13 @@ var render = function render() {
       }) {
         return [_vm._v(" " + _vm._s(item.issuer.split("/")[0]) + " ")];
       }
+    }, {
+      key: "satilabilirNom",
+      fn: function ({
+        item
+      }) {
+        return [_vm._v(" " + _vm._s(_vm.thousandDigitFormatting(item.satilabilirNom)) + " ")];
+      }
     }, {
       key: "price",
       fn: function ({
@@ -346,7 +354,7 @@ var render = function render() {
           }
         })], 1) : _vm._e()];
       }
-    }], null, false, 2419771780)
+    }], null, false, 4053016838)
   }), _vm.isVisibleModal ? _c("modal", {
     attrs: {
       "full-screen": ""
@@ -397,6 +405,13 @@ var render = function render() {
             }) {
               return [_vm._v(" " + _vm._s(item.issuer.split("/")[0]) + " ")];
             }
+          }, {
+            key: "satilabilirNom",
+            fn: function ({
+              item
+            }) {
+              return [_vm._v(" " + _vm._s(_vm.thousandDigitFormatting(item.satilabilirNom)) + " ")];
+            }
           }, {
             key: "price",
             fn: function ({
@@ -456,11 +471,11 @@ var render = function render() {
                 }
               })], 1) : _vm._e()];
             }
-          }], null, false, 4048915360)
+          }], null, false, 2888513186)
         })];
       },
       proxy: true
-    }], null, false, 1449700212)
+    }], null, false, 3510878196)
   }) : _vm._e(), _vm.isVisibleExport ? _c("DownloadPopup", {
     attrs: {
       "export-pop": "",

package/dist/OsmanliYatirimPackage.common.3.js

@@ -91,15 +91,15 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       this.exportList = this.dataList.map(option => {
         return {
           Sözleşme: option.sozlesmeKodu,
-          "Alım/Satım": this.findBuyOrSell(option.uzunKisa),
+          "Alım / Satım": this.findBuyOrSell(option.uzunKisa),
           "Kullanım Fiyatı": this.formatPrice(option.kullanimFiyat),
           Vade: this.formatToDayAndYear(option),
           Adet: option.pozisyonSayisi,
           Maliyet: this.formatPrice(option.maliyet),
           "Son Fiyat": this.formatPrice(option.son),
           "Pozisyon Büyüklüğü": this.findPositionSize(option),
-          "Kar/Zarar (Günlük)": this.formatPrice(option.guniciKz),
-          "Kar/Zarar (Anlık)": this.findInstantProfitLoss(option)
+          "Kar / Zarar (Günlük)": this.formatPrice(option.guniciKz),
+          "Kar / Zarar (Anlık)": this.findInstantProfitLoss(option)
         };
       });
       this.isModalOpen = false;
@@ -364,7 +364,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".mt-2[data-v-5b484448] {\n  margin-top: 20px;\n}\n.information-note[data-v-5b484448] {\n  font-size: 12px;\n  color: #9fa6ad;\n  margin-top: 10px;\n}\n.info[data-v-5b484448] {\n  color: #b7791f;\n  width: 100%;\n  padding: 23px 20px 23px 69px;\n  font-size: 14px;\n  margin: 20px 0;\n  border-radius: 5px;\n  box-sizing: border-box;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left 20px top 20px #f8e9cd;\n  font-family: \"Poppins\";\n}\n.info span[data-v-5b484448] {\n    font-weight: 500;\n}\n.info__button-container[data-v-5b484448] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n}\n.info__button-container a[data-v-5b484448] {\n      border-radius: 5px;\n      font-size: 14px;\n      background-color: #f8e9cd;\n      padding: 10px 35px;\n      color: #b7791f;\n      border: 1px solid #b7791f;\n      height: 40px;\n      text-decoration: none;\n}\n.loss[data-v-5b484448] {\n  color: #e53935;\n}\n.profit[data-v-5b484448] {\n  color: #2ebd85;\n}\n", ""]);
+exports.push([module.i, ".mt-2[data-v-5b484448] {\n  margin-top: 20px;\n}\n.information-note[data-v-5b484448] {\n  font-size: 12px;\n  color: #9fa6ad;\n  margin-top: 10px;\n}\n.info[data-v-5b484448] {\n  color: #b7791f;\n  width: 100%;\n  padding: 23px 20px 23px 69px;\n  font-size: 14px;\n  margin: 20px 0;\n  border-radius: 5px;\n  box-sizing: border-box;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left 20px top 20px #faf3e9;\n  font-family: \"Poppins\";\n}\n.info span[data-v-5b484448] {\n    font-weight: 500;\n}\n.info__button-container[data-v-5b484448] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n}\n.info__button-container a[data-v-5b484448] {\n      border-radius: 5px;\n      font-size: 14px;\n      background-color: #faf3e9;\n      padding: 10px 35px;\n      color: #b7791f;\n      border: 1px solid #b7791f;\n      height: 40px;\n      text-decoration: none;\n}\n.loss[data-v-5b484448] {\n  color: #e53935;\n}\n.profit[data-v-5b484448] {\n  color: #2ebd85;\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.4.js

@@ -70,6 +70,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       isVisibleExport: false,
       isVisibleModal: false,
       formatPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].formatPrice,
+      formatFourPrice: _utils_helpers__WEBPACK_IMPORTED_MODULE_8__["default"].formatFourPrice,
       warningMessage: null,
       hasViopList: false,
       lastText: null,
@@ -128,14 +129,14 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
         return {
           "Dayanak": extract.varlikDayanakVarlik,
           Sözleşme: extract.sözleşme,
-          "Uzun/Kısa": extract.uzunKisa,
+          "Uzun / Kısa": this.isPositionShort(extract) ? "Kısa" : "Uzun",
           "Pozisyon Sayısı": extract["net pozisyon"],
-          Maliyet: extract.maliyet,
-          "Uzlaşma Fiyatı": extract.kapanis,
-          "Son Fiyat": extract.sonfiyat,
-          "Pozisyon Büyüklüğü": extract.tutar,
-          "Kar/Zarar (Günlük)": extract["kar/zarar"],
-          "Kar/Zarar (Anlık)": extract.anlikKzMaliyet
+          Maliyet: this.formatFourPrice(extract.maliyet),
+          "Uzlaşma Fiyatı": this.formatFourPrice(extract.kapanis),
+          "Son Fiyat": this.formatFourPrice(extract.sonfiyat),
+          "Pozisyon Büyüklüğü": this.formatFourPrice(extract.tutar),
+          "Kar / Zarar (Günlük)": this.formatPrice(extract["kar/zarar"]),
+          "Kar / Zarar (Anlık)": this.formatPrice(extract.anlikKzMaliyet)
         };
       });
       this.isVisibleExport = true;

package/dist/OsmanliYatirimPackage.common.5.js

@@ -147,7 +147,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
           "Tip": this.findMovableType(order.menkul),
           "Sembol": order.menkul,
           "İşlem": this.findProcess(order.islem),
-          "Adet": order.miktar,
+          "Adet": _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].thousandDigitFormatting(order.miktar),
           "Fiyat": this.formatPrice(order.fiyat),
           "Tutar": this.formatPrice(order.tutar),
           "Süre": order.sureNew,
@@ -669,7 +669,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".executed-transactions .filter-container[data-v-8b47d38e] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-8b47d38e] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-8b47d38e] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-8b47d38e] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-8b47d38e] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-8b47d38e] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-8b47d38e] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-8b47d38e] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-8b47d38e] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-8b47d38e] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-8b47d38e] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-8b47d38e] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-8b47d38e] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-8b47d38e] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-8b47d38e]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-8b47d38e] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-8b47d38e] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-8b47d38e] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-8b47d38e] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-8b47d38e] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-8b47d38e] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-8b47d38e] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-8b47d38e] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-8b47d38e] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-8b47d38e] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-8b47d38e] .table-area .text-right div,[data-v-8b47d38e] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-8b47d38e] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-8b47d38e] {\n    color: #4caf50;\n}\n.confirm-pop-up h2.red[data-v-8b47d38e] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-8b47d38e] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-8b47d38e] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-8b47d38e] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-8b47d38e] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-8b47d38e] {\n  margin-top: 20px;\n}\n[data-v-8b47d38e] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-8b47d38e] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-8b47d38e] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
+exports.push([module.i, ".executed-transactions .filter-container[data-v-8b47d38e] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-8b47d38e] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-8b47d38e] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-8b47d38e] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-8b47d38e] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-8b47d38e] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-8b47d38e] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-8b47d38e] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-8b47d38e] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-8b47d38e] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-8b47d38e] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-8b47d38e] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-8b47d38e] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-8b47d38e] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-8b47d38e]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-8b47d38e] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-8b47d38e] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-8b47d38e] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-8b47d38e] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-8b47d38e] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-8b47d38e] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-8b47d38e] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-8b47d38e] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-8b47d38e] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-8b47d38e] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-8b47d38e] .table-area .text-right div,[data-v-8b47d38e] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-8b47d38e] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-8b47d38e] {\n    color: #5EBA89;\n}\n.confirm-pop-up h2.red[data-v-8b47d38e] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-8b47d38e] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-8b47d38e] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-8b47d38e] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-8b47d38e] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-8b47d38e] {\n  margin-top: 20px;\n}\n[data-v-8b47d38e] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-8b47d38e] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-8b47d38e] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-8b47d38e] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.6.js

@@ -36,6 +36,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! @/components/SkeletonLoading/ListViewSkeleton */ "./src/components/SkeletonLoading/ListViewSkeleton.vue"));
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "ExecutedTransactions",
   props: {
@@ -57,7 +60,8 @@ __webpack_require__.r(__webpack_exports__);
     Button: _components_Button__WEBPACK_IMPORTED_MODULE_7__["default"],
     DynamicTable: _components_DynamicTable__WEBPACK_IMPORTED_MODULE_5__["default"],
     Controls: _components_Controls__WEBPACK_IMPORTED_MODULE_4__["default"],
-    SearchSelect: _components_SearchSelect__WEBPACK_IMPORTED_MODULE_6__["default"]
+    SearchSelect: _components_SearchSelect__WEBPACK_IMPORTED_MODULE_6__["default"],
+    ListViewSkeleton
   },
 
   data() {
@@ -71,6 +75,7 @@ __webpack_require__.r(__webpack_exports__);
       exportList: [],
       isVisibleSpecialTable: false,
       typeList: _utils_Constants__WEBPACK_IMPORTED_MODULE_2__["ShareTypeList"],
+      isDataLoaded: false,
       filter: {
         symbol: {
           text: "Tümü",
@@ -98,9 +103,11 @@ __webpack_require__.r(__webpack_exports__);
         MenkulNo: 0,
         Islem: ""
       };
+      this.isDataLoaded = false;
       const response = await this.processedOrders(payload);
       this.executedList = response.data.r1.filter(item => this.type === 'V' ? item.menkul.includes("(V)") || item.menkul.includes("(C)") : !item.menkul.includes("(V)"));
       this.filteredList = this.executedList;
+      this.isDataLoaded = true;
 
       if (this.executedList.length) {
         this.isLoading = false;
@@ -140,7 +147,7 @@ __webpack_require__.r(__webpack_exports__);
           Tip: this.findMovableType(order.menkul),
           Sembol: order.menkul,
           İşlem: order.islem === this.processType.sell ? "Satış" : "Alış",
-          Adet: order.miktar,
+          Adet: _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].thousandDigitFormatting(order.miktar),
           Fiyat: this.formatPrice(order.fiyat),
           Tutar: this.formatPrice(order.tutar)
         };
@@ -462,7 +469,7 @@ var render = function render() {
     on: {
       click: _vm.setFilter
     }
-  })], 1)], 1)])]), _vm.filteredList.length ? _c("DynamicTable", {
+  })], 1)], 1)])]), _vm.isDataLoaded ? _c("div", [_vm.filteredList.length ? _c("DynamicTable", {
     attrs: {
       headers: _vm.headers,
       "data-list": _vm.filteredList,
@@ -501,7 +508,7 @@ var render = function render() {
     attrs: {
       message: "Gerçekleşen işlem bulunamadı."
     }
-  }) : _vm._e()], 1), _vm.filteredList.length ? _c("div", {
+  }) : _vm._e()], 1) : _c("ListViewSkeleton")], 1), _vm.filteredList.length ? _c("div", {
     staticClass: "calculate-total-container"
   }, [_vm.isVisibleSpecialTable ? _c("responsive-table", [_c("table", {
     staticClass: "calculate-table",
@@ -664,7 +671,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".executed-transactions .filter-container[data-v-0ec022c2] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-0ec022c2] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-0ec022c2] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-0ec022c2] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-0ec022c2] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-0ec022c2] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-0ec022c2] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-0ec022c2] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-0ec022c2] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-0ec022c2] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-0ec022c2] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-0ec022c2] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-0ec022c2] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-0ec022c2] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-0ec022c2]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-0ec022c2] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-0ec022c2] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-0ec022c2] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-0ec022c2] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-0ec022c2] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-0ec022c2] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-0ec022c2] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-0ec022c2] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-0ec022c2] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-0ec022c2] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-0ec022c2] .table-area .text-right div,[data-v-0ec022c2] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-0ec022c2] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-0ec022c2] {\n    color: #4caf50;\n}\n.confirm-pop-up h2.red[data-v-0ec022c2] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-0ec022c2] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-0ec022c2] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-0ec022c2] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-0ec022c2] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-0ec022c2] {\n  margin-top: 20px;\n}\n[data-v-0ec022c2] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-0ec022c2] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-0ec022c2] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
+exports.push([module.i, ".executed-transactions .filter-container[data-v-0ec022c2] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-0ec022c2] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__filtering-options[data-v-0ec022c2] {\n    width: 100%;\n}\n@media screen and (min-width: 992px) {\n.executed-transactions .filter-container__filtering-options[data-v-0ec022c2] {\n      display: flex;\n      align-items: center;\n      grid-gap: 5px;\n}\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-0ec022c2] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-0ec022c2] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-0ec022c2] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-0ec022c2] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-0ec022c2] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-0ec022c2] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-0ec022c2] {\n      justify-content: flex-start;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-0ec022c2] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n.calculate-total-container[data-v-0ec022c2] {\n  display: block;\n  margin: 30px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-0ec022c2] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 400 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-0ec022c2]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-0ec022c2] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-0ec022c2] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-0ec022c2] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-0ec022c2] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-0ec022c2] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-0ec022c2] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-0ec022c2] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-0ec022c2] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-0ec022c2] {\n    width: 170px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-0ec022c2] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-0ec022c2] .table-area .text-right div,[data-v-0ec022c2] .table-area .text-right span {\n    width: auto !important;\n}\n}\n.confirm-pop-up h2[data-v-0ec022c2] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-0ec022c2] {\n    color: #5EBA89;\n}\n.confirm-pop-up h2.red[data-v-0ec022c2] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-0ec022c2] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-0ec022c2] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-0ec022c2] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-0ec022c2] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-0ec022c2] {\n  margin-top: 20px;\n}\n[data-v-0ec022c2] .table-area table td {\n  padding: 5px 15px;\n}\n[data-v-0ec022c2] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n@media screen and (max-width: 992px) {\n[data-v-0ec022c2] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-0ec022c2] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;