osmanli-veri-dagitim 2.1.2-dev → 2.1.4-dev

package/dist/OsmanliPackage.common.js

@@ -1695,7 +1695,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n\n        if (path !== this.$route.path) {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n        console.log(this.$route.name);\n        console.log(this.$route.path);\n\n        if (path !== this.$route.path || this.$route.name != \"Checkout\" || this.$route.name == \"OvdHome\") {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3353,7 +3353,7 @@ eval("/* eslint-disable no-unused-vars -- required for functions `.length` */\nv
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3364,7 +3364,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3375,7 +3375,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3727,7 +3727,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3738,7 +3738,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 210px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n          width: 210px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1704,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n\n        if (path !== this.$route.path) {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n        console.log(this.$route.name);\n        console.log(this.$route.path);\n\n        if (path !== this.$route.path || this.$route.name != \"Checkout\" || this.$route.name == \"OvdHome\") {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3362,7 +3362,7 @@ eval("/* eslint-disable no-unused-vars -- required for functions `.length` */\nv
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3373,7 +3373,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3384,7 +3384,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3736,7 +3736,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3747,7 +3747,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 210px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n          width: 210px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1704,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n\n        if (path !== this.$route.path) {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n        console.log(this.$route.name);\n        console.log(this.$route.path);\n\n        if (path !== this.$route.path || this.$route.name != \"Checkout\" || this.$route.name == \"OvdHome\") {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\n          location.reload();\n        }\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3362,7 +3362,7 @@ eval("/* eslint-disable no-unused-vars -- required for functions `.length` */\nv
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-a9fa80fa] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-a9fa80fa] {\\n  border-collapse: collapse;\\n  text-indent: 0;\\n  min-width: 100%;\\n  border-radius: var(--radius-second) !important;\\n  overflow: auto;\\n  border: solid 1px var(--color-primary-tint-second);\\n  background-color: #fff;\\n  margin: 20px 0px;\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th,\\n  .accordion-item .table[data-v-a9fa80fa]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid #e8e8e8;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-a9fa80fa]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-a9fa80fa]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-a9fa80fa]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-a9fa80fa]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-a9fa80fa] {\\n  display: block;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-a9fa80fa] {\\n    display: none;\\n}\\n.responsive-container[data-v-a9fa80fa] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemAlgoServer.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3373,7 +3373,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-56764dd2] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-56764dd2] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-56764dd2]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  th,\\n  .accordion-item .table[data-v-56764dd2]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-56764dd2]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-56764dd2]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-56764dd2]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n    border-left: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    border-right: 1px solid var(--color-primary-tint-second);\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n.accordion-item .table[data-v-56764dd2]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.accordion-item .infoArea[data-v-56764dd2] {\\n  position: relative;\\n  text-align: left;\\n  padding: 15px;\\n  margin-top: 1em;\\n  justify-content: flex-start;\\n  background-color: var(--grayscale-10);\\n  color: var(--color-body-text);\\n}\\n.non-responsive-container[data-v-56764dd2] {\\n  display: block;\\n}\\n.responsive-container[data-v-56764dd2] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-56764dd2] {\\n    display: none;\\n}\\n.responsive-container[data-v-56764dd2] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemForeign.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3384,7 +3384,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 120px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".accordion-item-subtitle[data-v-3aaaf468] {\\n  font-size: 13px;\\n  font-weight: 400;\\n  margin-top: 5px;\\n  color: var(--grayscale-50);\\n}\\n.accordion-item .table[data-v-3aaaf468] {\\n  border-collapse: separate;\\n  border-spacing: 0 20px;\\n  text-indent: 0;\\n  min-width: 100%;\\n  overflow: auto;\\n  border: none;\\n  background-color: var(--grayscale-0);\\n  overflow-y: visible !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  thead {\\n    display: none;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th {\\n    background: var(--grayscale-160);\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th,\\n  .accordion-item .table[data-v-3aaaf468]  td {\\n    font-size: 12px;\\n    vertical-align: middle;\\n    border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select {\\n      border: 1px solid transparent;\\n      width: 100%;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n        padding: 0px;\\n        border: 0px !important;\\n        position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n          outline: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n        padding: 0;\\n        margin: 0;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n        .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n          padding: 0px !important;\\n          position: relative;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n        display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n        padding: 0px;\\n        cursor: pointer !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search, .accordion-item .table[data-v-3aaaf468]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search,\\n      .accordion-item .table[data-v-3aaaf468]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n        border: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  th .option .editing-view-port,\\n    .accordion-item .table[data-v-3aaaf468]  td .option .editing-view-port {\\n      display: none !important;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr:nth-child(2n) {\\n    background: var(--color-primary-zebra);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td {\\n    height: 63px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td label {\\n      display: block;\\n      text-align: left;\\n      margin-bottom: 5px;\\n      font-size: 12px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:nth-child(2) {\\n      min-width: 116px;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody tr td:first-child {\\n    width: 38px;\\n    padding: 0px;\\n    padding-right: 6px;\\n    text-align: right;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child {\\n    padding-right: 20px;\\n    width: 170px;\\n    text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n      text-align: center;\\n}\\n.accordion-item .table[data-v-3aaaf468]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n      display: none;\\n}\\n.non-responsive-container[data-v-3aaaf468] {\\n  display: block;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.non-responsive-container[data-v-3aaaf468] {\\n    display: none;\\n}\\n.responsive-container[data-v-3aaaf468] {\\n    display: block;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionItemResearch.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3736,7 +3736,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3747,7 +3747,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 210px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n          width: 210px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 150px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.1.02-dev",
+  "version": "2.1.04-dev",
   "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.90",
   "files": [
     "dist"