osmanli-veri-dagitim 2.1.41-dev → 2.1.43-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1726,7 +1726,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
|
|
|
1726
1726
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1727
1727
|
|
|
1728
1728
|
"use strict";
|
|
1729
|
-
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/* 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.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadı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.$nextTick(() => {\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\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\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 this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n }).catch(() => {\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");
|
|
1729
|
+
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/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.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\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 esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\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.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadı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.$nextTick(() => {\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\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\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 this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n }).catch(() => {\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");
|
|
1730
1730
|
|
|
1731
1731
|
/***/ }),
|
|
1732
1732
|
|
|
@@ -2302,7 +2302,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
2302
2302
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2303
2303
|
|
|
2304
2304
|
"use strict";
|
|
2305
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"popup-right\",\n {\n attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n on: { close: _vm.setDefaultValues },\n },\n [\n _c(\"div\", { staticClass: \"package-settings\" }, [\n _c(\n \"div\",\n { staticClass: \"package-settings__top m-flex m-items-center\" },\n [\n _c(\n \"div\",\n { staticClass: \"package-settings__image\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"package-settings__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", [_vm._v(_vm._s(_vm.dataItem.productName))])\n : _vm._e(),\n _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [\n _vm._v(\" \" + _vm._s(_vm.dataItem.platform.name) + \" \"),\n ])\n : _vm._e(),\n ]),\n ]),\n ]\n ),\n _vm.dataItem.dateSelection == 1 &&\n _vm.startDateSelection == 0 &&\n this.$route.name !== \"Checkout\"\n ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n _vm._v(\n \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz! \"\n ),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n _c(\"div\", { staticClass: \"market-table\" }, [\n _vm.marketInfo\n ? _c(\n \"table\",\n {\n staticClass: \"table\",\n attrs: { \"aria-describedby\": \"lisans\" },\n },\n [\n _c(\"thead\", [\n _c(\"tr\", [\n _c(\"th\", { attrs: { scope: \"col\" } }),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Piyasa\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Derinlik\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Aracı Kurum Dağılımı\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Başlangıç Zamanı\")]\n ),\n ]),\n ]),\n !_vm.isResponsive\n ? _c(\n \"tbody\",\n _vm._l(_vm.marketInfo, function (item) {\n return _c(\"package-setting-type\", {\n key: item.id,\n attrs: {\n item: item,\n dataItem: _vm.dataItem,\n selectData: _vm.selectData,\n isResponsive: false,\n },\n on: {\n update: _vm.changeSelected,\n showSpesificWarning: _vm.checkSpesificWarning,\n },\n })\n }),\n 1\n )\n : _vm._e(),\n ]\n )\n : _vm._e(),\n ]),\n _vm.isResponsive\n ? _c(\n \"div\",\n { staticClass: \"market-table-responsive\" },\n _vm._l(_vm.marketInfo, function (item) {\n return _c(\"package-setting-type\", {\n key: item.id,\n attrs: {\n item: item,\n dataItem: _vm.dataItem,\n selectData: _vm.selectData,\n isResponsive: true,\n },\n on: {\n update: _vm.changeSelected,\n showSpesificWarning: _vm.checkSpesificWarning,\n },\n })\n }),\n 1\n )\n : _vm._e(),\n _vm.warningMessage\n ? _c(\n \"div\",\n { staticClass: \"info-container\" },\n [\n _c(\"info-area\", {\n attrs: { infoText: _vm.infoText[1], typeWarning: true },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"accordion-container\" }, [\n _vm.research.length > 0 &&\n _vm.research[0].details &&\n _vm.research[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-research\", {\n attrs: {\n id: \"accordion-research\",\n content: _vm.research,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n _vm.foreign.length > 0 &&\n _vm.foreign[0].details &&\n _vm.foreign[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-foreign\", {\n attrs: {\n id: \"accordion-foreign\",\n content: _vm.foreign,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n _vm.algoServer.length > 0 &&\n _vm.algoServer[0].details &&\n _vm.algoServer[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-algo-server\", {\n attrs: {\n id: \"accordion-algo-server\",\n content: _vm.algoServer,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n [\n _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n _c(\"p\", [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"BES / Yatırım Fonu:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.bottomFund +\n _vm.researchFund +\n _vm.foreignFund +\n _vm.algoServerFund\n )\n ) +\n \" TL \"\n ),\n ]),\n _c(\"p\", [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"Komisyon:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.bottomCommission +\n _vm.researchCommission +\n _vm.foreignCommission +\n _vm.algoServerCommission\n )\n ) +\n \" TL \"\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n _c(\"span\", [_vm._v(\"Toplam Tutar:\")]),\n _c(\"h2\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.totalPrice +\n _vm.researchTotal +\n _vm.algoServerTotal +\n _vm.foraignTurkishLiraTotal\n )\n ) +\n \" TL \"\n ),\n ]),\n _vm.foreign.length > 0 &&\n _vm.foreign[0].details &&\n _vm.foreign[0].details.length > 0\n ? _c(\"h2\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.foraignDollarTotal > 0\n ? \"+ \" +\n _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n \" Dolar\"\n : \"\"\n ) +\n \" \" +\n _vm._s(\n _vm.foraignEuroTotal > 0\n ? \"+ \" +\n _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n \" Euro\"\n : \"\"\n ) +\n \" \"\n ),\n ])\n : _vm._e(),\n ]),\n _c(\n \"div\",\n {\n staticClass:\n \"package-settings__bottom-action m-flex m-items-center\",\n },\n [\n _c(\n \"base-button\",\n {\n class: { \"button-disabled\": _vm.isButtonClicked },\n attrs: { id: \"edit-submit-btn\" },\n on: { click: _vm.submitShow },\n },\n [_vm._v(\"Onayla\")]\n ),\n ],\n 1\n ),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"info-container\" },\n [\n _c(\"info-area\", {\n attrs: { infoText: _vm.infoText[0], typeWarning: true },\n }),\n ],\n 1\n ),\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2305
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"popup-right\",\n {\n attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n on: { close: _vm.setDefaultValues },\n },\n [\n _c(\"div\", { staticClass: \"package-settings\" }, [\n _c(\n \"div\",\n { staticClass: \"package-settings__top m-flex m-items-center\" },\n [\n _c(\n \"div\",\n { staticClass: \"package-settings__image\" },\n [\n _vm.dataItem && _vm.dataItem.imageUrl\n ? _c(\"img\", {\n attrs: {\n alt: \"product image\",\n src: _vm.dataItem.imageUrl,\n },\n })\n : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"package-settings__info\" }, [\n _vm.dataItem.productName\n ? _c(\"h3\", [_vm._v(_vm._s(_vm.dataItem.productName))])\n : _vm._e(),\n _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n _vm.dataItem.platform && _vm.dataItem.platform.name\n ? _c(\"span\", [\n _vm._v(\" \" + _vm._s(_vm.dataItem.platform.name) + \" \"),\n ])\n : _vm._e(),\n ]),\n ]),\n ]\n ),\n _vm.dataItem.dateSelection == 1 &&\n _vm.startDateSelection == 0 &&\n this.$route.name !== \"Checkout\"\n ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n _vm._v(\n \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz! \"\n ),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n _c(\"div\", { staticClass: \"market-table\" }, [\n _vm.marketInfo\n ? _c(\n \"table\",\n {\n staticClass: \"table\",\n class: _vm.esube == \"yes\" ? \"setHeight\" : \"\",\n attrs: { \"aria-describedby\": \"lisans\" },\n },\n [\n _c(\"thead\", [\n _c(\"tr\", [\n _c(\"th\", { attrs: { scope: \"col\" } }),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Piyasa\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Derinlik\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Aracı Kurum Dağılımı\")]\n ),\n _c(\n \"th\",\n {\n staticClass: \"text-left\",\n attrs: { scope: \"col\" },\n },\n [_vm._v(\"Başlangıç Zamanı\")]\n ),\n ]),\n ]),\n !_vm.isResponsive\n ? _c(\n \"tbody\",\n _vm._l(_vm.marketInfo, function (item) {\n return _c(\"package-setting-type\", {\n key: item.id,\n attrs: {\n item: item,\n dataItem: _vm.dataItem,\n selectData: _vm.selectData,\n isResponsive: false,\n },\n on: {\n update: _vm.changeSelected,\n showSpesificWarning: _vm.checkSpesificWarning,\n },\n })\n }),\n 1\n )\n : _vm._e(),\n ]\n )\n : _vm._e(),\n ]),\n _vm.isResponsive\n ? _c(\n \"div\",\n { staticClass: \"market-table-responsive\" },\n _vm._l(_vm.marketInfo, function (item) {\n return _c(\"package-setting-type\", {\n key: item.id,\n attrs: {\n item: item,\n dataItem: _vm.dataItem,\n selectData: _vm.selectData,\n isResponsive: true,\n },\n on: {\n update: _vm.changeSelected,\n showSpesificWarning: _vm.checkSpesificWarning,\n },\n })\n }),\n 1\n )\n : _vm._e(),\n _vm.warningMessage\n ? _c(\n \"div\",\n { staticClass: \"info-container\" },\n [\n _c(\"info-area\", {\n attrs: { infoText: _vm.infoText[1], typeWarning: true },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n _c(\"div\", { staticClass: \"accordion-container\" }, [\n _vm.research.length > 0 &&\n _vm.research[0].details &&\n _vm.research[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-research\", {\n attrs: {\n id: \"accordion-research\",\n content: _vm.research,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n _vm.foreign.length > 0 &&\n _vm.foreign[0].details &&\n _vm.foreign[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-foreign\", {\n attrs: {\n id: \"accordion-foreign\",\n content: _vm.foreign,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n _vm.algoServer.length > 0 &&\n _vm.algoServer[0].details &&\n _vm.algoServer[0].details.length > 0\n ? _c(\n \"div\",\n [\n _c(\"accordion-algo-server\", {\n attrs: {\n id: \"accordion-algo-server\",\n content: _vm.algoServer,\n dataItem: _vm.dataItem,\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n ]),\n ]),\n _c(\n \"div\",\n { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n [\n _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n _c(\"p\", [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"BES / Yatırım Fonu:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.bottomFund +\n _vm.researchFund +\n _vm.foreignFund +\n _vm.algoServerFund\n )\n ) +\n \" TL \"\n ),\n ]),\n _c(\"p\", [\n _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n _vm._v(\"Komisyon:\"),\n ]),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.bottomCommission +\n _vm.researchCommission +\n _vm.foreignCommission +\n _vm.algoServerCommission\n )\n ) +\n \" TL \"\n ),\n ]),\n ]),\n _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n _c(\"span\", [_vm._v(\"Toplam Tutar:\")]),\n _c(\"h2\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPrice(\n _vm.totalPrice +\n _vm.researchTotal +\n _vm.algoServerTotal +\n _vm.foraignTurkishLiraTotal\n )\n ) +\n \" TL \"\n ),\n ]),\n _vm.foreign.length > 0 &&\n _vm.foreign[0].details &&\n _vm.foreign[0].details.length > 0\n ? _c(\"h2\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.foraignDollarTotal > 0\n ? \"+ \" +\n _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n \" Dolar\"\n : \"\"\n ) +\n \" \" +\n _vm._s(\n _vm.foraignEuroTotal > 0\n ? \"+ \" +\n _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n \" Euro\"\n : \"\"\n ) +\n \" \"\n ),\n ])\n : _vm._e(),\n ]),\n _c(\n \"div\",\n {\n staticClass:\n \"package-settings__bottom-action m-flex m-items-center\",\n },\n [\n _c(\n \"base-button\",\n {\n class: { \"button-disabled\": _vm.isButtonClicked },\n attrs: { id: \"edit-submit-btn\" },\n on: { click: _vm.submitShow },\n },\n [_vm._v(\"Onayla\")]\n ),\n ],\n 1\n ),\n ]),\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"info-container\" },\n [\n _c(\"info-area\", {\n attrs: { infoText: _vm.infoText[0], typeWarning: true },\n }),\n ],\n 1\n ),\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
|
|
2306
2306
|
|
|
2307
2307
|
/***/ }),
|
|
2308
2308
|
|
|
@@ -3704,7 +3704,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3704
3704
|
/*! no static exports found */
|
|
3705
3705
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3706
3706
|
|
|
3707
|
-
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, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\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.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
|
|
3707
|
+
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, \".invoice-item-container[data-v-1f680715] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n width: 100%;\\n min-width: 850px;\\n border: 1px solid var(--grayscale-30);\\n background-color: var(--grayscale-0);\\n margin-bottom: 0px;\\n box-sizing: border-box;\\n padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n border-bottom: 1px solid var(--grayscale-30);\\n padding-bottom: 20px;\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n justify-content: space-between;\\n text-align: center;\\n font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n font-size: 13px;\\n color: var(--grayscale-50);\\n cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n display: none;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n position: relative;\\n padding: 15px 0;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n display: flex;\\n flex: 0.8;\\n text-align: center;\\n font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n margin-left: auto;\\n margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n max-width: 120px;\\n height: 25px;\\n font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n margin-top: 1em;\\n border-top: 1px solid var(--grayscale-30);\\n display: flex;\\n justify-content: space-between;\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n flex: 1;\\n display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 12.5px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n .invoice-item__middle .right[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n .invoice-item__middle .right .item span[data-v-1f680715] {\\n color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n .invoice-item__middle .right .item strong[data-v-1f680715] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n padding: 18px 20px;\\n flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n position: relative;\\n bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\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.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n display: flex;\\n align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
|
|
3708
3708
|
|
|
3709
3709
|
/***/ }),
|
|
3710
3710
|
|
|
@@ -3715,7 +3715,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3715
3715
|
/*! no static exports found */
|
|
3716
3716
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3717
3717
|
|
|
3718
|
-
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, \".data-request-item[data-v-7df43477] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.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");
|
|
3718
|
+
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, \".data-request-item[data-v-7df43477] {\\n border: 1px solid var(--color-primary-tint-second);\\n width: 100%;\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n border-radius: var(--radius-first);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n justify-content: space-between;\\n display: flex;\\n padding: 16px 20px;\\n border-bottom: solid 1px var(--grayscale-30);\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n background: var(--grayscale-20);\\n padding: 4px 5px;\\n margin-right: 10px;\\n border-radius: var(--radius-third);\\n display: flex;\\n align-items: center;\\n text-align: center;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\n padding: 0px;\\n width: auto;\\n font-size: 14px;\\n text-align: center;\\n cursor: pointer;\\n font-weight: 500;\\n position: relative;\\n display: flex;\\n flex: 1;\\n align-items: center;\\n}\\n.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\n visibility: hidden;\\n opacity: 0;\\n position: absolute;\\n width: 165px;\\n right: 0;\\n top: 20px;\\n background-color: #fff;\\n border-radius: var(--radius-first);\\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n z-index: 1;\\n padding: 7px 0;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\n filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n transition: all 1s ease-in;\\n -webkit-animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n transform: rotate(0deg);\\n}\\n25% {\\n transform: rotate(15deg);\\n}\\n50% {\\n transform: rotate(0deg);\\n}\\n75% {\\n transform: rotate(-15deg);\\n}\\n100% {\\n transform: rotate(0deg);\\n}\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n font-weight: bold;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n background: var(--grayscale-140);\\n font-size: 12px;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n display: none;\\n background-color: var(--color-primary-tint);\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n position: sticky;\\n top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n font-size: 12px;\\n margin-right: 20px;\\n padding-right: 20px;\\n color: var(--color-primary-black-metallic);\\n font-weight: 600;\\n position: relative;\\n}\\n.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::after {\\n content: \\\"\\\";\\n display: block;\\n width: 1px;\\n height: 22px;\\n background: var(--color-primary-tint-second);\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n height: 40px;\\n border-bottom: 1px solid var(--grayscale-30);\\n display: flex;\\n align-items: center;\\n padding: 15px 30px;\\n justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n font-size: 20px;\\n font-weight: bold;\\n margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.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");
|
|
3719
3719
|
|
|
3720
3720
|
/***/ }),
|
|
3721
3721
|
|
|
@@ -3781,7 +3781,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3781
3781
|
/*! no static exports found */
|
|
3782
3782
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3783
3783
|
|
|
3784
|
-
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 font-weight: 600;\\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 gap: 10px;\\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 font-weight: 600;\\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 font-weight: 600;\\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: 26px;\\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 font-size: 14px;\\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 .table[data-v-8ab7184c] tbody tr td:nth-child(2) {\\n min-width: 120px;\\n padding: 18px 0px;\\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[data-v-8ab7184c] td:nth-child(3),\\n .osm-vd .market-table[data-v-8ab7184c] td:nth-child(4) {\\n min-width: 190px !important;\\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");
|
|
3784
|
+
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 font-weight: 600;\\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 gap: 10px;\\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 font-weight: 600;\\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 font-weight: 600;\\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: 26px;\\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 font-size: 14px;\\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 .table[data-v-8ab7184c] tbody tr td:nth-child(2) {\\n min-width: 120px;\\n padding: 18px 0px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] .setHeight tbody tr td {\\n height: 64px !important;\\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[data-v-8ab7184c] td:nth-child(3),\\n .osm-vd .market-table[data-v-8ab7184c] td:nth-child(4) {\\n min-width: 190px !important;\\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");
|
|
3785
3785
|
|
|
3786
3786
|
/***/ }),
|
|
3787
3787
|
|