directus-extension-texttoanything 1.1.2 → 1.1.3

package/dist/app.js

@@ -1 +1,1235 @@
-import{defineOperationApp as e,useApi as t,useStores as a,defineModule as n,defineInterface as l}from"@directus/extensions-sdk";import{resolveComponent as o,openBlock as i,createBlock as r,withCtx as s,createVNode as d,createCommentVNode as c,defineComponent as u,ref as p,computed as m,onMounted as g,watch as f,createTextVNode as v,unref as h,createElementBlock as T,createElementVNode as x,toDisplayString as b,resolveDynamicComponent as w,normalizeStyle as _,Fragment as A,pushScopeId as y,popScopeId as S,inject as k}from"vue";var V=e({id:"ttabarcode",name:"TTA generate barcode",icon:"box",description:"Generate a barcode trough Text to anything!",overview:({barcodeContent:e})=>[{label:"barcode content",text:e}],options:[{field:"barcodeContent",name:"content",type:"string",meta:{width:"full",interface:"input"}},{field:"barcodeType",name:"type",type:"dropdown",meta:{interface:"select-dropdown",options:{choices:["auspost","azteccode","azteccodecompact","aztecrune","bc412","channelcode","codablockf","code11","code128","code16k","code2of5","code32","code39","code39ext","code49","code93","code93ext","codeone","coop2of5","daft","databarexpanded","databarexpandedcomposite","databarexpandedstacked","databarexpandedstackedcomposite","databarlimited","databarlimitedcomposite","databaromni","databaromnicomposite","databarstacked","databarstackedcomposite","databarstackedomni","databarstackedomnicomposite","databartruncated","databartruncatedcomposite","datalogic2of5","datamatrix","datamatrixrectangular","datamatrixrectangularextension","dotcode","ean13","ean13composite","ean14","ean2","ean5","ean8","ean8composite","flattermarken","gs1-128","gs1-128composite","gs1-cc","gs1datamatrix","gs1datamatrixrectangular","gs1dldatamatrix","gs1dlqrcode","gs1dotcode","gs1northamericancoupon","gs1qrcode","hanxin","hibcazteccode","hibccodablockf","hibccode128","hibccode39","hibcdatamatrix","hibcdatamatrixrectangular","hibcmicropdf417","hibcpdf417","hibcqrcode","iata2of5","identcode","industrial2of5","interleaved2of5","isbn","ismn","issn","itf14","japanpost","kix","leitcode","mailmark","mands","matrix2of5","maxicode","micropdf417","microqrcode","msi","onecode","pdf417","pdf417compact","pharmacode","pharmacode2","planet","plessey","posicode","postnet","pzn","qrcode","rationalizedCodabar","raw","rectangularmicroqrcode","royalmail","sscc18","swissqrcode","symbol","telepen","telepennumeric","ultracode","upca","upcacomposite","upce","upcecomposite"].map((e=>({text:e,value:e})))}}},{field:"scale",name:"scale",type:"number",meta:{width:"full",interface:"input"}},{field:"height",name:"height",type:"number",meta:{width:"full",interface:"input"}},{field:"includetext",name:"include text",type:"boolean",meta:{width:"full",interface:"boolean"}}]}),$=e({id:"ttapdf",name:"TTA generate PDF",icon:"box",description:"Generate a PDF trough Text to anything!",overview:({filename:e})=>[{label:"File name",text:e}],options:[{field:"filename",name:"File name",type:"string",meta:{width:"full",interface:"input"}},{field:"pdfoptions",name:"Options",type:"json",meta:{width:"full",interface:"input-code",options:{language:"json",placeholder:JSON.stringify({html:"<h1>Hello world!</h1>",format:"A4",landscape:!1,margin:10,marginRight:5,marginLeft:5},null,2),template:JSON.stringify({html:"<h1>Hello world!</h1>",format:"A4",landscape:!1,margin:10,marginRight:5,marginLeft:5},null,2)}}}]}),C=e({id:"ttapdftemplate",name:"TTA generate PDF from template",icon:"box",description:"Generate a PDF based on a template trough Text to anything!",overview:({filename:e})=>[{label:"File name",text:e}],options:[{field:"filename",name:"File name",type:"string",meta:{width:"full",interface:"input"}},{field:"template",name:"Template",type:"string",meta:{interface:"TTA-pdf-template-selector",options:{}}},{field:"templatevariables",name:"Template variables",type:"json",meta:{width:"full",interface:"input-code",options:{language:"json"}}}]}),F=e({id:"ttaqrcode",name:"TTA generate QRcode",icon:"box",description:"Generate a QRcode trough Text to anything!",overview:({content:e})=>[{label:"QRCode content",text:e}],options:[{field:"content",name:"QRCode content",type:"string",meta:{width:"full",interface:"input"}},{field:"lightColor",name:"Light color",type:"string",meta:{width:"full",interface:"input"}},{field:"darkColor",name:"Dark color",type:"string",meta:{width:"full",interface:"input"}},{field:"margin",name:"Margin",type:"integer",meta:{width:"half",interface:"input"}},{field:"width",name:"Width",type:"integer",meta:{width:"half",interface:"input"}}]});const P=String.raw`[A-Za-z][^/\s>]*`,q=String.raw`(?<!\w)"(?:\\[^<>\n]|[^\\"<>\n])*"(?!\w)`,U=String.raw`(?<!\w)'(?:\\[^<>\n]|[^\\'<>\n])*'(?!\w)`,D=String.raw`${q}|${U}`,I=String.raw`"(?<quotedAttrValue>[^"]*)"`,j=String.raw`'(?<singleQuotedAttrValue>[^']*)'`,R=String.raw`(?<unquotedAttrValue>[^\s"'\`=<>]+)`,E=String.raw`[^=\s>/"']+(?=[=>\s]|$)`,L=String.raw`${I}|${j}|${R}`,N=String.raw`(?<attrName>${E})(?:\s*=\s*(?:${L}))?`,z=String.raw`${D}|[^\s>]*[^\s>/]|[^\s>]*/(?!\s*>)`,O=String.raw`(?<attrSpace>\s*)(?:${N}|(?<attrText>${z}))`,Q={comment:String.raw`<!--.*?-->`,dtd:String.raw`<![^>]+>`,startTag:String.raw`<(?<startTagName>${P})(?<attrs>(?:${O})*)\s*(?<closingSlash>/?)\s*>`,endTag:String.raw`</(?<endTagName>${P})\s*>`,space:String.raw`\s+`,text:String.raw`[^<\s"']+|${D}|['"]`,wildcard:String.raw`.`},G=Object.entries(Q).map((([e,t])=>`(?<${e}>${t})`)).join("|");const B=new Set(["area","base","basefont","bgsound","br","col","command","embed","frame","hr","image","img","input","keygen","link","meta","param","source","track","wbr"]);function H(e,t="  ",a=80){const n=new RegExp(G,"gys"),l=new RegExp(O,"gy"),o=[];let i=null,r=0,s=0,d="",c=0,u="";const p=()=>{if(u&&"\n"!=u){const e=d.indexOf("\n"),t=-1==e?d.length:e;s+u.length+t>a&&(u="\n")}const e="\n"==u&&d?t.repeat(c):"",n=`${u}${e}${d}`;if(n){const e=n.lastIndexOf("\n");-1==e?s+=n.length:s=n.length-e-1,o.push(n)}d=u=""},m=(...e)=>{for(const t of e)!i&&/^\s+$/.test(t)?(p(),u=t):(d||(c=r),d+=t)};for(const t of function*(e,t){let a,{lastIndex:n}=e;for(;a=e.exec(t);)yield a,({lastIndex:n}=e);if(n!=t.length)throw new Error("Failed to parse string")}(n,e)){if(H.__strict&&t.groups.wildcard)throw new Error("Unexpected wildcard");if(t.groups.endTag){const e=t.groups.endTagName.toLowerCase();e==i&&(i=null),i||(--r,m(`</${e}>`))}if(i)m(t[0]);else if(t.groups.space)m(...t[0].match(/\n/g)?.slice(0,2)??[" "]);else if(t.groups.comment||t.groups.dtd||t.groups.text||t.groups.wildcard)m(t[0]);else if(t.groups.startTag){const e=t.groups.startTagName.toLowerCase();if(m(`<${e}`),++r,t.groups.attrs){let e,a,{lastIndex:n}=l;for(;e=l.exec(t.groups.attrs);){if(({lastIndex:n}=l),H.__strict&&e.groups.attrText)throw new Error("Unexpected attr text");e.groups.attrText?(e.groups.attrSpace&&m(/\n/.test(e.groups.attrSpace)?"\n":" "),m(e.groups.attrText)):(!e.groups.attrSpace&&a?.groups.attrText||m(/\n/.test(e.groups.attrSpace)?"\n":" "),m(`${e.groups.attrName}${e.groups.quotedAttrValue?`="${e.groups.quotedAttrValue}"`:e.groups.singleQuotedAttrValue?`='${e.groups.singleQuotedAttrValue}'`:e.groups.unquotedAttrValue?`=${e.groups.unquotedAttrValue}`:""}`)),a=e}if(n!=t.groups.attrs.length)throw new Error("Failed to parse attributes")}const a=Boolean(t.groups.closingSlash);m(a?" />":">"),a||B.has(e)?--r:["pre","textarea","script","style"].includes(e)&&(i=e)}}p();let g=!1;for(;/^\s+$/.test(o[o.length-1]);){const e=o.pop();/\n/.test(e)&&(g=!0)}return g&&o.push("\n"),o.join("")}H.default=H;var M=H;const J={render:function(e,t){const a=o("v-icon"),n=o("v-list-item-icon"),l=o("v-text-overflow"),u=o("v-list-item-content"),p=o("v-list-item"),m=o("v-list");return i(),r(m,{nav:""},{default:s((()=>[d(p,{to:"/tta_settings/templates"},{default:s((()=>[d(n,null,{default:s((()=>[d(a,{name:"code"})])),_:1}),d(u,null,{default:s((()=>[d(l,{text:"Templates"})])),_:1})])),_:1}),d(p,{to:"/tta_settings/settings"},{default:s((()=>[d(n,null,{default:s((()=>[d(a,{name:"settings"})])),_:1}),d(u,null,{default:s((()=>[d(l,{text:"Settings"})])),_:1})])),_:1}),c(' <v-list-item to="/tta_settings/usage">\n      <v-list-item-icon><v-icon name="bar_chart" /></v-list-item-icon>\n      <v-list-item-content>\n        <v-text-overflow text="Usage" />\n      </v-list-item-content>\n    </v-list-item> ')])),_:1})},__file:"settingsmodule/src/TTAnav.vue"},K={key:0,class:"TTA-popup"},Y={class:"TTA-toolbar"},W={class:"right-side"},Z={class:"setwidth"},X={class:"TTA-action"},ee={class:"TTA-wapper"},te=["src"];var ae=u({__name:"templates",setup(e){const n=p([]),l=p(!1),u=p(!1),A=p(50),y=m((()=>100-A.value)),S=m((()=>100-y.value)),k=t(),V=p({template:"",id:-1,name:"",description:"",collection:"",format:"A4",orientation:"portrait"}),{useCollectionsStore:$}=a(),C=$(),F=m((()=>C.collections.filter((e=>"TTA_htmltemplates"!=e.collection)).map((e=>({text:e.name,value:e.collection}))))),P=m((()=>{const e=new Blob([V.value.template],{type:"text/html"});return URL.createObjectURL(e)}));async function q(){const e=await k.get("/items/TTA_htmltemplates",{params:{limit:-1}});n.value=e.data.data}async function U(){console.log(V.value),-1==V.value.id?await k.post("/items/TTA_htmltemplates",{...V.value,id:void 0}):await k.patch("/items/TTA_htmltemplates/"+V.value.id,{...V.value,id:void 0}),l.value=!1,q()}function D({item:e}){console.log(e),V.value=e,u.value=!0}function I(){V.value={template:"",id:-1,name:"",description:"",collection:"",format:"A4",orientation:"portrait"},u.value=!1}function j(){V.value.template=M(V.value.template)}return g((async()=>{A.value=parseInt(localStorage.getItem("TTA-widthPartition")||"50"),q()})),f((()=>A.value),(e=>localStorage.setItem("TTA-widthPartition",e+""))),(e,t)=>{const a=o("v-icon"),p=o("v-button"),m=o("v-card-title"),g=o("v-input"),f=o("v-list-item-content"),k=o("v-list-item"),$=o("v-select"),C=o("v-list"),q=o("v-card-text"),R=o("v-card-actions"),E=o("v-card"),L=o("v-dialog"),N=o("v-slider"),z=o("v-table"),O=o("private-view");return i(),r(O,{title:"Templates"},{navigation:s((()=>[d(J)])),actions:s((()=>[d(p,{rounded:"",icon:"",onClick:t[0]||(t[0]=e=>l.value=!0)},{default:s((()=>[d(a,{name:"add"})])),_:1}),d(L,{modelValue:l.value,"onUpdate:modelValue":t[7]||(t[7]=e=>l.value=e),persistent:!0},{default:s((()=>[d(E,null,{default:s((()=>[d(m,null,{default:s((()=>[v("Create a new HTML template")])),_:1}),d(q,null,{default:s((()=>[d(C,null,{default:s((()=>[d(k,null,{default:s((()=>[d(f,null,{default:s((()=>[d(g,{modelValue:V.value.name,"onUpdate:modelValue":t[1]||(t[1]=e=>V.value.name=e),placeholder:"Template name"},null,8,["modelValue"])])),_:1})])),_:1}),d(k,null,{default:s((()=>[d(f,null,{default:s((()=>[d(g,{modelValue:V.value.description,"onUpdate:modelValue":t[2]||(t[2]=e=>V.value.description=e),placeholder:"Description"},null,8,["modelValue"])])),_:1})])),_:1}),d(k,null,{default:s((()=>[d(f,null,{default:s((()=>[d($,{modelValue:V.value.format,"onUpdate:modelValue":t[3]||(t[3]=e=>V.value.format=e),placeholder:"Size",items:["A1","A2","A3","A4","A5","A6","Letter","Legal","Tabloid","Ledger"].map((e=>({text:e,value:e})))},null,8,["modelValue","items"])])),_:1})])),_:1}),d(k,null,{default:s((()=>[d(f,null,{default:s((()=>[d($,{modelValue:V.value.orientation,"onUpdate:modelValue":t[4]||(t[4]=e=>V.value.orientation=e),placeholder:"Orientation",items:["portrait","landscape"].map((e=>({text:e,value:e})))},null,8,["modelValue","items"])])),_:1})])),_:1}),d(k,null,{default:s((()=>[d(f,null,{default:s((()=>[d($,{modelValue:V.value.collection,"onUpdate:modelValue":t[5]||(t[5]=e=>V.value.collection=e),items:h(F),placeholder:"Collection"},null,8,["modelValue","items"])])),_:1})])),_:1})])),_:1})])),_:1}),d(R,null,{default:s((()=>[d(p,{secondary:"",onClick:t[6]||(t[6]=e=>l.value=!1)},{default:s((()=>[v(" Cancel ")])),_:1}),d(p,{disabled:!V.value.collection||!V.value.name||!V.value.format,onClick:U},{default:s((()=>[v(" Save ")])),_:1},8,["disabled"])])),_:1})])),_:1})])),_:1},8,["modelValue"])])),default:s((()=>[u.value?(i(),T("div",K,[x("div",Y,[x("div",{onClick:t[8]||(t[8]=e=>l.value=!0),class:"TTA-template-title"},[v(b(V.value.name)+" ",1),d(a,{name:"edit"})]),x("div",W,[x("div",{class:"TTA-action",onClick:j},[d(a,{name:"vertical_align_center"})]),x("div",{class:"TTA-action",onClick:U},[d(a,{name:"save"})]),x("div",Z,[d(N,{modelValue:A.value,"onUpdate:modelValue":t[9]||(t[9]=e=>A.value=e),min:10,max:90,class:"TTA-slider"},null,8,["modelValue"])]),x("div",X,[d(a,{name:"close",onClick:I})])])]),x("div",ee,[(i(),r(w("interface-input-code"),{class:"TTA-editor",value:V.value.template,language:"htmlmixed",onInput:t[10]||(t[10]=e=>V.value.template=e),style:_("width: "+h(S)+"%")},null,40,["value","style"])),x("iframe",{class:"TTA-preview",src:h(P),style:_("width: "+h(y)+"%")},null,12,te)])])):c("v-if",!0),d(z,{headers:[{text:"Name",value:"name"},{text:"Description",value:"description"},{text:"Collection",value:"collection"},{text:"Format",value:"format"}],"onClick:row":D,items:n.value},null,8,["items"])])),_:1})}}}),ne=[],le=[];function oe(e,t){if(e&&"undefined"!=typeof document){var a,n=!0===t.prepend?"prepend":"append",l=!0===t.singleTag,o="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(l){var i=ne.indexOf(o);-1===i&&(i=ne.push(o)-1,le[i]={}),a=le[i]&&le[i][n]?le[i][n]:le[i][n]=r()}else a=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),a.styleSheet?a.styleSheet.cssText+=e:a.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var a=Object.keys(t.attributes),l=0;l<a.length;l++)e.setAttribute(a[l],t.attributes[a[l]]);var i="prepend"===n?"afterbegin":"beforeend";return o.insertAdjacentElement(i,e),e}}oe("\n.TTA-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--background-subdued);\n}\n.TTA-toolbar {\n  background-color: var(--background-subdued);\n  display: flex;\n  justify-content: space-between;\n}\n.TTA-toolbar .right-side {\n  display: flex;\n  gap: 5px;\n}\n.TTA-toolbar .TTA-slider {\n  padding-top: 5px;\n}\n.TTA-toolbar .TTA-action {\n  padding: 5px;\n  cursor: pointer;\n}\n.TTA-toolbar .setwidth {\n  display: flex;\n  gap: 10px;\n  padding-top: 6px;\n}\n.TTA-toolbar .TTA-template-title {\n  margin: auto 0;\n  font-size: 18px;\n  cursor: pointer;\n  padding-right: 5px;\n  padding-left: 20px;\n  border-bottom: 1px solid var(--v-list-item-border-color);\n}\n.TTA-toolbar .TTA-template-title i {\n  padding-left: 5px;\n}\n.TTA-wapper {\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n}\n.TTA-preview {\n  flex-grow: 1;\n  background-color: white;\n  border: 0;\n}\n.TTA-editor {\n  flex-grow: 1;\n  height: 100%;\n}\n.TTA-editor > div {\n  height: 100% !important;\n  border-radius: 0 !important;\n}\n.TTA-editor .CodeMirror {\n  height: 100%;\n}\n",{}),ae.__file="settingsmodule/src/templates.vue";const ie=e=>(y("data-v-014dce90"),e=e(),S(),e),re={class:"px-5"},se=ie((()=>x("span",{class:"field-name"},"RapidAPI token",-1)));var de=u({__name:"settings",setup(e){const a=p(""),n=p(!1),l=t(),c=p([]);async function u(){n.value=!0,await l.patch("/settings",{TTA_KEY:a.value}),setTimeout((()=>{n.value=!1}),500)}return g((async()=>{const e=await l.get("/settings");a.value=e.data.data.TTA_KEY;const t=await l.get("/folders");c.value=t.data.data.map((e=>({text:e.name,value:e.id})))})),(e,t)=>{const l=o("v-card-title"),c=o("v-input"),p=o("v-card-text"),m=o("v-icon"),g=o("v-button"),f=o("v-progress-circular"),h=o("v-card-actions"),b=o("v-card"),w=o("private-view");return i(),r(w,{title:"Settings"},{navigation:s((()=>[d(J)])),default:s((()=>[x("div",re,[d(b,{class:"w-full"},{default:s((()=>[d(l,null,{default:s((()=>[v("API settings")])),_:1}),d(p,{class:"fields-spacing"},{default:s((()=>[x("div",null,[se,d(c,{modelValue:a.value,"onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},null,8,["modelValue"])])])),_:1}),d(h,null,{default:s((()=>[d(g,{href:"https://rapidapi.com/Attacler/api/text-to-anything",target:"_blank"},{default:s((()=>[d(m,{name:"open_in_new"}),v(" Get RapidAPI token ")])),_:1}),d(g,{onClick:u,disabled:n.value},{default:s((()=>[n.value?(i(),r(f,{key:1,small:!0,indeterminate:""})):(i(),T(A,{key:0},[v(" Save ")],64))])),_:1},8,["disabled"])])),_:1})])),_:1})])])),_:1})}}});oe("\n.w-full[data-v-014dce90] {\n  width: 100%;\n}\n.px-5[data-v-014dce90] {\n  padding: 0 2.5rem;\n}\n.fields-spacing[data-v-014dce90] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n",{}),de.__scopeId="data-v-014dce90",de.__file="settingsmodule/src/settings.vue";var ce=u({__name:"usage",setup:e=>(e,t)=>{const a=o("private-view");return i(),r(a,{title:"Usage"},{navigation:s((()=>[d(J)])),default:s((()=>[v(" Comming soon! ")])),_:1})}});ce.__file="settingsmodule/src/usage.vue";var ue=n({id:"tta_settings",name:"Text to anything settings",icon:"text_fields",routes:[{path:"",redirect:"/tta_settings/templates"},{path:"templates",component:ae},{path:"settings",component:de},{path:"usage",component:ce}]}),pe=u({__name:"interface",props:["value"],emits:["input"],setup(e,{emit:t}){const a=e,n=k("api"),l=p(""),s=p([]);return g((async()=>{l.value=a.value,f((()=>l.value),((e,a)=>{e!=a&&t("input",e)}));const e=await n.get("/items/TTA_htmltemplates");s.value=e.data.data.map((e=>({text:e.name,value:e.id})))})),(e,t)=>{const a=o("v-select");return i(),r(a,{modelValue:l.value,"onUpdate:modelValue":t[0]||(t[0]=e=>l.value=e),items:s.value},null,8,["modelValue","items"])}}});pe.__file="PDFTemplateSelector/src/interface.vue";var me=l({id:"TTA-pdf-template-selector",name:"PDF template selector",icon:"box",description:"Selector for a PDF template for Text To Anything",component:pe,options:null,types:["string"]}),ge=u({__name:"interface",props:["value"],emits:["input"],setup(e,{emit:t}){const a=e,n=k("api"),l=p(""),o=p([]);return g((async()=>{l.value=a.value,f((()=>l.value),((e,a)=>{e!=a&&t("input",e)}));const e=await n.get("/items/TTA_htmltemplates");o.value=e.data.data.map((e=>({text:e.name,value:e.id})))})),(e,t)=>(i(),r(w("interface-select-dropdown-m2o"),{template:"{{ name }}",enableCreate:!1,enableSelect:!0}))}});ge.__file="PreviewPDF/src/interface.vue";const fe=[me,l({id:"TTA-pdf-template-selector",name:"PDF template selector",icon:"box",description:"Selector for a PDF template for Text To Anything",component:ge,options:null,types:["string"]})],ve=[],he=[],Te=[ue],xe=[],be=[V,$,C,F];export{ve as displays,fe as interfaces,he as layouts,Te as modules,be as operations,xe as panels};
+import { defineOperationApp, useApi, useStores, defineModule, defineInterface } from '@directus/extensions-sdk';
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, defineComponent, ref, computed, onMounted, watch, createTextVNode, unref, createElementBlock, createElementVNode, toDisplayString, normalizeStyle, resolveDynamicComponent, Fragment, pushScopeId, popScopeId, inject } from 'vue';
+
+const types = [
+  "auspost",
+  "azteccode",
+  "azteccodecompact",
+  "aztecrune",
+  "bc412",
+  "channelcode",
+  "codablockf",
+  "code11",
+  "code128",
+  "code16k",
+  "code2of5",
+  "code32",
+  "code39",
+  "code39ext",
+  "code49",
+  "code93",
+  "code93ext",
+  "codeone",
+  "coop2of5",
+  "daft",
+  "databarexpanded",
+  "databarexpandedcomposite",
+  "databarexpandedstacked",
+  "databarexpandedstackedcomposite",
+  "databarlimited",
+  "databarlimitedcomposite",
+  "databaromni",
+  "databaromnicomposite",
+  "databarstacked",
+  "databarstackedcomposite",
+  "databarstackedomni",
+  "databarstackedomnicomposite",
+  "databartruncated",
+  "databartruncatedcomposite",
+  "datalogic2of5",
+  "datamatrix",
+  "datamatrixrectangular",
+  "datamatrixrectangularextension",
+  "dotcode",
+  "ean13",
+  "ean13composite",
+  "ean14",
+  "ean2",
+  "ean5",
+  "ean8",
+  "ean8composite",
+  "flattermarken",
+  "gs1-128",
+  "gs1-128composite",
+  "gs1-cc",
+  "gs1datamatrix",
+  "gs1datamatrixrectangular",
+  "gs1dldatamatrix",
+  "gs1dlqrcode",
+  "gs1dotcode",
+  "gs1northamericancoupon",
+  "gs1qrcode",
+  "hanxin",
+  "hibcazteccode",
+  "hibccodablockf",
+  "hibccode128",
+  "hibccode39",
+  "hibcdatamatrix",
+  "hibcdatamatrixrectangular",
+  "hibcmicropdf417",
+  "hibcpdf417",
+  "hibcqrcode",
+  "iata2of5",
+  "identcode",
+  "industrial2of5",
+  "interleaved2of5",
+  "isbn",
+  "ismn",
+  "issn",
+  "itf14",
+  "japanpost",
+  "kix",
+  "leitcode",
+  "mailmark",
+  "mands",
+  "matrix2of5",
+  "maxicode",
+  "micropdf417",
+  "microqrcode",
+  "msi",
+  "onecode",
+  "pdf417",
+  "pdf417compact",
+  "pharmacode",
+  "pharmacode2",
+  "planet",
+  "plessey",
+  "posicode",
+  "postnet",
+  "pzn",
+  "qrcode",
+  "rationalizedCodabar",
+  "raw",
+  "rectangularmicroqrcode",
+  "royalmail",
+  "sscc18",
+  "swissqrcode",
+  "symbol",
+  "telepen",
+  "telepennumeric",
+  "ultracode",
+  "upca",
+  "upcacomposite",
+  "upce",
+  "upcecomposite"
+];
+var e0 = defineOperationApp({
+  id: "ttabarcode",
+  name: "TTA generate barcode",
+  icon: "box",
+  description: "Generate a barcode trough Text to anything!",
+  overview: ({ barcodeContent }) => [
+    {
+      label: "barcode content",
+      text: barcodeContent
+    }
+  ],
+  options: [
+    {
+      field: "barcodeContent",
+      name: "content",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "barcodeType",
+      name: "type",
+      type: "dropdown",
+      meta: {
+        interface: "select-dropdown",
+        options: {
+          choices: types.map((e) => ({ text: e, value: e }))
+        }
+      }
+    },
+    {
+      field: "scale",
+      name: "scale",
+      type: "number",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "height",
+      name: "height",
+      type: "number",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "includetext",
+      name: "include text",
+      type: "boolean",
+      meta: {
+        width: "full",
+        interface: "boolean"
+      }
+    }
+  ]
+});
+
+var e1 = defineOperationApp({
+  id: "ttapdf",
+  name: "TTA generate PDF",
+  icon: "box",
+  description: "Generate a PDF trough Text to anything!",
+  overview: ({ filename }) => [
+    {
+      label: "File name",
+      text: filename
+    }
+  ],
+  options: [
+    {
+      field: "filename",
+      name: "File name",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "pdfoptions",
+      name: "Options",
+      type: "json",
+      meta: {
+        width: "full",
+        interface: "input-code",
+        options: {
+          language: "json",
+          placeholder: JSON.stringify(
+            {
+              html: "<h1>Hello world!</h1>",
+              format: "A4",
+              landscape: false,
+              margin: 10,
+              marginRight: 5,
+              marginLeft: 5
+            },
+            null,
+            2
+          ),
+          template: JSON.stringify(
+            {
+              html: "<h1>Hello world!</h1>",
+              format: "A4",
+              landscape: false,
+              margin: 10,
+              marginRight: 5,
+              marginLeft: 5
+            },
+            null,
+            2
+          )
+        }
+      }
+    }
+  ]
+});
+
+var e2 = defineOperationApp({
+  id: "ttapdftemplate",
+  name: "TTA generate PDF from template",
+  icon: "box",
+  description: "Generate a PDF based on a template trough Text to anything!",
+  overview: ({ filename }) => [
+    {
+      label: "File name",
+      text: filename
+    }
+  ],
+  options: [
+    {
+      field: "filename",
+      name: "File name",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "template",
+      name: "Template",
+      type: "string",
+      meta: {
+        interface: "TTA-pdf-template-selector",
+        options: {}
+      }
+    },
+    {
+      field: "templatevariables",
+      name: "Template variables",
+      type: "json",
+      meta: {
+        width: "full",
+        interface: "input-code",
+        options: {
+          language: "json"
+        }
+      }
+    }
+  ]
+});
+
+var e3 = defineOperationApp({
+  id: "ttaqrcode",
+  name: "TTA generate QRcode",
+  icon: "box",
+  description: "Generate a QRcode trough Text to anything!",
+  overview: ({ content }) => [
+    {
+      label: "QRCode content",
+      text: content
+    }
+  ],
+  options: [
+    {
+      field: "content",
+      name: "QRCode content",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "lightColor",
+      name: "Light color",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "darkColor",
+      name: "Dark color",
+      type: "string",
+      meta: {
+        width: "full",
+        interface: "input"
+      }
+    },
+    {
+      field: "margin",
+      name: "Margin",
+      type: "integer",
+      meta: {
+        width: "half",
+        interface: "input"
+      }
+    },
+    {
+      field: "width",
+      name: "Width",
+      type: "integer",
+      meta: {
+        width: "half",
+        interface: "input"
+      }
+    }
+  ]
+});
+
+const tagName = String.raw`[A-Za-z][^/\s>]*`;
+
+// Preserve strings in templates and such
+// Avoid apostrophes and unintentional captures
+const doubleQuotedString = String.raw`(?<!\w)"(?:\\[^<>\n]|[^\\"<>\n])*"(?!\w)`;
+const singleQuotedString = String.raw`(?<!\w)'(?:\\[^<>\n]|[^\\'<>\n])*'(?!\w)`;
+const quotedString = String.raw`${doubleQuotedString}|${singleQuotedString}`;
+
+const quotedAttrValue = String.raw`"(?<quotedAttrValue>[^"]*)"`;
+const singleQuotedAttrValue = String.raw`'(?<singleQuotedAttrValue>[^']*)'`;
+// https://mothereff.in/unquoted-attributes
+const unquotedAttrValue = String.raw`(?<unquotedAttrValue>[^\s"'\`=<>]+)`;
+
+const attrName = String.raw`[^=\s>/"']+(?=[=>\s]|$)`;
+const attrValue = String.raw`${quotedAttrValue}|${singleQuotedAttrValue}|${unquotedAttrValue}`;
+const attrNameValue = String.raw`(?<attrName>${attrName})(?:\s*=\s*(?:${attrValue}))?`;
+
+// Make sure not to swallow the closing slash if one exists
+const attrText = String.raw`${quotedString}|[^\s>]*[^\s>/]|[^\s>]*/(?!\s*>)`;
+
+const attr = String.raw`(?<attrSpace>\s*)(?:${attrNameValue}|(?<attrText>${attrText}))`;
+
+const tokens = {
+  comment: String.raw`<!--.*?-->`,
+  dtd: String.raw`<![^>]+>`,
+  startTag: String.raw`<(?<startTagName>${tagName})(?<attrs>(?:${attr})*)\s*(?<closingSlash>/?)\s*>`,
+  endTag: String.raw`</(?<endTagName>${tagName})\s*>`,
+  space: String.raw`\s+`,
+  text: String.raw`[^<\s"']+|${quotedString}|['"]`,
+  wildcard: String.raw`.`,
+};
+
+const grammar = Object.entries(tokens)
+  .map(([k, v]) => `(?<${k}>${v})`)
+  .join("|");
+
+/**
+ *
+ * @param {RegExp} lexer
+ * @param {string} s
+ */
+function* getTokens(lexer, s) {
+  let res;
+  let { lastIndex } = lexer;
+  while ((res = lexer.exec(s))) {
+    yield /** @type {RegExpExecArray & { groups: Record<string, string> }} */ (
+      res
+    );
+    ({ lastIndex } = lexer);
+  }
+  if (lastIndex != s.length) throw new Error("Failed to parse string");
+}
+
+const voidTags = new Set([
+  "area",
+  "base",
+  "basefont",
+  "bgsound",
+  "br",
+  "col",
+  "command",
+  "embed",
+  "frame",
+  "hr",
+  "image",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr",
+]);
+
+function format(/** @type {string} */ html, indent = "  ", width = 80) {
+  const lexer = new RegExp(grammar, "gys");
+  const attrLexer = new RegExp(attr, "gy");
+
+  /** @type {string[]} */
+  const output = [];
+
+  /** @type {string | null} */
+  let specialElement = null;
+  let level = 0;
+
+  let lineLength = 0;
+  let span = "";
+  let spanLevel = 0;
+  let lastSpace = "";
+
+  const flushOutput = () => {
+    if (lastSpace && lastSpace != "\n") {
+      const newline = span.indexOf("\n");
+      const len = newline == -1 ? span.length : newline;
+      if (lineLength + lastSpace.length + len > width) lastSpace = "\n";
+    }
+
+    const ind = lastSpace == "\n" && span ? indent.repeat(spanLevel) : "";
+    const out = `${lastSpace}${ind}${span}`;
+
+    if (out) {
+      const pos = out.lastIndexOf("\n");
+      if (pos == -1) lineLength += out.length;
+      else lineLength = out.length - pos - 1;
+      output.push(out);
+    }
+
+    span = lastSpace = "";
+  };
+
+  const addOutput = (/** @type {string[]} */ ...args) => {
+    for (const s of args) {
+      if (!specialElement && /^\s+$/.test(s)) {
+        flushOutput();
+        lastSpace = s;
+      } else {
+        if (!span) spanLevel = level;
+        span += s;
+      }
+    }
+  };
+
+  for (const token of getTokens(lexer, html)) {
+    // For testing
+    if (/** @type {any} */ (format).__strict && token.groups.wildcard)
+      throw new Error("Unexpected wildcard");
+
+    if (token.groups.endTag) {
+      const tagName = token.groups.endTagName.toLowerCase();
+      if (tagName == specialElement) specialElement = null;
+      if (!specialElement) {
+        --level;
+        addOutput(`</${tagName}>`);
+      }
+    }
+
+    if (!specialElement) {
+      if (token.groups.space) {
+        addOutput(...(token[0].match(/\n/g)?.slice(0, 2) ?? [" "]));
+      } else if (
+        token.groups.comment ||
+        token.groups.dtd ||
+        token.groups.text ||
+        token.groups.wildcard
+      ) {
+        addOutput(token[0]);
+      } else if (token.groups.startTag) {
+        const tagName = token.groups.startTagName.toLowerCase();
+
+        addOutput(`<${tagName}`);
+
+        ++level;
+
+        if (token.groups.attrs) {
+          let { lastIndex } = attrLexer;
+          let attrToken;
+          let lastToken;
+          while (
+            (attrToken =
+              /** @type {RegExpExecArray & { groups: Record<string, string> }} */ (
+                attrLexer.exec(token.groups.attrs)
+              ))
+          ) {
+            ({ lastIndex } = attrLexer);
+
+            // For testing
+            if (
+              /** @type {any} */ (format).__strict &&
+              attrToken.groups.attrText
+            )
+              throw new Error("Unexpected attr text");
+
+            if (attrToken.groups.attrText) {
+              if (attrToken.groups.attrSpace)
+                addOutput(/\n/.test(attrToken.groups.attrSpace) ? "\n" : " ");
+              addOutput(attrToken.groups.attrText);
+            } else {
+              if (attrToken.groups.attrSpace || !lastToken?.groups.attrText)
+                addOutput(/\n/.test(attrToken.groups.attrSpace) ? "\n" : " ");
+              addOutput(
+                `${attrToken.groups.attrName}${
+                  attrToken.groups.quotedAttrValue
+                    ? `="${attrToken.groups.quotedAttrValue}"`
+                    : attrToken.groups.singleQuotedAttrValue
+                    ? `='${attrToken.groups.singleQuotedAttrValue}'`
+                    : attrToken.groups.unquotedAttrValue
+                    ? `=${attrToken.groups.unquotedAttrValue}`
+                    : ""
+                }`
+              );
+            }
+
+            lastToken = attrToken;
+          }
+          if (lastIndex != token.groups.attrs.length)
+            throw new Error("Failed to parse attributes");
+        }
+
+        const hasClosingSlash = Boolean(token.groups.closingSlash);
+
+        addOutput(hasClosingSlash ? " />" : ">");
+
+        if (hasClosingSlash || voidTags.has(tagName)) --level;
+        else if (["pre", "textarea", "script", "style"].includes(tagName))
+          specialElement = tagName;
+      }
+    } else addOutput(token[0]);
+  }
+
+  // Flush remaining output
+  flushOutput();
+
+  let newline = false;
+  while (/^\s+$/.test(output[output.length - 1])) {
+    const last = /** @type {string} */ (output.pop());
+    if (/\n/.test(last)) newline = true;
+  }
+
+  if (newline) output.push("\n");
+
+  return output.join("");
+}
+
+format.default = format;
+var htmlFormat = format;
+
+function render(_ctx, _cache) {
+  const _component_v_icon = resolveComponent("v-icon");
+  const _component_v_list_item_icon = resolveComponent("v-list-item-icon");
+  const _component_v_text_overflow = resolveComponent("v-text-overflow");
+  const _component_v_list_item_content = resolveComponent("v-list-item-content");
+  const _component_v_list_item = resolveComponent("v-list-item");
+  const _component_v_list = resolveComponent("v-list");
+
+  return (openBlock(), createBlock(_component_v_list, { nav: "" }, {
+    default: withCtx(() => [
+      createVNode(_component_v_list_item, { to: "/tta_settings/templates" }, {
+        default: withCtx(() => [
+          createVNode(_component_v_list_item_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_v_icon, { name: "code" })
+            ]),
+            _: 1 /* STABLE */
+          }),
+          createVNode(_component_v_list_item_content, null, {
+            default: withCtx(() => [
+              createVNode(_component_v_text_overflow, { text: "Templates" })
+            ]),
+            _: 1 /* STABLE */
+          })
+        ]),
+        _: 1 /* STABLE */
+      }),
+      createVNode(_component_v_list_item, { to: "/tta_settings/settings" }, {
+        default: withCtx(() => [
+          createVNode(_component_v_list_item_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_v_icon, { name: "settings" })
+            ]),
+            _: 1 /* STABLE */
+          }),
+          createVNode(_component_v_list_item_content, null, {
+            default: withCtx(() => [
+              createVNode(_component_v_text_overflow, { text: "Settings" })
+            ]),
+            _: 1 /* STABLE */
+          })
+        ]),
+        _: 1 /* STABLE */
+      }),
+      createCommentVNode(" <v-list-item to=\"/tta_settings/usage\">\n      <v-list-item-icon><v-icon name=\"bar_chart\" /></v-list-item-icon>\n      <v-list-item-content>\n        <v-text-overflow text=\"Usage\" />\n      </v-list-item-content>\n    </v-list-item> ")
+    ]),
+    _: 1 /* STABLE */
+  }))
+}
+
+const script$4 = {};
+
+
+script$4.render = render;
+script$4.__file = "settingsmodule/src/TTAnav.vue";
+
+const _hoisted_1$1 = {
+  key: 0,
+  class: "TTA-popup"
+};
+const _hoisted_2$1 = { class: "TTA-toolbar" };
+const _hoisted_3 = { class: "right-side" };
+const _hoisted_4 = { class: "setwidth" };
+const _hoisted_5 = { class: "TTA-action" };
+const _hoisted_6 = { class: "TTA-wapper" };
+const _hoisted_7 = { id: "partSelect" };
+const _hoisted_8 = ["src"];
+var script$3 = /* @__PURE__ */ defineComponent({
+  __name: "templates",
+  setup(__props) {
+    const templates = ref([]), templateDetails = ref(false), editTemplate = ref(false), currentPart = ref("Body");
+    const widthPartition = ref(50);
+    const previewWidth = computed(() => {
+      return 100 - widthPartition.value;
+    });
+    const editorWidth = computed(() => {
+      return 100 - previewWidth.value;
+    });
+    const currentHTML = computed(() => {
+      if (currentPart.value == "Header")
+        return currentTemplate.value.header;
+      if (currentPart.value == "Body")
+        return currentTemplate.value.template;
+      return currentTemplate.value.footer;
+    });
+    function changeHTML(html) {
+      if (currentPart.value == "Header")
+        currentTemplate.value.header = html;
+      else if (currentPart.value == "Body")
+        currentTemplate.value.template = html;
+      else
+        currentTemplate.value.footer = html;
+    }
+    const api = useApi();
+    const defaultTemplate = {
+      template: "<h1>Hello world!</h1>",
+      id: -1,
+      name: "",
+      description: "",
+      collection: "",
+      format: "A4",
+      orientation: "portrait",
+      header: "<!-- Any content/styling here is seperated from the body on render-->\n<style> \n    #header, #footer { \n        margin: 0 !important; \n        padding: 0 !important; \n        font-size: 9px; \n        -webkit-print-color-adjust: exact;\n    }\n</style>\n<div style='width:100%'>\n    <span class='date'></span>\n    <span class='title' style='float:right'></span>\n</div>",
+      footer: "<!-- Any content/styling here is seperated from the body on render-->\n<style> \n    #header, #footer { \n        margin: 0 !important; \n        padding: 0 !important; \n        font-size: 9px; -webkit-print-color-adjust: exact;\n    }\n</style>\n<div\n  style=\u2018width:100%\u2019>\n  <div style=\u2018float:right\u2019><span\n      class='pageNumber'></span> / <span class='totalPages'></span>\n  </div>\n</div>"
+    };
+    const currentTemplate = ref(structuredClone(defaultTemplate));
+    const { useCollectionsStore } = useStores();
+    const collectionsStore = useCollectionsStore();
+    const collections = computed(() => {
+      return collectionsStore.collections.filter((e) => e.collection != "TTA_htmltemplates").map((e) => ({
+        text: e.name,
+        value: e.collection
+      }));
+    });
+    const computedTemplate = computed(() => {
+      const blob = new Blob(
+        [
+          `<style>
+      .date:before{content: "Date here";font-style: italic; }
+      .title:before{content: "Title here";font-style: italic; }
+      .pageNumber:before{content: "Pagenumber";font-style: italic; }
+      .totalPages:before{content: "Total pages";font-style: italic; }
+      </style>` + (currentTemplate.value.header || "") + (currentTemplate.value.template || "") + (currentTemplate.value.footer || "")
+        ],
+        {
+          type: "text/html"
+        }
+      );
+      const objectUrl = URL.createObjectURL(blob);
+      return objectUrl;
+    });
+    onMounted(async () => {
+      widthPartition.value = parseInt(
+        localStorage.getItem("TTA-widthPartition") || "50"
+      );
+      fetchTemplates();
+    });
+    watch(
+      () => widthPartition.value,
+      (newval) => localStorage.setItem("TTA-widthPartition", newval + "")
+    );
+    async function fetchTemplates() {
+      const getTemplates = await api.get("/items/TTA_htmltemplates", {
+        params: {
+          limit: -1
+        }
+      });
+      templates.value = getTemplates.data.data;
+    }
+    async function saveTemplate() {
+      if (currentTemplate.value.id == -1) {
+        await api.post("/items/TTA_htmltemplates", {
+          ...currentTemplate.value,
+          id: void 0
+        });
+      } else {
+        await api.patch("/items/TTA_htmltemplates/" + currentTemplate.value.id, {
+          ...currentTemplate.value,
+          id: void 0
+        });
+      }
+      templateDetails.value = false;
+      fetchTemplates();
+    }
+    function openTemplate({ item }) {
+      currentTemplate.value = item;
+      editTemplate.value = true;
+    }
+    function closeEditor() {
+      currentTemplate.value = structuredClone(defaultTemplate);
+      editTemplate.value = false;
+    }
+    function alignHTML() {
+      currentTemplate.value.template = htmlFormat(currentTemplate.value.template);
+      currentTemplate.value.footer = htmlFormat(currentTemplate.value.footer);
+      currentTemplate.value.header = htmlFormat(currentTemplate.value.header);
+    }
+    return (_ctx, _cache) => {
+      const _component_v_icon = resolveComponent("v-icon");
+      const _component_v_button = resolveComponent("v-button");
+      const _component_v_card_title = resolveComponent("v-card-title");
+      const _component_v_input = resolveComponent("v-input");
+      const _component_v_list_item_content = resolveComponent("v-list-item-content");
+      const _component_v_list_item = resolveComponent("v-list-item");
+      const _component_v_select = resolveComponent("v-select");
+      const _component_v_list = resolveComponent("v-list");
+      const _component_v_card_text = resolveComponent("v-card-text");
+      const _component_v_card_actions = resolveComponent("v-card-actions");
+      const _component_v_card = resolveComponent("v-card");
+      const _component_v_dialog = resolveComponent("v-dialog");
+      const _component_v_slider = resolveComponent("v-slider");
+      const _component_v_table = resolveComponent("v-table");
+      const _component_private_view = resolveComponent("private-view");
+      return openBlock(), createBlock(_component_private_view, { title: "Templates" }, {
+        navigation: withCtx(() => [
+          createVNode(script$4)
+        ]),
+        actions: withCtx(() => [
+          createVNode(_component_v_button, {
+            rounded: "",
+            icon: "",
+            onClick: _cache[0] || (_cache[0] = ($event) => templateDetails.value = true)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_v_icon, { name: "add" })
+            ]),
+            _: 1
+          }),
+          createVNode(_component_v_dialog, {
+            modelValue: templateDetails.value,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => templateDetails.value = $event),
+            persistent: true
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_v_card, null, {
+                default: withCtx(() => [
+                  createVNode(_component_v_card_title, null, {
+                    default: withCtx(() => [
+                      createTextVNode("Create a new HTML template")
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_v_card_text, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_v_list, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_v_list_item, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_list_item_content, null, {
+                                default: withCtx(() => [
+                                  createVNode(_component_v_input, {
+                                    modelValue: currentTemplate.value.name,
+                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentTemplate.value.name = $event),
+                                    placeholder: "Template name"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_v_list_item, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_list_item_content, null, {
+                                default: withCtx(() => [
+                                  createVNode(_component_v_input, {
+                                    modelValue: currentTemplate.value.description,
+                                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentTemplate.value.description = $event),
+                                    placeholder: "Description"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_v_list_item, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_list_item_content, null, {
+                                default: withCtx(() => [
+                                  createVNode(_component_v_select, {
+                                    modelValue: currentTemplate.value.format,
+                                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => currentTemplate.value.format = $event),
+                                    placeholder: "Size",
+                                    items: [
+                                      "A1",
+                                      "A2",
+                                      "A3",
+                                      "A4",
+                                      "A5",
+                                      "A6",
+                                      "Letter",
+                                      "Legal",
+                                      "Tabloid",
+                                      "Ledger"
+                                    ].map((e) => ({ text: e, value: e }))
+                                  }, null, 8, ["modelValue", "items"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_v_list_item, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_list_item_content, null, {
+                                default: withCtx(() => [
+                                  createVNode(_component_v_select, {
+                                    modelValue: currentTemplate.value.orientation,
+                                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => currentTemplate.value.orientation = $event),
+                                    placeholder: "Orientation",
+                                    items: ["portrait", "landscape"].map((e) => ({
+                                      text: e,
+                                      value: e
+                                    }))
+                                  }, null, 8, ["modelValue", "items"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_v_list_item, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_v_list_item_content, null, {
+                                default: withCtx(() => [
+                                  createVNode(_component_v_select, {
+                                    modelValue: currentTemplate.value.collection,
+                                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentTemplate.value.collection = $event),
+                                    items: unref(collections),
+                                    placeholder: "Collection"
+                                  }, null, 8, ["modelValue", "items"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_v_card_actions, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_v_button, {
+                        secondary: "",
+                        onClick: _cache[6] || (_cache[6] = ($event) => templateDetails.value = false)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_v_button, {
+                        disabled: !currentTemplate.value.collection || !currentTemplate.value.name || !currentTemplate.value.format,
+                        onClick: saveTemplate
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Save ")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        default: withCtx(() => [
+          editTemplate.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2$1, [
+              createElementVNode("div", {
+                onClick: _cache[8] || (_cache[8] = ($event) => templateDetails.value = true),
+                class: "TTA-template-title"
+              }, [
+                createTextVNode(toDisplayString(currentTemplate.value.name) + " ", 1),
+                createVNode(_component_v_icon, { name: "edit" })
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", {
+                  class: "TTA-action",
+                  onClick: alignHTML
+                }, [
+                  createVNode(_component_v_icon, { name: "vertical_align_center" })
+                ]),
+                createElementVNode("div", {
+                  class: "TTA-action",
+                  onClick: saveTemplate
+                }, [
+                  createVNode(_component_v_icon, { name: "save" })
+                ]),
+                createElementVNode("div", _hoisted_4, [
+                  createVNode(_component_v_slider, {
+                    modelValue: widthPartition.value,
+                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => widthPartition.value = $event),
+                    min: 10,
+                    max: 90,
+                    class: "TTA-slider"
+                  }, null, 8, ["modelValue"])
+                ]),
+                createElementVNode("div", _hoisted_5, [
+                  createVNode(_component_v_icon, {
+                    name: "close",
+                    onClick: closeEditor
+                  })
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", {
+                style: normalizeStyle("width: " + unref(editorWidth) + "%"),
+                class: "TTA-editor-wrapper"
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent("interface-input-code"), {
+                  class: "TTA-editor",
+                  value: unref(currentHTML),
+                  language: "htmlmixed",
+                  onInput: changeHTML
+                }, null, 40, ["value"])),
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(_component_v_select, {
+                    modelValue: currentPart.value,
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => currentPart.value = $event),
+                    items: [
+                      { value: "Header", text: "Header" },
+                      { value: "Body", text: "Body" },
+                      { value: "Footer", text: "Footer" }
+                    ]
+                  }, null, 8, ["modelValue"])
+                ])
+              ], 4),
+              createElementVNode("iframe", {
+                class: "TTA-preview",
+                src: unref(computedTemplate),
+                style: normalizeStyle("width: " + unref(previewWidth) + "%")
+              }, null, 12, _hoisted_8)
+            ])
+          ])) : createCommentVNode("v-if", true),
+          createVNode(_component_v_table, {
+            headers: [
+              {
+                text: "Name",
+                value: "name"
+              },
+              {
+                text: "Description",
+                value: "description"
+              },
+              {
+                text: "Collection",
+                value: "collection"
+              },
+              {
+                text: "Format",
+                value: "format"
+              }
+            ],
+            "onClick:row": openTemplate,
+            items: templates.value
+          }, null, 8, ["items"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css$1 = "\n.TTA-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--background-subdued);\n}\n.TTA-toolbar {\n  background-color: var(--background-subdued);\n  display: flex;\n  justify-content: space-between;\n}\n.TTA-toolbar .right-side {\n  display: flex;\n  gap: 5px;\n}\n.TTA-toolbar .TTA-slider {\n  padding-top: 5px;\n}\n.TTA-toolbar .TTA-action {\n  padding: 5px;\n  cursor: pointer;\n}\n.TTA-toolbar .setwidth {\n  display: flex;\n  gap: 10px;\n  padding-top: 6px;\n}\n.TTA-toolbar .TTA-template-title {\n  margin: auto 0;\n  font-size: 18px;\n  cursor: pointer;\n  padding-right: 5px;\n  padding-left: 20px;\n  border-bottom: 1px solid var(--v-list-item-border-color);\n}\n.TTA-toolbar .TTA-template-title i {\n  padding-left: 5px;\n}\n.TTA-wapper {\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n  position: relative;\n}\n.TTA-preview {\n  flex-grow: 1;\n  background-color: white;\n  border: 0;\n}\n.TTA-editor {\n  flex-grow: 1;\n  height: 100%;\n  width: 100%;\n}\n.TTA-wapper .TTA-editor-wrapper {\n  position: relative;\n}\n.TTA-editor > div {\n  height: 100% !important;\n  border-radius: 0 !important;\n}\n.TTA-editor .CodeMirror {\n  height: 100%;\n}\n.TTA-wapper #partSelect {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 200px;\n}\n";
+n(css$1,{});
+
+script$3.__file = "settingsmodule/src/templates.vue";
+
+const _withScopeId = (n) => (pushScopeId("data-v-014dce90"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "px-5" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "field-name" }, "RapidAPI token", -1));
+var script$2 = /* @__PURE__ */ defineComponent({
+  __name: "settings",
+  setup(__props) {
+    const rapidKey = ref("");
+    const saving = ref(false);
+    const api = useApi();
+    const folder = ref([]);
+    onMounted(async () => {
+      const settings = await api.get("/settings");
+      rapidKey.value = settings.data.data.TTA_KEY;
+      const folders = await api.get("/folders");
+      folder.value = folders.data.data.map((e) => ({
+        text: e.name,
+        value: e.id
+      }));
+    });
+    async function saveSettings() {
+      saving.value = true;
+      await api.patch("/settings", {
+        TTA_KEY: rapidKey.value
+      });
+      setTimeout(() => {
+        saving.value = false;
+      }, 500);
+    }
+    return (_ctx, _cache) => {
+      const _component_v_card_title = resolveComponent("v-card-title");
+      const _component_v_input = resolveComponent("v-input");
+      const _component_v_card_text = resolveComponent("v-card-text");
+      const _component_v_icon = resolveComponent("v-icon");
+      const _component_v_button = resolveComponent("v-button");
+      const _component_v_progress_circular = resolveComponent("v-progress-circular");
+      const _component_v_card_actions = resolveComponent("v-card-actions");
+      const _component_v_card = resolveComponent("v-card");
+      const _component_private_view = resolveComponent("private-view");
+      return openBlock(), createBlock(_component_private_view, { title: "Settings" }, {
+        navigation: withCtx(() => [
+          createVNode(script$4)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_v_card, { class: "w-full" }, {
+              default: withCtx(() => [
+                createVNode(_component_v_card_title, null, {
+                  default: withCtx(() => [
+                    createTextVNode("API settings")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_v_card_text, { class: "fields-spacing" }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", null, [
+                      _hoisted_2,
+                      createVNode(_component_v_input, {
+                        modelValue: rapidKey.value,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rapidKey.value = $event)
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_v_card_actions, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_v_button, {
+                      href: "https://rapidapi.com/Attacler/api/text-to-anything",
+                      target: "_blank"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_v_icon, { name: "open_in_new" }),
+                        createTextVNode(" Get RapidAPI token ")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_v_button, {
+                      onClick: saveSettings,
+                      disabled: saving.value
+                    }, {
+                      default: withCtx(() => [
+                        !saving.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          createTextVNode(" Save ")
+                        ], 64)) : (openBlock(), createBlock(_component_v_progress_circular, {
+                          key: 1,
+                          small: true,
+                          indeterminate: ""
+                        }))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+var css = "\n.w-full[data-v-014dce90] {\n  width: 100%;\n}\n.px-5[data-v-014dce90] {\n  padding: 0 2.5rem;\n}\n.fields-spacing[data-v-014dce90] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n";
+n(css,{});
+
+script$2.__scopeId = "data-v-014dce90";
+script$2.__file = "settingsmodule/src/settings.vue";
+
+var script$1 = /* @__PURE__ */ defineComponent({
+  __name: "usage",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_private_view = resolveComponent("private-view");
+      return openBlock(), createBlock(_component_private_view, { title: "Usage" }, {
+        navigation: withCtx(() => [
+          createVNode(script$4)
+        ]),
+        default: withCtx(() => [
+          createTextVNode(" Comming soon! ")
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+script$1.__file = "settingsmodule/src/usage.vue";
+
+var e4 = defineModule({
+  id: "tta_settings",
+  name: "Text to anything settings",
+  icon: "text_fields",
+  routes: [
+    {
+      path: "",
+      redirect: "/tta_settings/templates"
+    },
+    {
+      path: "templates",
+      component: script$3
+    },
+    {
+      path: "settings",
+      component: script$2
+    },
+    {
+      path: "usage",
+      component: script$1
+    }
+  ]
+});
+
+var script = /* @__PURE__ */ defineComponent({
+  __name: "interface",
+  props: ["value"],
+  emits: ["input"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const api = inject("api");
+    const value = ref(""), templates = ref([]);
+    onMounted(async () => {
+      value.value = props.value;
+      watch(
+        () => value.value,
+        (newval, oldval) => {
+          if (newval != oldval) {
+            emit("input", newval);
+          }
+        }
+      );
+      const getTemplates = await api.get("/items/TTA_htmltemplates");
+      templates.value = getTemplates.data.data.map((e) => ({
+        text: e.name,
+        value: e.id
+      }));
+    });
+    return (_ctx, _cache) => {
+      const _component_v_select = resolveComponent("v-select");
+      return openBlock(), createBlock(_component_v_select, {
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        items: templates.value
+      }, null, 8, ["modelValue", "items"]);
+    };
+  }
+});
+
+script.__file = "PDFTemplateSelector/src/interface.vue";
+
+var e5 = defineInterface({
+  id: "TTA-pdf-template-selector",
+  name: "PDF template selector",
+  icon: "box",
+  description: "Selector for a PDF template for Text To Anything",
+  component: script,
+  options: null,
+  types: ["string"]
+});
+
+const interfaces = [e5];const displays = [];const layouts = [];const modules = [e4];const panels = [];const operations = [e0,e1,e2,e3];
+
+export { displays, interfaces, layouts, modules, operations, panels };