@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/martyrs/src/modules/community/store/blogposts.js.map

@@ -1 +1 @@
-{"version":3,"file":"blogposts.js","sources":["../../../../../../src/modules/community/store/blogposts.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n// Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n// State\nconst state = reactive({\n  all: [],\n  filter: {\n    // query\n    tags: [],\n    period: '',\n    // pagination\n  },\n  pagination: {\n    page: 1,\n    perPage: 18,\n  },\n  // Sort\n  sort: {\n    param: 'createdAt',\n    order: 'desc',\n    hideButton: true,\n    options: [\n      {\n        label: 'Date',\n        value: 'createdAt',\n      },\n      {\n        label: 'Popularity',\n        value: 'views',\n      },\n      {\n        label: 'Creator',\n        value: 'creator',\n      },\n    ],\n  },\n  current: null,\n});\n\nasync function read(options = {}) {\n  options.params = options.params || {};\n  options.params.skip = options.skip || 0;\n  options.params.limit = options.limit || 9;\n  options.params.tags = options.tags || [];\n  // Period\n  if (options.period) {\n    options.params.period = options.period;\n  }\n  // Handle fetching a specific post by _id\n  if (options.url) {\n    options.params = { url: options.url };\n  }\n  // Handle fetching posts by category\n  if (options.category) {\n    options.params.category = options.category;\n  }\n  // Owner\n  if (options.owner) {\n    options.params.owner = options.owner;\n  }\n  // Following\n  if (options.following) {\n    options.params.following = options.following;\n  }\n  // Creator\n  if (options.creator) {\n    options.params.creator = options.creator;\n  }\n  // Status\n  if (options.status) {\n    options.params.status = options.status;\n  }\n  // User\n  if (options.user) {\n    options.params.user = options.user;\n  }\n  // Sort\n  if (options.sortParam) {\n    options.params.sortParam = options.sortParam;\n  }\n  if (options.sortOrder) {\n    options.params.sortOrder = options.sortOrder;\n  }\n  // Handle pagination\n  options.params.skip = options.skip || 0;\n  options.params.limit = options.limit || 10;\n\n  try {\n    console.log('params is', options.params);\n    const response = await $axios.get('/api/blog/read', { params: options.params });\n\n    if (options.url) {\n      if (response.data && response.data.length > 0) {\n        state.current = response.data[0];\n      } else {\n        state.current = null;\n      }\n    } else {\n      state.all = response.data;\n    }\n\n    return Promise.resolve(response.data);\n  } catch (err) {\n    setError(err);\n    return Promise.reject(err);\n  }\n}\nasync function create(blogpost) {\n  return $axios.post('/api/blog/create', blogpost).then(\n    response => {\n      set(response.data, 'current');\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nasync function update(blogpost) {\n  return $axios.post('/api/blog/update', blogpost).then(\n    response => {\n      set(response.data, 'current');\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nasync function remove(_id) {\n  return await $axios.delete(`/api/blog/delete/${_id}`).then(\n    response => {\n      const index = state.all.findIndex(p => p._id === _id);\n      if (index !== -1) {\n        state.all.splice(index, 1);\n      }\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nfunction set(blogpost, property) {\n  state[property] = blogpost;\n}\n\nfunction clean() {\n  state.current = {\n    _id: '',\n    url: '',\n    status: '',\n    name: '',\n    tags: [],\n    author: '',\n    owner: '',\n    date: '',\n    views: 0,\n    content: [],\n  };\n}\n\n// Actions\nfunction blockAdd(block) {\n  const blockNew = {\n    order: state.project.content.length + 1,\n    type: block.type,\n    data: block.data,\n    class: block.class,\n    content: block.content,\n  };\n  state.project.content.push(blockNew);\n}\n\nconst history = [];\nhistory.push(state); // push initial state\n\nwatch(state, (newState, oldState) => {\n  history.push(newState);\n});\n\nexport { blockAdd, clean, create, read, remove, set, state, update };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"blogposts.js","sources":["../../../../../../src/modules/community/store/blogposts.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n// Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n// State\nconst state = reactive({\n  all: [],\n  filter: {\n    // query\n    tags: [],\n    period: '',\n    // pagination\n  },\n  pagination: {\n    page: 1,\n    perPage: 18,\n  },\n  // Sort\n  sort: {\n    param: 'createdAt',\n    order: 'desc',\n    hideButton: true,\n    options: [\n      {\n        label: 'Date',\n        value: 'createdAt',\n      },\n      {\n        label: 'Popularity',\n        value: 'views',\n      },\n      {\n        label: 'Creator',\n        value: 'creator',\n      },\n    ],\n  },\n  current: null,\n});\n\nasync function read(options = {}) {\n  options.params = options.params || {};\n  options.params.skip = options.skip || 0;\n  options.params.limit = options.limit || 9;\n  options.params.tags = options.tags || [];\n  // Period\n  if (options.period) {\n    options.params.period = options.period;\n  }\n  // Handle fetching a specific post by _id\n  if (options.url) {\n    options.params = { url: options.url };\n  }\n  // Handle fetching posts by category\n  if (options.category) {\n    options.params.category = options.category;\n  }\n  // Owner\n  if (options.owner) {\n    options.params.owner = options.owner;\n  }\n  // Following\n  if (options.following) {\n    options.params.following = options.following;\n  }\n  // Creator\n  if (options.creator) {\n    options.params.creator = options.creator;\n  }\n  // Status\n  if (options.status) {\n    options.params.status = options.status;\n  }\n  // User\n  if (options.user) {\n    options.params.user = options.user;\n  }\n  // Sort\n  if (options.sortParam) {\n    options.params.sortParam = options.sortParam;\n  }\n  if (options.sortOrder) {\n    options.params.sortOrder = options.sortOrder;\n  }\n  // Handle pagination\n  options.params.skip = options.skip || 0;\n  options.params.limit = options.limit || 10;\n\n  try {\n    console.log('params is', options.params);\n    const response = await $axios.get('/api/blog/read', { params: options.params });\n\n    if (options.url) {\n      if (response.data && response.data.length > 0) {\n        state.current = response.data[0];\n      } else {\n        state.current = null;\n      }\n    } else {\n      state.all = response.data;\n    }\n\n    return Promise.resolve(response.data);\n  } catch (err) {\n    setError(err);\n    return Promise.reject(err);\n  }\n}\nasync function create(blogpost) {\n  return $axios.post('/api/blog/create', blogpost).then(\n    response => {\n      set(response.data, 'current');\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nasync function update(blogpost) {\n  return $axios.post('/api/blog/update', blogpost).then(\n    response => {\n      set(response.data, 'current');\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nasync function remove(_id) {\n  return await $axios.delete(`/api/blog/delete/${_id}`).then(\n    response => {\n      const index = state.all.findIndex(p => p._id === _id);\n      if (index !== -1) {\n        state.all.splice(index, 1);\n      }\n      return Promise.resolve(response.data);\n    },\n    error => {\n      setError(error);\n      return Promise.reject(error);\n    }\n  );\n}\n\nfunction set(blogpost, property) {\n  state[property] = blogpost;\n}\n\nfunction clean() {\n  state.current = {\n    _id: '',\n    url: '',\n    status: '',\n    name: '',\n    tags: [],\n    author: '',\n    owner: '',\n    date: '',\n    views: 0,\n    content: [],\n  };\n}\n\n// Actions\nfunction blockAdd(block) {\n  const blockNew = {\n    order: state.project.content.length + 1,\n    type: block.type,\n    data: block.data,\n    class: block.class,\n    content: block.content,\n  };\n  state.project.content.push(blockNew);\n}\n\nconst history = [];\nhistory.push(state); // push initial state\n\nwatch(state, (newState, oldState) => {\n  history.push(newState);\n});\n\nexport { blockAdd, clean, create, read, remove, set, state, update };\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/community/store/reactions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reactions.cjs","sources":["../../../../../../src/modules/community/store/reactions.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  reactions: [],\n  error: null,\n});\n\n// Methods\nconst actions = {\n  async read(options) {\n    try {\n      // Initialize an empty params object\n      const params = {};\n\n      // Add properties to params if they exist in options\n      if (options.user) {\n        params.user = options.user;\n      }\n      if (options.type) {\n        params.type = options.type;\n      }\n      if (options.target) {\n        params.target = options.target;\n      }\n      if (options.targetString) {\n        params.targetString = options.targetString;\n      }\n\n      // Sending the request with the params object\n      const response = await $axios.get(`/api/reactions/read`, { params });\n      state.error = null;\n      state.reactions = response.data;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async create(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/create`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async update(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/update`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async delete(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/delete`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\nconst mutations = {\n  handleReactionUpdate(data, reaction, hasReaction) {\n    let entity;\n\n    if (Array.isArray(data)) {\n      entity = data.find(o => o._id === reaction.target);\n    } else if (typeof data === 'object' && data._id === reaction.target) {\n      entity = data;\n    }\n\n    if (entity) {\n      entity.hasReaction = hasReaction;\n\n      if (hasReaction) {\n        entity.reactions.push(reaction);\n        entity.numberOfReactions += 1;\n      } else {\n        const index = entity.reactions.findIndex(t => t._id === reaction._id);\n        if (index !== -1) {\n          entity.reactions.splice(index, 1);\n          entity.numberOfReactions -= 1;\n        }\n      }\n    }\n  },\n};\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, mutations, state };\n"],"names":["reactive","$axios","setError","watch"],"mappings":";;;;;AAUK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,WAAW,CAAE;AAAA,EACb,OAAO;AACT,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,SAAS;AAClB,QAAI;AAEF,YAAM,SAAS,CAAE;AAGjB,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MAC9B;AACM,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MAC9B;AACM,UAAI,QAAQ,QAAQ;AAClB,eAAO,SAAS,QAAQ;AAAA,MAChC;AACM,UAAI,QAAQ,cAAc;AACxB,eAAO,eAAe,QAAQ;AAAA,MACtC;AAGM,YAAM,WAAW,MAAMC,sBAAO,IAAI,uBAAuB,EAAE,QAAQ;AACnE,YAAM,QAAQ;AACd,YAAM,YAAY,SAAS;AAC3B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAM,QAAC,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACd,cAAQ,IAAI,KAAK;AACjBC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAM,QAAC,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAM,QAAC,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AACH;AAEK,MAAC,YAAY;AAAA,EAChB,qBAAqB,MAAM,UAAU,aAAa;AAChD,QAAI;AAEJ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,eAAS,KAAK,KAAK,OAAK,EAAE,QAAQ,SAAS,MAAM;AAAA,IACvD,WAAe,OAAO,SAAS,YAAY,KAAK,QAAQ,SAAS,QAAQ;AACnE,eAAS;AAAA,IACf;AAEI,QAAI,QAAQ;AACV,aAAO,cAAc;AAErB,UAAI,aAAa;AACf,eAAO,UAAU,KAAK,QAAQ;AAC9B,eAAO,qBAAqB;AAAA,MACpC,OAAa;AACL,cAAM,QAAQ,OAAO,UAAU,UAAU,OAAK,EAAE,QAAQ,SAAS,GAAG;AACpE,YAAI,UAAU,IAAI;AAChB,iBAAO,UAAU,OAAO,OAAO,CAAC;AAChC,iBAAO,qBAAqB;AAAA,QACtC;AAAA,MACA;AAAA,IACA;AAAA,EACG;AACH;AAOAC,IAAAA,MAAM,OAAO,cAAY;AAEzB,CAAC;;;;"}
+{"version":3,"file":"reactions.cjs","sources":["../../../../../../src/modules/community/store/reactions.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  reactions: [],\n  error: null,\n});\n\n// Methods\nconst actions = {\n  async read(options) {\n    try {\n      // Initialize an empty params object\n      const params = {};\n\n      // Add properties to params if they exist in options\n      if (options.user) {\n        params.user = options.user;\n      }\n      if (options.type) {\n        params.type = options.type;\n      }\n      if (options.target) {\n        params.target = options.target;\n      }\n      if (options.targetString) {\n        params.targetString = options.targetString;\n      }\n\n      // Sending the request with the params object\n      const response = await $axios.get(`/api/reactions/read`, { params });\n      state.error = null;\n      state.reactions = response.data;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async create(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/create`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async update(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/update`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async delete(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/delete`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\nconst mutations = {\n  handleReactionUpdate(data, reaction, hasReaction) {\n    let entity;\n\n    if (Array.isArray(data)) {\n      entity = data.find(o => o._id === reaction.target);\n    } else if (typeof data === 'object' && data._id === reaction.target) {\n      entity = data;\n    }\n\n    if (entity) {\n      entity.hasReaction = hasReaction;\n\n      if (hasReaction) {\n        entity.reactions.push(reaction);\n        entity.numberOfReactions += 1;\n      } else {\n        const index = entity.reactions.findIndex(t => t._id === reaction._id);\n        if (index !== -1) {\n          entity.reactions.splice(index, 1);\n          entity.numberOfReactions -= 1;\n        }\n      }\n    }\n  },\n};\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, mutations, state };\n"],"names":["reactive","$axios","setError","watch"],"mappings":";;;;;AAUK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,WAAW,CAAA;AAAA,EACX,OAAO;AACT,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,SAAS;AAClB,QAAI;AAEF,YAAM,SAAS,CAAA;AAGf,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MACxB;AACA,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MACxB;AACA,UAAI,QAAQ,QAAQ;AAClB,eAAO,SAAS,QAAQ;AAAA,MAC1B;AACA,UAAI,QAAQ,cAAc;AACxB,eAAO,eAAe,QAAQ;AAAA,MAChC;AAGA,YAAM,WAAW,MAAMC,sBAAO,IAAI,uBAAuB,EAAE,QAAQ;AACnE,YAAM,QAAQ;AACd,YAAM,YAAY,SAAS;AAC3B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,cAAQ,IAAI,KAAK;AACjBC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AACF;AAEK,MAAC,YAAY;AAAA,EAChB,qBAAqB,MAAM,UAAU,aAAa;AAChD,QAAI;AAEJ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,eAAS,KAAK,KAAK,OAAK,EAAE,QAAQ,SAAS,MAAM;AAAA,IACnD,WAAW,OAAO,SAAS,YAAY,KAAK,QAAQ,SAAS,QAAQ;AACnE,eAAS;AAAA,IACX;AAEA,QAAI,QAAQ;AACV,aAAO,cAAc;AAErB,UAAI,aAAa;AACf,eAAO,UAAU,KAAK,QAAQ;AAC9B,eAAO,qBAAqB;AAAA,MAC9B,OAAO;AACL,cAAM,QAAQ,OAAO,UAAU,UAAU,OAAK,EAAE,QAAQ,SAAS,GAAG;AACpE,YAAI,UAAU,IAAI;AAChB,iBAAO,UAAU,OAAO,OAAO,CAAC;AAChC,iBAAO,qBAAqB;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAOAC,IAAAA,MAAM,OAAO,cAAY;AAEzB,CAAC;;;;"}

package/dist/martyrs/src/modules/community/store/reactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactions.js","sources":["../../../../../../src/modules/community/store/reactions.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  reactions: [],\n  error: null,\n});\n\n// Methods\nconst actions = {\n  async read(options) {\n    try {\n      // Initialize an empty params object\n      const params = {};\n\n      // Add properties to params if they exist in options\n      if (options.user) {\n        params.user = options.user;\n      }\n      if (options.type) {\n        params.type = options.type;\n      }\n      if (options.target) {\n        params.target = options.target;\n      }\n      if (options.targetString) {\n        params.targetString = options.targetString;\n      }\n\n      // Sending the request with the params object\n      const response = await $axios.get(`/api/reactions/read`, { params });\n      state.error = null;\n      state.reactions = response.data;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async create(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/create`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async update(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/update`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async delete(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/delete`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\nconst mutations = {\n  handleReactionUpdate(data, reaction, hasReaction) {\n    let entity;\n\n    if (Array.isArray(data)) {\n      entity = data.find(o => o._id === reaction.target);\n    } else if (typeof data === 'object' && data._id === reaction.target) {\n      entity = data;\n    }\n\n    if (entity) {\n      entity.hasReaction = hasReaction;\n\n      if (hasReaction) {\n        entity.reactions.push(reaction);\n        entity.numberOfReactions += 1;\n      } else {\n        const index = entity.reactions.findIndex(t => t._id === reaction._id);\n        if (index !== -1) {\n          entity.reactions.splice(index, 1);\n          entity.numberOfReactions -= 1;\n        }\n      }\n    }\n  },\n};\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, mutations, state };\n"],"names":[],"mappings":";;;AAUK,MAAC,QAAQ,SAAS;AAAA,EACrB,WAAW,CAAE;AAAA,EACb,OAAO;AACT,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,SAAS;AAClB,QAAI;AAEF,YAAM,SAAS,CAAE;AAGjB,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MAC9B;AACM,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MAC9B;AACM,UAAI,QAAQ,QAAQ;AAClB,eAAO,SAAS,QAAQ;AAAA,MAChC;AACM,UAAI,QAAQ,cAAc;AACxB,eAAO,eAAe,QAAQ;AAAA,MACtC;AAGM,YAAM,WAAW,MAAM,OAAO,IAAI,uBAAuB,EAAE,QAAQ;AACnE,YAAM,QAAQ;AACd,YAAM,YAAY,SAAS;AAC3B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACd,cAAQ,IAAI,KAAK;AACjB,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AAAA,EACD,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACrC,SAAQ,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IACjC;AAAA,EACG;AACH;AAEK,MAAC,YAAY;AAAA,EAChB,qBAAqB,MAAM,UAAU,aAAa;AAChD,QAAI;AAEJ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,eAAS,KAAK,KAAK,OAAK,EAAE,QAAQ,SAAS,MAAM;AAAA,IACvD,WAAe,OAAO,SAAS,YAAY,KAAK,QAAQ,SAAS,QAAQ;AACnE,eAAS;AAAA,IACf;AAEI,QAAI,QAAQ;AACV,aAAO,cAAc;AAErB,UAAI,aAAa;AACf,eAAO,UAAU,KAAK,QAAQ;AAC9B,eAAO,qBAAqB;AAAA,MACpC,OAAa;AACL,cAAM,QAAQ,OAAO,UAAU,UAAU,OAAK,EAAE,QAAQ,SAAS,GAAG;AACpE,YAAI,UAAU,IAAI;AAChB,iBAAO,UAAU,OAAO,OAAO,CAAC;AAChC,iBAAO,qBAAqB;AAAA,QACtC;AAAA,MACA;AAAA,IACA;AAAA,EACG;AACH;AAOA,MAAM,OAAO,cAAY;AAEzB,CAAC;"}
+{"version":3,"file":"reactions.js","sources":["../../../../../../src/modules/community/store/reactions.js"],"sourcesContent":["// Vue modules\nimport { reactive, watch } from 'vue';\n\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  reactions: [],\n  error: null,\n});\n\n// Methods\nconst actions = {\n  async read(options) {\n    try {\n      // Initialize an empty params object\n      const params = {};\n\n      // Add properties to params if they exist in options\n      if (options.user) {\n        params.user = options.user;\n      }\n      if (options.type) {\n        params.type = options.type;\n      }\n      if (options.target) {\n        params.target = options.target;\n      }\n      if (options.targetString) {\n        params.targetString = options.targetString;\n      }\n\n      // Sending the request with the params object\n      const response = await $axios.get(`/api/reactions/read`, { params });\n      state.error = null;\n      state.reactions = response.data;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async create(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/create`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async update(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/update`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n  async delete(reaction) {\n    try {\n      const response = await $axios.post(`/api/reactions/delete`, reaction);\n      state.error = null;\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\nconst mutations = {\n  handleReactionUpdate(data, reaction, hasReaction) {\n    let entity;\n\n    if (Array.isArray(data)) {\n      entity = data.find(o => o._id === reaction.target);\n    } else if (typeof data === 'object' && data._id === reaction.target) {\n      entity = data;\n    }\n\n    if (entity) {\n      entity.hasReaction = hasReaction;\n\n      if (hasReaction) {\n        entity.reactions.push(reaction);\n        entity.numberOfReactions += 1;\n      } else {\n        const index = entity.reactions.findIndex(t => t._id === reaction._id);\n        if (index !== -1) {\n          entity.reactions.splice(index, 1);\n          entity.numberOfReactions -= 1;\n        }\n      }\n    }\n  },\n};\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, mutations, state };\n"],"names":[],"mappings":";;;AAUK,MAAC,QAAQ,SAAS;AAAA,EACrB,WAAW,CAAA;AAAA,EACX,OAAO;AACT,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,SAAS;AAClB,QAAI;AAEF,YAAM,SAAS,CAAA;AAGf,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MACxB;AACA,UAAI,QAAQ,MAAM;AAChB,eAAO,OAAO,QAAQ;AAAA,MACxB;AACA,UAAI,QAAQ,QAAQ;AAClB,eAAO,SAAS,QAAQ;AAAA,MAC1B;AACA,UAAI,QAAQ,cAAc;AACxB,eAAO,eAAe,QAAQ;AAAA,MAChC;AAGA,YAAM,WAAW,MAAM,OAAO,IAAI,uBAAuB,EAAE,QAAQ;AACnE,YAAM,QAAQ;AACd,YAAM,YAAY,SAAS;AAC3B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,cAAQ,IAAI,KAAK;AACjB,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,yBAAyB,QAAQ;AACpE,YAAM,QAAQ;AACd,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AACF;AAEK,MAAC,YAAY;AAAA,EAChB,qBAAqB,MAAM,UAAU,aAAa;AAChD,QAAI;AAEJ,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,eAAS,KAAK,KAAK,OAAK,EAAE,QAAQ,SAAS,MAAM;AAAA,IACnD,WAAW,OAAO,SAAS,YAAY,KAAK,QAAQ,SAAS,QAAQ;AACnE,eAAS;AAAA,IACX;AAEA,QAAI,QAAQ;AACV,aAAO,cAAc;AAErB,UAAI,aAAa;AACf,eAAO,UAAU,KAAK,QAAQ;AAC9B,eAAO,qBAAqB;AAAA,MAC9B,OAAO;AACL,cAAM,QAAQ,OAAO,UAAU,UAAU,OAAK,EAAE,QAAQ,SAAS,GAAG;AACpE,YAAI,UAAU,IAAI;AAChB,iBAAO,UAAU,OAAO,OAAO,CAAC;AAChC,iBAAO,qBAAqB;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAOA,MAAM,OAAO,cAAY;AAEzB,CAAC;"}

package/dist/martyrs/src/modules/constructor/components/elements/Audio.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Upload = require("../../../../components/Upload/Upload.vue.cjs");
+const Upload = require("../../../../components/Upload/Upload.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-thin w-100 radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/modules/constructor/components/elements/Audio.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Audio.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"audioUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"audio\"   \n        :placeholder=\"'Upload video'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst audioUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  audioUrl.value = url\n\n  if (audioUrl.value ) {\n    emit('input', audioUrl.value);\n    emit('updateBlock', props.prop, { content: audioUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACPA,QAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Audio.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Audio.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"audioUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"audio\"   \n        :placeholder=\"'Upload video'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst audioUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  audioUrl.value = url\n\n  if (audioUrl.value ) {\n    emit('input', audioUrl.value);\n    emit('updateBlock', props.prop, { content: audioUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACPA,QAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Audio.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode } from "vue";
-import Upload from "../../../../components/Upload/Upload.vue.js";
+import Upload from "../../../../components/Upload/Upload.vue2.js";
 const _hoisted_1 = { class: "mn-b-thin w-100 radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/modules/constructor/components/elements/Audio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Audio.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"audioUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"audio\"   \n        :placeholder=\"'Upload video'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst audioUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  audioUrl.value = url\n\n  if (audioUrl.value ) {\n    emit('input', audioUrl.value);\n    emit('updateBlock', props.prop, { content: audioUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAW,IAAI,IAAI;AACP,QAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Audio.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Audio.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"audioUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"audio\"   \n        :placeholder=\"'Upload video'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst audioUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  audioUrl.value = url\n\n  if (audioUrl.value ) {\n    emit('input', audioUrl.value);\n    emit('updateBlock', props.prop, { content: audioUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAW,IAAI,IAAI;AACP,QAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = { class: "flex flex-v-center gap-thin" };

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, Fragment, createVNode, toDisplayString } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = { class: "flex flex-v-center gap-thin" };

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 ;/* empty css             */
 const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = ["innerHTML"];
@@ -38,8 +38,7 @@ const _sfc_main = {
       return allowedSources.some((pattern) => pattern.test(code));
     }
     vue.onMounted(() => {
-      var _a;
-      if (((_a = props.prop.content) == null ? void 0 : _a.includes("instagram.com")) && window.instgrm) {
+      if (props.prop.content?.includes("instagram.com") && window.instgrm) {
         window.instgrm.Embeds.process();
       }
     });

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Embed.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACD,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEAC,QAAAA,UAAU,MAAM;;AACd,YAAI,WAAM,KAAK,YAAX,mBAAoB,SAAS,qBAAoB,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAS;AAAA,MACnC;AAAA,IACA,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAChE,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Embed.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AACE,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEAC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,KAAK,SAAS,SAAS,eAAe,KAAK,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAO;AAAA,MAC/B;AAAA,IACF,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAC9D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, createElementVNode } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css           */
 const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = ["innerHTML"];
@@ -36,8 +36,7 @@ const _sfc_main = {
       return allowedSources.some((pattern) => pattern.test(code));
     }
     onMounted(() => {
-      var _a;
-      if (((_a = props.prop.content) == null ? void 0 : _a.includes("instagram.com")) && window.instgrm) {
+      if (props.prop.content?.includes("instagram.com") && window.instgrm) {
         window.instgrm.Embeds.process();
       }
     });

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Embed.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACD,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEA,cAAU,MAAM;;AACd,YAAI,WAAM,KAAK,YAAX,mBAAoB,SAAS,qBAAoB,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAS;AAAA,MACnC;AAAA,IACA,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAChE,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Embed.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AACE,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEA,cAAU,MAAM;AACd,UAAI,MAAM,KAAK,SAAS,SAAS,eAAe,KAAK,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAO;AAAA,MAC/B;AAAA,IACF,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAC9D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACzB,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAU;AAG7B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACvB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAElB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACL;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImageUpload.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAQ;AAG3B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAEhB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAU;AAG7B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACvB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAElB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACL;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImageUpload.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAQ;AAG3B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAEhB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Textarea.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vue2.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Textarea.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      ref=\"editableDiv\"\n      :contenteditable=\"true\"\n      @input=\"handleInput\"\n      @paste=\"handlePaste\"\n      @keydown=\"handleKeyDown\"\n      tabindex=\"0\"\n      class=\"editable-div mn-b-thin\"\n      :class=\"{\n        't-main t-semi': prop.type === 'Link',\n        'h3': prop.type === 'H2'\n      }\"\n    />\n    <div v-if=\"isTextSelected\" class=\"formatting-bar\">\n      <button @click=\"applyFormat('bold')\" title=\"Bold\"><b>B</b></button>\n      <button @click=\"applyFormat('italic')\" title=\"Italic\"><i>I</i></button>\n      <button @click=\"applyFormat('underline')\" title=\"Underline\"><u>U</u></button>\n      <button @click=\"applyFormat('strikeThrough')\" title=\"Strikethrough\"><s>S</s></button>\n      <button @click=\"createLink\" title=\"Insert Link\">🔗</button>\n      <button @click=\"applyFormat('unlink')\" title=\"Remove Link\">⛓️‍💥</button>\n      <button @click=\"applyFormat('justifyLeft')\" title=\"Align Left\">↲</button>\n      <button @click=\"applyFormat('justifyCenter')\" title=\"Align Center\">↔</button>\n      <button @click=\"applyFormat('justifyRight')\" title=\"Align Right\">↳</button>\n      <button @click=\"applyFormat('insertUnorderedList')\" title=\"Bulleted List\">•</button>\n      <button @click=\"applyFormat('insertOrderedList')\" title=\"Numbered List\">1.</button>\n      <button @click=\"clearFormatting\" title=\"Clear Formatting\">🧹</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, nextTick, onUpdated, onUnmounted, watch } from 'vue'\nimport DOMPurify from 'isomorphic-dompurify'\n\nconst sanitizeConfig = {\n  ALLOWED_TAGS: ['b', 'i', 'u', 's', 'a', 'ul', 'ol', 'li', 'img', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'thead','tr','th'],\n  ALLOWED_ATTR: ['href', 'target', 'src', 'alt'],\n  ALLOWED_STYLES: ['text-align']\n}\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  prop: {\n    type: Object,\n    required: true\n  },\n  component: Object,\n  placeholder: String,\n  index: Number,\n  setFocus: Boolean\n})\n\nconst emit = defineEmits([\n  'update:modelValue', \n  'deleteBlock', \n  'updateBlock', \n  'addBlock'\n])\n\nconst editableDiv = ref(null)\nconst isTextSelected = ref(false)\nconst currentContent = ref('')\n\n// Обновляем содержимое при монтировании\nonMounted(() => {\n  if (editableDiv.value) {\n    if (props.modelValue) {\n      editableDiv.value.innerHTML = props.modelValue\n      currentContent.value = props.modelValue\n    }\n  }\n\n  document.addEventListener('selectionchange', handleSelectionChange)\n  \n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\n// // Отслеживаем изменения в modelValue и обновляем DOM, если они есть\n// watch(() => props.modelValue, (newValue) => {\n//   if (editableDiv.value && newValue !== currentContent.value) {\n//     editableDiv.value.innerHTML = newValue || ''\n//     currentContent.value = newValue\n//   }\n// }, { immediate: true })\n\nconst handleInput = (event) => {\n  const sanitizedContent = sanitizeHTML(event.target.innerHTML)\n  currentContent.value = sanitizedContent\n  emit('update:modelValue', sanitizedContent)\n}\n// Улучшенная функция для извлечения нужных элементов из DOM-структуры\nconst extractUsefulContent = (node) => {\n  const result = [];\n  \n  // Функция для определения, содержит ли узел только один из нужных нам тегов\n  const containsOnlySingleImportantTag = (node) => {\n    const importantElements = node.querySelectorAll('p, h1, h2, h3, h4, h5, h6, img');\n    \n    // Если найден только один важный элемент и нет текста непосредственно в узле\n    if (importantElements.length === 1 && !Array.from(node.childNodes).some(child => \n      child.nodeType === Node.TEXT_NODE && child.textContent.trim()\n    )) {\n      // Убедимся, что этот элемент не содержит других важных элементов\n      return !importantElements[0].querySelector('p, h1, h2, h3, h4, h5, h6, img');\n    }\n    \n    return false;\n  };\n  \n  // Рекурсивно просматривает дерево и извлекает только нужные элементы\n  const processNode = (node) => {\n    // Если это текстовый узел с непустым содержимым\n    if (node.nodeType === Node.TEXT_NODE) {\n      if (node.textContent.trim()) {\n        // Создаем p-элемент для текста без родителя\n        const p = document.createElement('p');\n        p.textContent = node.textContent;\n        result.push(p);\n      }\n      return;\n    }\n    \n    // Если это не элемент, пропускаем\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    \n    // Проверяем, что это один из нужных тегов\n    const tagName = node.nodeName.toLowerCase();\n    \n    if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img'].includes(tagName)) {\n      // Если это нужный тег - добавляем в результат\n      result.push(node.cloneNode(true));\n    } else if (containsOnlySingleImportantTag(node)) {\n      // Если div содержит только один важный элемент, добавляем этот элемент\n      const importantElement = node.querySelector('p, h1, h2, h3, h4, h5, h6, img');\n      result.push(importantElement.cloneNode(true));\n    } else {\n      // Если это div или другой контейнер - проходим по его дочерним узлам\n      Array.from(node.childNodes).forEach(child => {\n        processNode(child);\n      });\n    }\n  };\n  \n  processNode(node);\n  return result;\n};\n\nconst handlePaste = (event) => {\n  event.preventDefault();\n  const clipboardData = event.clipboardData || window.clipboardData;\n  let pastedData = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n  \n  console.log('Raw pasted data:', pastedData);\n  \n  // Предварительная очистка через функцию sanitizeHTML\n  const sanitizedContent = sanitizeHTML(pastedData);\n  \n  console.log('Sanitized content:', sanitizedContent);\n  \n  // Парсим очищенный HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(sanitizedContent, 'text/html');\n  \n  // Извлекаем полезное содержимое\n  const extractedElements = extractUsefulContent(doc.body);\n  \n  console.log('Extracted elements:', extractedElements.map(el => el.outerHTML));\n  \n  if (extractedElements.length > 0) {\n    // Вставляем каждый элемент как отдельный блок\n    extractedElements.forEach((element, idx) => {\n      const tagName = element.nodeName.toLowerCase();\n      \n      // Определяем тип блока в зависимости от тега\n      let blockType = 'Textarea';\n      let blockContent = '';\n      \n      if (tagName === 'img') {\n        blockType = 'ImageUpload';\n        // Для изображений сохраняем только src атрибут\n        blockContent = element.getAttribute('src');\n      } else if (tagName.match(/h[1-6]/)) {\n        blockType = 'H2'; // Используем H2 для всех заголовков, или можно настроить по-разному\n        blockContent = element.innerHTML;\n      } else {\n        // Для p и других текстовых элементов\n        blockContent = element.innerHTML;\n      }\n      \n      if (idx === 0) {\n        // Первый блок обновляем текущий\n        document.execCommand('insertHTML', false, element.innerHTML);\n        handleInput({ target: editableDiv.value });\n      } else {\n        // Остальные добавляем как новые блоки\n        emit('addBlock', blockType, blockContent, props.index + idx);\n      }\n    });\n  } else {\n    // Если после очистки ничего не осталось, вставляем как обычный текст\n    const plainText = clipboardData.getData('text/plain');\n    if (plainText.trim()) {\n      // document.execCommand('insertText', false, plainText);\n      handleInput({ target: editableDiv.value });\n    }\n  }\n};\n\n\n// Обновленная функция для обработки вставки и создания блоков\nconst handleBlockCreation = (element, index) => {\n  const tagName = element.nodeName.toLowerCase();\n  \n  let blockType = 'Textarea';\n  let blockContent = '';\n  \n  if (tagName === 'img') {\n    blockType = 'ImageUpload';\n    blockContent = element.getAttribute('src');\n  } else if (tagName.match(/h[1-6]/)) {\n    blockType = tagName.toUpperCase(); // H2, H3, etc.\n    blockContent = element.innerHTML;\n  } else {\n    blockContent = element.innerHTML;\n  }\n  \n  if (index === 0) {\n    // Первый блок обновляем текущий\n    document.execCommand('insertHTML', false, element.outerHTML);\n    handleInput({ target: editableDiv.value });\n  } else {\n    // Остальные добавляем как новые блоки\n    emit('addBlock', blockType, blockContent, props.index + index);\n  }\n};\n\nconst handleKeyDown = (event) => {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault()\n    const selection = window.getSelection()\n    const range = selection.getRangeAt(0)\n    const newBlockContent = extractContentAfterCursor(range)\n    \n    const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML)\n    currentContent.value = sanitizedContent\n    \n    emit('update:modelValue', sanitizedContent)\n    emit('addBlock', 'Textarea', newBlockContent, props.index + 1)\n  } else if (event.key === 'Backspace' && editableDiv.value.innerHTML.trim() === \"\") {\n    event.preventDefault()\n    emit('deleteBlock', props.prop, { setCaretToEnd: true })\n  }\n}\n\nconst extractContentAfterCursor = (range) => {\n  const container = range.startContainer\n  const cursorOffset = range.startOffset\n\n  if (container.nodeType === Node.TEXT_NODE) {\n    const textAfterCursor = container.textContent.slice(cursorOffset)\n    container.textContent = container.textContent.slice(0, cursorOffset)\n    return textAfterCursor\n  } else if (container.nodeType === Node.ELEMENT_NODE) {\n    const tempDiv = document.createElement('div')\n    const childNodes = Array.from(container.childNodes)\n    let foundCursor = false\n    \n    childNodes.forEach((node, index) => {\n      if (index === cursorOffset) foundCursor = true\n      if (foundCursor) tempDiv.appendChild(node.cloneNode(true))\n    })\n    \n    while (container.childNodes[cursorOffset]) {\n      container.removeChild(container.childNodes[cursorOffset])\n    }\n    \n    return tempDiv.innerHTML\n  }\n  return ''\n}\n\nconst handleSelectionChange = () => {\n  if (document.activeElement === editableDiv.value) {\n    const selection = window.getSelection()\n    isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0\n  } else {\n    isTextSelected.value = false\n  }\n}\n\nconst focus = (options = {}) => {\n  nextTick(() => {\n    editableDiv.value.focus()\n    \n    const shouldSetCaretToEnd = options.setCaretToEnd || (props.prop && props.prop.setCaretToEnd)\n    if (props.setFocus === true && !shouldSetCaretToEnd) {\n      const range = document.createRange()\n      range.setStart(editableDiv.value, 0)\n      range.collapse(true)\n      const selection = window.getSelection()\n      selection.removeAllRanges()\n      selection.addRange(range)\n    } else {\n      setCaretToEnd(editableDiv.value)\n    }\n    \n    emit('updateBlock', props.prop, { setFocus: false, setCaretToEnd: false })\n  })\n}\n\nconst sanitizeHTML = (html) => {\n  return DOMPurify.sanitize(html, sanitizeConfig)\n}\n\nconst setCaretToEnd = (element) => {\n  const range = document.createRange()\n  const selection = window.getSelection()\n  range.selectNodeContents(element)\n  range.collapse(false)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nconst applyFormat = (format) => {\n  document.execCommand(format, false, null)\n  handleInput({ target: editableDiv.value })\n}\n\nconst createLink = () => {\n  const url = prompt('Enter the URL:')\n  if (url) {\n    document.execCommand('createLink', false, url)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nconst clearFormatting = () => {\n  const selection = window.getSelection()\n  if (selection.rangeCount > 0) {\n    const range = selection.getRangeAt(0)\n    const selectedContent = range.cloneContents()\n    const div = document.createElement('div')\n    div.appendChild(selectedContent)\n    const plainText = div.innerText\n    document.execCommand('insertText', false, plainText)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nonUpdated(() => {\n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('selectionchange', handleSelectionChange)\n})\n</script>\n\n<style lang=\"scss\">\n.editable-div {\n  width: 100%;\n  min-height: 1rem;\n  background-color: transparent;\n  outline: none;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  \n  &:empty::before {\n    content: attr(placeholder);\n    color: #999;\n  }\n  \n  &:focus {\n    border: 0;\n  }\n}\n\n.formatting-bar {\n  display: flex;\n  gap: 5px;\n  margin-top: 5px;\n  padding: 5px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n  \n  button {\n    padding: 4px 8px;\n    background-color: white;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    font-size: 14px;\n    min-width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n      background-color: #e0e0e0;\n    }\n    \n    &:active {\n      background-color: #d0d0d0;\n    }\n  }\n}\n</style>"],"names":["ref","onMounted","nextTick","node","onUpdated","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"Textarea.vue2.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Textarea.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      ref=\"editableDiv\"\n      :contenteditable=\"true\"\n      @input=\"handleInput\"\n      @paste=\"handlePaste\"\n      @keydown=\"handleKeyDown\"\n      tabindex=\"0\"\n      class=\"editable-div mn-b-thin\"\n      :class=\"{\n        't-main t-semi': prop.type === 'Link',\n        'h3': prop.type === 'H2'\n      }\"\n    />\n    <div v-if=\"isTextSelected\" class=\"formatting-bar\">\n      <button @click=\"applyFormat('bold')\" title=\"Bold\"><b>B</b></button>\n      <button @click=\"applyFormat('italic')\" title=\"Italic\"><i>I</i></button>\n      <button @click=\"applyFormat('underline')\" title=\"Underline\"><u>U</u></button>\n      <button @click=\"applyFormat('strikeThrough')\" title=\"Strikethrough\"><s>S</s></button>\n      <button @click=\"createLink\" title=\"Insert Link\">🔗</button>\n      <button @click=\"applyFormat('unlink')\" title=\"Remove Link\">⛓️‍💥</button>\n      <button @click=\"applyFormat('justifyLeft')\" title=\"Align Left\">↲</button>\n      <button @click=\"applyFormat('justifyCenter')\" title=\"Align Center\">↔</button>\n      <button @click=\"applyFormat('justifyRight')\" title=\"Align Right\">↳</button>\n      <button @click=\"applyFormat('insertUnorderedList')\" title=\"Bulleted List\">•</button>\n      <button @click=\"applyFormat('insertOrderedList')\" title=\"Numbered List\">1.</button>\n      <button @click=\"clearFormatting\" title=\"Clear Formatting\">🧹</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, nextTick, onUpdated, onUnmounted, watch } from 'vue'\nimport DOMPurify from 'isomorphic-dompurify'\n\nconst sanitizeConfig = {\n  ALLOWED_TAGS: ['b', 'i', 'u', 's', 'a', 'ul', 'ol', 'li', 'img', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'thead','tr','th'],\n  ALLOWED_ATTR: ['href', 'target', 'src', 'alt'],\n  ALLOWED_STYLES: ['text-align']\n}\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  prop: {\n    type: Object,\n    required: true\n  },\n  component: Object,\n  placeholder: String,\n  index: Number,\n  setFocus: Boolean\n})\n\nconst emit = defineEmits([\n  'update:modelValue', \n  'deleteBlock', \n  'updateBlock', \n  'addBlock'\n])\n\nconst editableDiv = ref(null)\nconst isTextSelected = ref(false)\nconst currentContent = ref('')\n\n// Обновляем содержимое при монтировании\nonMounted(() => {\n  if (editableDiv.value) {\n    if (props.modelValue) {\n      editableDiv.value.innerHTML = props.modelValue\n      currentContent.value = props.modelValue\n    }\n  }\n\n  document.addEventListener('selectionchange', handleSelectionChange)\n  \n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\n// // Отслеживаем изменения в modelValue и обновляем DOM, если они есть\n// watch(() => props.modelValue, (newValue) => {\n//   if (editableDiv.value && newValue !== currentContent.value) {\n//     editableDiv.value.innerHTML = newValue || ''\n//     currentContent.value = newValue\n//   }\n// }, { immediate: true })\n\nconst handleInput = (event) => {\n  const sanitizedContent = sanitizeHTML(event.target.innerHTML)\n  currentContent.value = sanitizedContent\n  emit('update:modelValue', sanitizedContent)\n}\n// Улучшенная функция для извлечения нужных элементов из DOM-структуры\nconst extractUsefulContent = (node) => {\n  const result = [];\n  \n  // Функция для определения, содержит ли узел только один из нужных нам тегов\n  const containsOnlySingleImportantTag = (node) => {\n    const importantElements = node.querySelectorAll('p, h1, h2, h3, h4, h5, h6, img');\n    \n    // Если найден только один важный элемент и нет текста непосредственно в узле\n    if (importantElements.length === 1 && !Array.from(node.childNodes).some(child => \n      child.nodeType === Node.TEXT_NODE && child.textContent.trim()\n    )) {\n      // Убедимся, что этот элемент не содержит других важных элементов\n      return !importantElements[0].querySelector('p, h1, h2, h3, h4, h5, h6, img');\n    }\n    \n    return false;\n  };\n  \n  // Рекурсивно просматривает дерево и извлекает только нужные элементы\n  const processNode = (node) => {\n    // Если это текстовый узел с непустым содержимым\n    if (node.nodeType === Node.TEXT_NODE) {\n      if (node.textContent.trim()) {\n        // Создаем p-элемент для текста без родителя\n        const p = document.createElement('p');\n        p.textContent = node.textContent;\n        result.push(p);\n      }\n      return;\n    }\n    \n    // Если это не элемент, пропускаем\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    \n    // Проверяем, что это один из нужных тегов\n    const tagName = node.nodeName.toLowerCase();\n    \n    if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img'].includes(tagName)) {\n      // Если это нужный тег - добавляем в результат\n      result.push(node.cloneNode(true));\n    } else if (containsOnlySingleImportantTag(node)) {\n      // Если div содержит только один важный элемент, добавляем этот элемент\n      const importantElement = node.querySelector('p, h1, h2, h3, h4, h5, h6, img');\n      result.push(importantElement.cloneNode(true));\n    } else {\n      // Если это div или другой контейнер - проходим по его дочерним узлам\n      Array.from(node.childNodes).forEach(child => {\n        processNode(child);\n      });\n    }\n  };\n  \n  processNode(node);\n  return result;\n};\n\nconst handlePaste = (event) => {\n  event.preventDefault();\n  const clipboardData = event.clipboardData || window.clipboardData;\n  let pastedData = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n  \n  console.log('Raw pasted data:', pastedData);\n  \n  // Предварительная очистка через функцию sanitizeHTML\n  const sanitizedContent = sanitizeHTML(pastedData);\n  \n  console.log('Sanitized content:', sanitizedContent);\n  \n  // Парсим очищенный HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(sanitizedContent, 'text/html');\n  \n  // Извлекаем полезное содержимое\n  const extractedElements = extractUsefulContent(doc.body);\n  \n  console.log('Extracted elements:', extractedElements.map(el => el.outerHTML));\n  \n  if (extractedElements.length > 0) {\n    // Вставляем каждый элемент как отдельный блок\n    extractedElements.forEach((element, idx) => {\n      const tagName = element.nodeName.toLowerCase();\n      \n      // Определяем тип блока в зависимости от тега\n      let blockType = 'Textarea';\n      let blockContent = '';\n      \n      if (tagName === 'img') {\n        blockType = 'ImageUpload';\n        // Для изображений сохраняем только src атрибут\n        blockContent = element.getAttribute('src');\n      } else if (tagName.match(/h[1-6]/)) {\n        blockType = 'H2'; // Используем H2 для всех заголовков, или можно настроить по-разному\n        blockContent = element.innerHTML;\n      } else {\n        // Для p и других текстовых элементов\n        blockContent = element.innerHTML;\n      }\n      \n      if (idx === 0) {\n        // Первый блок обновляем текущий\n        document.execCommand('insertHTML', false, element.innerHTML);\n        handleInput({ target: editableDiv.value });\n      } else {\n        // Остальные добавляем как новые блоки\n        emit('addBlock', blockType, blockContent, props.index + idx);\n      }\n    });\n  } else {\n    // Если после очистки ничего не осталось, вставляем как обычный текст\n    const plainText = clipboardData.getData('text/plain');\n    if (plainText.trim()) {\n      // document.execCommand('insertText', false, plainText);\n      handleInput({ target: editableDiv.value });\n    }\n  }\n};\n\n\n// Обновленная функция для обработки вставки и создания блоков\nconst handleBlockCreation = (element, index) => {\n  const tagName = element.nodeName.toLowerCase();\n  \n  let blockType = 'Textarea';\n  let blockContent = '';\n  \n  if (tagName === 'img') {\n    blockType = 'ImageUpload';\n    blockContent = element.getAttribute('src');\n  } else if (tagName.match(/h[1-6]/)) {\n    blockType = tagName.toUpperCase(); // H2, H3, etc.\n    blockContent = element.innerHTML;\n  } else {\n    blockContent = element.innerHTML;\n  }\n  \n  if (index === 0) {\n    // Первый блок обновляем текущий\n    document.execCommand('insertHTML', false, element.outerHTML);\n    handleInput({ target: editableDiv.value });\n  } else {\n    // Остальные добавляем как новые блоки\n    emit('addBlock', blockType, blockContent, props.index + index);\n  }\n};\n\nconst handleKeyDown = (event) => {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault()\n    const selection = window.getSelection()\n    const range = selection.getRangeAt(0)\n    const newBlockContent = extractContentAfterCursor(range)\n    \n    const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML)\n    currentContent.value = sanitizedContent\n    \n    emit('update:modelValue', sanitizedContent)\n    emit('addBlock', 'Textarea', newBlockContent, props.index + 1)\n  } else if (event.key === 'Backspace' && editableDiv.value.innerHTML.trim() === \"\") {\n    event.preventDefault()\n    emit('deleteBlock', props.prop, { setCaretToEnd: true })\n  }\n}\n\nconst extractContentAfterCursor = (range) => {\n  const container = range.startContainer\n  const cursorOffset = range.startOffset\n\n  if (container.nodeType === Node.TEXT_NODE) {\n    const textAfterCursor = container.textContent.slice(cursorOffset)\n    container.textContent = container.textContent.slice(0, cursorOffset)\n    return textAfterCursor\n  } else if (container.nodeType === Node.ELEMENT_NODE) {\n    const tempDiv = document.createElement('div')\n    const childNodes = Array.from(container.childNodes)\n    let foundCursor = false\n    \n    childNodes.forEach((node, index) => {\n      if (index === cursorOffset) foundCursor = true\n      if (foundCursor) tempDiv.appendChild(node.cloneNode(true))\n    })\n    \n    while (container.childNodes[cursorOffset]) {\n      container.removeChild(container.childNodes[cursorOffset])\n    }\n    \n    return tempDiv.innerHTML\n  }\n  return ''\n}\n\nconst handleSelectionChange = () => {\n  if (document.activeElement === editableDiv.value) {\n    const selection = window.getSelection()\n    isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0\n  } else {\n    isTextSelected.value = false\n  }\n}\n\nconst focus = (options = {}) => {\n  nextTick(() => {\n    editableDiv.value.focus()\n    \n    const shouldSetCaretToEnd = options.setCaretToEnd || (props.prop && props.prop.setCaretToEnd)\n    if (props.setFocus === true && !shouldSetCaretToEnd) {\n      const range = document.createRange()\n      range.setStart(editableDiv.value, 0)\n      range.collapse(true)\n      const selection = window.getSelection()\n      selection.removeAllRanges()\n      selection.addRange(range)\n    } else {\n      setCaretToEnd(editableDiv.value)\n    }\n    \n    emit('updateBlock', props.prop, { setFocus: false, setCaretToEnd: false })\n  })\n}\n\nconst sanitizeHTML = (html) => {\n  return DOMPurify.sanitize(html, sanitizeConfig)\n}\n\nconst setCaretToEnd = (element) => {\n  const range = document.createRange()\n  const selection = window.getSelection()\n  range.selectNodeContents(element)\n  range.collapse(false)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nconst applyFormat = (format) => {\n  document.execCommand(format, false, null)\n  handleInput({ target: editableDiv.value })\n}\n\nconst createLink = () => {\n  const url = prompt('Enter the URL:')\n  if (url) {\n    document.execCommand('createLink', false, url)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nconst clearFormatting = () => {\n  const selection = window.getSelection()\n  if (selection.rangeCount > 0) {\n    const range = selection.getRangeAt(0)\n    const selectedContent = range.cloneContents()\n    const div = document.createElement('div')\n    div.appendChild(selectedContent)\n    const plainText = div.innerText\n    document.execCommand('insertText', false, plainText)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nonUpdated(() => {\n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('selectionchange', handleSelectionChange)\n})\n</script>\n\n<style lang=\"scss\">\n.editable-div {\n  width: 100%;\n  min-height: 1rem;\n  background-color: transparent;\n  outline: none;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  \n  &:empty::before {\n    content: attr(placeholder);\n    color: #999;\n  }\n  \n  &:focus {\n    border: 0;\n  }\n}\n\n.formatting-bar {\n  display: flex;\n  gap: 5px;\n  margin-top: 5px;\n  padding: 5px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n  \n  button {\n    padding: 4px 8px;\n    background-color: white;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    font-size: 14px;\n    min-width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n      background-color: #e0e0e0;\n    }\n    \n    &:active {\n      background-color: #d0d0d0;\n    }\n  }\n}\n</style>"],"names":["ref","onMounted","nextTick","node","onUpdated","onUnmounted"],"mappings":"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"}

package/dist/martyrs/src/modules/constructor/components/elements/Textarea.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vue2.js","sources":["../../../../../../../src/modules/constructor/components/elements/Textarea.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      ref=\"editableDiv\"\n      :contenteditable=\"true\"\n      @input=\"handleInput\"\n      @paste=\"handlePaste\"\n      @keydown=\"handleKeyDown\"\n      tabindex=\"0\"\n      class=\"editable-div mn-b-thin\"\n      :class=\"{\n        't-main t-semi': prop.type === 'Link',\n        'h3': prop.type === 'H2'\n      }\"\n    />\n    <div v-if=\"isTextSelected\" class=\"formatting-bar\">\n      <button @click=\"applyFormat('bold')\" title=\"Bold\"><b>B</b></button>\n      <button @click=\"applyFormat('italic')\" title=\"Italic\"><i>I</i></button>\n      <button @click=\"applyFormat('underline')\" title=\"Underline\"><u>U</u></button>\n      <button @click=\"applyFormat('strikeThrough')\" title=\"Strikethrough\"><s>S</s></button>\n      <button @click=\"createLink\" title=\"Insert Link\">🔗</button>\n      <button @click=\"applyFormat('unlink')\" title=\"Remove Link\">⛓️‍💥</button>\n      <button @click=\"applyFormat('justifyLeft')\" title=\"Align Left\">↲</button>\n      <button @click=\"applyFormat('justifyCenter')\" title=\"Align Center\">↔</button>\n      <button @click=\"applyFormat('justifyRight')\" title=\"Align Right\">↳</button>\n      <button @click=\"applyFormat('insertUnorderedList')\" title=\"Bulleted List\">•</button>\n      <button @click=\"applyFormat('insertOrderedList')\" title=\"Numbered List\">1.</button>\n      <button @click=\"clearFormatting\" title=\"Clear Formatting\">🧹</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, nextTick, onUpdated, onUnmounted, watch } from 'vue'\nimport DOMPurify from 'isomorphic-dompurify'\n\nconst sanitizeConfig = {\n  ALLOWED_TAGS: ['b', 'i', 'u', 's', 'a', 'ul', 'ol', 'li', 'img', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'thead','tr','th'],\n  ALLOWED_ATTR: ['href', 'target', 'src', 'alt'],\n  ALLOWED_STYLES: ['text-align']\n}\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  prop: {\n    type: Object,\n    required: true\n  },\n  component: Object,\n  placeholder: String,\n  index: Number,\n  setFocus: Boolean\n})\n\nconst emit = defineEmits([\n  'update:modelValue', \n  'deleteBlock', \n  'updateBlock', \n  'addBlock'\n])\n\nconst editableDiv = ref(null)\nconst isTextSelected = ref(false)\nconst currentContent = ref('')\n\n// Обновляем содержимое при монтировании\nonMounted(() => {\n  if (editableDiv.value) {\n    if (props.modelValue) {\n      editableDiv.value.innerHTML = props.modelValue\n      currentContent.value = props.modelValue\n    }\n  }\n\n  document.addEventListener('selectionchange', handleSelectionChange)\n  \n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\n// // Отслеживаем изменения в modelValue и обновляем DOM, если они есть\n// watch(() => props.modelValue, (newValue) => {\n//   if (editableDiv.value && newValue !== currentContent.value) {\n//     editableDiv.value.innerHTML = newValue || ''\n//     currentContent.value = newValue\n//   }\n// }, { immediate: true })\n\nconst handleInput = (event) => {\n  const sanitizedContent = sanitizeHTML(event.target.innerHTML)\n  currentContent.value = sanitizedContent\n  emit('update:modelValue', sanitizedContent)\n}\n// Улучшенная функция для извлечения нужных элементов из DOM-структуры\nconst extractUsefulContent = (node) => {\n  const result = [];\n  \n  // Функция для определения, содержит ли узел только один из нужных нам тегов\n  const containsOnlySingleImportantTag = (node) => {\n    const importantElements = node.querySelectorAll('p, h1, h2, h3, h4, h5, h6, img');\n    \n    // Если найден только один важный элемент и нет текста непосредственно в узле\n    if (importantElements.length === 1 && !Array.from(node.childNodes).some(child => \n      child.nodeType === Node.TEXT_NODE && child.textContent.trim()\n    )) {\n      // Убедимся, что этот элемент не содержит других важных элементов\n      return !importantElements[0].querySelector('p, h1, h2, h3, h4, h5, h6, img');\n    }\n    \n    return false;\n  };\n  \n  // Рекурсивно просматривает дерево и извлекает только нужные элементы\n  const processNode = (node) => {\n    // Если это текстовый узел с непустым содержимым\n    if (node.nodeType === Node.TEXT_NODE) {\n      if (node.textContent.trim()) {\n        // Создаем p-элемент для текста без родителя\n        const p = document.createElement('p');\n        p.textContent = node.textContent;\n        result.push(p);\n      }\n      return;\n    }\n    \n    // Если это не элемент, пропускаем\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    \n    // Проверяем, что это один из нужных тегов\n    const tagName = node.nodeName.toLowerCase();\n    \n    if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img'].includes(tagName)) {\n      // Если это нужный тег - добавляем в результат\n      result.push(node.cloneNode(true));\n    } else if (containsOnlySingleImportantTag(node)) {\n      // Если div содержит только один важный элемент, добавляем этот элемент\n      const importantElement = node.querySelector('p, h1, h2, h3, h4, h5, h6, img');\n      result.push(importantElement.cloneNode(true));\n    } else {\n      // Если это div или другой контейнер - проходим по его дочерним узлам\n      Array.from(node.childNodes).forEach(child => {\n        processNode(child);\n      });\n    }\n  };\n  \n  processNode(node);\n  return result;\n};\n\nconst handlePaste = (event) => {\n  event.preventDefault();\n  const clipboardData = event.clipboardData || window.clipboardData;\n  let pastedData = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n  \n  console.log('Raw pasted data:', pastedData);\n  \n  // Предварительная очистка через функцию sanitizeHTML\n  const sanitizedContent = sanitizeHTML(pastedData);\n  \n  console.log('Sanitized content:', sanitizedContent);\n  \n  // Парсим очищенный HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(sanitizedContent, 'text/html');\n  \n  // Извлекаем полезное содержимое\n  const extractedElements = extractUsefulContent(doc.body);\n  \n  console.log('Extracted elements:', extractedElements.map(el => el.outerHTML));\n  \n  if (extractedElements.length > 0) {\n    // Вставляем каждый элемент как отдельный блок\n    extractedElements.forEach((element, idx) => {\n      const tagName = element.nodeName.toLowerCase();\n      \n      // Определяем тип блока в зависимости от тега\n      let blockType = 'Textarea';\n      let blockContent = '';\n      \n      if (tagName === 'img') {\n        blockType = 'ImageUpload';\n        // Для изображений сохраняем только src атрибут\n        blockContent = element.getAttribute('src');\n      } else if (tagName.match(/h[1-6]/)) {\n        blockType = 'H2'; // Используем H2 для всех заголовков, или можно настроить по-разному\n        blockContent = element.innerHTML;\n      } else {\n        // Для p и других текстовых элементов\n        blockContent = element.innerHTML;\n      }\n      \n      if (idx === 0) {\n        // Первый блок обновляем текущий\n        document.execCommand('insertHTML', false, element.innerHTML);\n        handleInput({ target: editableDiv.value });\n      } else {\n        // Остальные добавляем как новые блоки\n        emit('addBlock', blockType, blockContent, props.index + idx);\n      }\n    });\n  } else {\n    // Если после очистки ничего не осталось, вставляем как обычный текст\n    const plainText = clipboardData.getData('text/plain');\n    if (plainText.trim()) {\n      // document.execCommand('insertText', false, plainText);\n      handleInput({ target: editableDiv.value });\n    }\n  }\n};\n\n\n// Обновленная функция для обработки вставки и создания блоков\nconst handleBlockCreation = (element, index) => {\n  const tagName = element.nodeName.toLowerCase();\n  \n  let blockType = 'Textarea';\n  let blockContent = '';\n  \n  if (tagName === 'img') {\n    blockType = 'ImageUpload';\n    blockContent = element.getAttribute('src');\n  } else if (tagName.match(/h[1-6]/)) {\n    blockType = tagName.toUpperCase(); // H2, H3, etc.\n    blockContent = element.innerHTML;\n  } else {\n    blockContent = element.innerHTML;\n  }\n  \n  if (index === 0) {\n    // Первый блок обновляем текущий\n    document.execCommand('insertHTML', false, element.outerHTML);\n    handleInput({ target: editableDiv.value });\n  } else {\n    // Остальные добавляем как новые блоки\n    emit('addBlock', blockType, blockContent, props.index + index);\n  }\n};\n\nconst handleKeyDown = (event) => {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault()\n    const selection = window.getSelection()\n    const range = selection.getRangeAt(0)\n    const newBlockContent = extractContentAfterCursor(range)\n    \n    const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML)\n    currentContent.value = sanitizedContent\n    \n    emit('update:modelValue', sanitizedContent)\n    emit('addBlock', 'Textarea', newBlockContent, props.index + 1)\n  } else if (event.key === 'Backspace' && editableDiv.value.innerHTML.trim() === \"\") {\n    event.preventDefault()\n    emit('deleteBlock', props.prop, { setCaretToEnd: true })\n  }\n}\n\nconst extractContentAfterCursor = (range) => {\n  const container = range.startContainer\n  const cursorOffset = range.startOffset\n\n  if (container.nodeType === Node.TEXT_NODE) {\n    const textAfterCursor = container.textContent.slice(cursorOffset)\n    container.textContent = container.textContent.slice(0, cursorOffset)\n    return textAfterCursor\n  } else if (container.nodeType === Node.ELEMENT_NODE) {\n    const tempDiv = document.createElement('div')\n    const childNodes = Array.from(container.childNodes)\n    let foundCursor = false\n    \n    childNodes.forEach((node, index) => {\n      if (index === cursorOffset) foundCursor = true\n      if (foundCursor) tempDiv.appendChild(node.cloneNode(true))\n    })\n    \n    while (container.childNodes[cursorOffset]) {\n      container.removeChild(container.childNodes[cursorOffset])\n    }\n    \n    return tempDiv.innerHTML\n  }\n  return ''\n}\n\nconst handleSelectionChange = () => {\n  if (document.activeElement === editableDiv.value) {\n    const selection = window.getSelection()\n    isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0\n  } else {\n    isTextSelected.value = false\n  }\n}\n\nconst focus = (options = {}) => {\n  nextTick(() => {\n    editableDiv.value.focus()\n    \n    const shouldSetCaretToEnd = options.setCaretToEnd || (props.prop && props.prop.setCaretToEnd)\n    if (props.setFocus === true && !shouldSetCaretToEnd) {\n      const range = document.createRange()\n      range.setStart(editableDiv.value, 0)\n      range.collapse(true)\n      const selection = window.getSelection()\n      selection.removeAllRanges()\n      selection.addRange(range)\n    } else {\n      setCaretToEnd(editableDiv.value)\n    }\n    \n    emit('updateBlock', props.prop, { setFocus: false, setCaretToEnd: false })\n  })\n}\n\nconst sanitizeHTML = (html) => {\n  return DOMPurify.sanitize(html, sanitizeConfig)\n}\n\nconst setCaretToEnd = (element) => {\n  const range = document.createRange()\n  const selection = window.getSelection()\n  range.selectNodeContents(element)\n  range.collapse(false)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nconst applyFormat = (format) => {\n  document.execCommand(format, false, null)\n  handleInput({ target: editableDiv.value })\n}\n\nconst createLink = () => {\n  const url = prompt('Enter the URL:')\n  if (url) {\n    document.execCommand('createLink', false, url)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nconst clearFormatting = () => {\n  const selection = window.getSelection()\n  if (selection.rangeCount > 0) {\n    const range = selection.getRangeAt(0)\n    const selectedContent = range.cloneContents()\n    const div = document.createElement('div')\n    div.appendChild(selectedContent)\n    const plainText = div.innerText\n    document.execCommand('insertText', false, plainText)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nonUpdated(() => {\n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('selectionchange', handleSelectionChange)\n})\n</script>\n\n<style lang=\"scss\">\n.editable-div {\n  width: 100%;\n  min-height: 1rem;\n  background-color: transparent;\n  outline: none;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  \n  &:empty::before {\n    content: attr(placeholder);\n    color: #999;\n  }\n  \n  &:focus {\n    border: 0;\n  }\n}\n\n.formatting-bar {\n  display: flex;\n  gap: 5px;\n  margin-top: 5px;\n  padding: 5px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n  \n  button {\n    padding: 4px 8px;\n    background-color: white;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    font-size: 14px;\n    min-width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n      background-color: #e0e0e0;\n    }\n    \n    &:active {\n      background-color: #d0d0d0;\n    }\n  }\n}\n</style>"],"names":["node"],"mappings":"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"}
+{"version":3,"file":"Textarea.vue2.js","sources":["../../../../../../../src/modules/constructor/components/elements/Textarea.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      ref=\"editableDiv\"\n      :contenteditable=\"true\"\n      @input=\"handleInput\"\n      @paste=\"handlePaste\"\n      @keydown=\"handleKeyDown\"\n      tabindex=\"0\"\n      class=\"editable-div mn-b-thin\"\n      :class=\"{\n        't-main t-semi': prop.type === 'Link',\n        'h3': prop.type === 'H2'\n      }\"\n    />\n    <div v-if=\"isTextSelected\" class=\"formatting-bar\">\n      <button @click=\"applyFormat('bold')\" title=\"Bold\"><b>B</b></button>\n      <button @click=\"applyFormat('italic')\" title=\"Italic\"><i>I</i></button>\n      <button @click=\"applyFormat('underline')\" title=\"Underline\"><u>U</u></button>\n      <button @click=\"applyFormat('strikeThrough')\" title=\"Strikethrough\"><s>S</s></button>\n      <button @click=\"createLink\" title=\"Insert Link\">🔗</button>\n      <button @click=\"applyFormat('unlink')\" title=\"Remove Link\">⛓️‍💥</button>\n      <button @click=\"applyFormat('justifyLeft')\" title=\"Align Left\">↲</button>\n      <button @click=\"applyFormat('justifyCenter')\" title=\"Align Center\">↔</button>\n      <button @click=\"applyFormat('justifyRight')\" title=\"Align Right\">↳</button>\n      <button @click=\"applyFormat('insertUnorderedList')\" title=\"Bulleted List\">•</button>\n      <button @click=\"applyFormat('insertOrderedList')\" title=\"Numbered List\">1.</button>\n      <button @click=\"clearFormatting\" title=\"Clear Formatting\">🧹</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, nextTick, onUpdated, onUnmounted, watch } from 'vue'\nimport DOMPurify from 'isomorphic-dompurify'\n\nconst sanitizeConfig = {\n  ALLOWED_TAGS: ['b', 'i', 'u', 's', 'a', 'ul', 'ol', 'li', 'img', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'thead','tr','th'],\n  ALLOWED_ATTR: ['href', 'target', 'src', 'alt'],\n  ALLOWED_STYLES: ['text-align']\n}\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  prop: {\n    type: Object,\n    required: true\n  },\n  component: Object,\n  placeholder: String,\n  index: Number,\n  setFocus: Boolean\n})\n\nconst emit = defineEmits([\n  'update:modelValue', \n  'deleteBlock', \n  'updateBlock', \n  'addBlock'\n])\n\nconst editableDiv = ref(null)\nconst isTextSelected = ref(false)\nconst currentContent = ref('')\n\n// Обновляем содержимое при монтировании\nonMounted(() => {\n  if (editableDiv.value) {\n    if (props.modelValue) {\n      editableDiv.value.innerHTML = props.modelValue\n      currentContent.value = props.modelValue\n    }\n  }\n\n  document.addEventListener('selectionchange', handleSelectionChange)\n  \n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\n// // Отслеживаем изменения в modelValue и обновляем DOM, если они есть\n// watch(() => props.modelValue, (newValue) => {\n//   if (editableDiv.value && newValue !== currentContent.value) {\n//     editableDiv.value.innerHTML = newValue || ''\n//     currentContent.value = newValue\n//   }\n// }, { immediate: true })\n\nconst handleInput = (event) => {\n  const sanitizedContent = sanitizeHTML(event.target.innerHTML)\n  currentContent.value = sanitizedContent\n  emit('update:modelValue', sanitizedContent)\n}\n// Улучшенная функция для извлечения нужных элементов из DOM-структуры\nconst extractUsefulContent = (node) => {\n  const result = [];\n  \n  // Функция для определения, содержит ли узел только один из нужных нам тегов\n  const containsOnlySingleImportantTag = (node) => {\n    const importantElements = node.querySelectorAll('p, h1, h2, h3, h4, h5, h6, img');\n    \n    // Если найден только один важный элемент и нет текста непосредственно в узле\n    if (importantElements.length === 1 && !Array.from(node.childNodes).some(child => \n      child.nodeType === Node.TEXT_NODE && child.textContent.trim()\n    )) {\n      // Убедимся, что этот элемент не содержит других важных элементов\n      return !importantElements[0].querySelector('p, h1, h2, h3, h4, h5, h6, img');\n    }\n    \n    return false;\n  };\n  \n  // Рекурсивно просматривает дерево и извлекает только нужные элементы\n  const processNode = (node) => {\n    // Если это текстовый узел с непустым содержимым\n    if (node.nodeType === Node.TEXT_NODE) {\n      if (node.textContent.trim()) {\n        // Создаем p-элемент для текста без родителя\n        const p = document.createElement('p');\n        p.textContent = node.textContent;\n        result.push(p);\n      }\n      return;\n    }\n    \n    // Если это не элемент, пропускаем\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    \n    // Проверяем, что это один из нужных тегов\n    const tagName = node.nodeName.toLowerCase();\n    \n    if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img'].includes(tagName)) {\n      // Если это нужный тег - добавляем в результат\n      result.push(node.cloneNode(true));\n    } else if (containsOnlySingleImportantTag(node)) {\n      // Если div содержит только один важный элемент, добавляем этот элемент\n      const importantElement = node.querySelector('p, h1, h2, h3, h4, h5, h6, img');\n      result.push(importantElement.cloneNode(true));\n    } else {\n      // Если это div или другой контейнер - проходим по его дочерним узлам\n      Array.from(node.childNodes).forEach(child => {\n        processNode(child);\n      });\n    }\n  };\n  \n  processNode(node);\n  return result;\n};\n\nconst handlePaste = (event) => {\n  event.preventDefault();\n  const clipboardData = event.clipboardData || window.clipboardData;\n  let pastedData = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n  \n  console.log('Raw pasted data:', pastedData);\n  \n  // Предварительная очистка через функцию sanitizeHTML\n  const sanitizedContent = sanitizeHTML(pastedData);\n  \n  console.log('Sanitized content:', sanitizedContent);\n  \n  // Парсим очищенный HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(sanitizedContent, 'text/html');\n  \n  // Извлекаем полезное содержимое\n  const extractedElements = extractUsefulContent(doc.body);\n  \n  console.log('Extracted elements:', extractedElements.map(el => el.outerHTML));\n  \n  if (extractedElements.length > 0) {\n    // Вставляем каждый элемент как отдельный блок\n    extractedElements.forEach((element, idx) => {\n      const tagName = element.nodeName.toLowerCase();\n      \n      // Определяем тип блока в зависимости от тега\n      let blockType = 'Textarea';\n      let blockContent = '';\n      \n      if (tagName === 'img') {\n        blockType = 'ImageUpload';\n        // Для изображений сохраняем только src атрибут\n        blockContent = element.getAttribute('src');\n      } else if (tagName.match(/h[1-6]/)) {\n        blockType = 'H2'; // Используем H2 для всех заголовков, или можно настроить по-разному\n        blockContent = element.innerHTML;\n      } else {\n        // Для p и других текстовых элементов\n        blockContent = element.innerHTML;\n      }\n      \n      if (idx === 0) {\n        // Первый блок обновляем текущий\n        document.execCommand('insertHTML', false, element.innerHTML);\n        handleInput({ target: editableDiv.value });\n      } else {\n        // Остальные добавляем как новые блоки\n        emit('addBlock', blockType, blockContent, props.index + idx);\n      }\n    });\n  } else {\n    // Если после очистки ничего не осталось, вставляем как обычный текст\n    const plainText = clipboardData.getData('text/plain');\n    if (plainText.trim()) {\n      // document.execCommand('insertText', false, plainText);\n      handleInput({ target: editableDiv.value });\n    }\n  }\n};\n\n\n// Обновленная функция для обработки вставки и создания блоков\nconst handleBlockCreation = (element, index) => {\n  const tagName = element.nodeName.toLowerCase();\n  \n  let blockType = 'Textarea';\n  let blockContent = '';\n  \n  if (tagName === 'img') {\n    blockType = 'ImageUpload';\n    blockContent = element.getAttribute('src');\n  } else if (tagName.match(/h[1-6]/)) {\n    blockType = tagName.toUpperCase(); // H2, H3, etc.\n    blockContent = element.innerHTML;\n  } else {\n    blockContent = element.innerHTML;\n  }\n  \n  if (index === 0) {\n    // Первый блок обновляем текущий\n    document.execCommand('insertHTML', false, element.outerHTML);\n    handleInput({ target: editableDiv.value });\n  } else {\n    // Остальные добавляем как новые блоки\n    emit('addBlock', blockType, blockContent, props.index + index);\n  }\n};\n\nconst handleKeyDown = (event) => {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault()\n    const selection = window.getSelection()\n    const range = selection.getRangeAt(0)\n    const newBlockContent = extractContentAfterCursor(range)\n    \n    const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML)\n    currentContent.value = sanitizedContent\n    \n    emit('update:modelValue', sanitizedContent)\n    emit('addBlock', 'Textarea', newBlockContent, props.index + 1)\n  } else if (event.key === 'Backspace' && editableDiv.value.innerHTML.trim() === \"\") {\n    event.preventDefault()\n    emit('deleteBlock', props.prop, { setCaretToEnd: true })\n  }\n}\n\nconst extractContentAfterCursor = (range) => {\n  const container = range.startContainer\n  const cursorOffset = range.startOffset\n\n  if (container.nodeType === Node.TEXT_NODE) {\n    const textAfterCursor = container.textContent.slice(cursorOffset)\n    container.textContent = container.textContent.slice(0, cursorOffset)\n    return textAfterCursor\n  } else if (container.nodeType === Node.ELEMENT_NODE) {\n    const tempDiv = document.createElement('div')\n    const childNodes = Array.from(container.childNodes)\n    let foundCursor = false\n    \n    childNodes.forEach((node, index) => {\n      if (index === cursorOffset) foundCursor = true\n      if (foundCursor) tempDiv.appendChild(node.cloneNode(true))\n    })\n    \n    while (container.childNodes[cursorOffset]) {\n      container.removeChild(container.childNodes[cursorOffset])\n    }\n    \n    return tempDiv.innerHTML\n  }\n  return ''\n}\n\nconst handleSelectionChange = () => {\n  if (document.activeElement === editableDiv.value) {\n    const selection = window.getSelection()\n    isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0\n  } else {\n    isTextSelected.value = false\n  }\n}\n\nconst focus = (options = {}) => {\n  nextTick(() => {\n    editableDiv.value.focus()\n    \n    const shouldSetCaretToEnd = options.setCaretToEnd || (props.prop && props.prop.setCaretToEnd)\n    if (props.setFocus === true && !shouldSetCaretToEnd) {\n      const range = document.createRange()\n      range.setStart(editableDiv.value, 0)\n      range.collapse(true)\n      const selection = window.getSelection()\n      selection.removeAllRanges()\n      selection.addRange(range)\n    } else {\n      setCaretToEnd(editableDiv.value)\n    }\n    \n    emit('updateBlock', props.prop, { setFocus: false, setCaretToEnd: false })\n  })\n}\n\nconst sanitizeHTML = (html) => {\n  return DOMPurify.sanitize(html, sanitizeConfig)\n}\n\nconst setCaretToEnd = (element) => {\n  const range = document.createRange()\n  const selection = window.getSelection()\n  range.selectNodeContents(element)\n  range.collapse(false)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nconst applyFormat = (format) => {\n  document.execCommand(format, false, null)\n  handleInput({ target: editableDiv.value })\n}\n\nconst createLink = () => {\n  const url = prompt('Enter the URL:')\n  if (url) {\n    document.execCommand('createLink', false, url)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nconst clearFormatting = () => {\n  const selection = window.getSelection()\n  if (selection.rangeCount > 0) {\n    const range = selection.getRangeAt(0)\n    const selectedContent = range.cloneContents()\n    const div = document.createElement('div')\n    div.appendChild(selectedContent)\n    const plainText = div.innerText\n    document.execCommand('insertText', false, plainText)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nonUpdated(() => {\n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('selectionchange', handleSelectionChange)\n})\n</script>\n\n<style lang=\"scss\">\n.editable-div {\n  width: 100%;\n  min-height: 1rem;\n  background-color: transparent;\n  outline: none;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  \n  &:empty::before {\n    content: attr(placeholder);\n    color: #999;\n  }\n  \n  &:focus {\n    border: 0;\n  }\n}\n\n.formatting-bar {\n  display: flex;\n  gap: 5px;\n  margin-top: 5px;\n  padding: 5px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n  \n  button {\n    padding: 4px 8px;\n    background-color: white;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    font-size: 14px;\n    min-width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n      background-color: #e0e0e0;\n    }\n    \n    &:active {\n      background-color: #d0d0d0;\n    }\n  }\n}\n</style>"],"names":["node"],"mappings":"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"}

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Upload = require("../../../../components/Upload/Upload.vue.cjs");
+const Upload = require("../../../../components/Upload/Upload.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Video.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACPA,QAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Video.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACPA,QAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode } from "vue";
-import Upload from "../../../../components/Upload/Upload.vue.js";
+import Upload from "../../../../components/Upload/Upload.vue2.js";
 const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAW,IAAI,IAAI;AACP,QAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Video.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAW,IAAI,IAAI;AACP,QAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/VideoPlayer.vue.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 require("axios");
+;/* empty css                                         */
 const _hoisted_1 = { class: "mn-b-thin w-100 o-hidden bg-black radius-medium" };
 const _hoisted_2 = {
   key: 0,