@bilfenyazilimekibi/bilpack 1.3.24 → 1.3.25

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.
Files changed (5) hide show
  1. package/dist/bilpack.common.js +7 -7
  2. package/dist/bilpack.css +202 -0
  3. package/dist/bilpack.umd.js +7 -7
  4. package/dist/bilpack.umd.min.js +7 -7
  5. package/package.json +1 -1
package/dist/bilpack.common.js CHANGED
@@ -335,7 +335,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
335
335
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
336
336
 
337
337
  "use strict";
338
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers */ \"./src/components/bf-form/helpers.js\");\n/* harmony import */ var _components_form_image__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/form-image */ \"./src/components/bf-form/components/form-image.vue\");\n/* harmony import */ var _components_preview_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/preview/index */ \"./src/components/bf-form/components/preview/index.vue\");\n\n\n\n\n// import { vMaska } from \"maska\"\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: \"bf-form\",\n props: {\n selectedFileName: {\n default: \"\",\n },\n deleteButton: {\n default: false,\n },\n saveButton: {\n default: true,\n },\n customClass: {\n default: \"\",\n },\n previewSettings: {\n default: () => {\n return {};\n },\n },\n formButtonContent: {\n default: () => {\n return {\n title: \"Kaydet\",\n hasIcon: false,\n iconTitle: {\n default: \"\",\n },\n };\n },\n },\n formDeleteButtonContent: {\n default: () => {\n return {\n title: \"Sil\",\n hasIcon: false,\n iconTitle: {\n default: \"\",\n },\n };\n },\n },\n settings: {\n default: {},\n },\n items: {\n default: {},\n },\n endpoint: {\n default: \"\",\n },\n editOptions: {\n default: null,\n },\n showSubmit: {\n default: true,\n },\n hasCustomSubmitSlot: {\n default: false,\n },\n },\n components: {\n imageInput: _components_form_image__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n preview: _components_preview_index__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n },\n // directives: { maska: vMaska },\n data() {\n return {\n formGroups: [],\n formItems: {},\n formIsValid: false,\n startInit: false,\n editMode: false,\n loader: false,\n editForm: null,\n show: true,\n isReady: false,\n blankUrl: \"\",\n editData: {},\n maskPhone: \"(###) ### ## ##\",\n formPreviewSettings: {\n show: true,\n customize: false,\n submitText: \"Kaydet\",\n },\n\n formSettings: {\n title: \"\",\n module: \"\",\n confirmOnSave: false,\n postMode: \"object\",\n errorMsg: \"Bir hata meydana geldi\",\n successMsg: \"\",\n confirmText: \"\",\n resetItems: false,\n redirectUrl: null,\n },\n defaultKeys: [\n {\n key: \"valueMasked\",\n defaultVal: \"\",\n },\n {\n key: \"sabmitValueMask\",\n defaultVal: false,\n },\n {\n key: \"mask\",\n defaultVal: false,\n },\n {\n key: \"maskRaw\",\n defaultVal: true,\n },\n {\n key: \"disabled\",\n defaultVal: false,\n },\n {\n key: \"show\",\n defaultVal: true,\n },\n {\n key: \"col\",\n defaultVal: 12,\n },\n {\n key: \"colStyle\",\n defaultVal: \"\",\n },\n {\n key: \"style\",\n defaultVal: \"\",\n },\n {\n key: \"maxWidth\",\n defaultVal: \"100%\",\n },\n {\n key: \"type\",\n defaultVal: \"input\",\n },\n {\n key: \"value\",\n defaultVal: \"\",\n },\n // {\n // key: 'rules',\n // defaultVal: []\n // },\n {\n key: \"errors\",\n defaultVal: [],\n },\n {\n key: \"placeholder\",\n defaultVal: \"\",\n },\n {\n key: \"showCustomError\",\n defaultVal: false,\n },\n ],\n };\n },\n computed: {\n currentMask() {\n return (item) => {\n return typeof item.mask === \"function\" ? item.mask(item) : item.mask;\n };\n },\n },\n methods: {\n deepClone: (obj) => {\n if (obj === null || typeof obj !== \"object\") {\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return obj.map((item) => deepClone(item));\n }\n\n const clone = {};\n for (let key in obj) {\n if (typeof obj[key] === \"object\" || typeof obj[key] === \"function\") {\n clone[key] = deepClone(obj[key]);\n } else {\n clone[key] = obj[key];\n }\n }\n return clone;\n },\n getComboboxItems(formItem) {\n // v-combobox için string array'e çevir\n if (formItem.options.items && Array.isArray(formItem.options.items)) {\n return formItem.options.items.map((item) => {\n if (typeof item === \"string\") {\n return item;\n } else if (typeof item === \"object\" && item.text) {\n return item.text;\n } else if (typeof item === \"object\" && item.value) {\n return item.value;\n }\n return String(item);\n });\n }\n return [];\n },\n addCustomValue(formItem) {\n // Custom değeri ekle\n if (formItem.searchText && formItem.searchText.trim()) {\n const customValue = formItem.searchText.trim();\n\n // Eğer multiple ise array'e ekle, değilse direkt ata\n if (formItem.options.multiple) {\n if (!formItem.value) formItem.value = [];\n if (!formItem.value.includes(customValue)) {\n formItem.value.push(customValue);\n }\n } else {\n formItem.value = customValue;\n }\n\n // Items listesine de ekle (tekrar eklenmemesi için)\n const items = this.getComboboxItems(formItem);\n if (!items.includes(customValue)) {\n formItem.options.items.push({\n text: customValue,\n value: customValue,\n });\n }\n\n // Search text'i temizle\n formItem.searchText = \"\";\n\n // Change event'ini tetikle\n this.changeItem(formItem);\n }\n },\n // checkbox inputların tümünün seçilip seçilmediğini kontrol ediyor\n getMultipleToggleValue(formItem) {\n if (formItem.value) {\n return (\n formItem.value.length ===\n formItem.options.items.map((x) => x[formItem.options.value]).length\n );\n }\n },\n // checkbox inputların tümünün seçilmesini sağlıyor\n toggleAllOptions(formItem) {\n formItem.value = this.getMultipleToggleValue(formItem)\n ? []\n : formItem.options.items.map((x) => x[formItem.options.value]);\n this.$forceUpdate();\n },\n deleteButtonClick() {\n this.$emit(\"onDeleteClickEmit\", \"\");\n },\n async init(mode = \"create\", initOptions = null) {\n const self = this;\n\n await self.setFormSettings(mode);\n self.startInit = true;\n self.editMode = mode === \"update\";\n\n // groups\n // self.formItems = self.setDefaultKeys(self.items, mode); // ---> with reference\n\n const initItems = { ...self.items };\n // const initItems = JSON.parse(JSON.stringify(self.items))\n const handledItems = await self.setFormGroups(initItems, mode);\n self.formGroups = handledItems.initGroupArray;\n self.formItems = self.setDefaultKeys(handledItems.allItems, mode); // ---> without reference\n self.formItems = self.setFunctionKeys(self.formItems);\n self\n .setInitOptions(initOptions)\n .then(() => {\n // self.$refs['imgInput' + item.name][0].init()\n this.$forceUpdate();\n self.initSelectData(self.editMode);\n\n setTimeout(() => {\n self.isReady = true;\n });\n setTimeout(() => self.initComponents());\n setTimeout(() => {\n if (self.formPreviewSettings.show)\n self.$refs.form_preview.setItems(self.formItems);\n // if (initOptions.callback !== undefined && (typeof initOptions.callback === 'function')) initOptions.callback(self.formItems)\n });\n })\n .catch((err) => {\n console.error(\"setInitOptions error\", err);\n });\n },\n async setFormGroups(initItems, mode) {\n const self = this;\n\n const allItems = {};\n const initGroupArray = [];\n\n const defaultGroup = {\n title: \"\",\n previewType: \"default\",\n items: [],\n };\n\n Object.keys(initItems).forEach((itemKey, itemIndex) => {\n if (itemKey.includes(\"form_group\")) {\n const prevType = initItems[itemKey].previewType;\n const title = initItems[itemKey].title;\n const formGroupItems = initItems[itemKey].items;\n const obj = {\n title: title !== undefined ? title : \"\",\n previewType: prevType !== undefined ? prevType : \"default\",\n // items: Object.keys(initItems[itemKey].items).map(x => x)\n items: Object.keys(initItems[itemKey].items)\n .filter(\n (x) =>\n formGroupItems[x].onlyMode === undefined ||\n formGroupItems[x].onlyMode === mode\n )\n .map((x) => x),\n };\n\n initGroupArray.push(obj);\n\n Object.keys(initItems[itemKey].items).forEach((val) => {\n allItems[val] = initItems[itemKey].items[val];\n // if sub group on development\n });\n } else {\n if (\n initItems[itemKey].onlyMode === undefined ||\n initItems[itemKey].onlyMode === mode\n )\n defaultGroup.items.push(itemKey);\n allItems[itemKey] = initItems[itemKey];\n\n if (defaultGroup.items.length !== 0) {\n const nextElement = Object.keys(initItems)[itemIndex + 1];\n if (\n nextElement === undefined ||\n nextElement.includes(\"form_group\")\n ) {\n initGroupArray.push(JSON.parse(JSON.stringify(defaultGroup)));\n defaultGroup.items = [];\n }\n }\n }\n });\n\n return { initGroupArray, allItems };\n },\n async setFormSettings(formMode) {\n const self = this;\n const formSettingsObj =\n self.settings[formMode] !== undefined\n ? self.settings[formMode]\n : self.settings;\n const formPreviewSettingsObj =\n self.previewSettings[formMode] !== undefined\n ? self.previewSettings[formMode]\n : self.previewSettings;\n self.formSettings = Object.assign(self.formSettings, formSettingsObj);\n self.formPreviewSettings = Object.assign(\n self.formPreviewSettings,\n formPreviewSettingsObj\n );\n self.$forceUpdate();\n },\n async updateFormSettings(type = \"form\", key, value) {\n const self = this;\n // type = formSettings, formPreviewSettings\n const settingsType =\n type === \"preview\" ? \"formPreviewSettings\" : \"formSettings\";\n self[settingsType][key] = value;\n self.$forceUpdate();\n },\n initComponents() {\n const self = this;\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item.type === \"image\") self.$refs[\"imgInput\" + item.name][0].init();\n });\n },\n setInitOptions(initOptions) {\n const self = this;\n return new Promise((resolve, reject) => {\n if (initOptions !== null) {\n if (initOptions.defaultValues !== undefined) {\n // TODO try to to aciton with setValues(initOptions.defaultValues) and remove code bellow if it's success\n Object.keys(initOptions.defaultValues).forEach((itemKey) => {\n const defaultItemVal = initOptions.defaultValues[itemKey];\n const formItem = self.formItems[itemKey];\n if (formItem !== undefined) {\n formItem.value = defaultItemVal;\n if (formItem.mask) formItem.valueMasked = defaultItemVal;\n if (formItem.type === \"date\") {\n // formItem.dateTextField = defaultItemVal;\n formItem.dateTextField = self.dateToString(defaultItemVal);\n }\n }\n });\n\n setTimeout(() => {\n resolve();\n });\n }\n if (initOptions.fetch !== undefined) {\n const params =\n initOptions.fetch.params !== undefined\n ? initOptions.fetch.params\n : \"\";\n self.$axios\n .post(\n self.$axios.defaults.baseURL + initOptions.fetch.endpoint,\n params\n )\n .then((res) => {\n const result = res.data.data;\n const data = Array.isArray(result) ? result[0] : result;\n if (initOptions.setByKey !== undefined) {\n // country id null ise (daha önce ülke bölge seçilmediyse)\n if (data.countryId === null) {\n initOptions.setByKey.country = \"1\";\n }\n Object.keys(initOptions.setByKey).forEach((key) => {\n const addKeyVal = initOptions.setByKey[key];\n const formItem = self.formItems[key];\n\n if (formItem !== undefined) {\n if (\n formItem.type === \"select-relation\" ||\n (formItem.type === \"select-data\" &&\n formItem.options.multiple)\n ) {\n data[key] = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.arrayValToStr)(data[addKeyVal]);\n } else {\n data[key] = data[addKeyVal];\n }\n }\n });\n }\n\n this.$forceUpdate();\n\n self.setValues(data);\n self.editData = self.setEditData(data, initOptions);\n setTimeout(() => resolve());\n });\n }\n } else {\n resolve();\n }\n });\n },\n setEditData(fetchData, initOptions) {\n const includeOnPost = initOptions.setByKey;\n let includeData = {};\n if (includeOnPost !== undefined) {\n Object.keys(includeOnPost).forEach((key) => {\n const includeItemKey = includeOnPost[key];\n includeData[key] = fetchData[includeItemKey];\n });\n }\n return includeData;\n },\n setValues(values) {\n const self = this;\n\n Object.keys(values).forEach((valueKey) => {\n const item = self.formItems[valueKey];\n const value = values[valueKey];\n if (item !== undefined) {\n item.value = value;\n if (item.mask) item.valueMasked = value;\n\n if (item.options.replaceVal !== undefined) {\n item.options.replaceVal.forEach((setting) => {\n if (value === setting.detect) item.value = setting.to;\n });\n }\n\n if (item.type !== \"select-relation\" && item.type !== \"select-data\") {\n item.valueText = item.value;\n }\n\n if (item.type === \"date\") {\n // item.dateTextField = item.value\n item.dateTextField = self.dateToString(item.value);\n }\n }\n });\n\n this.$forceUpdate();\n },\n initSelectData(isEdit = false) {\n const self = this;\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n let status = true;\n if (item.type === \"select-data\" || item.type === \"select-relation\") {\n let params = \"\";\n if (item.type === \"select-relation\") {\n if (!item.options.start && !isEdit) status = false;\n // if (isEdit && (item.value === null || item.value === '')) status = false;\n if (\n isEdit &&\n !item.options.start &&\n (item.value === null || item.value === \"\")\n )\n status = false;\n params = self.setParams(item, item.options.params);\n } else {\n params =\n item.options.params !== undefined ? item.options.params : \"\";\n }\n\n if (status)\n self.fetchSelectItems(\n item,\n item.options.endpoint,\n params,\n item.value\n );\n }\n });\n },\n reInitSelect(name, params = \"\", value = null) {\n const self = this;\n const item = self.formItems[name];\n if (item !== undefined)\n self.fetchSelectItems(item, item.options.endpoint, params, value);\n },\n async fetchSelectItems(\n item,\n endpoint = null,\n params = \"\",\n setValue = null,\n selectedValue = null\n ) {\n const self = this;\n\n item.loader = true;\n\n // self.$axios.post(self.$axios.defaults.baseURL + initOptions.fetch.endpoint, params)\n\n // TODO bilems de nerde kullanıldı?\n // findIdEndingKey(obj) {\n // for (let key in obj) {\n // if (key.endsWith('id')) {\n // return key;\n // }\n // }\n // return null;\n // },\n // if (currentId) {\n // let idEndingKey = self.findIdEndingKey(params);\n // params[idEndingKey] = currentId\n // }\n\n let url = endpoint !== null ? endpoint : item.options.endpoint;\n if (url) {\n if (url.includes(\"...\")) {\n const baseUrl = self.$axios.defaults.baseURL.split(\"/bildash\")[0];\n url = baseUrl + url.split(\"...\")[1];\n }\n }\n\n const res = await self.$axios.post(url, params);\n if (res.data.status) {\n item.options.disabled = false;\n // Eğer gelen selectbox içerikleri tek bir endpoint içinde toplandı ise key'ine göre items alanını dolduruyoruz.\n if (item.options.contentType === \"all\") {\n const allCategories = res.data.data;\n item.options.items = allCategories.find(\n (x) => x.type === item.options.contentKey\n ).children;\n } else {\n item.options.items =\n item.filterBY !== undefined\n ? res.data.data.filter(\n (x) => x[item.filterBY.key] === item.filterBY.value\n )\n : res.data.data;\n }\n // if (setValue !== null || setValue !== \"\") self.setMultiSelectData(item, setValue);\n if (\n item.options.defaultOptions !== undefined &&\n Array.isArray(item.options.defaultOptions)\n ) {\n item.options.defaultOptions.forEach((val) =>\n item.options.items.unshift(val)\n );\n }\n if (item.type === \"select-relation\" || item.type === \"select-data\") {\n item.valueText = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.getSelectText)(item);\n }\n\n // Eğer sort değeri varsa sıralama yap\n if (item.options.sort) {\n self.applySortToItem(item);\n }\n\n item.loader = false;\n this.$forceUpdate();\n setTimeout(() => {\n self.$emit(\"onFetchSelect\", item, selectedValue);\n });\n }\n },\n updateElement(itemName, keyToChange, value) {\n const item = this.formItems[itemName];\n if (item) {\n const keys = keyToChange.split(\".\");\n let currentObj = item;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n if (!currentObj[key]) {\n currentObj[key] = {};\n }\n currentObj = currentObj[key];\n }\n\n const finalKey = keys[keys.length - 1];\n currentObj[finalKey] = value;\n\n this.$forceUpdate();\n } else {\n console.error(\n `Element couldn't be updated. No name key (${itemName}) available`\n );\n }\n },\n // setMultiSelectData(item, value) {\n // // ---> this function is about the multiselect-vue plugin. Not need anymore <---\n // if (item.value) {\n // if (item.value.includes('[') && item.value.includes(']')) {\n // // is array\n // const newArray = [];\n // JSON.parse(item.value).forEach(val => {\n // const findObj = item.options.items.find(x => x[item.options.value] === val);\n // if (findObj) newArray.push(findObj)\n // });\n //\n // item.options.model = newArray\n //\n // } else {\n // const findObj = item.options.items.find(x => x[item.options.value] === value);\n // item.options.model = findObj;\n // }\n // }\n // },\n setFunctionKeys(items) {\n const self = this;\n /*\n this function is need because on the preview functions we are using JSON.stringify\n After this the functions will be automatically null because stringify does not support functions\n */\n\n Object.keys(items).forEach((itemKey) => {\n const item = items[itemKey];\n const propsItem = self.items[itemKey];\n\n if (item.type === \"select-relation\" && propsItem !== undefined) {\n item.options.paramsCallback =\n propsItem.options.paramsCallback !== undefined\n ? propsItem.options.paramsCallback\n : null;\n }\n });\n\n return items;\n },\n setDefaultKeys(items, formMode) {\n const self = this;\n\n Object.keys(items).forEach((itemKey) => {\n const item = items[itemKey];\n\n if (item.valueText === undefined) item.valueText = \"\";\n\n if (item.onlyMode !== undefined && item.onlyMode !== formMode)\n delete items[itemKey];\n\n if (item.name === undefined) item.name = itemKey;\n\n if (item.nullable === undefined) item.nullable = true;\n\n self.defaultKeys.forEach((val) => {\n if (item[val.key] === undefined) item[val.key] = val.defaultVal;\n });\n\n if (item.rules === undefined) item.rules = [];\n\n if (item.required) item.rules.push((v) => !!v || \"Bu alan zorunludur!\");\n\n if (item.min !== undefined) {\n item.rules.push(\n (v) =>\n (v && v.length >= item.min) ||\n \"Bu alan minimum \" + item.min + \" karakter olabilir.\"\n );\n }\n\n if (item.max !== undefined) {\n item.rules.push(\n (v) =>\n (v || \"\").length <= item.max ||\n \"Bu alan maksimum \" + item.max + \" karakter olabilir.\"\n );\n }\n\n if (item.type === \"select\") {\n if (item.callback === undefined) item.callback = null;\n if (item.options.label === undefined) item.options.label = \"text\";\n if (item.options.value === undefined) item.options.value = \"value\";\n if (item.options.allowCustom === undefined)\n item.options.allowCustom = false;\n }\n\n // if (item.type === 'multiselect') {\n // if (item.callback === undefined) item.callback = null;\n // if (item.options.disabled === undefined) item.options.disabled = true;\n // if (item.options.addDynamic === undefined) item.options.addDynamic = null;\n // item.loader = true;\n // item.options.items = [];\n // item.options.model = null\n // }\n\n if (item.type === \"select-data\") {\n if (item.callback === undefined) item.callback = null;\n if (item.options.multiple === undefined)\n item.options.multiple = false;\n item.loader = true;\n item.options.items = [];\n // item.valueText = ''\n }\n\n if (item.type === \"select-relation\") {\n item.loader = false;\n item.options.items = [];\n if (item.options.start === undefined) item.options.start = false;\n if (item.options.target === undefined)\n item.options.target = { reset: [], activate: [] };\n if (item.options.disabled === undefined) item.options.disabled = true;\n if (item.options.addDynamic === undefined)\n item.options.addDynamic = null;\n // item.valueText = ''\n // if(!item.options.start) item.disabled = true\n // if (item.options.resetItems === undefined) item.options.resetItems = [];\n }\n\n if (item.type === \"date\" && item.dateMenu === undefined)\n item.dateMenu = false;\n if (item.type === \"date\" && item.dateTextField === undefined)\n item.dateTextField = \"\";\n\n if (item.type === \"image\") item.defaultVal = null;\n\n if (item.options === undefined) item.options = {};\n });\n\n return items;\n },\n getFormValue() {\n const self = this;\n const obj = {};\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n obj[item.name] = item.value;\n });\n return obj;\n },\n cleanSpaces(value) {\n return value.replace(/\\s+/g, \"\");\n },\n // form gönderilidiğinde çalışır\n async onSubmit() {\n const self = this;\n const result = self.checkForm();\n\n if (result.status) {\n // success\n // axios post\n\n const obj = self.editMode\n ? Object.assign(self.editData, result.obj)\n : result.obj;\n const text = self.editMode\n ? self.formSettings.module +\n \" güncellenecek, güncellemek istediğinize emin misiniz?\"\n : self.formSettings.module +\n \" eklenecek, eklemek istediğinize emin misiniz?\";\n\n let endpoint = \"\";\n\n if (typeof self.endpoint === \"object\") {\n endpoint = self.editMode\n ? self.endpoint.update\n : self.endpoint.create;\n } else if (typeof self.endpoint === \"string\") {\n endpoint = self.endpoint;\n }\n\n // const finalObj = {};\n // Object.keys(obj).forEach(itemKey => {\n // const item = self.formItems[itemKey];\n // if (item === undefined) return;\n // if (item.value === '' && item.nullable) return;\n // finalObj[itemKey] = obj[itemKey];\n // });\n Object.keys(obj).forEach((objKey) => {\n if (obj[objKey] === \"\") {\n obj[objKey] = null;\n }\n });\n let finalObj = obj;\n if (self.formSettings.postMode === \"formData\") {\n const formData = new FormData();\n Object.keys(obj).forEach((itemKey) => {\n if (obj[itemKey]) {\n formData.append(itemKey, obj[itemKey]);\n }\n });\n\n finalObj = formData;\n }\n\n if (self.formSettings.confirmOnSave) {\n const confirmText =\n self.formSettings.confirmText !== \"\"\n ? self.formSettings.confirmText\n : text;\n\n self.$refs[\"form_swal\"].confirm({\n onConfirm: async () => {\n await self.handleSave(endpoint, finalObj);\n },\n title: \"Emin misiniz?\",\n text: confirmText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'confirm',\n // options: {\n // onConfirm: async () => {\n // await self.handleSave(endpoint, finalObj)\n // },\n // title: 'Emin misiniz?',\n // text: confirmText,\n // }\n // })\n } else {\n await self.handleSave(endpoint, finalObj);\n }\n }\n },\n async handleSave(endpoint, params) {\n const self = this;\n self.loader = true;\n\n // errorMsg: '',\n // successMsg: '',\n try {\n const copyParams = params ? JSON.parse(JSON.stringify(params)) : {};\n const { data, status, message } = await self.$axios.$post(\n endpoint,\n params\n );\n if (status) {\n self.loader = false;\n if (self.formSettings.resetItems) {\n let items = Object.values(self.formItems);\n items.forEach((item, key) => {\n item.value = null;\n item.valueText = null;\n });\n }\n const successText = self.editMode\n ? self.formSettings.module + \" güncellendi.\"\n : self.formSettings.module + \" eklendi.\";\n if (self.formSettings.redirectUrl !== null) {\n self.$refs[\"form_swal\"].close();\n setTimeout(async () => {\n // await self.$router.push(self.formSettings.redirectUrl)\n const routeObj = {\n path: self.formSettings.redirectUrl,\n };\n if (self.formSettings.setQuery !== undefined)\n routeObj.query = self.formSettings.setQuery;\n await self.$router.push(routeObj);\n }, 300);\n } else {\n self.$refs[\"form_swal\"].success({\n title: \"İşlem tamamlandı!\",\n text: successText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'success',\n // options: {\n // title: 'İşlem tamamlandı!',\n // text: successText\n // }\n // })\n if (self.formSettings.resetItems) self.onReset();\n }\n // TODO handle if resData and bodyParams are type of FormData\n self.$emit(\"onSuccess\", {\n formItems: self.formItems,\n resData: data,\n bodyPrams: copyParams,\n });\n } else {\n self.loader = false;\n throw { message };\n }\n } catch (e) {\n const errText =\n e.message !== undefined ? e.message : self.formSettings.errorMsg;\n self.$refs[\"form_swal\"].error({\n title: \"Hata!\",\n text: errText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'error',\n // options: {\n // title: 'Hata!',\n // text: errText\n // }\n // })\n self.$emit(\"onError\");\n }\n },\n resetItems() {\n this.onReset();\n },\n // form elementlerini resetler\n onReset() {\n const self = this;\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n item.value = \"\";\n item.valueText = \"\";\n item.errors = [];\n if (item.mask) item.valueMasked = \"\";\n if (item.type === \"multiselect\") item.options.model = null;\n if (item.type === \"select-relation\") {\n if (!item.options.start) item.options.items = [];\n // item.options.model = null\n }\n });\n self.$refs.ref_form.resetValidation();\n\n if (self.$refs.form_preview)\n self.$refs.form_preview.setItems(self.formItems);\n\n self.$emit(\"resetAfter\");\n self.$forceUpdate();\n },\n validateRule(value, rules) {\n for (const rule of rules) {\n const validationResult = rule(value);\n if (validationResult !== true) {\n return { status: false, message: validationResult };\n }\n }\n return { status: true, message: \"\" };\n },\n checkForm() {\n const self = this;\n let status = self.$refs.ref_form.validate();\n const obj = {};\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n\n // image alanları için required kontrolü\n if (item.type === \"image\" && item.required) {\n if (!item.value) {\n item.errors = [{ msg: \"Bu alan zorunludur!\" }];\n status = false;\n } else {\n item.errors = [];\n }\n }\n\n // if (item.mask) {\n // //değere ait boşlukları sil, eğer değer null değilse\n // self.formItems[itemKey].value = this.cleanSpaces(self.formItems[itemKey].value);\n // self.formItems[itemKey].valueText = this.cleanSpaces(self.formItems[itemKey].valueText);\n // }\n\n if (item.mask) {\n const val =\n typeof item.value === \"string\" ? item.value.trim() : item.value;\n const err = [];\n if (item.required && !val) err.push(\"Bu alan zorunludur!\");\n const rulesValidation = self.validateRule(val, item.rules);\n if (!rulesValidation.status) err.push(rulesValidation.message);\n if (err.length > 0) status = false;\n item.errors = err;\n }\n\n if (item.type === \"custom\") {\n let checkStatus = self.checkCustomErrors(item);\n if (!checkStatus) status = false;\n }\n\n if (item.submitExclude) return;\n obj[item.name] = Array.isArray(item.value)\n ? JSON.stringify(item.value).replace(/\"/g, \"\")\n : item.value;\n });\n\n this.$forceUpdate();\n\n return {\n status: status,\n obj: obj,\n };\n },\n // maskelenmiş değeri maskelenmemiş hale çevirmek ve o şekilde göndermek için kullanılıyor.\n changeMaskedItem(maskedValue, item) {\n const self = this;\n const { mask, maskRaw } = item;\n\n const rawValue = maskedValue.replace(/\\D/g, \"\");\n item.value = maskRaw ? rawValue : maskedValue;\n self.$forceUpdate();\n // item.valueMasked = item\n self.changeItem(item);\n },\n // valueText değerini değişen değere eşitlemek için kullanılıyor.//\n // valueText değeri text olmayan bir değerin text karşılığına verdiğimiz değer oluyor. Örneğin value değeri '0' olan bir datanın value textDeğeri 'yapılmadı' olabilir //\n // onSingleSelect adında bir emiti çalıştırıyor. Bu emit değişen item değerini döndürüyor.\n changeItem(item, event) {\n const self = this;\n // if (item.rules !== null) self.checkCustomErrors(item);\n if (item.options.replaceVal !== undefined) {\n item.options.replaceVal.forEach((setting) => {\n if (item.value === setting.detect) {\n item.value = setting.to;\n }\n });\n }\n\n if (item.type === \"select-relation\" || item.type === \"select-data\") {\n item.valueText = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.getSelectText)(item);\n } else {\n item.valueText = item.value;\n }\n\n if (item.type === \"select-relation\") self.selectDataChange(item);\n self.$emit(\"onSingleSelect\", item, self.formItems);\n self.$forceUpdate();\n if (self.formPreviewSettings.show) {\n self.$refs.form_preview.setItems(self.formItems);\n }\n },\n checkCustomErrors(item) {\n const self = this;\n const errors = [];\n\n Object.keys(item).forEach((itenKey) => {\n const findCheckValue = item[itenKey]; // required, min, max etc.\n let value = item.value;\n\n if (value === null || value === undefined) value = \"\";\n\n if (Array.isArray(value)) {\n if (value.length === 0) value = \"\";\n } else {\n value = item.type === \"image\" ? value : value.trim();\n }\n\n switch (itenKey) {\n case \"required\":\n if (findCheckValue && value === \"\") {\n errors.push({\n show: true,\n key: \"thisFieldRequired\",\n msg: \"Bu alan zorunludur!\",\n val: \"\",\n });\n }\n break;\n case \"max\":\n if (value.length > findCheckValue) {\n errors.push({\n show: true,\n key: \"maxDynamic\",\n msg: `Bu alan maksimum ${findCheckValue} karakter olabilir.`,\n val: findCheckValue,\n });\n }\n break;\n case \"min\":\n if (value.length < findCheckValue) {\n errors.push({\n show: true,\n key: \"minDynamic\",\n msg: `Bu alan minimum ${findCheckValue} karakter olabilir.`,\n val: findCheckValue,\n });\n }\n break;\n case \"custom\":\n // TODO custom\n // if (!findCheckValue.func(value)) {\n // errors.push({\n // show: true,\n // msg: ruleValue.msg,\n // val: ruleValue\n // })\n // }\n\n break;\n default:\n // code block\n }\n });\n\n self.formItems[item.name].errors = errors;\n\n return !errors.length > 0;\n },\n selectDataChange(formItem) {\n // formItem.value = val !== null ? val[formItem.options.value] : null;\n //\n // if (formItem.multiple !== undefined && (formItem.multiple)) {\n // const multiVal = [];\n // val.forEach(item => {\n // multiVal.push(item[formItem.options.value])\n // });\n // formItem.value = JSON.stringify(multiVal);\n // }\n if (formItem.type === \"select-relation\")\n this.changeRelationSelect(formItem);\n this.$forceUpdate();\n this.$emit(\"onSelect\", formItem, this.formItems);\n },\n changeRelationSelect(formItem) {\n const self = this;\n\n const targetOptions = formItem.options.target;\n const selectedValue = formItem.value;\n\n targetOptions.reset.forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item === undefined) {\n console.warn(\n \"warning: no target reset item on form items like -> \",\n itemKey\n );\n return;\n }\n item.value = \"\";\n item.options.items = [];\n if (\n item.options.withoutDisable !== undefined &&\n item.options.withoutDisable\n ) {\n item.options.disabled = false;\n } else {\n item.options.disabled = true;\n }\n });\n\n if (formItem.value !== \"\" && formItem.value !== null) {\n targetOptions.activate.forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item === undefined) {\n console.warn(\n \"warning: no target activate item on form items like -> \",\n itemKey\n );\n return;\n }\n\n const params = self.setParams(item, item.options.params);\n\n self.fetchSelectItems(\n item,\n item.options.endpoint,\n params,\n null,\n selectedValue\n );\n });\n }\n },\n setParams(item, params) {\n const self = this;\n\n if (params === undefined) return \"\";\n\n let obj = {};\n\n Object.keys(params).forEach((val) => {\n const paramItem = params[val];\n if (params[val] !== null) {\n const findItem = self.formItems[paramItem];\n const itemVal = findItem ? findItem.value : null;\n obj[val] = itemVal;\n } else {\n obj[val] = null;\n }\n });\n\n if (\n item.options.paramsCallback !== null &&\n typeof item.options.paramsCallback === \"function\"\n ) {\n obj = item.options.paramsCallback(obj);\n }\n\n return obj;\n },\n // submitDynamicSelect(formItem) {\n // const self = this;\n // const refName = 'multiselect_' + formItem.name;\n // const val = self.$refs[refName][0].search;\n // const options = formItem.options.addDynamic;\n // const param = options.params !== undefined ? {[options.params]: val} : val;\n // self.$swal({\n // title: 'Emin misiniz?',\n // text: options.module + \" eklenecek, eklemek istediğinize emin misiniz?\",\n // type: 'warning',\n // showCancelButton: true,\n // confirmButtonColor: '#1dc722',\n // cancelButtonColor: '#d33',\n // confirmButtonText: 'Evet, ekle!',\n // cancelButtonText: 'Vazgeç'\n // }).then((result) => {\n // if (result.value) {\n // self.$axios.$post(this.$axios.defaults.baseURL + options.endpoint, param)\n // .then((data) => {\n // if (data.status) {\n // self.$swal('İşlem tamamlandı!', options.module + ' eklendi.', 'success')\n // let params\n // if (formItem.type === 'select-relation') {\n // params = self.setParams(formItem, formItem.options.params);\n // } else {\n // params = formItem.options.params !== undefined ? formItem.options.params : '';\n // }\n // self.fetchSelectItems(formItem, formItem.options.endpoint, params, formItem.value);\n // } else {\n // self.$swal('Hata!', '' + data.message + '', 'error');\n // }\n // })\n // .catch(err => {\n // self.$swal('Hata!', 'Bir hata meydana geldi', 'error')\n // })\n // }\n // })\n // },\n\n // bilgisayardan seçilen dosyanın inputa set edilmesini sağlıyor.\n // emit ismi: setFileVal, emit değeri: bilgisayardan seçilen dosya\n setFileVal(data) {\n this.formItems[data.name].value = data.file;\n this.$forceUpdate();\n this.$emit(\"setFileVal\", {\n file: data.file,\n });\n },\n autocompleteFilter(formItem, item, queryText, itemText) {\n let textOne;\n if (!isNaN(item[formItem.options.label])) {\n textOne = JSON.stringify(item[formItem.options.label]);\n } else {\n if (\n formItem.options.type === \"mergeInput\" ||\n Array.isArray(formItem.options.label)\n ) {\n for (let i = 0; i <= formItem.options.label.length; i++) {\n if (item[formItem.options.label[i]] !== undefined) {\n textOne +=\n \" \" +\n item[formItem.options.label[i]].toLocaleLowerCase(\"tr-TR\");\n }\n }\n } else {\n textOne = item[formItem.options.label].toLocaleLowerCase(\"tr-TR\");\n }\n }\n const searchText = queryText.toLocaleLowerCase(\"tr-TR\");\n return textOne.indexOf(searchText) > -1;\n },\n // seçilen input değerinin sonuna backend tarafından gelen 'mergeLabel' değrini eklemek için kullanılıyor.\n setItemText(item, formItem) {\n const formText = formItem.options.label;\n const mergeText = formItem.options.mergeLabel;\n if (Array.isArray(formText)) {\n let str = \"\";\n formText.forEach((val) => {\n str += item[val] !== undefined ? item[val] + \" \" : val + \" \";\n });\n return str.trim();\n } else {\n return mergeText\n ? item[formText] + \" \" + item[mergeText]\n : item[formText];\n }\n },\n // date input elementinde girilen tarih değerinin input üzerinde de değişmesini sağlar.\n // girilen değeri kullanıcıya \"DD-MM-YYYY\" formatında gösterir fakat bu değeri gönderirken \"YYYY-MM-DD\" formatında gönderir.\n parseDate(formItem, isPicker = false) {\n const self = this;\n if (isPicker) {\n formItem.dateMenu = false;\n // formItem.dateTextField = formItem.value\n formItem.dateTextField = self.dateToString(formItem.value);\n self.$forceUpdate();\n } else {\n const regex = /\\d{4}\\-(0[1-9]|1[012])\\-(0[1-9]|[12][0-9]|3[01])$/g;\n // const textField = formItem.dateTextField\n const textField = self.stringToDate(formItem.dateTextField);\n\n if (regex.test(textField)) {\n formItem.value = textField;\n } else {\n formItem.dateTextField = \"\";\n }\n }\n this.changeItem(formItem);\n this.$forceUpdate();\n },\n // date input elementinde \"YYYY-MM-DD\" olan formatı \"DD-MM-YYYY\" şeklinde değiştirir.\n dateToString(date) {\n try {\n const [year, month, day] = date.split(\"-\");\n return `${day}-${month}-${year}`;\n } catch (e) {\n return date;\n }\n },\n // date input elementinde \"DD-MM-YYYY\" olan formatı \"YYYY-MM-DD\" şeklinde değiştirir.\n stringToDate(stringDate) {\n try {\n const [day, month, year] = stringDate.split(\"-\");\n return `${year}-${month.padStart(2, \"0\")}-${day.padStart(2, \"0\")}`;\n } catch (e) {\n return stringDate;\n }\n },\n // Tek bir item için sorting işlemi\n applySortToItem(item) {\n const self = this;\n\n // Sort değeri kontrolü\n if (!item.options.sort) {\n return;\n }\n\n // Select tipinde olup items array'i var mı kontrol et\n if (\n (item.type === \"select\" ||\n item.type === \"select-data\" ||\n item.type === \"select-relation\") &&\n item.options &&\n item.options.items &&\n Array.isArray(item.options.items)\n ) {\n const items = item.options.items;\n const labelKey = item.options.label || \"text\";\n const valueKey = item.options.value || \"value\";\n const sortType = item.options.sort.toLowerCase();\n\n // Sıralama fonksiyonu\n items.sort((a, b) => {\n let aValue = a[labelKey] || a[valueKey] || \"\";\n let bValue = b[labelKey] || b[valueKey] || \"\";\n\n // String değerleri küçük harfe çevir (Türkçe karakter desteği)\n if (typeof aValue === \"string\")\n aValue = aValue.toLocaleLowerCase(\"tr-TR\");\n if (typeof bValue === \"string\")\n bValue = bValue.toLocaleLowerCase(\"tr-TR\");\n\n // Sıralama yönüne göre karşılaştır\n if (sortType === \"asc\") {\n return aValue > bValue ? 1 : aValue < bValue ? -1 : 0;\n } else if (sortType === \"desc\") {\n return aValue < bValue ? 1 : aValue > bValue ? -1 : 0;\n }\n\n return 0;\n });\n }\n },\n },\n});\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/index.vue?./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
338
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers */ \"./src/components/bf-form/helpers.js\");\n/* harmony import */ var _components_form_image__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/form-image */ \"./src/components/bf-form/components/form-image.vue\");\n/* harmony import */ var _components_preview_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/preview/index */ \"./src/components/bf-form/components/preview/index.vue\");\n\n\n\n\n// import { vMaska } from \"maska\"\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: \"bf-form\",\n props: {\n selectedFileName: {\n default: \"\",\n },\n deleteButton: {\n default: false,\n },\n saveButton: {\n default: true,\n },\n customClass: {\n default: \"\",\n },\n previewSettings: {\n default: () => {\n return {};\n },\n },\n formButtonContent: {\n default: () => {\n return {\n title: \"Kaydet\",\n hasIcon: false,\n iconTitle: {\n default: \"\",\n },\n };\n },\n },\n formDeleteButtonContent: {\n default: () => {\n return {\n title: \"Sil\",\n hasIcon: false,\n iconTitle: {\n default: \"\",\n },\n };\n },\n },\n settings: {\n default: {},\n },\n items: {\n default: {},\n },\n endpoint: {\n default: \"\",\n },\n editOptions: {\n default: null,\n },\n showSubmit: {\n default: true,\n },\n colorPresets: {\n default: () => [\n '#EF4444', '#F97316', '#F59E0B', '#84CC16', '#22C55E',\n '#14B8A6', '#06B6D4', '#3B82F6', '#6366F1', '#A855F7',\n '#EC4899', '#78716C', '#000000', '#FFFFFF',\n ],\n },\n hasCustomSubmitSlot: {\n default: false,\n },\n },\n components: {\n imageInput: _components_form_image__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n preview: _components_preview_index__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n },\n // directives: { maska: vMaska },\n data() {\n return {\n formGroups: [],\n formItems: {},\n formIsValid: false,\n startInit: false,\n editMode: false,\n loader: false,\n editForm: null,\n show: true,\n isReady: false,\n blankUrl: \"\",\n editData: {},\n maskPhone: \"(###) ### ## ##\",\n formPreviewSettings: {\n show: true,\n customize: false,\n submitText: \"Kaydet\",\n },\n\n formSettings: {\n title: \"\",\n module: \"\",\n confirmOnSave: false,\n postMode: \"object\",\n errorMsg: \"Bir hata meydana geldi\",\n successMsg: \"\",\n confirmText: \"\",\n resetItems: false,\n redirectUrl: null,\n },\n defaultKeys: [\n {\n key: \"valueMasked\",\n defaultVal: \"\",\n },\n {\n key: \"sabmitValueMask\",\n defaultVal: false,\n },\n {\n key: \"mask\",\n defaultVal: false,\n },\n {\n key: \"maskRaw\",\n defaultVal: true,\n },\n {\n key: \"disabled\",\n defaultVal: false,\n },\n {\n key: \"show\",\n defaultVal: true,\n },\n {\n key: \"col\",\n defaultVal: 12,\n },\n {\n key: \"colStyle\",\n defaultVal: \"\",\n },\n {\n key: \"style\",\n defaultVal: \"\",\n },\n {\n key: \"maxWidth\",\n defaultVal: \"100%\",\n },\n {\n key: \"type\",\n defaultVal: \"input\",\n },\n {\n key: \"value\",\n defaultVal: \"\",\n },\n // {\n // key: 'rules',\n // defaultVal: []\n // },\n {\n key: \"errors\",\n defaultVal: [],\n },\n {\n key: \"placeholder\",\n defaultVal: \"\",\n },\n {\n key: \"showCustomError\",\n defaultVal: false,\n },\n ],\n };\n },\n computed: {\n currentMask() {\n return (item) => {\n return typeof item.mask === \"function\" ? item.mask(item) : item.mask;\n };\n },\n },\n methods: {\n deepClone: (obj) => {\n if (obj === null || typeof obj !== \"object\") {\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return obj.map((item) => deepClone(item));\n }\n\n const clone = {};\n for (let key in obj) {\n if (typeof obj[key] === \"object\" || typeof obj[key] === \"function\") {\n clone[key] = deepClone(obj[key]);\n } else {\n clone[key] = obj[key];\n }\n }\n return clone;\n },\n getComboboxItems(formItem) {\n // v-combobox için string array'e çevir\n if (formItem.options.items && Array.isArray(formItem.options.items)) {\n return formItem.options.items.map((item) => {\n if (typeof item === \"string\") {\n return item;\n } else if (typeof item === \"object\" && item.text) {\n return item.text;\n } else if (typeof item === \"object\" && item.value) {\n return item.value;\n }\n return String(item);\n });\n }\n return [];\n },\n addCustomValue(formItem) {\n // Custom değeri ekle\n if (formItem.searchText && formItem.searchText.trim()) {\n const customValue = formItem.searchText.trim();\n\n // Eğer multiple ise array'e ekle, değilse direkt ata\n if (formItem.options.multiple) {\n if (!formItem.value) formItem.value = [];\n if (!formItem.value.includes(customValue)) {\n formItem.value.push(customValue);\n }\n } else {\n formItem.value = customValue;\n }\n\n // Items listesine de ekle (tekrar eklenmemesi için)\n const items = this.getComboboxItems(formItem);\n if (!items.includes(customValue)) {\n formItem.options.items.push({\n text: customValue,\n value: customValue,\n });\n }\n\n // Search text'i temizle\n formItem.searchText = \"\";\n\n // Change event'ini tetikle\n this.changeItem(formItem);\n }\n },\n sanitizeHexColorInput(value) {\n const rawValue = (value || \"\").toUpperCase();\n const hasHash = rawValue.startsWith(\"#\");\n const alphaNumericOnly = rawValue.replace(/[^A-F0-9]/g, \"\").slice(0, 6);\n if (!alphaNumericOnly && !hasHash) return \"\";\n return `#${alphaNumericOnly}`;\n },\n normalizeHexColor(value) {\n const sanitizedValue = this.sanitizeHexColorInput(value);\n const colorBody = sanitizedValue.slice(1);\n if (colorBody.length === 3 || colorBody.length === 6) {\n return sanitizedValue;\n }\n return \"\";\n },\n isHexColorValid(value) {\n return /^#([A-F0-9]{3}|[A-F0-9]{6})$/.test((value || \"\").toUpperCase());\n },\n expandHexColor(value) {\n const normalizedValue = this.normalizeHexColor(value);\n if (!normalizedValue) return \"#000000\";\n const colorBody = normalizedValue.slice(1);\n if (colorBody.length === 3) {\n return `#${colorBody\n .split(\"\")\n .map((char) => `${char}${char}`)\n .join(\"\")}`;\n }\n return normalizedValue;\n },\n getColorPreviewColor(value) {\n if (!this.isHexColorValid(value)) return \"#E5E7EB\";\n return this.expandHexColor(value);\n },\n getColorPickerValue(value) {\n return this.expandHexColor(value);\n },\n formatColorTextValue(value) {\n return this.sanitizeHexColorInput(value);\n },\n onColorPickerChange(item, value) {\n item.value = this.expandHexColor(value);\n item.errors = [];\n this.changeItem(item);\n },\n onColorTextInput(item, value) {\n item.value = this.sanitizeHexColorInput(value);\n item.errors = [];\n this.changeItem(item);\n },\n onColorPresetSelect(item, preset) {\n item.value = preset.toUpperCase();\n item.errors = [];\n this.changeItem(item);\n this.$forceUpdate();\n },\n isLightColor(hex) {\n const color = (hex || '#000000').replace('#', '');\n const full = color.length === 3\n ? color.split('').map(c => c + c).join('')\n : color;\n const r = parseInt(full.substr(0, 2), 16);\n const g = parseInt(full.substr(2, 2), 16);\n const b = parseInt(full.substr(4, 2), 16);\n return (r * 299 + g * 587 + b * 114) / 1000 > 160;\n },\n onColorTextBlur(item) {\n const normalizedValue = this.normalizeHexColor(item.value);\n if (normalizedValue) {\n item.value = normalizedValue;\n } else if (item.value === \"#\") {\n item.value = \"\";\n }\n this.changeItem(item);\n },\n // checkbox inputların tümünün seçilip seçilmediğini kontrol ediyor\n getMultipleToggleValue(formItem) {\n if (formItem.value) {\n return (\n formItem.value.length ===\n formItem.options.items.map((x) => x[formItem.options.value]).length\n );\n }\n },\n // checkbox inputların tümünün seçilmesini sağlıyor\n toggleAllOptions(formItem) {\n formItem.value = this.getMultipleToggleValue(formItem)\n ? []\n : formItem.options.items.map((x) => x[formItem.options.value]);\n this.$forceUpdate();\n },\n deleteButtonClick() {\n this.$emit(\"onDeleteClickEmit\", \"\");\n },\n async init(mode = \"create\", initOptions = null) {\n const self = this;\n\n await self.setFormSettings(mode);\n self.startInit = true;\n self.editMode = mode === \"update\";\n\n // groups\n // self.formItems = self.setDefaultKeys(self.items, mode); // ---> with reference\n\n const initItems = { ...self.items };\n // const initItems = JSON.parse(JSON.stringify(self.items))\n const handledItems = await self.setFormGroups(initItems, mode);\n self.formGroups = handledItems.initGroupArray;\n self.formItems = self.setDefaultKeys(handledItems.allItems, mode); // ---> without reference\n self.formItems = self.setFunctionKeys(self.formItems);\n self\n .setInitOptions(initOptions)\n .then(() => {\n // self.$refs['imgInput' + item.name][0].init()\n this.$forceUpdate();\n self.initSelectData(self.editMode);\n\n setTimeout(() => {\n self.isReady = true;\n });\n setTimeout(() => self.initComponents());\n setTimeout(() => {\n if (self.formPreviewSettings.show)\n self.$refs.form_preview.setItems(self.formItems);\n // if (initOptions.callback !== undefined && (typeof initOptions.callback === 'function')) initOptions.callback(self.formItems)\n });\n })\n .catch((err) => {\n console.error(\"setInitOptions error\", err);\n });\n },\n async setFormGroups(initItems, mode) {\n const self = this;\n\n const allItems = {};\n const initGroupArray = [];\n\n const defaultGroup = {\n title: \"\",\n previewType: \"default\",\n items: [],\n };\n\n Object.keys(initItems).forEach((itemKey, itemIndex) => {\n if (itemKey.includes(\"form_group\")) {\n const prevType = initItems[itemKey].previewType;\n const title = initItems[itemKey].title;\n const formGroupItems = initItems[itemKey].items;\n const obj = {\n title: title !== undefined ? title : \"\",\n previewType: prevType !== undefined ? prevType : \"default\",\n // items: Object.keys(initItems[itemKey].items).map(x => x)\n items: Object.keys(initItems[itemKey].items)\n .filter(\n (x) =>\n formGroupItems[x].onlyMode === undefined ||\n formGroupItems[x].onlyMode === mode\n )\n .map((x) => x),\n };\n\n initGroupArray.push(obj);\n\n Object.keys(initItems[itemKey].items).forEach((val) => {\n allItems[val] = initItems[itemKey].items[val];\n // if sub group on development\n });\n } else {\n if (\n initItems[itemKey].onlyMode === undefined ||\n initItems[itemKey].onlyMode === mode\n )\n defaultGroup.items.push(itemKey);\n allItems[itemKey] = initItems[itemKey];\n\n if (defaultGroup.items.length !== 0) {\n const nextElement = Object.keys(initItems)[itemIndex + 1];\n if (\n nextElement === undefined ||\n nextElement.includes(\"form_group\")\n ) {\n initGroupArray.push(JSON.parse(JSON.stringify(defaultGroup)));\n defaultGroup.items = [];\n }\n }\n }\n });\n\n return { initGroupArray, allItems };\n },\n async setFormSettings(formMode) {\n const self = this;\n const formSettingsObj =\n self.settings[formMode] !== undefined\n ? self.settings[formMode]\n : self.settings;\n const formPreviewSettingsObj =\n self.previewSettings[formMode] !== undefined\n ? self.previewSettings[formMode]\n : self.previewSettings;\n self.formSettings = Object.assign(self.formSettings, formSettingsObj);\n self.formPreviewSettings = Object.assign(\n self.formPreviewSettings,\n formPreviewSettingsObj\n );\n self.$forceUpdate();\n },\n async updateFormSettings(type = \"form\", key, value) {\n const self = this;\n // type = formSettings, formPreviewSettings\n const settingsType =\n type === \"preview\" ? \"formPreviewSettings\" : \"formSettings\";\n self[settingsType][key] = value;\n self.$forceUpdate();\n },\n initComponents() {\n const self = this;\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item.type === \"image\") self.$refs[\"imgInput\" + item.name][0].init();\n });\n },\n setInitOptions(initOptions) {\n const self = this;\n return new Promise((resolve, reject) => {\n if (initOptions !== null) {\n if (initOptions.defaultValues !== undefined) {\n // TODO try to to aciton with setValues(initOptions.defaultValues) and remove code bellow if it's success\n Object.keys(initOptions.defaultValues).forEach((itemKey) => {\n const defaultItemVal = initOptions.defaultValues[itemKey];\n const formItem = self.formItems[itemKey];\n if (formItem !== undefined) {\n formItem.value = defaultItemVal;\n if (formItem.type === \"color\") {\n formItem.value =\n self.normalizeHexColor(defaultItemVal) || \"#000000\";\n }\n if (formItem.mask) formItem.valueMasked = defaultItemVal;\n if (formItem.type === \"date\") {\n // formItem.dateTextField = defaultItemVal;\n formItem.dateTextField = self.dateToString(defaultItemVal);\n }\n }\n });\n\n setTimeout(() => {\n resolve();\n });\n }\n if (initOptions.fetch !== undefined) {\n const params =\n initOptions.fetch.params !== undefined\n ? initOptions.fetch.params\n : \"\";\n self.$axios\n .post(\n self.$axios.defaults.baseURL + initOptions.fetch.endpoint,\n params\n )\n .then((res) => {\n const result = res.data.data;\n const data = Array.isArray(result) ? result[0] : result;\n if (initOptions.setByKey !== undefined) {\n // country id null ise (daha önce ülke bölge seçilmediyse)\n if (data.countryId === null) {\n initOptions.setByKey.country = \"1\";\n }\n Object.keys(initOptions.setByKey).forEach((key) => {\n const addKeyVal = initOptions.setByKey[key];\n const formItem = self.formItems[key];\n\n if (formItem !== undefined) {\n if (\n formItem.type === \"select-relation\" ||\n (formItem.type === \"select-data\" &&\n formItem.options.multiple)\n ) {\n data[key] = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.arrayValToStr)(data[addKeyVal]);\n } else {\n data[key] = data[addKeyVal];\n }\n }\n });\n }\n\n this.$forceUpdate();\n\n self.setValues(data);\n self.editData = self.setEditData(data, initOptions);\n setTimeout(() => resolve());\n });\n }\n } else {\n resolve();\n }\n });\n },\n setEditData(fetchData, initOptions) {\n const includeOnPost = initOptions.setByKey;\n let includeData = {};\n if (includeOnPost !== undefined) {\n Object.keys(includeOnPost).forEach((key) => {\n const includeItemKey = includeOnPost[key];\n includeData[key] = fetchData[includeItemKey];\n });\n }\n return includeData;\n },\n setValues(values) {\n const self = this;\n\n Object.keys(values).forEach((valueKey) => {\n const item = self.formItems[valueKey];\n const value = values[valueKey];\n if (item !== undefined) {\n item.value = value;\n if (item.type === \"color\") {\n item.value = self.normalizeHexColor(value) || \"#000000\";\n }\n if (item.mask) item.valueMasked = value;\n\n if (item.options.replaceVal !== undefined) {\n item.options.replaceVal.forEach((setting) => {\n if (value === setting.detect) item.value = setting.to;\n });\n }\n\n if (item.type !== \"select-relation\" && item.type !== \"select-data\") {\n item.valueText = item.value;\n }\n\n if (item.type === \"date\") {\n // item.dateTextField = item.value\n item.dateTextField = self.dateToString(item.value);\n }\n }\n });\n\n this.$forceUpdate();\n },\n initSelectData(isEdit = false) {\n const self = this;\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n let status = true;\n if (item.type === \"select-data\" || item.type === \"select-relation\") {\n let params = \"\";\n if (item.type === \"select-relation\") {\n if (!item.options.start && !isEdit) status = false;\n // if (isEdit && (item.value === null || item.value === '')) status = false;\n if (\n isEdit &&\n !item.options.start &&\n (item.value === null || item.value === \"\")\n )\n status = false;\n params = self.setParams(item, item.options.params);\n } else {\n params =\n item.options.params !== undefined ? item.options.params : \"\";\n }\n\n if (status)\n self.fetchSelectItems(\n item,\n item.options.endpoint,\n params,\n item.value\n );\n }\n });\n },\n reInitSelect(name, params = \"\", value = null) {\n const self = this;\n const item = self.formItems[name];\n if (item !== undefined)\n self.fetchSelectItems(item, item.options.endpoint, params, value);\n },\n async fetchSelectItems(\n item,\n endpoint = null,\n params = \"\",\n setValue = null,\n selectedValue = null\n ) {\n const self = this;\n\n item.loader = true;\n\n // self.$axios.post(self.$axios.defaults.baseURL + initOptions.fetch.endpoint, params)\n\n // TODO bilems de nerde kullanıldı?\n // findIdEndingKey(obj) {\n // for (let key in obj) {\n // if (key.endsWith('id')) {\n // return key;\n // }\n // }\n // return null;\n // },\n // if (currentId) {\n // let idEndingKey = self.findIdEndingKey(params);\n // params[idEndingKey] = currentId\n // }\n\n let url = endpoint !== null ? endpoint : item.options.endpoint;\n if (url) {\n if (url.includes(\"...\")) {\n const baseUrl = self.$axios.defaults.baseURL.split(\"/bildash\")[0];\n url = baseUrl + url.split(\"...\")[1];\n }\n }\n\n const res = await self.$axios.post(url, params);\n if (res.data.status) {\n item.options.disabled = false;\n // Eğer gelen selectbox içerikleri tek bir endpoint içinde toplandı ise key'ine göre items alanını dolduruyoruz.\n if (item.options.contentType === \"all\") {\n const allCategories = res.data.data;\n item.options.items = allCategories.find(\n (x) => x.type === item.options.contentKey\n ).children;\n } else {\n item.options.items =\n item.filterBY !== undefined\n ? res.data.data.filter(\n (x) => x[item.filterBY.key] === item.filterBY.value\n )\n : res.data.data;\n }\n // if (setValue !== null || setValue !== \"\") self.setMultiSelectData(item, setValue);\n if (\n item.options.defaultOptions !== undefined &&\n Array.isArray(item.options.defaultOptions)\n ) {\n item.options.defaultOptions.forEach((val) =>\n item.options.items.unshift(val)\n );\n }\n if (item.type === \"select-relation\" || item.type === \"select-data\") {\n item.valueText = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.getSelectText)(item);\n }\n\n // Eğer sort değeri varsa sıralama yap\n if (item.options.sort) {\n self.applySortToItem(item);\n }\n\n item.loader = false;\n this.$forceUpdate();\n setTimeout(() => {\n self.$emit(\"onFetchSelect\", item, selectedValue);\n });\n }\n },\n updateElement(itemName, keyToChange, value) {\n const item = this.formItems[itemName];\n if (item) {\n const keys = keyToChange.split(\".\");\n let currentObj = item;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n if (!currentObj[key]) {\n currentObj[key] = {};\n }\n currentObj = currentObj[key];\n }\n\n const finalKey = keys[keys.length - 1];\n currentObj[finalKey] = value;\n\n this.$forceUpdate();\n } else {\n console.error(\n `Element couldn't be updated. No name key (${itemName}) available`\n );\n }\n },\n // setMultiSelectData(item, value) {\n // // ---> this function is about the multiselect-vue plugin. Not need anymore <---\n // if (item.value) {\n // if (item.value.includes('[') && item.value.includes(']')) {\n // // is array\n // const newArray = [];\n // JSON.parse(item.value).forEach(val => {\n // const findObj = item.options.items.find(x => x[item.options.value] === val);\n // if (findObj) newArray.push(findObj)\n // });\n //\n // item.options.model = newArray\n //\n // } else {\n // const findObj = item.options.items.find(x => x[item.options.value] === value);\n // item.options.model = findObj;\n // }\n // }\n // },\n setFunctionKeys(items) {\n const self = this;\n /*\n this function is need because on the preview functions we are using JSON.stringify\n After this the functions will be automatically null because stringify does not support functions\n */\n\n Object.keys(items).forEach((itemKey) => {\n const item = items[itemKey];\n const propsItem = self.items[itemKey];\n\n if (item.type === \"select-relation\" && propsItem !== undefined) {\n item.options.paramsCallback =\n propsItem.options.paramsCallback !== undefined\n ? propsItem.options.paramsCallback\n : null;\n }\n });\n\n return items;\n },\n setDefaultKeys(items, formMode) {\n const self = this;\n\n Object.keys(items).forEach((itemKey) => {\n const item = items[itemKey];\n\n if (item.valueText === undefined) item.valueText = \"\";\n\n if (item.onlyMode !== undefined && item.onlyMode !== formMode)\n delete items[itemKey];\n\n if (item.name === undefined) item.name = itemKey;\n\n if (item.nullable === undefined) item.nullable = true;\n\n self.defaultKeys.forEach((val) => {\n if (item[val.key] === undefined) item[val.key] = val.defaultVal;\n });\n\n if (item.rules === undefined) item.rules = [];\n\n if (item.required) item.rules.push((v) => !!v || \"Bu alan zorunludur!\");\n\n if (item.min !== undefined) {\n item.rules.push(\n (v) =>\n (v && v.length >= item.min) ||\n \"Bu alan minimum \" + item.min + \" karakter olabilir.\"\n );\n }\n\n if (item.max !== undefined) {\n item.rules.push(\n (v) =>\n (v || \"\").length <= item.max ||\n \"Bu alan maksimum \" + item.max + \" karakter olabilir.\"\n );\n }\n\n if (item.type === \"select\") {\n if (item.callback === undefined) item.callback = null;\n if (item.options.label === undefined) item.options.label = \"text\";\n if (item.options.value === undefined) item.options.value = \"value\";\n if (item.options.allowCustom === undefined)\n item.options.allowCustom = false;\n }\n\n // if (item.type === 'multiselect') {\n // if (item.callback === undefined) item.callback = null;\n // if (item.options.disabled === undefined) item.options.disabled = true;\n // if (item.options.addDynamic === undefined) item.options.addDynamic = null;\n // item.loader = true;\n // item.options.items = [];\n // item.options.model = null\n // }\n\n if (item.type === \"select-data\") {\n if (item.callback === undefined) item.callback = null;\n if (item.options.multiple === undefined)\n item.options.multiple = false;\n item.loader = true;\n item.options.items = [];\n // item.valueText = ''\n }\n\n if (item.type === \"select-relation\") {\n item.loader = false;\n item.options.items = [];\n if (item.options.start === undefined) item.options.start = false;\n if (item.options.target === undefined)\n item.options.target = { reset: [], activate: [] };\n if (item.options.disabled === undefined) item.options.disabled = true;\n if (item.options.addDynamic === undefined)\n item.options.addDynamic = null;\n // item.valueText = ''\n // if(!item.options.start) item.disabled = true\n // if (item.options.resetItems === undefined) item.options.resetItems = [];\n }\n\n if (item.type === \"date\" && item.dateMenu === undefined)\n item.dateMenu = false;\n if (item.type === \"date\" && item.dateTextField === undefined)\n item.dateTextField = \"\";\n\n if (item.type === \"color\") {\n if (item.value === undefined || item.value === \"\") {\n item.value = \"#000000\";\n } else {\n item.value = self.normalizeHexColor(item.value) || \"#000000\";\n }\n }\n\n if (item.type === \"image\") item.defaultVal = null;\n\n if (item.options === undefined) item.options = {};\n });\n\n return items;\n },\n getFormValue() {\n const self = this;\n const obj = {};\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n obj[item.name] = item.value;\n });\n return obj;\n },\n cleanSpaces(value) {\n return value.replace(/\\s+/g, \"\");\n },\n // form gönderilidiğinde çalışır\n async onSubmit() {\n const self = this;\n const result = self.checkForm();\n\n if (result.status) {\n // success\n // axios post\n\n const obj = self.editMode\n ? Object.assign(self.editData, result.obj)\n : result.obj;\n const text = self.editMode\n ? self.formSettings.module +\n \" güncellenecek, güncellemek istediğinize emin misiniz?\"\n : self.formSettings.module +\n \" eklenecek, eklemek istediğinize emin misiniz?\";\n\n let endpoint = \"\";\n\n if (typeof self.endpoint === \"object\") {\n endpoint = self.editMode\n ? self.endpoint.update\n : self.endpoint.create;\n } else if (typeof self.endpoint === \"string\") {\n endpoint = self.endpoint;\n }\n\n // const finalObj = {};\n // Object.keys(obj).forEach(itemKey => {\n // const item = self.formItems[itemKey];\n // if (item === undefined) return;\n // if (item.value === '' && item.nullable) return;\n // finalObj[itemKey] = obj[itemKey];\n // });\n Object.keys(obj).forEach((objKey) => {\n if (obj[objKey] === \"\") {\n obj[objKey] = null;\n }\n });\n let finalObj = obj;\n if (self.formSettings.postMode === \"formData\") {\n const formData = new FormData();\n Object.keys(obj).forEach((itemKey) => {\n if (obj[itemKey]) {\n formData.append(itemKey, obj[itemKey]);\n }\n });\n\n finalObj = formData;\n }\n\n if (self.formSettings.confirmOnSave) {\n const confirmText =\n self.formSettings.confirmText !== \"\"\n ? self.formSettings.confirmText\n : text;\n\n self.$refs[\"form_swal\"].confirm({\n onConfirm: async () => {\n await self.handleSave(endpoint, finalObj);\n },\n title: \"Emin misiniz?\",\n text: confirmText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'confirm',\n // options: {\n // onConfirm: async () => {\n // await self.handleSave(endpoint, finalObj)\n // },\n // title: 'Emin misiniz?',\n // text: confirmText,\n // }\n // })\n } else {\n await self.handleSave(endpoint, finalObj);\n }\n }\n },\n async handleSave(endpoint, params) {\n const self = this;\n self.loader = true;\n\n // errorMsg: '',\n // successMsg: '',\n try {\n const copyParams = params ? JSON.parse(JSON.stringify(params)) : {};\n const { data, status, message } = await self.$axios.$post(\n endpoint,\n params\n );\n if (status) {\n self.loader = false;\n if (self.formSettings.resetItems) {\n let items = Object.values(self.formItems);\n items.forEach((item, key) => {\n item.value = null;\n item.valueText = null;\n });\n }\n const successText = self.editMode\n ? self.formSettings.module + \" güncellendi.\"\n : self.formSettings.module + \" eklendi.\";\n if (self.formSettings.redirectUrl !== null) {\n self.$refs[\"form_swal\"].close();\n setTimeout(async () => {\n // await self.$router.push(self.formSettings.redirectUrl)\n const routeObj = {\n path: self.formSettings.redirectUrl,\n };\n if (self.formSettings.setQuery !== undefined)\n routeObj.query = self.formSettings.setQuery;\n await self.$router.push(routeObj);\n }, 300);\n } else {\n self.$refs[\"form_swal\"].success({\n title: \"İşlem tamamlandı!\",\n text: successText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'success',\n // options: {\n // title: 'İşlem tamamlandı!',\n // text: successText\n // }\n // })\n if (self.formSettings.resetItems) self.onReset();\n }\n // TODO handle if resData and bodyParams are type of FormData\n self.$emit(\"onSuccess\", {\n formItems: self.formItems,\n resData: data,\n bodyPrams: copyParams,\n });\n } else {\n self.loader = false;\n throw { message };\n }\n } catch (e) {\n const errText =\n e.message !== undefined ? e.message : self.formSettings.errorMsg;\n self.$refs[\"form_swal\"].error({\n title: \"Hata!\",\n text: errText,\n });\n // await self.$store.dispatch('swall/setSwall', {\n // type: 'error',\n // options: {\n // title: 'Hata!',\n // text: errText\n // }\n // })\n self.$emit(\"onError\");\n }\n },\n resetItems() {\n this.onReset();\n },\n // form elementlerini resetler\n onReset() {\n const self = this;\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n item.value = \"\";\n item.valueText = \"\";\n item.errors = [];\n if (item.mask) item.valueMasked = \"\";\n if (item.type === \"multiselect\") item.options.model = null;\n if (item.type === \"select-relation\") {\n if (!item.options.start) item.options.items = [];\n // item.options.model = null\n }\n });\n self.$refs.ref_form.resetValidation();\n\n if (self.$refs.form_preview)\n self.$refs.form_preview.setItems(self.formItems);\n\n self.$emit(\"resetAfter\");\n self.$forceUpdate();\n },\n validateRule(value, rules) {\n for (const rule of rules) {\n const validationResult = rule(value);\n if (validationResult !== true) {\n return { status: false, message: validationResult };\n }\n }\n return { status: true, message: \"\" };\n },\n checkForm() {\n const self = this;\n let status = self.$refs.ref_form.validate();\n const obj = {};\n\n Object.keys(self.formItems).forEach((itemKey) => {\n const item = self.formItems[itemKey];\n\n // image alanları için required kontrolü\n if (item.type === \"image\" && item.required) {\n if (!item.value) {\n item.errors = [{ msg: \"Bu alan zorunludur!\" }];\n status = false;\n } else {\n item.errors = [];\n }\n }\n\n // color alanları için validasyon (formda input olmadığı için)\n if (item.type === \"color\") {\n const val = item.value || \"\";\n const err = [];\n if (item.required && !val) err.push({ msg: \"Bu alan zorunludur!\" });\n if (val && !self.isHexColorValid(val))\n err.push({ msg: \"Renk formatı #RGB veya #RRGGBB olmalıdır.\" });\n const rulesValidation = self.validateRule(val, item.rules);\n if (!rulesValidation.status) err.push({ msg: rulesValidation.message });\n if (err.length > 0) status = false;\n item.errors = err;\n }\n\n // if (item.mask) {\n // //değere ait boşlukları sil, eğer değer null değilse\n // self.formItems[itemKey].value = this.cleanSpaces(self.formItems[itemKey].value);\n // self.formItems[itemKey].valueText = this.cleanSpaces(self.formItems[itemKey].valueText);\n // }\n\n if (item.mask) {\n const val =\n typeof item.value === \"string\" ? item.value.trim() : item.value;\n const err = [];\n if (item.required && !val) err.push(\"Bu alan zorunludur!\");\n const rulesValidation = self.validateRule(val, item.rules);\n if (!rulesValidation.status) err.push(rulesValidation.message);\n if (err.length > 0) status = false;\n item.errors = err;\n }\n\n if (item.type === \"custom\") {\n let checkStatus = self.checkCustomErrors(item);\n if (!checkStatus) status = false;\n }\n\n if (item.submitExclude) return;\n obj[item.name] = Array.isArray(item.value)\n ? JSON.stringify(item.value).replace(/\"/g, \"\")\n : item.value;\n });\n\n this.$forceUpdate();\n\n return {\n status: status,\n obj: obj,\n };\n },\n // maskelenmiş değeri maskelenmemiş hale çevirmek ve o şekilde göndermek için kullanılıyor.\n changeMaskedItem(maskedValue, item) {\n const self = this;\n const { mask, maskRaw } = item;\n\n const rawValue = maskedValue.replace(/\\D/g, \"\");\n item.value = maskRaw ? rawValue : maskedValue;\n self.$forceUpdate();\n // item.valueMasked = item\n self.changeItem(item);\n },\n // valueText değerini değişen değere eşitlemek için kullanılıyor.//\n // valueText değeri text olmayan bir değerin text karşılığına verdiğimiz değer oluyor. Örneğin value değeri '0' olan bir datanın value textDeğeri 'yapılmadı' olabilir //\n // onSingleSelect adında bir emiti çalıştırıyor. Bu emit değişen item değerini döndürüyor.\n changeItem(item, event) {\n const self = this;\n // if (item.rules !== null) self.checkCustomErrors(item);\n if (item.options.replaceVal !== undefined) {\n item.options.replaceVal.forEach((setting) => {\n if (item.value === setting.detect) {\n item.value = setting.to;\n }\n });\n }\n\n if (item.type === \"select-relation\" || item.type === \"select-data\") {\n item.valueText = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.getSelectText)(item);\n } else {\n item.valueText = item.value;\n }\n\n if (item.type === \"select-relation\") self.selectDataChange(item);\n self.$emit(\"onSingleSelect\", item, self.formItems);\n self.$forceUpdate();\n if (self.formPreviewSettings.show) {\n self.$refs.form_preview.setItems(self.formItems);\n }\n },\n checkCustomErrors(item) {\n const self = this;\n const errors = [];\n\n Object.keys(item).forEach((itenKey) => {\n const findCheckValue = item[itenKey]; // required, min, max etc.\n let value = item.value;\n\n if (value === null || value === undefined) value = \"\";\n\n if (Array.isArray(value)) {\n if (value.length === 0) value = \"\";\n } else {\n value = item.type === \"image\" ? value : value.trim();\n }\n\n switch (itenKey) {\n case \"required\":\n if (findCheckValue && value === \"\") {\n errors.push({\n show: true,\n key: \"thisFieldRequired\",\n msg: \"Bu alan zorunludur!\",\n val: \"\",\n });\n }\n break;\n case \"max\":\n if (value.length > findCheckValue) {\n errors.push({\n show: true,\n key: \"maxDynamic\",\n msg: `Bu alan maksimum ${findCheckValue} karakter olabilir.`,\n val: findCheckValue,\n });\n }\n break;\n case \"min\":\n if (value.length < findCheckValue) {\n errors.push({\n show: true,\n key: \"minDynamic\",\n msg: `Bu alan minimum ${findCheckValue} karakter olabilir.`,\n val: findCheckValue,\n });\n }\n break;\n case \"custom\":\n // TODO custom\n // if (!findCheckValue.func(value)) {\n // errors.push({\n // show: true,\n // msg: ruleValue.msg,\n // val: ruleValue\n // })\n // }\n\n break;\n default:\n // code block\n }\n });\n\n self.formItems[item.name].errors = errors;\n\n return !errors.length > 0;\n },\n selectDataChange(formItem) {\n // formItem.value = val !== null ? val[formItem.options.value] : null;\n //\n // if (formItem.multiple !== undefined && (formItem.multiple)) {\n // const multiVal = [];\n // val.forEach(item => {\n // multiVal.push(item[formItem.options.value])\n // });\n // formItem.value = JSON.stringify(multiVal);\n // }\n if (formItem.type === \"select-relation\")\n this.changeRelationSelect(formItem);\n this.$forceUpdate();\n this.$emit(\"onSelect\", formItem, this.formItems);\n },\n changeRelationSelect(formItem) {\n const self = this;\n\n const targetOptions = formItem.options.target;\n const selectedValue = formItem.value;\n\n targetOptions.reset.forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item === undefined) {\n console.warn(\n \"warning: no target reset item on form items like -> \",\n itemKey\n );\n return;\n }\n item.value = \"\";\n item.options.items = [];\n if (\n item.options.withoutDisable !== undefined &&\n item.options.withoutDisable\n ) {\n item.options.disabled = false;\n } else {\n item.options.disabled = true;\n }\n });\n\n if (formItem.value !== \"\" && formItem.value !== null) {\n targetOptions.activate.forEach((itemKey) => {\n const item = self.formItems[itemKey];\n if (item === undefined) {\n console.warn(\n \"warning: no target activate item on form items like -> \",\n itemKey\n );\n return;\n }\n\n const params = self.setParams(item, item.options.params);\n\n self.fetchSelectItems(\n item,\n item.options.endpoint,\n params,\n null,\n selectedValue\n );\n });\n }\n },\n setParams(item, params) {\n const self = this;\n\n if (params === undefined) return \"\";\n\n let obj = {};\n\n Object.keys(params).forEach((val) => {\n const paramItem = params[val];\n if (params[val] !== null) {\n const findItem = self.formItems[paramItem];\n const itemVal = findItem ? findItem.value : null;\n obj[val] = itemVal;\n } else {\n obj[val] = null;\n }\n });\n\n if (\n item.options.paramsCallback !== null &&\n typeof item.options.paramsCallback === \"function\"\n ) {\n obj = item.options.paramsCallback(obj);\n }\n\n return obj;\n },\n // submitDynamicSelect(formItem) {\n // const self = this;\n // const refName = 'multiselect_' + formItem.name;\n // const val = self.$refs[refName][0].search;\n // const options = formItem.options.addDynamic;\n // const param = options.params !== undefined ? {[options.params]: val} : val;\n // self.$swal({\n // title: 'Emin misiniz?',\n // text: options.module + \" eklenecek, eklemek istediğinize emin misiniz?\",\n // type: 'warning',\n // showCancelButton: true,\n // confirmButtonColor: '#1dc722',\n // cancelButtonColor: '#d33',\n // confirmButtonText: 'Evet, ekle!',\n // cancelButtonText: 'Vazgeç'\n // }).then((result) => {\n // if (result.value) {\n // self.$axios.$post(this.$axios.defaults.baseURL + options.endpoint, param)\n // .then((data) => {\n // if (data.status) {\n // self.$swal('İşlem tamamlandı!', options.module + ' eklendi.', 'success')\n // let params\n // if (formItem.type === 'select-relation') {\n // params = self.setParams(formItem, formItem.options.params);\n // } else {\n // params = formItem.options.params !== undefined ? formItem.options.params : '';\n // }\n // self.fetchSelectItems(formItem, formItem.options.endpoint, params, formItem.value);\n // } else {\n // self.$swal('Hata!', '' + data.message + '', 'error');\n // }\n // })\n // .catch(err => {\n // self.$swal('Hata!', 'Bir hata meydana geldi', 'error')\n // })\n // }\n // })\n // },\n\n // bilgisayardan seçilen dosyanın inputa set edilmesini sağlıyor.\n // emit ismi: setFileVal, emit değeri: bilgisayardan seçilen dosya\n setFileVal(data) {\n this.formItems[data.name].value = data.file;\n this.$forceUpdate();\n this.$emit(\"setFileVal\", {\n file: data.file,\n });\n },\n autocompleteFilter(formItem, item, queryText, itemText) {\n let textOne;\n if (!isNaN(item[formItem.options.label])) {\n textOne = JSON.stringify(item[formItem.options.label]);\n } else {\n if (\n formItem.options.type === \"mergeInput\" ||\n Array.isArray(formItem.options.label)\n ) {\n for (let i = 0; i <= formItem.options.label.length; i++) {\n if (item[formItem.options.label[i]] !== undefined) {\n textOne +=\n \" \" +\n item[formItem.options.label[i]].toLocaleLowerCase(\"tr-TR\");\n }\n }\n } else {\n textOne = item[formItem.options.label].toLocaleLowerCase(\"tr-TR\");\n }\n }\n const searchText = queryText.toLocaleLowerCase(\"tr-TR\");\n return textOne.indexOf(searchText) > -1;\n },\n // seçilen input değerinin sonuna backend tarafından gelen 'mergeLabel' değrini eklemek için kullanılıyor.\n setItemText(item, formItem) {\n const formText = formItem.options.label;\n const mergeText = formItem.options.mergeLabel;\n if (Array.isArray(formText)) {\n let str = \"\";\n formText.forEach((val) => {\n str += item[val] !== undefined ? item[val] + \" \" : val + \" \";\n });\n return str.trim();\n } else {\n return mergeText\n ? item[formText] + \" \" + item[mergeText]\n : item[formText];\n }\n },\n // date input elementinde girilen tarih değerinin input üzerinde de değişmesini sağlar.\n // girilen değeri kullanıcıya \"DD-MM-YYYY\" formatında gösterir fakat bu değeri gönderirken \"YYYY-MM-DD\" formatında gönderir.\n parseDate(formItem, isPicker = false) {\n const self = this;\n if (isPicker) {\n formItem.dateMenu = false;\n // formItem.dateTextField = formItem.value\n formItem.dateTextField = self.dateToString(formItem.value);\n self.$forceUpdate();\n } else {\n const regex = /\\d{4}\\-(0[1-9]|1[012])\\-(0[1-9]|[12][0-9]|3[01])$/g;\n // const textField = formItem.dateTextField\n const textField = self.stringToDate(formItem.dateTextField);\n\n if (regex.test(textField)) {\n formItem.value = textField;\n } else {\n formItem.dateTextField = \"\";\n }\n }\n this.changeItem(formItem);\n this.$forceUpdate();\n },\n // date input elementinde \"YYYY-MM-DD\" olan formatı \"DD-MM-YYYY\" şeklinde değiştirir.\n dateToString(date) {\n try {\n const [year, month, day] = date.split(\"-\");\n return `${day}-${month}-${year}`;\n } catch (e) {\n return date;\n }\n },\n // date input elementinde \"DD-MM-YYYY\" olan formatı \"YYYY-MM-DD\" şeklinde değiştirir.\n stringToDate(stringDate) {\n try {\n const [day, month, year] = stringDate.split(\"-\");\n return `${year}-${month.padStart(2, \"0\")}-${day.padStart(2, \"0\")}`;\n } catch (e) {\n return stringDate;\n }\n },\n // Tek bir item için sorting işlemi\n applySortToItem(item) {\n const self = this;\n\n // Sort değeri kontrolü\n if (!item.options.sort) {\n return;\n }\n\n // Select tipinde olup items array'i var mı kontrol et\n if (\n (item.type === \"select\" ||\n item.type === \"select-data\" ||\n item.type === \"select-relation\") &&\n item.options &&\n item.options.items &&\n Array.isArray(item.options.items)\n ) {\n const items = item.options.items;\n const labelKey = item.options.label || \"text\";\n const valueKey = item.options.value || \"value\";\n const sortType = item.options.sort.toLowerCase();\n\n // Sıralama fonksiyonu\n items.sort((a, b) => {\n let aValue = a[labelKey] || a[valueKey] || \"\";\n let bValue = b[labelKey] || b[valueKey] || \"\";\n\n // String değerleri küçük harfe çevir (Türkçe karakter desteği)\n if (typeof aValue === \"string\")\n aValue = aValue.toLocaleLowerCase(\"tr-TR\");\n if (typeof bValue === \"string\")\n bValue = bValue.toLocaleLowerCase(\"tr-TR\");\n\n // Sıralama yönüne göre karşılaştır\n if (sortType === \"asc\") {\n return aValue > bValue ? 1 : aValue < bValue ? -1 : 0;\n } else if (sortType === \"desc\") {\n return aValue < bValue ? 1 : aValue > bValue ? -1 : 0;\n }\n\n return 0;\n });\n }\n },\n },\n});\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/index.vue?./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
339
339
 
340
340
  /***/ }),
341
341
 
@@ -1589,7 +1589,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1589
1589
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1590
1590
 
1591
1591
  "use strict";
1592
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview list-items\" }, [\n _c(\"div\", { staticClass: \"responsible-teachers\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"responsible-teachers-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"responsible-teachers-items\" }, [\n _c(\"div\", { staticClass: \"responsible-teachers-item\" }, [\n _c(\n \"ul\",\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\" &&\n _vm.formItems[formItem].valueText !== \"\"\n ? _c(\"li\", { key: index }, [\n _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ]),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/list-items.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1592
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview list-items\" }, [\n _c(\"div\", { staticClass: \"responsible-teachers\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"responsible-teachers-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"responsible-teachers-items\" }, [\n _c(\"div\", { staticClass: \"responsible-teachers-item\" }, [\n _c(\n \"ul\",\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\" &&\n _vm.formItems[formItem].valueText !== \"\"\n ? _c(\"li\", { key: index }, [\n _vm.formItems[formItem].type === \"color\"\n ? _c(\"div\", { staticClass: \"bf-preview-color\" }, [\n _c(\"span\", {\n staticClass: \"bf-preview-color-dot\",\n style: {\n backgroundColor: _vm.formItems[formItem].value,\n },\n }),\n _c(\"span\", { staticClass: \"bf-preview-color-hex\" }, [\n _vm._v(_vm._s(_vm.formItems[formItem].value)),\n ]),\n ])\n : _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.formItems[formItem].valueText\n ),\n },\n }),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ]),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/list-items.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1593
1593
 
1594
1594
  /***/ }),
1595
1595
 
@@ -1600,7 +1600,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1600
1600
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1601
1601
 
1602
1602
  "use strict";
1603
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview side-card\" }, [\n _c(\"div\", { staticClass: \"desc\" }, [\n _c(\n \"ul\",\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\"\n ? _c(\"li\", { key: index }, [\n _c(\"div\", {\n staticClass: \"title\",\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n _c(\"div\", { staticClass: \"text\" }, [\n _vm._v(\" \" + _vm._s(_vm.formItems[formItem].label) + \" \"),\n ]),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/side-card.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1603
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview side-card\" }, [\n _c(\"div\", { staticClass: \"desc\" }, [\n _c(\n \"ul\",\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\"\n ? _c(\"li\", { key: index }, [\n _vm.formItems[formItem].type === \"color\"\n ? _c(\"div\", { staticClass: \"bf-preview-color\" }, [\n _c(\"span\", {\n staticClass:\n \"bf-preview-color-dot bf-preview-color-dot--lg\",\n style: {\n backgroundColor: _vm.formItems[formItem].value,\n },\n }),\n _c(\"span\", { staticClass: \"bf-preview-color-hex\" }, [\n _vm._v(_vm._s(_vm.formItems[formItem].value)),\n ]),\n ])\n : _c(\"div\", {\n staticClass: \"title\",\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n _c(\"div\", { staticClass: \"text\" }, [\n _vm._v(\" \" + _vm._s(_vm.formItems[formItem].label) + \" \"),\n ]),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/side-card.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1604
1604
 
1605
1605
  /***/ }),
1606
1606
 
@@ -1611,7 +1611,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1611
1611
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1612
1612
 
1613
1613
  "use strict";
1614
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview side-string\" }, [\n _c(\"div\", { staticClass: \"summary-content\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"subject-acquisition-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"subject-acquisition-items\" }, [\n _c(\"div\"),\n _c(\n \"ul\",\n { staticClass: \"subject-acquisition-item\" },\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\" &&\n _vm.formItems[formItem].valueText !== \"\"\n ? _c(\"li\", { key: index }, [\n _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/side-string.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1614
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview side-string\" }, [\n _c(\"div\", { staticClass: \"summary-content\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"subject-acquisition-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"subject-acquisition-items\" }, [\n _c(\"div\"),\n _c(\n \"ul\",\n { staticClass: \"subject-acquisition-item\" },\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\" &&\n _vm.formItems[formItem].valueText !== \"\"\n ? _c(\"li\", { key: index }, [\n _vm.formItems[formItem].type === \"color\"\n ? _c(\"div\", { staticClass: \"bf-preview-color\" }, [\n _c(\"span\", {\n staticClass: \"bf-preview-color-dot\",\n style: {\n backgroundColor: _vm.formItems[formItem].value,\n },\n }),\n _c(\"span\", { staticClass: \"bf-preview-color-hex\" }, [\n _vm._v(_vm._s(_vm.formItems[formItem].value)),\n ]),\n ])\n : _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n ])\n : _vm._e()\n }),\n 0\n ),\n ]),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/side-string.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1615
1615
 
1616
1616
  /***/ }),
1617
1617
 
@@ -1622,7 +1622,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1622
1622
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1623
1623
 
1624
1624
  "use strict";
1625
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview default\" }, [\n _c(\"div\", { staticClass: \"summary-content\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"subject-acquisition-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\n \"div\",\n { staticClass: \"subject-acquisition-items\" },\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\"\n ? _c(\n \"div\",\n { key: index },\n [\n _c(\"bf-text\", {\n staticClass: \"font-weight-500 bf-text-sm mb-2\",\n attrs: {\n color: \"gray\",\n text: _vm.formItems[formItem].label,\n },\n }),\n _c(\"div\", {\n staticClass:\n \"font-weight-500 bf-text-base mb-2 bf-gray-600\",\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n ],\n 1\n )\n : _vm._e()\n }),\n 0\n ),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/standart.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1625
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"div\", { staticClass: \"form-preview default\" }, [\n _c(\"div\", { staticClass: \"summary-content\" }, [\n _vm.formGroup.title !== \"\"\n ? _c(\"div\", { staticClass: \"subject-acquisition-title\" }, [\n _c(\"h4\", [_vm._v(_vm._s(_vm.formGroup.title))]),\n ])\n : _vm._e(),\n _c(\n \"div\",\n { staticClass: \"subject-acquisition-items\" },\n _vm._l(_vm.formGroup.items, function (formItem, index) {\n return _vm.formItems[formItem] !== undefined &&\n _vm.formItems[formItem].type !== \"hidden\"\n ? _c(\n \"div\",\n { key: index },\n [\n _c(\"bf-text\", {\n staticClass: \"font-weight-500 bf-text-sm mb-2\",\n attrs: {\n color: \"gray\",\n text: _vm.formItems[formItem].label,\n },\n }),\n _vm.formItems[formItem].type === \"color\"\n ? _c(\"div\", { staticClass: \"bf-preview-color mb-2\" }, [\n _c(\"span\", {\n staticClass: \"bf-preview-color-dot\",\n style: {\n backgroundColor: _vm.formItems[formItem].value,\n },\n }),\n _c(\"span\", { staticClass: \"bf-preview-color-hex\" }, [\n _vm._v(_vm._s(_vm.formItems[formItem].value)),\n ]),\n ])\n : _c(\"div\", {\n staticClass:\n \"font-weight-500 bf-text-base mb-2 bf-gray-600\",\n domProps: {\n innerHTML: _vm._s(_vm.formItems[formItem].valueText),\n },\n }),\n ],\n 1\n )\n : _vm._e()\n }),\n 0\n ),\n ]),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/components/preview/types/standart.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1626
1626
 
1627
1627
  /***/ }),
1628
1628
 
@@ -1633,7 +1633,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1633
1633
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1634
1634
 
1635
1635
  "use strict";
1636
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _vm.startInit\n ? _c(\n \"div\",\n { staticClass: \"bf-form\" },\n [\n _vm.isReady\n ? _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n {\n attrs: {\n xl: _vm.formPreviewSettings.show ? 9 : 12,\n lg: _vm.formPreviewSettings.show ? 9 : 12,\n md: _vm.formPreviewSettings.show ? 8 : 12,\n },\n },\n [\n _c(\n \"bf-card\",\n {\n class: [\n _vm.editForm !== null ? \"edit-card\" : \"\",\n _vm.customClass,\n ],\n },\n [\n _vm.show\n ? _c(\n \"v-form\",\n {\n ref: \"ref_form\",\n attrs: { \"lazy-validation\": \"\" },\n on: {\n submit: function ($event) {\n $event.preventDefault()\n return _vm.onSubmit.apply(null, arguments)\n },\n reset: _vm.onReset,\n },\n model: {\n value: _vm.formIsValid,\n callback: function ($$v) {\n _vm.formIsValid = $$v\n },\n expression: \"formIsValid\",\n },\n },\n [\n _c(\n \"v-row\",\n [\n _c(\"v-col\", [\n _c(\n \"div\",\n { staticClass: \"form-group-items\" },\n _vm._l(\n _vm.formGroups,\n function (formGroup, groupIndex) {\n return _c(\n \"div\",\n {\n key: groupIndex,\n staticClass: \"form-group\",\n },\n [\n _c(\n \"h3\",\n {\n staticClass: \"mt-4 mb-2\",\n },\n [\n _vm._v(\n _vm._s(formGroup.title)\n ),\n ]\n ),\n _c(\n \"v-row\",\n _vm._l(\n formGroup.items,\n function (\n formItem,\n index\n ) {\n return _vm.formItems[\n formItem\n ].show\n ? _c(\n \"v-col\",\n {\n key: index,\n class: {\n hiddenField:\n _vm\n .formItems[\n formItem\n ].type ===\n \"hidden\",\n },\n style:\n _vm.formItems[\n formItem\n ].colStyle,\n attrs: {\n cols: _vm\n .formItems[\n formItem\n ].col,\n sm: _vm\n .formItems[\n formItem\n ].sm,\n md: _vm\n .formItems[\n formItem\n ].md,\n lg: _vm\n .formItems[\n formItem\n ].lg,\n xl: _vm\n .formItems[\n formItem\n ].xl,\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"bf-form-item\",\n style: [\n `max-width: ${_vm.formItems[formItem].maxWidth}`,\n _vm\n .formItems[\n formItem\n ].style,\n ],\n },\n [\n _vm\n .formItems[\n formItem\n ].type ===\n \"hidden\" &&\n _vm\n .formItems[\n formItem\n ].show\n ? _c(\n \"input\",\n {\n directives:\n [\n {\n name: \"model\",\n rawName:\n \"v-model\",\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n expression:\n \"formItems[formItem].value\",\n },\n ],\n attrs:\n {\n type: \"hidden\",\n },\n domProps:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n },\n on: {\n input:\n function (\n $event\n ) {\n if (\n $event\n .target\n .composing\n )\n return\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n .target\n .value\n )\n },\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].outLable\n ? _c(\n \"label\",\n {\n staticClass:\n \"out-lable\",\n attrs:\n {\n for: \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .outLable\n )\n ),\n ]\n )\n : _vm._e(),\n !_vm\n .formItems[\n formItem\n ].mask &&\n (_vm\n .formItems[\n formItem\n ].type ===\n \"input\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"number\")\n ? _c(\n \"v-text-field\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-text-field\",\n attrs:\n {\n type: _vm\n .formItems[\n formItem\n ]\n .type,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].mask &&\n (_vm\n .formItems[\n formItem\n ].type ===\n \"input\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"number\")\n ? _c(\n \"v-text-field\",\n {\n directives:\n [\n {\n name: \"mask\",\n rawName:\n \"v-mask\",\n value:\n _vm.currentMask(\n _vm\n .formItems[\n formItem\n ]\n ),\n expression:\n \"currentMask(formItems[formItem])\",\n },\n ],\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-text-field masked\",\n attrs:\n {\n type: _vm\n .formItems[\n formItem\n ]\n .type,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .valueMasked,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n error:\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length >\n 0,\n \"error-messages\":\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length >\n 0\n ? _vm\n .formItems[\n formItem\n ]\n .errors[0]\n : \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeMaskedItem(\n $event,\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .valueMasked,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"valueMasked\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].valueMasked\",\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"textarea\"\n ? _c(\n \"v-textarea\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-textarea\",\n attrs:\n {\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n clearable:\n \"\",\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n )\n : _vm._e(),\n (_vm\n .formItems[\n formItem\n ].type ===\n \"select-data\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select-relation\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select\") &&\n !_vm\n .formItems[\n formItem\n ].options\n .allowCustom\n ? _c(\n \"v-autocomplete\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-autocomplete\",\n attrs:\n {\n items:\n _vm\n .formItems[\n formItem\n ]\n .options\n .items,\n \"item-text\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .label,\n \"item-value\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .value,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n loading:\n _vm\n .formItems[\n formItem\n ]\n .loader,\n \"deletable-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n multiple:\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n \"small-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n outlined:\n \"\",\n clearable:\n \"\",\n dense:\n \"\",\n filter:\n _vm.autocompleteFilter.bind(\n this,\n _vm\n .formItems[\n formItem\n ]\n ),\n },\n on: {\n change:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"selection\",\n fn: function ({\n item,\n index,\n }) {\n return [\n _c(\n \"div\",\n [\n _vm\n .formItems[\n formItem\n ]\n .inSelectType ===\n \"widthImage\"\n ? _c(\n \"img\",\n {\n attrs:\n {\n width:\n \"100px\",\n src: item[\n _vm\n .formItems[\n formItem\n ]\n .widthImageKey\n ],\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index ===\n 0\n ? _c(\n \"v-chip\",\n {\n staticClass:\n \"ma-2\",\n attrs:\n {\n small:\n \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index >\n 0 &&\n _vm\n .formItems[\n formItem\n ]\n .options\n .showSelectedItems\n ? _c(\n \"v-chip\",\n {\n staticClass:\n \"ma-1\",\n attrs:\n {\n small:\n \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index ===\n 1 &&\n !_vm\n .formItems[\n formItem\n ]\n .options\n .showSelectedItems\n ? _c(\n \"span\",\n {\n staticClass:\n \"grey--text text-caption\",\n },\n [\n _vm._v(\n \" (+\" +\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .value\n .length -\n 1\n ) +\n \" diğer) \"\n ),\n ]\n )\n : _vm._e(),\n !_vm\n .formItems[\n formItem\n ]\n .options\n .multiple\n ? _c(\n \"span\",\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n )\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n },\n },\n {\n key: \"item\",\n fn: function ({\n item,\n }) {\n return [\n _c(\n \"div\",\n [\n _vm\n .formItems[\n formItem\n ]\n .inSelectType ===\n \"widthImage\"\n ? _c(\n \"img\",\n {\n attrs:\n {\n width:\n \"100px\",\n src: item[\n _vm\n .formItems[\n formItem\n ]\n .widthImageKey\n ],\n },\n }\n )\n : _vm._e(),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n ),\n ]\n },\n },\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n _vm\n .formItems[\n formItem\n ]\n .options\n .isAllItem !==\n false\n ? {\n key: \"prepend-item\",\n fn: function () {\n return [\n _c(\n \"v-checkbox\",\n {\n staticClass:\n \"mt-2 ml-2\",\n attrs:\n {\n label:\n \"Tümünü Seç\",\n value:\n _vm.getMultipleToggleValue(\n _vm\n .formItems[\n formItem\n ]\n ),\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.toggleAllOptions(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n }\n ),\n ]\n },\n proxy: true,\n }\n : null,\n ],\n null,\n true\n ),\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n },\n [\n _c(\n \"template\",\n {\n slot: \"no-data\",\n },\n [\n _c(\n \"div\",\n {\n staticStyle:\n {\n \"text-align\":\n \"center\",\n },\n },\n [\n _vm._v(\n \" Veri Bulunamadı \"\n ),\n ]\n ),\n ]\n ),\n ],\n 2\n )\n : _vm._e(),\n (_vm\n .formItems[\n formItem\n ].type ===\n \"select-data\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select-relation\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select\") &&\n _vm\n .formItems[\n formItem\n ].options\n .allowCustom\n ? _c(\n \"v-combobox\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-combobox\",\n attrs:\n {\n items:\n _vm.getComboboxItems(\n _vm\n .formItems[\n formItem\n ]\n ),\n \"search-input\":\n _vm\n .formItems[\n formItem\n ]\n .searchText,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n loading:\n _vm\n .formItems[\n formItem\n ]\n .loader,\n \"deletable-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n multiple:\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n \"small-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n outlined:\n \"\",\n clearable:\n \"\",\n dense:\n \"\",\n \"hide-selected\":\n \"\",\n },\n on: {\n \"update:searchInput\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"searchText\",\n $event\n )\n },\n \"update:search-input\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"searchText\",\n $event\n )\n },\n change:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n },\n [\n _c(\n \"template\",\n {\n slot: \"no-data\",\n },\n [\n _c(\n \"div\",\n {\n staticStyle:\n {\n \"text-align\":\n \"center\",\n padding:\n \"8px\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"mb-2\",\n },\n [\n _vm._v(\n \"Veri Bulunamadı\"\n ),\n ]\n ),\n _vm\n .formItems[\n formItem\n ]\n .searchText &&\n _vm.formItems[\n formItem\n ].searchText.trim()\n ? _c(\n \"v-btn\",\n {\n attrs:\n {\n small:\n \"\",\n color:\n \"primary\",\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.addCustomValue(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n },\n [\n _vm._v(\n ' \"' +\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .searchText\n ) +\n '\" Ekle '\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n ),\n ],\n 2\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"image\"\n ? _c(\n \"image-input\",\n {\n ref:\n \"imgInput\" +\n _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n attrs:\n {\n info: _vm\n .formItems[\n formItem\n ],\n inputType:\n _vm\n .formItems[\n formItem\n ]\n .inputType,\n selectedFileName:\n _vm.selectedFileName,\n },\n on: {\n setFileVal:\n _vm.setFileVal,\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"date\"\n ? _c(\n \"v-menu\",\n {\n ref: \"menu\",\n refInFor: true,\n attrs:\n {\n \"close-on-content-click\": false,\n transition:\n \"scale-transition\",\n \"offset-y\":\n \"\",\n \"min-width\":\n \"290px\",\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({\n on,\n }) {\n return [\n _c(\n \"v-text-field\",\n _vm._g(\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n attrs:\n {\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n autocomplete:\n \"off\",\n \"prepend-inner-icon\":\n \"mdi-calendar\",\n \"return-value\":\n _vm\n .formItems[\n formItem\n ]\n .value,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n \"update:returnValue\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n )\n },\n \"update:return-value\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n )\n },\n change:\n function (\n $event\n ) {\n return _vm.parseDate(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .dateTextField,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"dateTextField\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].dateTextField\",\n },\n },\n on\n )\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .dateMenu,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"dateMenu\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].dateMenu\",\n },\n },\n [\n _c(\n \"v-date-picker\",\n {\n attrs:\n {\n locale:\n \"tr-tr\",\n \"first-day-of-week\": 1,\n \"no-title\":\n \"\",\n scrollable:\n \"\",\n },\n on: {\n change:\n function (\n $event\n ) {\n return _vm.parseDate(\n _vm\n .formItems[\n formItem\n ],\n true\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"custom\"\n ? _c(\n \"div\",\n [\n _vm._t(\n `${_vm.formItems[formItem].name}`,\n null,\n {\n item: _vm\n .formItems[\n formItem\n ],\n }\n ),\n ],\n 2\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .showCustomError\n ? _c(\n \"div\",\n _vm._l(\n _vm\n .formItems[\n formItem\n ]\n .errors,\n function (\n errItem,\n errIndex\n ) {\n return _c(\n \"div\",\n {\n key: errIndex,\n staticClass:\n \"v-text-field__details\",\n staticStyle:\n {\n \"margin-top\":\n \"4px\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages theme--light error--text\",\n attrs:\n {\n role: \"alert\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages__wrapper\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages__message\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n errItem.msg\n ) +\n \" \"\n ),\n ]\n ),\n ]\n ),\n ]\n ),\n ]\n )\n }\n ),\n 0\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n )\n : _vm._e()\n }\n ),\n 1\n ),\n ],\n 1\n )\n }\n ),\n 0\n ),\n _vm.showSubmit &&\n !_vm.formPreviewSettings.show\n ? _c(\n \"div\",\n { staticClass: \"form-submit\" },\n [\n _vm.hasCustomSubmitSlot\n ? _c(\n \"div\",\n [\n _vm._t(\n \"submitContent\",\n null,\n {\n items:\n _vm.formItems,\n loader: _vm.loader,\n submit:\n _vm.onSubmit,\n }\n ),\n ],\n 2\n )\n : _c(\n \"div\",\n [\n _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n {\n staticClass:\n \"formButton\",\n },\n [\n _vm.saveButton\n ? _c(\n \"bf-button\",\n {\n attrs: {\n widthIcon:\n _vm\n .formButtonContent\n .hasIcon,\n color:\n \"primary\",\n },\n on: {\n click:\n _vm.onSubmit,\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"icon\",\n fn: function () {\n return [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formButtonContent\n .iconTitle\n ) +\n \" \"\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 2384765431\n ),\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formButtonContent\n .title\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm.deleteButton\n ? _c(\n \"bf-button\",\n {\n staticClass:\n \"ml-3\",\n attrs: {\n widthIcon:\n _vm\n .formButtonContent\n .hasIcon,\n color:\n \"error\",\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.deleteButtonClick()\n },\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"icon\",\n fn: function () {\n return [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formDeleteButtonContent\n .iconTitle\n ) +\n \" \"\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 1293402222\n ),\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formDeleteButtonContent\n .title\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ]\n )\n : _vm._e(),\n ]),\n ],\n 1\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n _c(\n \"v-col\",\n {\n attrs: {\n xl: _vm.formPreviewSettings.show ? 3 : 12,\n lg: _vm.formPreviewSettings.show ? 3 : 12,\n md: _vm.formPreviewSettings.show ? 4 : 12,\n },\n },\n [\n _c(\n \"div\",\n { staticClass: \"preview-container\" },\n [\n _vm.formPreviewSettings.show\n ? _c(\n \"bf-card\",\n [\n _c(\n \"preview\",\n {\n ref: \"form_preview\",\n attrs: {\n loader: _vm.loader,\n customize:\n _vm.formPreviewSettings.customize,\n submitText:\n _vm.formPreviewSettings.submitText,\n groups: _vm.formGroups,\n },\n on: { clickSave: _vm.onSubmit },\n },\n [\n _vm.formPreviewSettings.customize\n ? _c(\n \"div\",\n [\n _vm._t(\"submit-content\", null, {\n formItems: _vm.formItems,\n loader: _vm.loader,\n submitText:\n _vm.formPreviewSettings\n .submitText,\n submit: _vm.onSubmit,\n }),\n ],\n 2\n )\n : _vm._e(),\n ]\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n ),\n ],\n 1\n )\n : _c(\n \"div\",\n { staticClass: \"text-center\" },\n [\n _c(\"v-progress-circular\", {\n attrs: { indeterminate: \"\", color: \"primary\" },\n }),\n ],\n 1\n ),\n _c(\"bf-swal\", { ref: \"form_swal\" }),\n ],\n 1\n )\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/index.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1636
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _vm.startInit\n ? _c(\n \"div\",\n { staticClass: \"bf-form\" },\n [\n _vm.isReady\n ? _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n {\n attrs: {\n xl: _vm.formPreviewSettings.show ? 9 : 12,\n lg: _vm.formPreviewSettings.show ? 9 : 12,\n md: _vm.formPreviewSettings.show ? 8 : 12,\n },\n },\n [\n _c(\n \"bf-card\",\n {\n class: [\n _vm.editForm !== null ? \"edit-card\" : \"\",\n _vm.customClass,\n ],\n },\n [\n _vm.show\n ? _c(\n \"v-form\",\n {\n ref: \"ref_form\",\n attrs: { \"lazy-validation\": \"\" },\n on: {\n submit: function ($event) {\n $event.preventDefault()\n return _vm.onSubmit.apply(null, arguments)\n },\n reset: _vm.onReset,\n },\n model: {\n value: _vm.formIsValid,\n callback: function ($$v) {\n _vm.formIsValid = $$v\n },\n expression: \"formIsValid\",\n },\n },\n [\n _c(\n \"v-row\",\n [\n _c(\"v-col\", [\n _c(\n \"div\",\n { staticClass: \"form-group-items\" },\n _vm._l(\n _vm.formGroups,\n function (formGroup, groupIndex) {\n return _c(\n \"div\",\n {\n key: groupIndex,\n staticClass: \"form-group\",\n },\n [\n _c(\n \"h3\",\n {\n staticClass: \"mt-4 mb-2\",\n },\n [\n _vm._v(\n _vm._s(formGroup.title)\n ),\n ]\n ),\n _c(\n \"v-row\",\n _vm._l(\n formGroup.items,\n function (\n formItem,\n index\n ) {\n return _vm.formItems[\n formItem\n ].show\n ? _c(\n \"v-col\",\n {\n key: index,\n class: {\n hiddenField:\n _vm\n .formItems[\n formItem\n ].type ===\n \"hidden\",\n },\n style:\n _vm.formItems[\n formItem\n ].colStyle,\n attrs: {\n cols: _vm\n .formItems[\n formItem\n ].col,\n sm: _vm\n .formItems[\n formItem\n ].sm,\n md: _vm\n .formItems[\n formItem\n ].md,\n lg: _vm\n .formItems[\n formItem\n ].lg,\n xl: _vm\n .formItems[\n formItem\n ].xl,\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"bf-form-item\",\n style: [\n `max-width: ${_vm.formItems[formItem].maxWidth}`,\n _vm\n .formItems[\n formItem\n ].style,\n ],\n },\n [\n _vm\n .formItems[\n formItem\n ].type ===\n \"hidden\" &&\n _vm\n .formItems[\n formItem\n ].show\n ? _c(\n \"input\",\n {\n directives:\n [\n {\n name: \"model\",\n rawName:\n \"v-model\",\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n expression:\n \"formItems[formItem].value\",\n },\n ],\n attrs:\n {\n type: \"hidden\",\n },\n domProps:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n },\n on: {\n input:\n function (\n $event\n ) {\n if (\n $event\n .target\n .composing\n )\n return\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n .target\n .value\n )\n },\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].outLable\n ? _c(\n \"label\",\n {\n staticClass:\n \"out-lable\",\n attrs:\n {\n for: \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .outLable\n )\n ),\n ]\n )\n : _vm._e(),\n !_vm\n .formItems[\n formItem\n ].mask &&\n (_vm\n .formItems[\n formItem\n ].type ===\n \"input\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"number\")\n ? _c(\n \"v-text-field\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-text-field\",\n attrs:\n {\n type: _vm\n .formItems[\n formItem\n ]\n .type,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].mask &&\n (_vm\n .formItems[\n formItem\n ].type ===\n \"input\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"number\")\n ? _c(\n \"v-text-field\",\n {\n directives:\n [\n {\n name: \"mask\",\n rawName:\n \"v-mask\",\n value:\n _vm.currentMask(\n _vm\n .formItems[\n formItem\n ]\n ),\n expression:\n \"currentMask(formItems[formItem])\",\n },\n ],\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-text-field masked\",\n attrs:\n {\n type: _vm\n .formItems[\n formItem\n ]\n .type,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .valueMasked,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n error:\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length >\n 0,\n \"error-messages\":\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length >\n 0\n ? _vm\n .formItems[\n formItem\n ]\n .errors[0]\n : \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeMaskedItem(\n $event,\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .valueMasked,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"valueMasked\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].valueMasked\",\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"textarea\"\n ? _c(\n \"v-textarea\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-textarea\",\n attrs:\n {\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n clearable:\n \"\",\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"color\"\n ? _c(\n \"div\",\n {\n staticClass:\n \"bf-color-picker-wrapper\",\n class:\n {\n \"bf-color-picker--disabled\":\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n \"bf-color-picker--error\":\n _vm\n .formItems[\n formItem\n ]\n .errors &&\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length,\n },\n },\n [\n _c(\n \"label\",\n {\n staticClass:\n \"bf-color-picker-label\",\n },\n [\n _vm._v(\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .label\n )\n ),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"bf-color-picker-body\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"bf-color-picker-main\",\n },\n [\n _c(\n \"button\",\n {\n staticClass:\n \"bf-color-swatch\",\n style:\n {\n backgroundColor:\n _vm.getColorPreviewColor(\n _vm\n .formItems[\n formItem\n ]\n .value\n ),\n },\n attrs:\n {\n type: \"button\",\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n \"aria-label\": `${_vm.formItems[formItem].label} renk seçici`,\n },\n },\n [\n _c(\n \"input\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n attrs:\n {\n type: \"color\",\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n },\n domProps:\n {\n value:\n _vm.getColorPickerValue(\n _vm\n .formItems[\n formItem\n ]\n .value\n ),\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.onColorPickerChange(\n _vm\n .formItems[\n formItem\n ],\n $event\n .target\n .value\n )\n },\n },\n }\n ),\n _c(\n \"span\",\n {\n staticClass:\n \"bf-color-swatch-overlay\",\n },\n [\n _c(\n \"v-icon\",\n {\n attrs:\n {\n small:\n \"\",\n color:\n \"white\",\n },\n },\n [\n _vm._v(\n \"mdi-eyedropper-variant\"\n ),\n ]\n ),\n ],\n 1\n ),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"bf-color-input-area\",\n },\n [\n _c(\n \"input\",\n {\n staticClass:\n \"bf-color-hex-input\",\n attrs:\n {\n type: \"text\",\n spellcheck:\n \"false\",\n maxlength:\n \"7\",\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n placeholder:\n \"#FFFFFF\",\n },\n domProps:\n {\n value:\n _vm.formatColorTextValue(\n _vm\n .formItems[\n formItem\n ]\n .value\n ),\n },\n on: {\n input:\n function (\n $event\n ) {\n return _vm.onColorTextInput(\n _vm\n .formItems[\n formItem\n ],\n $event\n .target\n .value\n )\n },\n blur: function (\n $event\n ) {\n return _vm.onColorTextBlur(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n }\n ),\n _c(\n \"span\",\n {\n staticClass:\n \"bf-color-format-hint\",\n },\n [\n _vm._v(\n \"HEX\"\n ),\n ]\n ),\n ]\n ),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"bf-color-presets\",\n },\n _vm._l(\n _vm.colorPresets,\n function (\n preset,\n pi\n ) {\n return _c(\n \"button\",\n {\n key: pi,\n staticClass:\n \"bf-color-preset-btn\",\n class:\n {\n \"bf-color-preset-btn--active\":\n _vm\n .expandHexColor(\n _vm\n .formItems[\n formItem\n ]\n .value\n )\n .toUpperCase() ===\n preset.toUpperCase(),\n \"bf-color-preset-btn--light\":\n _vm.isLightColor(\n preset\n ),\n },\n style:\n {\n backgroundColor:\n preset,\n },\n attrs:\n {\n type: \"button\",\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.onColorPresetSelect(\n _vm\n .formItems[\n formItem\n ],\n preset\n )\n },\n },\n },\n [\n _vm\n .expandHexColor(\n _vm\n .formItems[\n formItem\n ]\n .value\n )\n .toUpperCase() ===\n preset.toUpperCase()\n ? _c(\n \"v-icon\",\n {\n staticClass:\n \"bf-color-preset-check\",\n attrs:\n {\n \"x-small\":\n \"\",\n color:\n _vm.isLightColor(\n preset\n )\n ? \"#1E293B\"\n : \"white\",\n },\n },\n [\n _vm._v(\n \"mdi-check\"\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n )\n }\n ),\n 0\n ),\n ]\n ),\n _vm\n .formItems[\n formItem\n ]\n .errors &&\n _vm\n .formItems[\n formItem\n ]\n .errors\n .length\n ? _c(\n \"div\",\n {\n staticClass:\n \"bf-color-picker-error\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n (_vm\n .formItems[\n formItem\n ]\n .errors[0] &&\n _vm\n .formItems[\n formItem\n ]\n .errors[0]\n .msg) ||\n _vm\n .formItems[\n formItem\n ]\n .errors[0]\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n ]\n )\n : _vm._e(),\n (_vm\n .formItems[\n formItem\n ].type ===\n \"select-data\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select-relation\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select\") &&\n !_vm\n .formItems[\n formItem\n ].options\n .allowCustom\n ? _c(\n \"v-autocomplete\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-autocomplete\",\n attrs:\n {\n items:\n _vm\n .formItems[\n formItem\n ]\n .options\n .items,\n \"item-text\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .label,\n \"item-value\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .value,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n loading:\n _vm\n .formItems[\n formItem\n ]\n .loader,\n \"deletable-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n multiple:\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n \"small-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n outlined:\n \"\",\n clearable:\n \"\",\n dense:\n \"\",\n filter:\n _vm.autocompleteFilter.bind(\n this,\n _vm\n .formItems[\n formItem\n ]\n ),\n },\n on: {\n change:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"selection\",\n fn: function ({\n item,\n index,\n }) {\n return [\n _c(\n \"div\",\n [\n _vm\n .formItems[\n formItem\n ]\n .inSelectType ===\n \"widthImage\"\n ? _c(\n \"img\",\n {\n attrs:\n {\n width:\n \"100px\",\n src: item[\n _vm\n .formItems[\n formItem\n ]\n .widthImageKey\n ],\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index ===\n 0\n ? _c(\n \"v-chip\",\n {\n staticClass:\n \"ma-2\",\n attrs:\n {\n small:\n \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index >\n 0 &&\n _vm\n .formItems[\n formItem\n ]\n .options\n .showSelectedItems\n ? _c(\n \"v-chip\",\n {\n staticClass:\n \"ma-1\",\n attrs:\n {\n small:\n \"\",\n },\n },\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n index ===\n 1 &&\n !_vm\n .formItems[\n formItem\n ]\n .options\n .showSelectedItems\n ? _c(\n \"span\",\n {\n staticClass:\n \"grey--text text-caption\",\n },\n [\n _vm._v(\n \" (+\" +\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .value\n .length -\n 1\n ) +\n \" diğer) \"\n ),\n ]\n )\n : _vm._e(),\n !_vm\n .formItems[\n formItem\n ]\n .options\n .multiple\n ? _c(\n \"span\",\n [\n _vm._v(\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n )\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n },\n },\n {\n key: \"item\",\n fn: function ({\n item,\n }) {\n return [\n _c(\n \"div\",\n [\n _vm\n .formItems[\n formItem\n ]\n .inSelectType ===\n \"widthImage\"\n ? _c(\n \"img\",\n {\n attrs:\n {\n width:\n \"100px\",\n src: item[\n _vm\n .formItems[\n formItem\n ]\n .widthImageKey\n ],\n },\n }\n )\n : _vm._e(),\n _vm._v(\n \" \" +\n _vm._s(\n _vm.setItemText(\n item,\n _vm\n .formItems[\n formItem\n ]\n )\n ) +\n \" \"\n ),\n ]\n ),\n ]\n },\n },\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple &&\n _vm\n .formItems[\n formItem\n ]\n .options\n .isAllItem !==\n false\n ? {\n key: \"prepend-item\",\n fn: function () {\n return [\n _c(\n \"v-checkbox\",\n {\n staticClass:\n \"mt-2 ml-2\",\n attrs:\n {\n label:\n \"Tümünü Seç\",\n value:\n _vm.getMultipleToggleValue(\n _vm\n .formItems[\n formItem\n ]\n ),\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.toggleAllOptions(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n }\n ),\n ]\n },\n proxy: true,\n }\n : null,\n ],\n null,\n true\n ),\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n },\n [\n _c(\n \"template\",\n {\n slot: \"no-data\",\n },\n [\n _c(\n \"div\",\n {\n staticStyle:\n {\n \"text-align\":\n \"center\",\n },\n },\n [\n _vm._v(\n \" Veri Bulunamadı \"\n ),\n ]\n ),\n ]\n ),\n ],\n 2\n )\n : _vm._e(),\n (_vm\n .formItems[\n formItem\n ].type ===\n \"select-data\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select-relation\" ||\n _vm\n .formItems[\n formItem\n ].type ===\n \"select\") &&\n _vm\n .formItems[\n formItem\n ].options\n .allowCustom\n ? _c(\n \"v-combobox\",\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n staticClass:\n \"bf-combobox\",\n attrs:\n {\n items:\n _vm.getComboboxItems(\n _vm\n .formItems[\n formItem\n ]\n ),\n \"search-input\":\n _vm\n .formItems[\n formItem\n ]\n .searchText,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n loading:\n _vm\n .formItems[\n formItem\n ]\n .loader,\n \"deletable-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n multiple:\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n \"small-chips\":\n _vm\n .formItems[\n formItem\n ]\n .options\n .multiple,\n outlined:\n \"\",\n clearable:\n \"\",\n dense:\n \"\",\n \"hide-selected\":\n \"\",\n },\n on: {\n \"update:searchInput\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"searchText\",\n $event\n )\n },\n \"update:search-input\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"searchText\",\n $event\n )\n },\n change:\n function (\n $event\n ) {\n return _vm.changeItem(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n },\n [\n _c(\n \"template\",\n {\n slot: \"no-data\",\n },\n [\n _c(\n \"div\",\n {\n staticStyle:\n {\n \"text-align\":\n \"center\",\n padding:\n \"8px\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"mb-2\",\n },\n [\n _vm._v(\n \"Veri Bulunamadı\"\n ),\n ]\n ),\n _vm\n .formItems[\n formItem\n ]\n .searchText &&\n _vm.formItems[\n formItem\n ].searchText.trim()\n ? _c(\n \"v-btn\",\n {\n attrs:\n {\n small:\n \"\",\n color:\n \"primary\",\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.addCustomValue(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n },\n [\n _vm._v(\n ' \"' +\n _vm._s(\n _vm\n .formItems[\n formItem\n ]\n .searchText\n ) +\n '\" Ekle '\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n ),\n ],\n 2\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"image\"\n ? _c(\n \"image-input\",\n {\n ref:\n \"imgInput\" +\n _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n attrs:\n {\n info: _vm\n .formItems[\n formItem\n ],\n inputType:\n _vm\n .formItems[\n formItem\n ]\n .inputType,\n selectedFileName:\n _vm.selectedFileName,\n },\n on: {\n setFileVal:\n _vm.setFileVal,\n },\n }\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"date\"\n ? _c(\n \"v-menu\",\n {\n ref: \"menu\",\n refInFor: true,\n attrs:\n {\n \"close-on-content-click\": false,\n transition:\n \"scale-transition\",\n \"offset-y\":\n \"\",\n \"min-width\":\n \"290px\",\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({\n on,\n }) {\n return [\n _c(\n \"v-text-field\",\n _vm._g(\n {\n ref: _vm\n .formItems[\n formItem\n ]\n .name,\n refInFor: true,\n attrs:\n {\n label:\n _vm\n .formItems[\n formItem\n ]\n .label,\n autocomplete:\n \"off\",\n \"prepend-inner-icon\":\n \"mdi-calendar\",\n \"return-value\":\n _vm\n .formItems[\n formItem\n ]\n .value,\n rules:\n _vm\n .formItems[\n formItem\n ]\n .rules,\n required:\n _vm\n .formItems[\n formItem\n ]\n .required,\n disabled:\n _vm\n .formItems[\n formItem\n ]\n .disabled,\n outlined:\n \"\",\n dense:\n \"\",\n },\n on: {\n \"update:returnValue\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n )\n },\n \"update:return-value\":\n function (\n $event\n ) {\n return _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $event\n )\n },\n change:\n function (\n $event\n ) {\n return _vm.parseDate(\n _vm\n .formItems[\n formItem\n ]\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .dateTextField,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"dateTextField\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].dateTextField\",\n },\n },\n on\n )\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .dateMenu,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"dateMenu\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].dateMenu\",\n },\n },\n [\n _c(\n \"v-date-picker\",\n {\n attrs:\n {\n locale:\n \"tr-tr\",\n \"first-day-of-week\": 1,\n \"no-title\":\n \"\",\n scrollable:\n \"\",\n },\n on: {\n change:\n function (\n $event\n ) {\n return _vm.parseDate(\n _vm\n .formItems[\n formItem\n ],\n true\n )\n },\n },\n model:\n {\n value:\n _vm\n .formItems[\n formItem\n ]\n .value,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n _vm\n .formItems[\n formItem\n ],\n \"value\",\n $$v\n )\n },\n expression:\n \"formItems[formItem].value\",\n },\n }\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ].type ===\n \"custom\"\n ? _c(\n \"div\",\n [\n _vm._t(\n `${_vm.formItems[formItem].name}`,\n null,\n {\n item: _vm\n .formItems[\n formItem\n ],\n }\n ),\n ],\n 2\n )\n : _vm._e(),\n _vm\n .formItems[\n formItem\n ]\n .showCustomError\n ? _c(\n \"div\",\n _vm._l(\n _vm\n .formItems[\n formItem\n ]\n .errors,\n function (\n errItem,\n errIndex\n ) {\n return _c(\n \"div\",\n {\n key: errIndex,\n staticClass:\n \"v-text-field__details\",\n staticStyle:\n {\n \"margin-top\":\n \"4px\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages theme--light error--text\",\n attrs:\n {\n role: \"alert\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages__wrapper\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"v-messages__message\",\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n errItem.msg\n ) +\n \" \"\n ),\n ]\n ),\n ]\n ),\n ]\n ),\n ]\n )\n }\n ),\n 0\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n )\n : _vm._e()\n }\n ),\n 1\n ),\n ],\n 1\n )\n }\n ),\n 0\n ),\n _vm.showSubmit &&\n !_vm.formPreviewSettings.show\n ? _c(\n \"div\",\n { staticClass: \"form-submit\" },\n [\n _vm.hasCustomSubmitSlot\n ? _c(\n \"div\",\n [\n _vm._t(\n \"submitContent\",\n null,\n {\n items:\n _vm.formItems,\n loader: _vm.loader,\n submit:\n _vm.onSubmit,\n }\n ),\n ],\n 2\n )\n : _c(\n \"div\",\n [\n _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n {\n staticClass:\n \"formButton\",\n },\n [\n _vm.saveButton\n ? _c(\n \"bf-button\",\n {\n attrs: {\n widthIcon:\n _vm\n .formButtonContent\n .hasIcon,\n color:\n \"primary\",\n },\n on: {\n click:\n _vm.onSubmit,\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"icon\",\n fn: function () {\n return [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formButtonContent\n .iconTitle\n ) +\n \" \"\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 2384765431\n ),\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formButtonContent\n .title\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n _vm.deleteButton\n ? _c(\n \"bf-button\",\n {\n staticClass:\n \"ml-3\",\n attrs: {\n widthIcon:\n _vm\n .formButtonContent\n .hasIcon,\n color:\n \"error\",\n },\n on: {\n click:\n function (\n $event\n ) {\n return _vm.deleteButtonClick()\n },\n },\n scopedSlots:\n _vm._u(\n [\n {\n key: \"icon\",\n fn: function () {\n return [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formDeleteButtonContent\n .iconTitle\n ) +\n \" \"\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 1293402222\n ),\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .formDeleteButtonContent\n .title\n ) +\n \" \"\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ]\n )\n : _vm._e(),\n ]),\n ],\n 1\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n _c(\n \"v-col\",\n {\n attrs: {\n xl: _vm.formPreviewSettings.show ? 3 : 12,\n lg: _vm.formPreviewSettings.show ? 3 : 12,\n md: _vm.formPreviewSettings.show ? 4 : 12,\n },\n },\n [\n _c(\n \"div\",\n { staticClass: \"preview-container\" },\n [\n _vm.formPreviewSettings.show\n ? _c(\n \"bf-card\",\n [\n _c(\n \"preview\",\n {\n ref: \"form_preview\",\n attrs: {\n loader: _vm.loader,\n customize:\n _vm.formPreviewSettings.customize,\n submitText:\n _vm.formPreviewSettings.submitText,\n groups: _vm.formGroups,\n },\n on: { clickSave: _vm.onSubmit },\n },\n [\n _vm.formPreviewSettings.customize\n ? _c(\n \"div\",\n [\n _vm._t(\"submit-content\", null, {\n formItems: _vm.formItems,\n loader: _vm.loader,\n submitText:\n _vm.formPreviewSettings\n .submitText,\n submit: _vm.onSubmit,\n }),\n ],\n 2\n )\n : _vm._e(),\n ]\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ]\n ),\n ],\n 1\n )\n : _c(\n \"div\",\n { staticClass: \"text-center\" },\n [\n _c(\"v-progress-circular\", {\n attrs: { indeterminate: \"\", color: \"primary\" },\n }),\n ],\n 1\n ),\n _c(\"bf-swal\", { ref: \"form_swal\" }),\n ],\n 1\n )\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-form/index.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1637
1637
 
1638
1638
  /***/ }),
1639
1639
 
@@ -1765,7 +1765,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1765
1765
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1766
1766
 
1767
1767
  "use strict";
1768
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n [\n _c(\n \"v-col\",\n { staticClass: \"pa-0 pt-12\", attrs: { lg: \"12\", md: \"12\" } },\n [\n _c(\n \"div\",\n { staticClass: \"table-top-area\" },\n [\n _c(\"bf-text\", {\n staticClass: \"table-title font-weight-700 bf-text-3xl\",\n attrs: { text: _vm.title },\n }),\n _vm.multiSelectAction\n ? _c(\"div\", { staticClass: \"table-buttons\" })\n : _vm._e(),\n _vm.multiSelectSettings.action !== false\n ? _c(\n \"bf-button\",\n {\n attrs: {\n widthIcon: _vm.multiSelectSettings.widthIcon,\n color: \"listOutlineButton\",\n },\n on: {\n click: function ($event) {\n return _vm.deleteTableItem(_vm.selected)\n },\n },\n scopedSlots: _vm._u(\n [\n _vm.multiSelectSettings.widthIcon\n ? {\n key: \"icon\",\n fn: function () {\n return [_vm._v(\" fi-rr-trash \")]\n },\n proxy: true,\n }\n : null,\n ],\n null,\n true\n ),\n },\n [\n _vm._v(\n \" \" + _vm._s(_vm.multiSelectSettings.buttonText) + \" \"\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n _c(\n \"bf-card\",\n [\n _c(\n \"v-data-table\",\n {\n staticClass: \"elevation-1\",\n attrs: {\n headers: _vm.headers,\n items: _vm.filteredData,\n page: _vm.page,\n \"items-per-page\": _vm.perPage,\n \"hide-default-footer\": \"\",\n \"show-select\": _vm.filteredData.length > 0 ? true : false,\n \"single-select\": _vm.isSingleSelect,\n },\n on: {\n \"update:page\": function ($event) {\n _vm.page = $event\n },\n \"page-count\": function ($event) {\n _vm.pageCount = $event\n },\n },\n scopedSlots: _vm._u(\n [\n _vm.isSingleSelect\n ? {\n key: \"item.data-table-select\",\n fn: function ({ item }) {\n return [\n _c(\"v-checkbox\", {\n on: {\n change: function ($event) {\n return _vm.updateSelection(item)\n },\n },\n model: {\n value: item.selected,\n callback: function ($$v) {\n _vm.$set(item, \"selected\", $$v)\n },\n expression: \"item.selected\",\n },\n }),\n ]\n },\n }\n : null,\n {\n key: \"body.prepend\",\n fn: function () {\n return [\n _vm.totalCount > 0\n ? _c(\n \"tr\",\n {\n staticClass:\n \"bf-data-table-column-filter-area mt-3\",\n },\n [\n _c(\"td\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.filteredData.length > 0,\n expression: \"filteredData.length > 0\",\n },\n ],\n staticClass: \"bf-data-table-column-td\",\n }),\n _vm._l(\n _vm.headers,\n function (item, headerItemIndex) {\n return item.value !== \"action\" &&\n item.sortable === undefined\n ? _c(\n \"td\",\n {\n key: headerItemIndex,\n staticClass:\n \"bf-data-table-column-td\",\n },\n [\n item.searchOptions !==\n undefined &&\n item.searchOptions.type ===\n \"select-data\"\n ? _c(\n \"v-autocomplete\",\n {\n staticClass:\n \"bf-data-table-column-filter-field select\",\n attrs: {\n items:\n item.searchOptions\n .selectItems,\n \"item-text\":\n item.searchOptions\n .itemText,\n \"item-value\":\n item.searchOptions\n .itemValue,\n value:\n item.searchValue,\n disabled: item.loader,\n loading:\n _vm.mainLoader,\n clearable: \"\",\n \"hide-details\": \"\",\n solo: \"\",\n dense: \"\",\n \"append-icon\": \"\",\n },\n on: {\n change:\n _vm.searchData,\n },\n model: {\n value:\n item.searchValue,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n },\n [\n _c(\n \"v-icon\",\n {\n attrs: {\n slot: \"prepend-inner\",\n color: \"#9CA3AF\",\n small: \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n )\n : item.searchOptions !==\n undefined &&\n item.searchOptions.type ===\n \"date\"\n ? _c(\n \"v-menu\",\n {\n ref: \"menu\",\n refInFor: true,\n attrs: {\n loading:\n _vm.mainLoader,\n \"close-on-content-click\": false,\n transition:\n \"scale-transition\",\n \"offset-y\": \"\",\n \"min-width\": \"auto\",\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({\n on,\n attrs,\n }) {\n return [\n _c(\n \"v-text-field\",\n _vm._g(\n _vm._b(\n {\n staticClass:\n \"bf-data-table-column-filter-field date mb-0\",\n attrs:\n {\n readonly:\n \"\",\n loading:\n _vm.mainLoader,\n solo: \"\",\n dense:\n \"\",\n \"append-icon\":\n item.searchValue !==\n \"\"\n ? \"fi-rr-cross-small\"\n : \"\",\n },\n on: {\n \"click:append\":\n function (\n $event\n ) {\n item.searchValue =\n \"\"\n _vm.searchData()\n },\n },\n model:\n {\n value:\n item.searchValue,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n },\n \"v-text-field\",\n attrs,\n false\n ),\n on\n ),\n [\n _c(\n \"v-icon\",\n {\n attrs:\n {\n slot: \"prepend-inner\",\n color:\n \"#9CA3AF\",\n small:\n \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n model: {\n value: item.dateMenu,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"dateMenu\",\n $$v\n )\n },\n expression:\n \"item.dateMenu\",\n },\n },\n [\n _c(\"v-date-picker\", {\n attrs: {\n \"no-title\": \"\",\n scrollable: \"\",\n },\n on: {\n input: function (\n $event\n ) {\n item.dateMenu = false\n _vm.searchData()\n },\n },\n model: {\n value:\n item.searchValue,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n }),\n ],\n 1\n )\n : _c(\n \"v-text-field\",\n {\n staticClass:\n \"bf-data-table-column-filter-field\",\n attrs: {\n \"hide-details\": \"\",\n type: \"text\",\n solo: \"\",\n dense: \"\",\n },\n model: {\n value:\n _vm.multiSearch[\n item.value\n ],\n callback: function (\n $$v\n ) {\n _vm.$set(\n _vm.multiSearch,\n item.value,\n $$v\n )\n },\n expression:\n \"multiSearch[item.value]\",\n },\n },\n [\n _c(\n \"v-icon\",\n {\n attrs: {\n slot: \"prepend-inner\",\n color: \"#9CA3AF\",\n small: \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n ),\n ],\n 1\n )\n : _c(\"td\", {\n staticClass:\n \"bf-data-table-column-td bf-data-table-column-td-icons\",\n })\n }\n ),\n ],\n 2\n )\n : _vm._e(),\n ]\n },\n proxy: true,\n },\n {\n key: \"item.action\",\n fn: function ({ item }) {\n return [\n _c(\n \"div\",\n { staticClass: \"action-column\" },\n [\n _vm._t(\"action\", null, { item: item }),\n _vm._t(\"date\", null, { item: item }),\n _vm.deleteOptions !== null\n ? _c(\n \"v-tooltip\",\n {\n attrs: { top: \"\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({ on }) {\n return [\n _c(\n \"div\",\n {\n staticClass:\n \"cursor-pointer mx-1\",\n },\n [\n _c(\n \"v-btn\",\n {\n attrs: {\n icon: \"\",\n small: \"\",\n },\n on: {\n click: function (\n $event\n ) {\n return _vm.deleteTableItem(\n item.id\n )\n },\n },\n },\n [\n _c(\n \"v-icon\",\n _vm._g(\n {\n attrs: {\n small: \"\",\n },\n },\n on\n ),\n [\n _vm._v(\n \" fi-rr-trash \"\n ),\n ]\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n },\n [\n _c(\n \"span\",\n { staticClass: \"tooltip-text\" },\n [_vm._v(\"Sil\")]\n ),\n ]\n )\n : _vm._e(),\n ],\n 2\n ),\n ]\n },\n },\n {\n key: \"bottom\",\n fn: function () {\n return [_c(\"h1\", [_vm._v(\"eren\")])]\n },\n proxy: true,\n },\n {\n key: \"no-data\",\n fn: function () {\n return [_c(\"div\", {}, [_vm._v(\"Kayıt bulunamadı.\")])]\n },\n proxy: true,\n },\n _vm._l(_vm.headerTemplates, function (customSlot) {\n return {\n key: `item.${customSlot.value}`,\n fn: function ({ item }) {\n return [\n _vm._t(customSlot.value, null, { item: item }),\n ]\n },\n }\n }),\n ],\n null,\n true\n ),\n model: {\n value: _vm.selected,\n callback: function ($$v) {\n _vm.selected = $$v\n },\n expression: \"selected\",\n },\n },\n [\n _c(\"template\", { slot: \"no-data\" }, [\n _vm._v(\" Veri bulunamadı! \"),\n ]),\n ],\n 2\n ),\n _vm.items.length > 0\n ? _c(\n \"div\",\n { staticClass: \"info-area\" },\n [\n _c(\n \"v-row\",\n [\n _c(\"v-col\", { attrs: { sm: \"6\" } }, [\n _vm.items.length > 0\n ? _c(\n \"div\",\n { staticClass: \"bf-data-table-info\" },\n [\n _c(\"bf-text\", {\n staticClass: \"h6\",\n attrs: {\n text:\n \"Toplam \" +\n _vm.filteredItems.length +\n \" kayıt içinden \" +\n _vm.countCalculation() +\n \" sonuç gösteriliyor.\",\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n _c(\"v-col\", { attrs: { sm: \"6\" } }, [\n _c(\n \"div\",\n { staticClass: \"text-center perpage-area\" },\n [\n _c(\"v-pagination\", {\n attrs: {\n length: parseInt(_vm.pageCount),\n \"total-visible\": 7,\n top: \"\",\n },\n model: {\n value: _vm.page,\n callback: function ($$v) {\n _vm.page = $$v\n },\n expression: \"page\",\n },\n }),\n _vm.items.length > 4\n ? _c(\"v-select\", {\n staticClass: \"perpage-select\",\n attrs: {\n items: _vm.perPageItems,\n \"item-text\": \"text\",\n \"item-value\": \"value\",\n \"menu-props\": {\n top: true,\n offsetY: true,\n nudgeTop: \"11px\",\n },\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n height: \"10\",\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"append\",\n fn: function () {\n return [\n _c(\n \"v-icon\",\n {\n staticClass:\n \"fa-2xs mt-2 ml-3\",\n attrs: { color: \"\" },\n },\n [_vm._v(\"fi-rr-angle-down\")]\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 4206032158\n ),\n model: {\n value: _vm.perPage,\n callback: function ($$v) {\n _vm.perPage = $$v\n },\n expression: \"perPage\",\n },\n })\n : _vm._e(),\n _vm.items.length > 4\n ? _c(\n \"div\",\n { staticClass: \"show-text d-inline\" },\n [_vm._v(\" Görüntüle \")]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]),\n ],\n 1\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-simple-table/index.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1768
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n [\n _c(\n \"v-col\",\n { staticClass: \"pa-0 pt-12\", attrs: { lg: \"12\", md: \"12\" } },\n [\n _c(\n \"div\",\n { staticClass: \"table-top-area\" },\n [\n _c(\"bf-text\", {\n staticClass: \"table-title font-weight-700 bf-text-3xl\",\n attrs: { text: _vm.title },\n }),\n _vm.multiSelectAction\n ? _c(\"div\", { staticClass: \"table-buttons\" })\n : _vm._e(),\n _vm.multiSelectSettings.action !== false\n ? _c(\n \"bf-button\",\n {\n attrs: {\n widthIcon: _vm.multiSelectSettings.widthIcon,\n color: \"listOutlineButton\",\n },\n on: {\n click: function ($event) {\n return _vm.deleteTableItem(_vm.selected)\n },\n },\n scopedSlots: _vm._u(\n [\n _vm.multiSelectSettings.widthIcon\n ? {\n key: \"icon\",\n fn: function () {\n return [_vm._v(\" fi-rr-trash \")]\n },\n proxy: true,\n }\n : null,\n ],\n null,\n true\n ),\n },\n [\n _vm._v(\n \" \" + _vm._s(_vm.multiSelectSettings.buttonText) + \" \"\n ),\n ]\n )\n : _vm._e(),\n ],\n 1\n ),\n _c(\n \"bf-card\",\n [\n _c(\n \"v-data-table\",\n {\n staticClass: \"elevation-1\",\n attrs: {\n headers: _vm.headers,\n items: _vm.filteredData,\n page: _vm.page,\n \"items-per-page\": _vm.perPage,\n \"hide-default-footer\": \"\",\n \"show-select\": _vm.filteredData.length > 0 ? true : false,\n \"single-select\": _vm.isSingleSelect,\n },\n on: {\n \"update:page\": function ($event) {\n _vm.page = $event\n },\n \"page-count\": function ($event) {\n _vm.pageCount = $event\n },\n },\n scopedSlots: _vm._u(\n [\n _vm.isSingleSelect\n ? {\n key: \"item.data-table-select\",\n fn: function ({ item }) {\n return [\n _c(\"v-checkbox\", {\n on: {\n change: function ($event) {\n return _vm.updateSelection(item)\n },\n },\n model: {\n value: item.selected,\n callback: function ($$v) {\n _vm.$set(item, \"selected\", $$v)\n },\n expression: \"item.selected\",\n },\n }),\n ]\n },\n }\n : null,\n {\n key: \"body.prepend\",\n fn: function () {\n return [\n _vm.totalCount > 0\n ? _c(\n \"tr\",\n {\n staticClass:\n \"bf-data-table-column-filter-area mt-3\",\n },\n [\n _c(\"td\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.filteredData.length > 0,\n expression: \"filteredData.length > 0\",\n },\n ],\n staticClass: \"bf-data-table-column-td\",\n }),\n _vm._l(\n _vm.headers,\n function (item, headerItemIndex) {\n return item.value !== \"action\" &&\n item.sortable === undefined\n ? _c(\n \"td\",\n {\n key: headerItemIndex,\n staticClass:\n \"bf-data-table-column-td\",\n },\n [\n item.searchOptions !==\n undefined &&\n item.searchOptions.type ===\n \"select-data\"\n ? _c(\n \"v-autocomplete\",\n {\n staticClass:\n \"bf-data-table-column-filter-field select\",\n attrs: {\n items:\n item.searchOptions\n .selectItems,\n \"item-text\":\n item.searchOptions\n .itemText,\n \"item-value\":\n item.searchOptions\n .itemValue,\n value:\n item.searchValue,\n disabled: item.loader,\n loading:\n _vm.mainLoader,\n clearable: \"\",\n \"hide-details\": \"\",\n solo: \"\",\n dense: \"\",\n \"append-icon\": \"\",\n },\n on: {\n change:\n _vm.searchData,\n },\n model: {\n value:\n item.searchValue,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n },\n [\n _c(\n \"v-icon\",\n {\n attrs: {\n slot: \"prepend-inner\",\n color: \"#9CA3AF\",\n small: \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n )\n : item.searchOptions !==\n undefined &&\n item.searchOptions.type ===\n \"date\"\n ? _c(\n \"v-menu\",\n {\n ref: \"menu\",\n refInFor: true,\n attrs: {\n loading:\n _vm.mainLoader,\n \"close-on-content-click\": false,\n transition:\n \"scale-transition\",\n \"offset-y\": \"\",\n \"min-width\": \"auto\",\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({\n on,\n attrs,\n }) {\n return [\n _c(\n \"v-text-field\",\n _vm._g(\n _vm._b(\n {\n staticClass:\n \"bf-data-table-column-filter-field date mb-0\",\n attrs:\n {\n readonly:\n \"\",\n loading:\n _vm.mainLoader,\n solo: \"\",\n dense:\n \"\",\n \"append-icon\":\n item.searchValue !==\n \"\"\n ? \"fi-rr-cross-small\"\n : \"\",\n },\n on: {\n \"click:append\":\n function (\n $event\n ) {\n item.searchValue =\n \"\"\n _vm.searchData()\n },\n },\n model:\n {\n value:\n item.searchValue,\n callback:\n function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n },\n \"v-text-field\",\n attrs,\n false\n ),\n on\n ),\n [\n _c(\n \"v-icon\",\n {\n attrs:\n {\n slot: \"prepend-inner\",\n color:\n \"#9CA3AF\",\n small:\n \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n model: {\n value: item.dateMenu,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"dateMenu\",\n $$v\n )\n },\n expression:\n \"item.dateMenu\",\n },\n },\n [\n _c(\"v-date-picker\", {\n attrs: {\n \"no-title\": \"\",\n scrollable: \"\",\n },\n on: {\n input: function (\n $event\n ) {\n item.dateMenu = false\n _vm.searchData()\n },\n },\n model: {\n value:\n item.searchValue,\n callback: function (\n $$v\n ) {\n _vm.$set(\n item,\n \"searchValue\",\n $$v\n )\n },\n expression:\n \"item.searchValue\",\n },\n }),\n ],\n 1\n )\n : _c(\n \"v-text-field\",\n {\n staticClass:\n \"bf-data-table-column-filter-field\",\n attrs: {\n \"hide-details\": \"\",\n type: \"text\",\n solo: \"\",\n dense: \"\",\n },\n model: {\n value:\n _vm.multiSearch[\n item.value\n ],\n callback: function (\n $$v\n ) {\n _vm.$set(\n _vm.multiSearch,\n item.value,\n $$v\n )\n },\n expression:\n \"multiSearch[item.value]\",\n },\n },\n [\n _c(\n \"v-icon\",\n {\n attrs: {\n slot: \"prepend-inner\",\n color: \"#9CA3AF\",\n small: \"\",\n },\n slot: \"prepend-inner\",\n },\n [\n _vm._v(\n \"fi-rr-search\"\n ),\n ]\n ),\n ],\n 1\n ),\n ],\n 1\n )\n : _c(\"td\", {\n staticClass:\n \"bf-data-table-column-td bf-data-table-column-td-icons\",\n })\n }\n ),\n ],\n 2\n )\n : _vm._e(),\n ]\n },\n proxy: true,\n },\n {\n key: \"item.action\",\n fn: function ({ item }) {\n return [\n _c(\n \"div\",\n { staticClass: \"action-column\" },\n [\n _vm._t(\"action\", null, { item: item }),\n _vm._t(\"date\", null, { item: item }),\n _vm.deleteOptions !== null\n ? _c(\n \"v-tooltip\",\n {\n attrs: { top: \"\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"activator\",\n fn: function ({ on }) {\n return [\n _c(\n \"div\",\n {\n staticClass:\n \"cursor-pointer mx-1\",\n },\n [\n _c(\n \"v-btn\",\n {\n attrs: {\n icon: \"\",\n small: \"\",\n },\n on: {\n click: function (\n $event\n ) {\n return _vm.deleteTableItem(\n item.id\n )\n },\n },\n },\n [\n _c(\n \"v-icon\",\n _vm._g(\n {\n attrs: {\n small: \"\",\n },\n },\n on\n ),\n [\n _vm._v(\n \" fi-rr-trash \"\n ),\n ]\n ),\n ],\n 1\n ),\n ],\n 1\n ),\n ]\n },\n },\n ],\n null,\n true\n ),\n },\n [\n _c(\n \"span\",\n { staticStyle: { color: \"#ffffff\" } },\n [_vm._v(\"Sil\")]\n ),\n ]\n )\n : _vm._e(),\n ],\n 2\n ),\n ]\n },\n },\n {\n key: \"no-data\",\n fn: function () {\n return [_c(\"div\", {}, [_vm._v(\"Kayıt bulunamadı.\")])]\n },\n proxy: true,\n },\n _vm._l(_vm.headerTemplates, function (customSlot) {\n return {\n key: `item.${customSlot.value}`,\n fn: function ({ item }) {\n return [\n _vm._t(customSlot.value, null, { item: item }),\n ]\n },\n }\n }),\n ],\n null,\n true\n ),\n model: {\n value: _vm.selected,\n callback: function ($$v) {\n _vm.selected = $$v\n },\n expression: \"selected\",\n },\n },\n [\n _c(\"template\", { slot: \"no-data\" }, [\n _vm._v(\" Veri bulunamadı! \"),\n ]),\n ],\n 2\n ),\n _vm.items.length > 0\n ? _c(\n \"div\",\n { staticClass: \"info-area\" },\n [\n _c(\n \"v-row\",\n [\n _c(\"v-col\", { attrs: { sm: \"6\" } }, [\n _vm.items.length > 0\n ? _c(\n \"div\",\n { staticClass: \"bf-data-table-info\" },\n [\n _c(\"bf-text\", {\n staticClass: \"h6\",\n attrs: {\n text:\n \"Toplam \" +\n _vm.filteredItems.length +\n \" kayıt içinden \" +\n _vm.countCalculation() +\n \" sonuç gösteriliyor.\",\n },\n }),\n ],\n 1\n )\n : _vm._e(),\n ]),\n _c(\"v-col\", { attrs: { sm: \"6\" } }, [\n _c(\n \"div\",\n { staticClass: \"text-center perpage-area\" },\n [\n _c(\"v-pagination\", {\n attrs: {\n length: parseInt(_vm.pageCount),\n \"total-visible\": 7,\n top: \"\",\n },\n model: {\n value: _vm.page,\n callback: function ($$v) {\n _vm.page = $$v\n },\n expression: \"page\",\n },\n }),\n _vm.items.length > 4\n ? _c(\"v-select\", {\n staticClass: \"perpage-select\",\n attrs: {\n items: _vm.perPageItems,\n \"item-text\": \"text\",\n \"item-value\": \"value\",\n \"menu-props\": {\n top: true,\n offsetY: true,\n nudgeTop: \"11px\",\n },\n \"hide-details\": \"\",\n outlined: \"\",\n dense: \"\",\n height: \"10\",\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"append\",\n fn: function () {\n return [\n _c(\n \"v-icon\",\n {\n staticClass:\n \"fa-2xs mt-2 ml-3\",\n attrs: { color: \"\" },\n },\n [_vm._v(\"fi-rr-angle-down\")]\n ),\n ]\n },\n proxy: true,\n },\n ],\n null,\n false,\n 4206032158\n ),\n model: {\n value: _vm.perPage,\n callback: function ($$v) {\n _vm.perPage = $$v\n },\n expression: \"perPage\",\n },\n })\n : _vm._e(),\n _vm.items.length > 4\n ? _c(\n \"div\",\n { staticClass: \"show-text d-inline\" },\n [_vm._v(\" Görüntüle \")]\n )\n : _vm._e(),\n ],\n 1\n ),\n ]),\n ],\n 1\n ),\n ],\n 1\n )\n : _vm._e(),\n ],\n 1\n ),\n ],\n 1\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://@bilfenyazilimekibi/bilpack/./src/components/bf-simple-table/index.vue?./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options");
1769
1769
 
1770
1770
  /***/ }),
1771
1771