https://gus-info.ru/js/a/view-image-library.js

1/*! For license information please see view-image-library.js.LICENSE.txt */
2"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3934],{3548(e,t,n){function r(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function a(){var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",o=n.toStringTag||"@@toStringTag";function c(n,r,o,a){var c=r&&r.prototype instanceof u?r:u,s=Object.create(c.prototype);return i(s,"_invoke",function(n,r,o){var a,i,c,u=0,s=o||[],f=!1,m={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,n){return a=t,i=0,c=e,m.n=n,l}};function d(n,r){for(i=n,c=r,t=0;!f&&u&&!o&&t<s.length;t++){var o,a=s[t],d=m.p,p=a[2];n>3?(o=p===r)&&(c=a[(i=a[4])?5:(i=3,3)],a[4]=a[5]=e):a[0]<=d&&((o=n<2&&d<a[1])?(i=0,m.v=r,m.n=a[1]):d<p&&(o=n<3||a[0]>r||r>p)&&(a[4]=n,a[5]=r,m.n=p,i=0))}if(o||n>1)return l;throw f=!0,r}return function(o,s,p){if(u>1)throw TypeError("Generator is already running");for(f&&1===s&&d(s,p),i=s,c=p;(t=i<2?e:c)||!f;){a||(i?i<3?(i>1&&(m.n=-1),d(i,c)):m.n=c:m.v=c);try{if(u=2,a){if(i||(o="next"),t=a[o]){if(!(t=t.call(a,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,i<2&&(i=0)}else 1===i&&(t=a.return)&&t.call(a),i<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),i=1);a=e}else if((t=(f=m.n<0)?c:n.call(r,m))!==l)break}catch(t){a=e,i=1,c=t}finally{u=1}}return{value:t,done:f}}}(n,o,a),!0),s}var l={};function u(){}function s(){}function f(){}t=Object.getPrototypeOf;var m=[][r]?t(t([][r]())):(i(t={},r,function(){return this}),t),d=f.prototype=u.prototype=Object.create(m);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,f):(e.__proto__=f,i(e,o,"GeneratorFunction")),e.prototype=Object.create(d),e}return s.prototype=f,i(d,"constructor",f),i(f,"constructor",s),s.displayName="GeneratorFunction",i(f,o,"GeneratorFunction"),i(d),i(d,o,"Generator"),i(d,r,function(){return this}),i(d,"toString",function(){return"[object Generator]"}),(a=function(){return{w:c,m:p}})()}function i(e,t,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}i=function(e,t,n,r){function a(t,n){i(e,t,function(e){return this._invoke(t,n,e)})}t?o?o(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n:(a("next",0),a("throw",1),a("return",2))},i(e,t,n,r)}function c(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function l(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function i(e){c(a,r,o,i,l,"next",e)}function l(e){c(a,r,o,i,l,"throw",e)}i(void 0)})}}n.d(t,{Ay:()=>E,Be:()=>_,DJ:()=>k,fl:()=>C});var u={btnCancel:"Отмена",btnConfirm:"Подтвердить",btnSubmit:"Отправить",title:"",message:"",icon:null,class:null,animation:"slide",onCreated:function(){},onCancel:function(){},onConfirm:function(){},onSubmit:function(){}},s={slide:[[{transform:"translateY(100px)"},{transform:"translateY(0)"}],{duration:300,fill:"forwards",easing:"ease-out"}],scale:[[{transform:"scale(.85)",opacity:0},{transform:"scale(1)",opacity:1}],{duration:300,fill:"forwards",easing:"ease-out"}]},f=function(e){return Promise.allSettled(e.getAnimations().map(function(e){return e.finished}))},m=new MutationObserver(function(e,t){e.forEach(function(){var e=l(a().m(function e(t){var n,r;return a().w(function(e){for(;;)switch(e.n){case 0:if("open"!==t.attributeName){e.n=2;break}if(n=t.target,n.hasAttribute("open")){e.n=1;break}return e.a(2);case 1:return(r=n.querySelector("[autofocus]"))&&r.focus(),e.n=2,f(n);case 2:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}())}),d={question:'<i-icon src="question" class="gui-dialog__icon" style="--color:#56b1d9"></i-icon>',warning:'<i-icon src="warning" class="gui-dialog__icon" style="--color:#fb8325"></i-icon>',info:'<i-icon src="info" class="gui-dialog__icon" style="--color:#7f00ff"></i-icon>',danger:'<i-icon src="error" class="gui-dialog__icon" style="--color:#ef4210"></i-icon>'};function p(e){return v.apply(this,arguments)}function v(){return v=l(a().m(function e(t){var n,o,i,c,l,p,v,b,g,y=arguments;return a().w(function(e){for(;;)switch(e.n){case 0:return n=y.length>1&&void 0!==y[1]?y[1]:{},o=document.createElement("dialog"),i=document.createElement("form"),c=document.createElement("footer"),l=document.createElement("header"),p=document.createElement("article"),v=document.createElement("button"),b=document.createElement("button"),g=document.createElement("button"),v.classList.add("bttn","bttn--radius-1","bttn--hover","size-4"),b.classList.add("bttn","bttn--radius-1","bttn--hover","size-4"),g.classList.add("bttn","bttn--radius-1","bttn--hover","size-4"),n=Object.assign({},u,n),"confirm"==t&&(b.setAttribute("type","submit"),b.setAttribute("value","confirm"),b.innerHTML=n.btnConfirm,b.addEventListener("click",function(){n.onConfirm(i),h(o)})),"prompt"==t&&(g.setAttribute("type","submit"),g.setAttribute("value","prompt"),g.innerHTML=n.btnSubmit,g.addEventListener("click",function(){n.onSubmit(i,o)})),v.setAttribute("autofocus",""),v.setAttribute("type","button"),v.innerHTML=n.btnCancel,v.addEventListener("click",function(){n.onCancel(),h(o)}),c.appendChild(v),"confirm"==t&&c.appendChild(b),"prompt"==t&&c.appendChild(g),o.classList.add("gui-dialog"),n.class&&o.classList.add(n.class),o.setAttribute("modal-mode",t),i.setAttribute("method","dialog"),i.appendChild(c),(n.title||n.icon)&&(l.innerHTML=(n.icon?d[n.icon]:"")+n.title,i.appendChild(l)),n.message&&(p.innerHTML=n.message,i.appendChild(p)),o.appendChild(i),document.firstElementChild.insertBefore(o,document.body),m.observe(o,{attributes:!0}),o.showModal(),o.animate.apply(o,r(s[n.animation])).startTime=document.timeline.currentTime,e.n=1,f(o);case 1:o.removeAttribute("loading"),n.onCreated(i,o);case 2:return e.a(2)}},e)})),v.apply(this,arguments)}function b(){return b=l(a().m(function e(t){var n,o=arguments;return a().w(function(e){for(;;)switch(e.n){case 0:return n=o.length>1&&void 0!==o[1]?o[1]:{},n=Object.assign({},u,n),m.observe(t,{attributes:!0}),t.showModal(),t.animate.apply(t,r(s[n.animation])).startTime=document.timeline.currentTime,e.n=1,f(t);case 1:t.removeAttribute("loading");case 2:return e.a(2)}},e)})),b.apply(this,arguments)}function g(e){return y.apply(this,arguments)}function y(){return(y=l(a().m(function e(t){return a().w(function(e){for(;;)switch(e.n){case 0:return t.animate([{opacity:0}

2],{duration:300,fill:"forwards",easing:"ease-out"}).startTime=document.timeline.currentTime,e.n=1,f(t);case 1:t.close(),m.disconnect();case 2:return e.a(2)}},e)}))).apply(this,arguments)}function h(e){return w.apply(this,arguments)}function w(){return(w=l(a().m(function e(t){return a().w(function(e){for(;;)switch(e.n){case 0:return t.animate([{opacity:0}],{duration:300,fill:"forwards",easing:"ease-out"}).startTime=document.timeline.currentTime,e.n=1,f(t);case 1:t.close(),m.disconnect(),document.firstElementChild.removeChild(t);case 2:return e.a(2)}},e)}))).apply(this,arguments)}var k=function(){return p("confirm",arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},_=function(){return p("prompt",arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},C=function(e){return g(e)};const E={alert:function(){p("alert",arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},confirm:function(){p("confirm",arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},prompt:function(){p("prompt",arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})},open:function(e){!function(e){b.apply(this,arguments)}(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{})},close:function(e){g(e)}}},1327(e,t,n){n.r(t),n.d(t,{default:()=>H});var r=n(6934),o=n(5220),a=n(4016),i=n(3581),c=(n(5026),n(5623)),l=n(3371),u=n(3807),s=n.n(u),f=n(3548),m=n(7377);function d(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(){var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",o=n.toStringTag||"@@toStringTag";function a(n,r,o,a){var l=r&&r.prototype instanceof c?r:c,u=Object.create(l.prototype);return b(u,"_invoke",function(n,r,o){var a,c,l,u=0,s=o||[],f=!1,m={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(t,n){return a=t,c=0,l=e,m.n=n,i}};function d(n,r){for(c=n,l=r,t=0;!f&&u&&!o&&t<s.length;t++){var o,a=s[t],d=m.p,p=a[2];n>3?(o=p===r)&&(l=a[(c=a[4])?5:(c=3,3)],a[4]=a[5]=e):a[0]<=d&&((o=n<2&&d<a[1])?(c=0,m.v=r,m.n=a[1]):d<p&&(o=n<3||a[0]>r||r>p)&&(a[4]=n,a[5]=r,m.n=p,c=0))}if(o||n>1)return i;throw f=!0,r}return function(o,s,p){if(u>1)throw TypeError("Generator is already running");for(f&&1===s&&d(s,p),c=s,l=p;(t=c<2?e:l)||!f;){a||(c?c<3?(c>1&&(m.n=-1),d(c,l)):m.n=l:m.v=l);try{if(u=2,a){if(c||(o="next"),t=a[o]){if(!(t=t.call(a,l)))throw TypeError("iterator result is not an object");if(!t.done)return t;l=t.value,c<2&&(c=0)}else 1===c&&(t=a.return)&&t.call(a),c<2&&(l=TypeError("The iterator does not provide a '"+o+"' method"),c=1);a=e}else if((t=(f=m.n<0)?l:n.call(r,m))!==i)break}catch(t){a=e,c=1,l=t}finally{u=1}}return{value:t,done:f}}}(n,o,a),!0),u}var i={};function c(){}function l(){}function u(){}t=Object.getPrototypeOf;var s=[][r]?t(t([][r]())):(b(t={},r,function(){return this}),t),f=u.prototype=c.prototype=Object.create(s);function m(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,b(e,o,"GeneratorFunction")),e.prototype=Object.create(f),e}return l.prototype=u,b(f,"constructor",u),b(u,"constructor",l),l.displayName="GeneratorFunction",b(u,o,"GeneratorFunction"),b(f),b(f,o,"Generator"),b(f,r,function(){return this}),b(f,"toString",function(){return"[object Generator]"}),(v=function(){return{w:a,m}})()}function b(e,t,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}b=function(e,t,n,r){function a(t,n){b(e,t,function(e){return this._invoke(t,n,e)})}t?o?o(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n:(a("next",0),a("throw",1),a("return",2))},b(e,t,n,r)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function y(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function h(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function i(e){y(a,r,o,i,c,"next",e)}function c(e){y(a,r,o,i,c,"throw",e)}i(void 0)})}}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}

2function k(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==g(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C={key:0,class:"img-library__nav"},E={class:"img-library__nav-main"},N=["onClick"],V={key:0,style:{"flex-basis":"100%",height:"0"}},O={key:1},S={key:0,class:"img-library__nav-sub"},B=["onClick"],j={key:0,style:{"flex-basis":"100%",height:"0"}},x={key:1},T={class:"mt-2"},A={key:1,class:"flex"},L={for:"image-input-2",class:"bttn bttn--primary bttn--has-icon bttn--radius-1","area-label":"Загрузить изображеня"},P={class:"bttn__wrap"},D={class:"img-library__file"},F=["src"],G={class:"img-library__file"},M=["src","data-src"],q={key:2,class:"text-center"},I={class:"bttn bttn--has-icon",role:"button"},U={class:"bttn__wrap"},z={key:0,for:"image-input",class:"toolbar__item",style:{"--bg-item":"#3db19a","--bg-item-hover":"#2fc9aa"},title:"выбрать изображения"};const R={__name:"ImageLibrary",setup:function(e){var t=(0,o.rd)(),n=(0,a.s)(),u=n.fetchData,p=n.deleteItem,b=n.submitData,y=n.uploadFile,R=(0,r.ref)(null),H=(0,r.ref)(null),J=(0,r.ref)(null),$=(0,r.ref)(null),Y=(0,r.ref)(20),K=(0,r.ref)(null),Q=(0,r.ref)(0),W=(0,r.ref)(1),X=(0,r.ref)([]),Z=(0,r.computed)(function(){return J.value&&_.orderBy(R.value.find(function(e){return e.id==J.value}).tags,"title")}),ee=(0,r.computed)(function(){if(!H.value)return null;var e=J.value?$.value?H.value.filter(function(e){return e.category_id==J.value&&e.tag_id==$.value}):H.value.filter(function(e){return e.category_id==J.value}):H.value;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach(function(t){k(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({data:(0,i.Up)(e,W.value,Y.value).data},(0,i.dK)(e.length,W.value,Y.value))});function te(e){var t=R.value.find(function(e){return e.id==J.value});(0,f.DJ)({title:"Подтвердите удаление",message:'Вы собираетесь удалить раздел <code>"<b>'.concat(t.title,'</b>"</code>'),class:"danger",onConfirm:function(){p("/admin/img-library/category/".concat(J.value)).then(function(e){ue(),R.value=e.categories,H.value=e.images,c._.success("Раздел удалён",3,"top-center")})}})}function ne(e){var t=R.value.find(function(e){return e.id==J.value}),n=t.tags.find(function(e){return e.id==$.value});(0,f.DJ)({title:"Подтвердите удаление",message:'Вы собираетесь удалить тэг <code>"'.concat(t.title,'"/"<b>').concat(n.title,'</b>"</code>'),class:"danger",onConfirm:function(){p("/admin/img-library/tag/".concat($.value)).then(function(e){ue(),R.value=e.categories,H.value=e.images,c._.success("Тэг удалён",3,"top-center")})}})}function re(){var e=X.value.length;X.value.forEach(function(t){var n=new FormData;n.append("image",t.blob,t.name),n.append("category_id",J.value),n.append("tag_id",$.value),y("/admin/img-library/image",n,function(n){X.value.splice(X.value.indexOf(t),1),H.value.push(n.image),--e||c._.success("Загрузка завершина",3,"top-center")},function(e){t.progress=Math.round(100*e.loaded/e.total)})})}function oe(e){var t=e.target.files.length;Array.from(e.target.files).forEach(function(e){(0,l.i)(e).then(function(n){1024!=n.width||591!=n.height?Q.value?new(s())(e,{convertTypes:"image/webp",success:function(e){X.value.push({blob:e,name:e.name+".webp",preview:URL.createObjectURL(e),progress:0}),--t||re()}}):new(s())(e,{width:1024,height:591,resize:"cover",convertTypes:"image/webp",success:function(e){X.value.push({blob:e,name:e.name+".webp",preview:URL.createObjectURL(e),progress:0}),--t||re()}}

2):/\.webp$/i.test(e.name)?(X.value.push({blob:e,name:e.name,preview:n.src,progress:0}),--t||re()):new(s())(e,{convertTypes:"image/webp",success:function(e){X.value.push({blob:e,name:e.name+".webp",preview:URL.createObjectURL(e),progress:0}),--t||re()}})})})}function ae(){(0,f.Be)({title:"Добавить раздел",class:"question",icon:"question",message:'<input type="text" class="mb-4" id="category-title" placeholder="Название раздела..." maxlength="120" />',onCreated:function(e){e.querySelector("#category-title").focus()},onSubmit:function(e,t){var n=e.querySelector("#category-title").value;return n?n.length<3||n.length>120?c._.warning("Допустимый размер для название от 3-х до 120 символов",3,"top-center"):R.value.find(function(e){return e.title.toLowerCase()==n.toLowerCase()})?c._.warning("Такое название уже используется",3,"top-center"):void b("/admin/img-library/category",{title:n},function(e){R.value.push(Object.assign(e,{tags:[]})),(0,r.nextTick)(function(){le(e.id)}),(0,f.fl)(t),c._.success("Раздел добавлен",3,"top-center")}

2):c._.warning("Название обязательно",3,"top-center")}})}function ie(){(0,f.Be)({title:"Добавить тэг",class:"question",icon:"question",message:'<input type="text" class="mb-4" id="tag-title" placeholder="Название тэга..." maxlength="120" />',onCreated:function(e){e.querySelector("#tag-title").focus()},onSubmit:function(e,t){var n=e.querySelector("#tag-title").value;return n?n.length<3||n.length>120?c._.warning("Допустимый размер для название от 3-х до 120 символов",3,"top-center"):R.value.find(function(e){return e.title.toLowerCase()==n.toLowerCase()})?c._.warning("Такое название уже используется",3,"top-center"):void b("/admin/img-library/tag",{category_id:J.value,title:n},function(e){console.log(e);var n=R.value.find(function(e){return e.id==J.value}),o=R.value.indexOf(n);n.tags||(n.tags=[]),n.tags.push(e),R.value.splice(o,1,n),(0,r.nextTick)(function(){se(e.id)}),(0,f.fl)(t),c._.success("Тэг добавлен",3,"top-center")}

2):c._.warning("Название обязательно",3,"top-center")}})}function ce(e){e&&(W.value=e)}function le(e){$.value=null,J.value=J.value==e?null:e,W.value=1}function ue(){$.value=null,J.value=null,W.value=1}function se(e){$.value=$.value==e?null:e,W.value=1}function fe(){$.value=null,W.value=1}function me(){u("admin/img-library",{widget:1},function(){var e=h(v().m(function e(t){return v().w(function(e){for(;;)switch(e.n){case 0:return H.value="object"==g(t.images)?Object.values(t.images):t.images,e.n=1,t.categories;case 1:R.value=e.v;case 2:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}())}return(0,r.onMounted)(h(v().m(function e(){return v().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,t.isReady();case 1:me();case 2:return e.a(2)}},e)}))),function(e,t){var n=(0,r.resolveComponent)("v-button"),o=(0,r.resolveComponent)("SvgIcon"),a=(0,r.resolveComponent)("InputSwitch"),i=(0,r.resolveComponent)("v-paginator"),l=(0,r.resolveComponent)("i-icon"),u=(0,r.resolveComponent)("v-toolbar"),s=(0,r.resolveDirective)("image");return(0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,[R.value?((0,r.openBlock)(),(0,r.createElementBlock)("nav",C,[(0,r.createElementVNode)("ul",E,[(0,r.createElementVNode)("li",null,[(0,r.createElementVNode)("button",{class:(0,r.normalizeClass)(["img-library__nav-item",{active:!J.value}]),onClick:ue},"ВСЕ",2)]),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(R.value,function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("li",{key:e.id},[(0,r.createElementVNode)("button",{class:(0,r.normalizeClass)(["img-library__nav-item",{active:e.id==J.value}]),onClick:function(t){return le(e.id)}},(0,r.toDisplayString)(e.title),11,N)])}),128)),R.value.length>3?((0,r.openBlock)(),(0,r.createElementBlock)("li",V)):(0,r.createCommentVNode)("",!0),(0,r.createElementVNode)("li",null,[(0,r.createVNode)(n,{class:"img-library__nav-item",icon:"plus",onClick:ae},{default:(0,r.withCtx)(function(){return d(t[3]||(t[3]=[(0,r.createTextVNode)("раздел",-1)]))}),_:1})]),J.value?((0,r.openBlock)(),(0,r.createElementBlock)("li",O,[t[5]||(t[5]=(0,r.createTextVNode)("... ",-1)),(0,r.createVNode)(n,{class:"img-library__nav-item",icon:"trash-o",onClick:te},{default:(0,r.withCtx)(function(){return d(t[4]||(t[4]=[(0,r.createTextVNode)("раздел",-1)]))}),_:1})])):(0,r.createCommentVNode)("",!0)]),Z.value?((0,r.openBlock)(),(0,r.createElementBlock)("ul",S,[(0,r.createElementVNode)("li",null,[(0,r.createElementVNode)("button",{class:(0,r.normalizeClass)(["img-library__nav-item",{active:!$.value}]),onClick:fe},"ВСЕ",2)]),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(Z.value,function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("li",{key:e.id},[(0,r.createElementVNode)("button",{class:(0,r.normalizeClass)(["img-library__nav-item",{active:e.id==$.value}]),onClick:function(t){return se(e.id)}},(0,r.toDisplayString)(e.title),11,B)])}),128)),Z.value.length>3?((0,r.openBlock)(),(0,r.createElementBlock)("li",j)):(0,r.createCommentVNode)("",!0),(0,r.createElementVNode)("li",null,[(0,r.createVNode)(n,{class:"img-library__nav-item",icon:"plus",onClick:ie},{default:(0,r.withCtx)(function(){return d(t[6]||(t[6]=[(0,r.createTextVNode)("тэг",-1)]))}),_:1})]),$.value?((0,r.openBlock)(),(0,r.createElementBlock)("li",x,[t[8]||(t[8]=(0,r.createTextVNode)("... ",-1)),(0,r.createVNode)(n,{class:"img-library__nav-item",icon:"trash-o",onClick:ne},{default:(0,r.withCtx)(function(){return d(t[7]||(t[7]=[(0,r.createTextVNode)("тэг",-1)]))}),_:1})])):(0,r.createCommentVNode)("",!0)])):(0,r.createCommentVNode)("",!0)])):(0,r.createCommentVNode)("",!0),(0,r.createElementVNode)("div",T,[$.value?(0,r.createCommentVNode)("",!0):((0,r.openBlock)(),(0,r.createBlock)(n,{key:0,icon:"exclamation-triangle",unactive:"",class:"bttn--radius-1"},{default:(0,r.withCtx)(function(){return d(t[9]||(t[9]=[(0,r.createTextVNode)("Выберете раздел для добавления картинки",-1)]))}),_:1})),$.value?((0,r.openBlock)(),(0,r.createElementBlock)("div",A,[(0,r.createElementVNode)("label",L,[(0,r.createElementVNode)("span",P,[(0,r.createVNode)(o,{name:"icon-upload",tabindex:"-1"}),t[10]||(t[10]=(0,r.createTextVNode)(" Загрузить изображеня ",-1))]),(0,r.createElementVNode)("input",{id:"image-input-2",class:"sr-only",type:"file",accept:"image/*",multiple:"",onChange:t[0]||(t[0]=function(e){return oe(e)})},null,32)]),(0,r.createVNode)(a,{modelValue:Q.value,"onUpdate:modelValue":t[1]||(t[1]=function(e){return Q.value=e})},{default:(0,r.withCtx)(function(){return d(t[11]||(t[11]=[(0,r.createTextVNode)("Рагружать без обработки",-1)]))}),_:1},8,["modelValue"])])):(0,r.createCommentVNode)("",!0)]),ee.value?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createVNode)(i,{onPageSelect:ce,"current-page":W.value,"last-page":ee.value.lastPage,total:ee.value.total},null,8,["current-page","last-page","total"]),(0,r.createElementVNode)("div",{class:(0,r.normalizeClass)(["flex flex--wrap",{"mt-5":ee.value.total<Y.value}])},[X.value.length?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(X.value,function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("div",D,[(0,r.createElementVNode)("img",{src:e.preview,class:"img-library__image",alt:""},null,8,F),(0,r.createVNode)(m.default,{progress:e.progress},null,8,["progress"])])}),256)):(0,r.createCommentVNode)("",!0),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(ee.value.data,function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("div",G,[(0,r.withDirectives)((0,r.createElementVNode)("img",{src:"/l

2ib/".concat(e.src),"data-src":"/lib/".concat(e.src),class:"img-library__image",alt:""},null,8,M),[[s]]),(0,r.createVNode)(n,{icon:"trash-o",class:"bttn--warning bttn--round",style:{position:"absolute",top:"6px",right:"6px"},onClick:function(t){return function(e){p("/admin/img-library/image/".concat(e.id)).then(function(){H.value.splice(H.value.indexOf(e),1),c._.success("Картинка удалена",3,"top-center")})}(e)}},null,8,["onClick"])])}),256))],2),(0,r.createVNode)(i,{onPageSelect:ce,"current-page":W.value,"last-page":ee.value.lastPage,total:ee.value.total},null,8,["current-page","last-page","total"])],64)):(0,r.createCommentVNode)("",!0),$.value&&!ee.value?((0,r.openBlock)(),(0,r.createElementBlock)("div",q,[(0,r.createElementVNode)("label",I,[(0,r.createElementVNode)("span",U,[(0,r.createVNode)(l,{src:"plus"}),t[12]||(t[12]=(0,r.createTextVNode)("выбрать изображения ",-1))])])])):(0,r.createCommentVNode)("",!0),(0,r.createVNode)(u,null,{default:(0,r.withCtx)(function(){return[$.value?((0,r.openBlock)(),(0,r.createElementBlock)("label",z,[(0,r.createVNode)(o,{name:"icon-plus"}),(0,r.createElementVNode)("input",{id:"image-input",class:"sr-only",type:"file",accept:"image/*",multiple:"",onChange:t[2]||(t[2]=function(e){return oe(e)}),ref_key:"input",ref:K},null,544)])):(0,r.createCommentVNode)("",!0),t[13]||(t[13]=(0,r.createElementVNode)("i",{divider:""},null,-1))]}),_:1})],64)}}},H=R}}]);