jv3-alert/dist/jv3-alert.umd.js

easy alert from assign by route by cdnagroup

(function(){"use strict";try{if(typeof document<"u"){var d=document.createElement("style");d.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";.modal-mask[data-v-d46ed5de]{color:#000;font-family:Montserrat,sans-serif;position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-mask .modal-wrapper[data-v-d46ed5de]{display:table-cell;vertical-align:middle}.modal-mask .modal-wrapper .modal-container[data-v-d46ed5de]{max-width:70vw;width:fit-content;margin:0 auto;padding:0;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-mask .modal-wrapper .modal-container .modal-header[data-v-d46ed5de]{margin-top:0;padding:10px 20px;font-size:20px;font-weight:700;text-align:center}.modal-mask .modal-wrapper .modal-container .modal-footer[data-v-d46ed5de]{overflow:hidden;display:flex;justify-content:stretch}.modal-mask .modal-wrapper .modal-container .modal-body[data-v-d46ed5de]{margin:5px 0;max-height:50vh;min-height:100px;overflow-y:auto}.modal-mask .modal-wrapper .modal-container .modal-body pre[data-v-d46ed5de]{white-space:pre;word-break:normal;margin:0;padding:0 10px;font-family:monospace;font-size:16px;line-height:1.5;color:#333;overflow-x:auto;overflow-y:auto}.modal-mask .modal-wrapper .modal-container button[data-v-d46ed5de]{float:right;flex-grow:1;width:100%;padding:10px 20px;border:none;border-radius:2px;cursor:pointer;transition:background-color .3s ease}.modal-mask .modal-wrapper .modal-container .modal-enter-active[data-v-d46ed5de],.modal-mask .modal-wrapper .modal-container .modal-leave-active[data-v-d46ed5de]{transition:opacity .5s ease}.modal-mask .modal-wrapper .modal-container .modal-enter-from[data-v-d46ed5de],.modal-mask .modal-wrapper .modal-container .modal-leave-to[data-v-d46ed5de]{opacity:0}.modal-mask .modal-wrapper .modal-container .modal-enter-from .modal-container[data-v-d46ed5de],.modal-mask .modal-wrapper .modal-container .modal-leave-to .modal-container[data-v-d46ed5de]{transform:scale(.8)}.modal-mask .modal-wrapper .modal-container .modal-enter-to .modal-container[data-v-d46ed5de],.modal-mask .modal-wrapper .modal-container .modal-leave-from .modal-container[data-v-d46ed5de]{transform:scale(1)}.success[data-v-d46ed5de]{background-color:#4caf50}.success[data-v-d46ed5de]:hover,.success[data-v-d46ed5de]:focus,.success[data-v-d46ed5de]:active{background-color:#43a047}.info[data-v-d46ed5de]{background-color:#2196f3}.info[data-v-d46ed5de]:hover,.info[data-v-d46ed5de]:focus,.info[data-v-d46ed5de]:active{background-color:#1976d2}.warning[data-v-d46ed5de]{background-color:#ff9800}.warning[data-v-d46ed5de]:hover,.warning[data-v-d46ed5de]:focus,.warning[data-v-d46ed5de]:active{background-color:#f57c00}.error[data-v-d46ed5de]{background-color:#f44336}.error[data-v-d46ed5de]:hover,.error[data-v-d46ed5de]:focus,.error[data-v-d46ed5de]:active{background-color:#d32f2f}.red[data-v-d46ed5de]{background-color:#f44336}.red[data-v-d46ed5de]:hover,.red[data-v-d46ed5de]:focus,.red[data-v-d46ed5de]:active{background-color:#d32f2f}.purple[data-v-d46ed5de]{background-color:#9c27b0}.purple[data-v-d46ed5de]:hover,.purple[data-v-d46ed5de]:focus,.purple[data-v-d46ed5de]:active{background-color:#7b1fa2}.blue[data-v-d46ed5de]{background-color:#2196f3}.blue[data-v-d46ed5de]:hover,.blue[data-v-d46ed5de]:focus,.blue[data-v-d46ed5de]:active{background-color:#1976d2}.green[data-v-d46ed5de]{background-color:#4caf50}.green[data-v-d46ed5de]:hover,.green[data-v-d46ed5de]:focus,.green[data-v-d46ed5de]:active{background-color:#43a047}.yellow[data-v-d46ed5de]{background-color:#ffeb3b;color:#000}.yellow[data-v-d46ed5de]:hover,.yellow[data-v-d46ed5de]:focus,.yellow[data-v-d46ed5de]:active{background-color:#fbc02d}.orange[data-v-d46ed5de]{background-color:#ff9800}.orange[data-v-d46ed5de]:hover,.orange[data-v-d46ed5de]:focus,.orange[data-v-d46ed5de]:active{background-color:#f57c00}.grey[data-v-d46ed5de]{background-color:#9e9e9e}.grey[data-v-d46ed5de]:hover,.grey[data-v-d46ed5de]:focus,.grey[data-v-d46ed5de]:active{background-color:#616161}.black[data-v-d46ed5de]{background-color:#000;color:#fff}.black[data-v-d46ed5de]:hover,.black[data-v-d46ed5de]:focus,.black[data-v-d46ed5de]:active{background-color:#1a1a1a}.white[data-v-d46ed5de]{background-color:#fff;color:#000}.white[data-v-d46ed5de]:hover,.white[data-v-d46ed5de]:focus,.white[data-v-d46ed5de]:active{background-color:#f5f5f5}')),document.head.appendChild(d)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue/dist/vue.esm-bundler.js")):typeof define=="function"&&define.amd?define(["exports","vue/dist/vue.esm-bundler.js"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.JV3Alert={},l.vue_esmBundler_js))})(this,function(l,t){"use strict";const m=["v-bind"],y={class:"modal-wrapper"},g={class:"modal-container"},k={class:"modal-body"},b={class:"modal-footer"},s=((n,o)=>{const e=n.__vccOpts||n;for(const[a,i]of o)e[a]=i;return e})(t.defineComponent({__name:"DialogField",props:{title:{type:String,default:"Alert !!"},message:{type:String,default:"Default Message"},type:{type:String,default:"info",validator:n=>["info","error","prompt","alert","confirm"].includes(n)}},setup(n){const o=t.useAttrs(),e=n,a=i=>{i.preventDefault(),i.key==="Escape"&&o.onClose&&o.onClose(!1),i.key==="Enter"&&o.onClose&&o.onClose(!0)};return t.onMounted(()=>{window.addEventListener("keydown",a)}),t.onUnmounted(()=>{window.removeEventListener("keydown",a)}),(i,c)=>{var r;return t.openBlock(),t.createElementBlock("div",{class:"modal-mask","v-bind":t.unref(o),transition:"modal"},[t.createElementVNode("div",y,[t.createElementVNode("div",g,[t.createElementVNode("div",{class:t.normalizeClass(["modal-header",((r=t.unref(o))==null?void 0:r.color)??"info"])},t.toDisplayString(n.title),3),t.createElementVNode("div",k,[t.renderSlot(i.$slots,"default",{},()=>[t.createElementVNode("pre",null,t.toDisplayString(n.message),1)],!0)]),t.createElementVNode("div",b,[t.renderSlot(i.$slots,"actions",{},()=>{var d;return[(e==null?void 0:e.type)==="confirm"?(t.openBlock(),t.createElementBlock("button",{key:0,class:t.normalizeClass(["modal-default-button","success"]),onClick:c[0]||(c[0]=f=>t.unref(o).onClose(!0))}," Confirm ")):t.createCommentVNode("",!0),(e==null?void 0:e.type)==="confirm"?(t.openBlock(),t.createElementBlock("button",{key:1,class:t.normalizeClass(["modal-default-button","red"]),onClick:c[1]||(c[1]=f=>t.unref(o).onClose(!1))}," Cancel ")):t.createCommentVNode("",!0),(e==null?void 0:e.type)!=="confirm"?(t.openBlock(),t.createElementBlock("button",{key:2,class:t.normalizeClass(["modal-default-button",((d=t.unref(o))==null?void 0:d.color)??"info"]),onClick:c[2]||(c[2]=(...f)=>t.unref(o).onClose&&t.unref(o).onClose(...f))}," Close ",2)):t.createCommentVNode("",!0)]},!0)])])])],8,m)}}}),[["__scopeId","data-v-d46ed5de"]]);class p{constructor(o){Object.assign(this,{...o})}dialog(o,e={},a=`
        <DialogField v-bind="options"></DialogField>
      `){return new Promise((i,c)=>{const r=document.createElement("div");document.body.appendChild(r),typeof o!="string"&&(o=JSON.stringify(o,null,2));const d=t.createApp({components:{DialogField:s},template:a,data(){return{options:{message:o,onClose:this.handleDialogClose,...e}}},methods:{handleDialogClose(f){d.unmount(),r.remove(),i(f)}}});d.mount(r)})}alert(o,e={}){return this.dialog(o,{color:"info",title:"Alert",...e})}error(o,e={}){return this.dialog(o,{color:"error",title:"Error",...e})}info(o,e={}){return this.dialog(o,{color:"info",title:"Info",...e})}confirm(o,e,a={}){return new Promise((i,c)=>{const r=document.createElement("div");document.body.appendChild(r),typeof o!="string"&&(o=JSON.stringify(o,null,2));const d=t.createApp({components:{DialogField:s},template:`
          <DialogField v-bind="options"></DialogField>
        `,data(){return{options:{message:o,color:"warning",type:"confirm",title:"Confirm",onClose:this.handleDialogClose,...a}}},methods:{handleDialogClose(f){e(f),d.unmount(),r.remove(),i()}}});d.mount(r)})}}const h={};async function C(n,o={}){const e=new p({...h,...o});n.config.globalProperties.$jalert=e,n.provide("jalert",e)}function E(){const n=t.inject("jalert");if(!n)throw new Error("JV3Alert not provided. Make sure to call JV3Alert(app) in your main.js or main.ts.");return n}const V=new p({});l.JV3Alert=C,l.JV3AlertInstant=V,l.default=C,l.useJAlert=E,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});