vue3-picture-input/dist/vue3-picture-input.umd.cjs

This is a simple input for pictures

(function(u,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(u=typeof globalThis<"u"?globalThis:u||self,c(u.VueImageInput={},u.Vue))})(this,function(u,c){"use strict";/**
* @vue/shared v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**//*! #__NO_SIDE_EFFECTS__ */function V(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const G=process.env.NODE_ENV!=="production"?Object.freeze({}):{};process.env.NODE_ENV!=="production"&&Object.freeze([]);const X=()=>{},Z=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),m=Array.isArray,Q=e=>E(e)==="[object Map]",v=e=>E(e)==="[object Set]",$=e=>typeof e=="function",a=e=>typeof e=="string",w=e=>typeof e=="symbol",h=e=>e!==null&&typeof e=="object",T=Object.prototype.toString,E=e=>T.call(e),ee=e=>E(e)==="[object Object]",te=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},ne=/\B([A-Z])/g,re=te(e=>e.replace(ne,"-$1").toLowerCase());let A;const oe=()=>A||(A=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function x(e){if(m(e)){const t={};for(let n=0;n<e.length;n++){const r=e[n],o=a(r)?ae(r):x(r);if(o)for(const i in o)t[i]=o[i]}return t}else if(a(e)||h(e))return e}const ie=/;(?![^(]*\))/g,se=/:([^]+)/,ce=/\/\*[^]*?\*\//g;function ae(e){const t={};return e.replace(ce,"").split(ie).forEach(n=>{if(n){const r=n.split(se);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function le(e){if(!e)return"";if(a(e))return e;let t="";for(const n in e){const r=e[n];if(a(r)||typeof r=="number"){const o=n.startsWith("--")?n:re(n);t+=`${o}:${r};`}}return t}function j(e){let t="";if(a(e))t=e;else if(m(e))for(let n=0;n<e.length;n++){const r=j(e[n]);r&&(t+=r+" ")}else if(h(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const ue=V("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly"+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");function D(e){return!!e||e===""}const fe=/[>/="'\u0009\u000a\u000c\u0020]/,O={};function de(e){if(O.hasOwnProperty(e))return O[e];const t=fe.test(e);return t&&console.error(`unsafe attribute name: ${e}`),O[e]=!t}const pe={acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"};function I(e){if(e==null)return!1;const t=typeof e;return t==="string"||t==="number"||t==="boolean"}const ge=/["'&<>]/;function d(e){const t=""+e,n=ge.exec(t);if(!n)return t;let r="",o,i,s=0;for(i=n.index;i<t.length;i++){switch(t.charCodeAt(i)){case 34:o="&quot;";break;case 38:o="&amp;";break;case 39:o="&#39;";break;case 60:o="&lt;";break;case 62:o="&gt;";break;default:continue}s!==i&&(r+=t.slice(s,i)),s=i+1,r+=o}return s!==i?r+t.slice(s,i):r}const z=e=>!!(e&&e.__v_isRef===!0),P=e=>a(e)?e:e==null?"":m(e)||h(e)&&(e.toString===T||!$(e.toString))?z(e)?P(e.value):JSON.stringify(e,U,2):String(e),U=(e,t)=>z(t)?U(e,t.value):Q(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[r,o],i)=>(n[N(r,i)+" =>"]=o,n),{})}:v(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>N(n))}:w(t)?N(t):h(t)&&!m(t)&&!ee(t)?String(t):t,N=(e,t="")=>{var n;return w(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/**
* @vue/server-renderer v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/const me=V(",key,ref,innerHTML,textContent,ref_key,ref_for");function he(e,t){let n="";for(const r in e){if(me(r)||Z(r)||t==="textarea")continue;const o=e[r];r==="class"?n+=` class="${B(o)}"`:r==="style"?n+=` style="${g(o)}"`:r==="className"?n+=` class="${String(o)}"`:n+=ye(r,o)}return n}function ye(e,t,n){if(!I(t))return"";const r=pe[e]||e.toLowerCase();return ue(r)?D(t)?` ${r}`:"":de(r)?t===""?` ${r}`:` ${r}="${d(t)}"`:(console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${r}`),"")}function H(e,t){return I(t)?` ${e}="${d(t)}"`:""}function B(e){return d(j(e))}function g(e){if(!e)return"";if(a(e))return d(e);const t=x(e);return d(le(t))}const{ensureValidVNode:xe}=c.ssrUtils;function Se(e){return d(P(e))}Symbol(process.env.NODE_ENV!=="production"?"Object iterate":""),Symbol(process.env.NODE_ENV!=="production"?"Map keys iterate":""),Symbol(process.env.NODE_ENV!=="production"?"Array iterate":"");function R(e){const t=e&&e.__v_raw;return t?R(t):e}function be(e){return e?e.__v_isRef===!0:!1}const f=[];function $e(e){f.push(e)}function Ee(){f.pop()}let _=!1;function L(e,...t){if(_)return;_=!0;const n=f.length?f[f.length-1].component:null,r=n&&n.appContext.config.warnHandler,o=Oe();if(r)W(r,n,11,[e+t.map(i=>{var s,l;return(l=(s=i.toString)==null?void 0:s.call(i))!=null?l:JSON.stringify(i)}).join(""),n&&n.proxy,o.map(({vnode:i})=>`at <${F(n,i.type)}>`).join(`
`),o]);else{const i=[`[Vue warn]: ${e}`,...t];o.length&&i.push(`
`,...Ne(o)),console.warn(...i)}_=!1}function Oe(){let e=f[f.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const r=e.component&&e.component.parent;e=r&&r.vnode}return t}function Ne(e){const t=[];return e.forEach((n,r)=>{t.push(...r===0?[]:[`
`],...Re(n))}),t}function Re({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",r=e.component?e.component.parent==null:!1,o=` at <${F(e.component,e.type,r)}`,i=">"+n;return e.props?[o,..._e(e.props),i]:[o+i]}function _e(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(r=>{t.push(...M(r,e[r]))}),n.length>3&&t.push(" ..."),t}function M(e,t,n){return a(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:be(t)?(t=M(e,R(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):$(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=R(t),n?t:[`${e}=`,t])}const q={sp:"serverPrefetch hook",bc:"beforeCreate hook",c:"created hook",bm:"beforeMount hook",m:"mounted hook",bu:"beforeUpdate hook",u:"updated",bum:"beforeUnmount hook",um:"unmounted hook",a:"activated hook",da:"deactivated hook",ec:"errorCaptured hook",rtc:"renderTracked hook",rtg:"renderTriggered hook",0:"setup function",1:"render function",2:"watcher getter",3:"watcher callback",4:"watcher cleanup function",5:"native event handler",6:"component event handler",7:"vnode hook",8:"directive hook",9:"transition hook",10:"app errorHandler",11:"app warnHandler",12:"ref function",13:"async component loader",14:"scheduler flush",15:"component update",16:"app unmount cleanup function"};function W(e,t,n,r){try{return r?e(...r):e()}catch(o){Ce(o,t,n)}}function Ce(e,t,n,r=!0){const o=t?t.vnode:null,{errorHandler:i,throwUnhandledErrorInProduction:s}=t&&t.appContext.config||G;if(t){let l=t.parent;const b=t.proxy,J=process.env.NODE_ENV!=="production"?q[n]:`https://vuejs.org/error-reference/#runtime-${n}`;for(;l;){const C=l.ec;if(C){for(let k=0;k<C.length;k++)if(C[k](e,b,J)===!1)return}l=l.parent}if(i){W(i,null,10,[e,b,J]);return}}ke(e,n,o,r,s)}function ke(e,t,n,r=!0,o=!1){if(process.env.NODE_ENV!=="production"){const i=q[t];if(n&&$e(n),L(`Unhandled error${i?` during execution of ${i}`:""}`),n&&Ee(),r)throw e;console.error(e)}else{if(o)throw e;console.error(e)}}let p,y=[];function Y(e,t){var n,r;p=e,p?(p.enabled=!0,y.forEach(({event:o,args:i})=>p.emit(o,...i)),y=[]):typeof window<"u"&&window.HTMLElement&&!((r=(n=window.navigator)==null?void 0:n.userAgent)!=null&&r.includes("jsdom"))?((t.__VUE_DEVTOOLS_HOOK_REPLAY__=t.__VUE_DEVTOOLS_HOOK_REPLAY__||[]).push(i=>{Y(i,t)}),setTimeout(()=>{p||(t.__VUE_DEVTOOLS_HOOK_REPLAY__=null,y=[])},3e3)):y=[]}{const e=oe(),t=(n,r)=>{let o;return(o=e[n])||(o=e[n]=[]),o.push(r),i=>{o.length>1?o.forEach(s=>s(i)):o[0](i)}};t("__VUE_INSTANCE_SETTERS__",n=>n),t("__VUE_SSR_SETTERS__",n=>n)}process.env.NODE_ENV;const Ve=/(?:^|[-_])(\w)/g,we=e=>e.replace(Ve,t=>t.toUpperCase()).replace(/[-_]/g,"");function Te(e,t=!0){return $(e)?e.displayName||e.name:e.name||t&&e.__name}function F(e,t,n=!1){let r=Te(t);if(!r&&t.__file){const o=t.__file.match(/([^/\\]+)\.\w+$/);o&&(r=o[1])}if(!r&&e&&e.parent){const o=i=>{for(const s in i)if(i[s]===t)return s};r=o(e.components||e.parent.type.components)||o(e.appContext.components)}return r?we(r):n?"App":"Anonymous"}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;const{createComponentInstance:je,setCurrentRenderingInstance:De,setupComponent:Ie,renderComponentRoot:ze,normalizeVNode:Pe,pushWarningContext:Ue,popWarningContext:He}=c.ssrUtils,{isVNode:Be}=c.ssrUtils,{isVNode:Le}=c.ssrUtils;c.initDirectivesForSSR();const S={__name:"VueImageInput",__ssrInlineRender:!0,props:{title:{type:String,default:"Drop here"},required:{type:Boolean,default:!1},fontSize:{type:String,default:""},size:{type:String,default:""},background:{type:String,default:""},textColor:{type:String,default:""},border:{type:String,default:""},borderColor:{type:String,default:""},mimes:{type:String,default:".jpg,.png"},imageRounded:{type:String,default:""},closeBtnColor:{type:String,default:""},closeBtn:{type:String,default:""},bgRounded:{type:String,default:""},padding:{type:String,default:""},paddingLeft:{type:String,default:""},paddingRight:{type:String,default:""},paddingTop:{type:String,default:""},paddingBottom:{type:String,default:""},paddingX:{type:String,default:""},paddingY:{type:String,default:""}},setup(e,{emit:t}){const n=e,r=c.ref("");c.ref(null),c.ref(null);const o=c.computed(()=>"w"+n.size.slice(4));return(i,s,l,b)=>{s(`<div${he(c.mergeProps({class:`${o.value} container ${e.border}`,style:`border-color: ${e.borderColor}; padding: ${e.padding??(e.paddingY??"0")+" "+(e.paddingX??"0")}; padding-left: ${e.paddingLeft}; padding-right: ${e.paddingRight}; padding-top: ${e.paddingTop}; padding-bottom: ${e.paddingBottom}`},b))} data-v-517cfa18>`),r.value?s("<!---->"):s(`<!--[--><input class="input" type="file"${H("accept",e.mimes)}${D(e.required)?" required":""} data-v-517cfa18><button class="${B(`${e.size} btn`)}" style="${g(`background: ${e.background}; color: ${e.textColor}; font-size: ${e.fontSize}; border-radius: ${e.bgRounded}`)}" data-v-517cfa18>${Se(e.title)}</button><!--]-->`),r.value?s(`<!--[--><img${H("src",r.value)} class="w-full image" style="${g(`border-radius: ${e.imageRounded}`)}" data-v-517cfa18><div class="close" data-v-517cfa18><div class="close-before" style="${g(`background: ${e.closeBtnColor}`)}" data-v-517cfa18></div><div class="close-after" style="${g(`background: ${e.closeBtnColor}`)}" data-v-517cfa18></div></div><!--]-->`):s("<!---->"),s("</div>")}}};S.__scopeId="data-v-517cfa18";const K=S.setup;S.setup=(e,t)=>{const n=c.useSSRContext();return(n.modules||(n.modules=new Set)).add("src/components/VueImageInput.vue"),K?K(e,t):void 0},u.VueImageInput=S,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});