element, for example:\"),_c('br'),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"
Welcome to our hotel. Enjoy your stay
\")])])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"v.displaytype\")]),_c('td',[_vm._v(\"Display type: \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"list\")]),_vm._v(\" or \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"thumb\")]),_vm._v(\". Default is \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"list\")])])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"v.logo\")]),_c('td',[_vm._v(\"Path to the \"),_c('a',{attrs:{\"href\":\"#command-uploadfile\"}},[_vm._v(\"temporary file\")]),_vm._v(\" with a logo\")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"v.files\")]),_c('td',[_vm._v(\"Path to the \"),_c('a',{attrs:{\"href\":\"#command-uploadfile\"}},[_vm._v(\"temporary files\")]),_vm._v(\" that will be used on the page. More than one file can be submitted, for example \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"v.files=sample.png&v.files=mypath/file.txt\")]),_vm._v(\"; in case of JSON request the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"v.files\")]),_vm._v(\" parameter value can be an array\"),_c('br'),_c('br'),_vm._v(\" The file name (without extension) will become the description of the file. If you want to change this description, add it after the file name and a semicolon, for example: \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"v.files=file.pdf;Description of the file\")])])])])]},proxy:true}])}),_c('h3',{staticClass:\"text-h6 font-weight-bold mb-3 mt-7\",attrs:{\"id\":\"command-summary\"}},[_vm._v(\"/summary\")]),_c('p',[_vm._v(\"Summary of API key usage, library and temporary files. A valid API key is required, however requests to \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"/summary\")]),_vm._v(\" are not counted towards the API requests limit. \")]),_c('p',[_vm._v(\"Supported methods: \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"GET\")]),_vm._v(\", \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"POST\")]),_vm._v(\". This command does not take any parameters.\")]),_c('p',[_vm._v(\" Example: \"),_c('br'),_c('span',{staticClass:\"fvalue\"},[_vm._v(_vm._s(_vm.apiUrl)+\"/v1/summary?apikey=MYAPIKEY\")]),_c('br'),_vm._v(\" will return a JSON-encoded array with keys \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"apirequests\")]),_vm._v(\", \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"tempfiles\")]),_vm._v(\", \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"library\")]),_vm._v(\". \")]),_c('p',[_vm._v(\" Requests can be performed even when API requests limit is reached but in this case it will only return the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"apirequests\")]),_vm._v(\" section. \")]),_c('h3',{staticClass:\"text-h6 font-weight-bold mb-3 mt-7\",attrs:{\"id\":\"command-uploadfile\"}},[_vm._v(\"/uploadfile\")]),_c('p',[_vm._v(\"Upload file or multiple files to temporary files. A valid API key is required, however requests to \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"/uploadfile\")]),_vm._v(\" are not counted towards the API requests limit.\")]),_c('p',[_vm._v(\"Supported method: \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"POST\")]),_vm._v(\".\")]),_c('v-simple-table',{staticClass:\"apiparamstable\",scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left\"},[_vm._v(\"Parameter\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"Description\")])])]),_c('tbody',[_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"files\")]),_c('td',[_vm._v(\"Destination file name once saved to the temporary files area. Has to be a valid file name (for example, not using special characters like '*', ';', etc). File names may contain paths.\"),_c('br'),_vm._v(\" More than one \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"files\")]),_vm._v(\" parameter can be submitted, for example \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"files=sample.png&files=mypath/file.txt\")]),_vm._v(\"; in case of JSON request the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"files\")]),_vm._v(\" parameter value can be an array\")])])])]},proxy:true}])}),_c('p',[_vm._v(\" The command returns a JSON-encoded array of pre-signed URLs for upload. The URLs are returned in the same order as the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"files\")]),_vm._v(\" parameters.\"),_c('br'),_vm._v(\" The actual files can be uploaded to these URLs using PUT method without any authentication or any other additional headers. The pre-signed URLs will expire in 24 hours. \")]),_c('h3',{staticClass:\"text-h6 font-weight-bold mb-3 mt-7\",attrs:{\"id\":\"command-uploadfiledirect\"}},[_vm._v(\"/uploadfile/{filename}\")]),_c('p',[_vm._v(\"Upload a single small file to the temporary files area in one step. A valid API key is required, however requests to \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"/uploadfile\")]),_vm._v(\" are not counted towards the API requests limit.\")]),_c('p',[_vm._v(\"Supported method: \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"PUT\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Request size to the API endpoint is limited to 10Mb, it is difficult to say what will be the exact maximum size of the uploaded file (because of how file is encoded and request is formed) but it is probably around 5Mb. Use the one-step upload endpoint only for small files.\")]),_c('h3',{staticClass:\"text-h6 font-weight-bold mb-3 mt-7\",attrs:{\"id\":\"command-download\"}},[_vm._v(\"/download\")]),_c('p',[_vm._v(\"Advanced download of one or multiple QR codes that were previously generated. A valid API key is required, however requests to \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"/download\")]),_vm._v(\" are not counted towards the API requests limit.\")]),_c('p',[_vm._v(\"Supported methods: \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"GET\")]),_vm._v(\", \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"POST\")]),_vm._v(\".\")]),_c('v-simple-table',{staticClass:\"apiparamstable\",scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left\"},[_vm._v(\"Parameter\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"Description\")])])]),_c('tbody',[_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"codes\")]),_c('td',[_vm._v(\"Code ids of the already generated QR codes that you want to download. They can be either obtained from the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"x-code-id\")]),_vm._v(\" response headers of the \"),_c('a',{attrs:{\"href\":\"#command-create\"}},[_vm._v(\"/create\")]),_vm._v(\" command or from the web interface.\"),_c('br'),_vm._v(\" More than one \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"codes\")]),_vm._v(\" parameter can be submitted, for example \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"codes=D-222222-33333-yyyyy&codes=S-000000-11111-zzzzz\")]),_vm._v(\"; in case of JSON request the \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"codes\")]),_vm._v(\" parameter value can be an array.\")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"format\")]),_c('td',[_vm._v(\"Format of the output file - \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"png\")]),_vm._v(\", \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"pdf\")]),_vm._v(\", \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"ps\")]),_vm._v(\", or \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"svg\")]),_vm._v(\". Default is \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"png\")]),_c('br'),_c('br'),_vm._v(\" Note that only PDF (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"pdf\")]),_vm._v(\") and PostScript (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"ps\")]),_vm._v(\") file formats can contain more than one page.\"),_c('br'),_vm._v(\" If more than one page is generated and the specified format was \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"png\")]),_vm._v(\" or \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"svg\")]),_vm._v(\" then a \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"zip\")]),_vm._v(\" archive will be returned.\")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"width\"),_c('br'),_vm._v(\"height\"),_c('br'),_vm._v(\"size\")]),_c('td',[_vm._v(\" Specify either \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"width\")]),_vm._v(\" or \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"height\")]),_vm._v(\" of each code (parameter \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"size\")]),_vm._v(\" is treated as a minimum of width or height).\"),_c('br'),_vm._v(\" The dimension can be specified in pixels (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"px\")]),_vm._v(\"), millimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"mm\")]),_vm._v(\"), centimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"cm\")]),_vm._v(\"), or inches (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"in\")]),_vm._v(\"). When the dimension is only a number, pixels are assumed.\"),_c('br'),_vm._v(\" When neither is specified the default will be \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"size=640px\")]),_vm._v(\". \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"dpi\")]),_c('td',[_vm._v(\"\\\"Dots per inch\\\" (or \\\"pixels per inch\\\") ratio. This is necessary for generating PDF and PostScript files and can also be used for PNG/SVG images to convert dimensions to pixels. \"),_c('br'),_vm._v(\" The default is \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"150\")]),_vm._v(\" pixels per inch which is an equivalent to about 59 pixels per centimeter. This is considered a low resolution.\"),_c('br'),_vm._v(\" Medium-resolution images have between 200-300 dpi. The industry standard for quality images is typically 300 dpi.\"),_c('br'),_vm._v(\" Most businesses consider 600 dpi and higher to be a high-resolution image or print. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"bgcolor\")]),_c('td',[_vm._v(\" Page background color, by default \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"transparent\")]),_vm._v(\".\"),_c('br'),_vm._v(\" The value can be in one of the following formats: RGB hex (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"#00ff00\")]),_vm._v(\"); RGBA hex (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"#ff000080\")]),_vm._v(\"); RGB (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"rgb(214, 122, 127)\")]),_vm._v(\"); RGBA (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"rgba(34, 12, 64, 0.6)\")]),_vm._v(\"); color keyword (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"white\")]),_vm._v(\").\"),_c('br'),_c('br'),_vm._v(\" This parameter defines the background of the page. If the QR codes already have non-transparent background, the page background will not be visible. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"paperwidth\"),_c('br'),_vm._v(\"paperheight\")]),_c('td',[_vm._v(\" Width and height of the page.\"),_c('br'),_vm._v(\" Each dimension can be specified in pixels (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"px\")]),_vm._v(\"), millimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"mm\")]),_vm._v(\"), centimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"cm\")]),_vm._v(\"), or inches (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"in\")]),_vm._v(\"). When the dimension is only a number, pixels are assumed.\"),_c('br'),_vm._v(\" For example, for A4 specify \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"paperwidth=210mm&paperheight=297mm\")]),_vm._v(\", for Letter \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"paperwidth=8.5in&paperheight=11in\")]),_vm._v(\".\"),_c('br'),_c('br'),_vm._v(\" When not specified, each QR code will be printed once per page and the page will have exactly the same size as the code. All other parameters below will be ignored. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"marginleft\"),_c('br'),_vm._v(\"margintop\"),_c('br'),_vm._v(\"marginright\"),_c('br'),_vm._v(\"marginbottom\")]),_c('td',[_vm._v(\" Respective page margins.\"),_c('br'),_vm._v(\" Each dimension can be specified in pixels (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"px\")]),_vm._v(\"), millimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"mm\")]),_vm._v(\"), centimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"cm\")]),_vm._v(\"), or inches (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"in\")]),_vm._v(\"). When the dimension is only a number, pixels are assumed.\"),_c('br'),_c('br'),_vm._v(\" These parameters are ignored if \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperwidth\")]),_vm._v(\" and \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperheight\")]),_vm._v(\" are not set. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"repeat\")]),_c('td',[_vm._v(\" How many times to repeat each QR code. Default is \"),_c('span',{staticClass:\"fvaluedefault\"},[_vm._v(\"1\")]),_vm._v(\".\"),_c('br'),_vm._v(\" If set to \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"-1\")]),_vm._v(\" the code will be repeated as many times as possible to fill the whole page.\"),_c('br'),_c('br'),_vm._v(\" This parameter is ignored if \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperwidth\")]),_vm._v(\" and \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperheight\")]),_vm._v(\" are not set. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"spacingx\"),_c('br'),_vm._v(\"spacingy\")]),_c('td',[_vm._v(\" Horizontal and vertical spacing between QR codes on the same page.\"),_c('br'),_vm._v(\" Each dimension can be specified in pixels (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"px\")]),_vm._v(\"), millimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"mm\")]),_vm._v(\"), centimeters (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"cm\")]),_vm._v(\"), or inches (\"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"in\")]),_vm._v(\"). When the dimension is only a number, pixels are assumed.\"),_c('br'),_c('br'),_vm._v(\" These parameters are ignored if \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperwidth\")]),_vm._v(\" and \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperheight\")]),_vm._v(\" are not set. They also do not have any effect if there is only one code without repeats or one code on each page. \")])]),_c('tr',[_c('td',{staticClass:\"black--text font-weight-bold\"},[_vm._v(\"showcutlines\")]),_c('td',[_vm._v(\" Display crop lines on the margins, by default do not display. Set to \"),_c('span',{staticClass:\"fvalue\"},[_vm._v(\"1\")]),_vm._v(\" to enable.\"),_c('br'),_c('br'),_vm._v(\" This parameter is ignored if \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperwidth\")]),_vm._v(\" and \"),_c('span',{staticClass:\"fparam\"},[_vm._v(\"paperheight\")]),_vm._v(\" are not set. Also crop lines will not be visible without margins. \")])])])]},proxy:true}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-3\"},[_c('v-expansion-panels',[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(\"Modify API request parameters\")]),_c('v-expansion-panel-content',[_c('v-form',[_c('div',{staticClass:\"mb-4\"},[_c('v-text-field',{attrs:{\"name\":\"apikey\",\"outlined\":\"\",\"label\":\"Your API key\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"input\":_vm.validateKey},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.validatingKey)?_c('v-progress-circular',{attrs:{\"color\":\"lightgray\",\"size\":\"24\",\"indeterminate\":\"\",\"aria-label\":_vm.$t('app.loading')}}):_c('v-icon',{attrs:{\"color\":_vm.keyvalid ? 'green' : 'red'}},[_vm._v(\" \"+_vm._s(_vm.apikeyValidIcon)+\" \")])]},proxy:true}]),model:{value:(_vm.apikey),callback:function ($$v) {_vm.apikey=$$v},expression:\"apikey\"}})],1),_c('div',{staticClass:\"mb-2\"},[_c('v-text-field',{attrs:{\"name\":\"text\",\"outlined\":\"\",\"label\":\"Text for QR code\",\"dense\":\"\",\"hint\":\"For URLs always include http:// or https://\",\"persistent-hint\":\"\"},model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:\"text\"}})],1),_c('div',{staticClass:\"mb-4\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.formats,\"label\":\"Format\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.format),callback:function ($$v) {_vm.format=$$v},expression:\"format\"}})],1),_c('div',{staticClass:\"mb-4\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.sizes,\"label\":\"Size\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.size),callback:function ($$v) {_vm.size=$$v},expression:\"size\"}})],1),(_vm.size==='custom')?_c('v-row',[_c('v-col',{staticClass:\"pl-0 py-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Size (number)\",\"dense\":\"\",\"type\":\"number\",\"step\":0.01,\"hide-details\":\"\"},model:{value:(_vm.sizenum),callback:function ($$v) {_vm.sizenum=$$v},expression:\"sizenum\"}})],1),_c('v-col',{staticClass:\"py-0\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"label\":\"Size (units)\",\"dense\":\"\",\"items\":_vm.units,\"hide-details\":\"\"},model:{value:(_vm.sizeunit),callback:function ($$v) {_vm.sizeunit=$$v},expression:\"sizeunit\"}})],1),_c('v-col',{staticClass:\"pr-0 py-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"DPI\",\"dense\":\"\",\"type\":\"number\",\"hide-details\":\"\"},model:{value:(_vm.dpi),callback:function ($$v) {_vm.dpi=$$v},expression:\"dpi\"}})],1)],1):_vm._e(),(_vm.keyvalid)?_c('div',[_c('p',{staticClass:\"keyvalid\"},[_c('small',[_vm._v(\"Your API key is valid. We have performed a request to \"),_c('a',{staticClass:\"smfm-externallink smfm-externallink-small\",attrs:{\"href\":_vm.summaryUrl,\"target\":\"_blank\"},on:{\"click\":_vm.openWarningDialog2}},[_vm._v(\"/summary\")]),_vm._v(\" to retrieve the list of presets, templates and logos available in your account. \")])]),_c('div',{staticClass:\"mb-4\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.userPresets,\"label\":\"Preset\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"change\":_vm.presetUpdated},model:{value:(_vm.preset),callback:function ($$v) {_vm.preset=$$v},expression:\"preset\"}})],1),_c('div',{staticClass:\"mb-4\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.userTemplates,\"label\":\"Template\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"change\":_vm.templateUpdated},model:{value:(_vm.template),callback:function ($$v) {_vm.template=$$v},expression:\"template\"}})],1),_c('div',{staticClass:\"mb-4\"},[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.userLogos,\"label\":\"Logo\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.logo),callback:function ($$v) {_vm.logo=$$v},expression:\"logo\"}})],1),_vm._l((_vm.captionFields),function(f,idx){return _c('v-row',{key:(\"cap-\" + idx + \"-\" + (f.name)),staticClass:\"mb-4\"},[_c('v-col',{staticClass:\"pl-0 py-0\",attrs:{\"cols\":\"7\"}},[_c('v-text-field',{attrs:{\"label\":f.name,\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"input\":_vm.forceUpdateUrl},model:{value:(_vm.captions[f.name]),callback:function ($$v) {_vm.$set(_vm.captions, f.name, $$v)},expression:\"captions[f.name]\"}})],1),_c('v-col',{staticClass:\"py-0 pr-0\",attrs:{\"cols\":\"5\"}},[(f.namefontsize)?_c('v-text-field',{attrs:{\"label\":f.namefontsize,\"type\":\"number\",\"suffix\":\"%\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"input\":_vm.forceUpdateUrl},model:{value:(_vm.captions[f.namefontsize]),callback:function ($$v) {_vm.$set(_vm.captions, f.namefontsize, $$v)},expression:\"captions[f.namefontsize]\"}}):_vm._e()],1)],1)})],2):_c('div',[_c('p',{staticClass:\"keyinvalid\"},[_c('small',[_vm._v(\"Enter your actual API key in this form to see more parameters\")])])])],1)],1)],1)],1),_c('v-card',{staticClass:\"d-flex mt-3\",attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-card',{staticClass:\"flex-grow-1\",attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('div',{staticClass:\"pa-2 fvalue\",staticStyle:{\"min-height\":\"48px\"},domProps:{\"innerHTML\":_vm._s(_vm.url)}})]),_c('v-card',{staticClass:\"ml-auto flex-grow-0 flex-shrink-1\",attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('copy-to-clipboard',{attrs:{\"value\":_vm.url}})],1)],1),(_vm.keyvalid)?_c('p',[_c('small',[_c('a',{staticClass:\"smfm-externallink smfm-externallink-small\",attrs:{\"href\":_vm.url,\"target\":\"_blank\"},on:{\"click\":_vm.openWarningDialog1}},[_vm._v(\"Open this URL\")]),_vm._v(\" in your browser to generate and download QR code. \")])]):_vm._e(),_c('div',{staticClass:\"mt-4\"}),_c('simple-dialog',{ref:\"dialog1\",attrs:{\"header\":\"Security warning\",\"no-title\":true},on:{\"save\":function($event){return _vm.proceedToUrl(_vm.url)}},scopedSlots:_vm._u([{key:\"buttons\",fn:function(ref){\nvar save = ref.save;\nreturn [_c('v-btn',{staticClass:\"smfm-primary-btn smfm-lg-btn\",on:{\"click\":save}},[_vm._v(\"Proceed\")])]}}])},[_c('p',[_vm._v(\"You are about to open \"),_c('strong',[_vm._v(_vm._s(_vm.url))]),_vm._v(\" in your browser. This URL will be stored in the browser history and other people may be able to see your API key which is a part of this URL.\")]),_c('p',[_c('strong',[_vm._v(\"Make sure you are not using a public computer!\")]),_vm._v(\" Alternatively, you can right click the link and select \\\"Open link in incognito window\\\".\")]),_c('p',[_vm._v(\"Your account has a limit of requests to the \"),_c('strong',[_vm._v(\"/create\")]),_vm._v(\" endpoint. Every time you access this URL it will increase the counter.\")])]),_c('simple-dialog',{ref:\"dialog2\",attrs:{\"header\":\"Security warning\",\"title\":\"Security warning\"},on:{\"save\":function($event){return _vm.proceedToUrl(_vm.summaryUrl)}},scopedSlots:_vm._u([{key:\"buttons\",fn:function(ref){\nvar save = ref.save;\nreturn [_c('v-btn',{staticClass:\"smfm-primary-btn smfm-lg-btn\",on:{\"click\":save}},[_vm._v(\"Proceed\")])]}}])},[_c('p',[_vm._v(\"You are about to open \"),_c('strong',[_vm._v(_vm._s(_vm.summaryUrl))]),_vm._v(\" in your browser. This URL will be stored in the browser history and other people may be able to see your API key which is a part of this URL.\")]),_c('p',[_c('strong',[_vm._v(\"Make sure you are not using a public computer!\")]),_vm._v(\" Alternatively, you can right click the link and select \\\"Open link in incognito window\\\".\")]),_c('p',[_vm._v(\" Requests to the \"),_c('strong',[_vm._v(\"/summary\")]),_vm._v(\" endpoint are not billed.\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"icon\":\"\"},on:{\"click\":_vm.copy}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(_vm._s(_vm.iconCopy))])],1)]}}])},[_c('span',[_vm._v(_vm._s(_vm.$t('pro.copytoclipboard')))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\n \n \n \n {{iconCopy}}\n \n \n {{$t('pro.copytoclipboard')}}\n \n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyToClipboard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyToClipboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CopyToClipboard.vue?vue&type=template&id=63404c4e&\"\nimport script from \"./CopyToClipboard.vue?vue&type=script&lang=js&\"\nexport * from \"./CopyToClipboard.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VIcon,VTooltip})\n","
\n \n
\n \n Modify API request parameters\n \n \n \n \n \n \n \n {{ apikeyValidIcon }}\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
Your API key is valid.\n We have performed a request to\n /summary\n to retrieve the list of\n presets, templates and logos available in your account.\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n \n \n \n \n \n\n
\n
Enter your actual API key in this form to see more parameters
\n
\n\n
\n \n \n \n \n \n\n
\n Open this URL\n in your browser to generate and download QR code.\n \n
\n
\n\n
\n You are about to open {{ url }} in your browser. This URL will be stored in the browser history\n and other people may be able to see your API key which is a part of this URL.
\n\n Make sure you are not using a public computer! Alternatively, you can right click the\n link and select \"Open link in incognito window\".
\n\n Your account has a limit of requests to the /create endpoint. Every time you access\n this URL it will increase the counter.
\n \n Proceed\n \n \n\n
\n You are about to open {{ summaryUrl }} in your browser. This URL will be stored in the browser history\n and other people may be able to see your API key which is a part of this URL.
\n\n Make sure you are not using a public computer! Alternatively, you can right click the\n link and select \"Open link in incognito window\".
\n\n Requests to the /summary endpoint are not billed.
\n\n \n Proceed\n \n \n\n\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutApiExample.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutApiExample.vue?vue&type=script&lang=js&\"","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n Colorable,\n Sizeable,\n Routable,\n Themeable,\n GroupableFactory('chipGroup'),\n ToggleableFactory('inputValue')\n).extend({\n name: 'v-chip',\n\n props: {\n active: {\n type: Boolean,\n default: true,\n },\n activeClass: {\n type: String,\n default (): string | undefined {\n if (!this.chipGroup) return ''\n\n return this.chipGroup.activeClass\n },\n } as any as PropValidator
,\n close: Boolean,\n closeIcon: {\n type: String,\n default: '$delete',\n },\n closeLabel: {\n type: String,\n default: '$vuetify.close',\n },\n disabled: Boolean,\n draggable: Boolean,\n filter: Boolean,\n filterIcon: {\n type: String,\n default: '$complete',\n },\n label: Boolean,\n link: Boolean,\n outlined: Boolean,\n pill: Boolean,\n tag: {\n type: String,\n default: 'span',\n },\n textColor: String,\n value: null as any as PropType,\n },\n\n data: () => ({\n proxyClass: 'v-chip--active',\n }),\n\n computed: {\n classes (): object {\n return {\n 'v-chip': true,\n ...Routable.options.computed.classes.call(this),\n 'v-chip--clickable': this.isClickable,\n 'v-chip--disabled': this.disabled,\n 'v-chip--draggable': this.draggable,\n 'v-chip--label': this.label,\n 'v-chip--link': this.isLink,\n 'v-chip--no-color': !this.color,\n 'v-chip--outlined': this.outlined,\n 'v-chip--pill': this.pill,\n 'v-chip--removable': this.hasClose,\n ...this.themeClasses,\n ...this.sizeableClasses,\n ...this.groupClasses,\n }\n },\n hasClose (): boolean {\n return Boolean(this.close)\n },\n isClickable (): boolean {\n return Boolean(\n Routable.options.computed.isClickable.call(this) ||\n this.chipGroup\n )\n },\n },\n\n created () {\n const breakingProps = [\n ['outline', 'outlined'],\n ['selected', 'input-value'],\n ['value', 'active'],\n ['@input', '@active.sync'],\n ]\n\n /* istanbul ignore next */\n breakingProps.forEach(([original, replacement]) => {\n if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n })\n },\n\n methods: {\n click (e: MouseEvent): void {\n this.$emit('click', e)\n\n this.chipGroup && this.toggle()\n },\n genFilter (): VNode {\n const children = []\n\n if (this.isActive) {\n children.push(\n this.$createElement(VIcon, {\n staticClass: 'v-chip__filter',\n props: { left: true },\n }, this.filterIcon)\n )\n }\n\n return this.$createElement(VExpandXTransition, children)\n },\n genClose (): VNode {\n return this.$createElement(VIcon, {\n staticClass: 'v-chip__close',\n props: {\n right: true,\n size: 18,\n },\n attrs: {\n 'aria-label': this.$vuetify.lang.t(this.closeLabel),\n },\n on: {\n click: (e: Event) => {\n e.stopPropagation()\n e.preventDefault()\n\n this.$emit('click:close')\n this.$emit('update:active', false)\n },\n },\n }, this.closeIcon)\n },\n genContent (): VNode {\n return this.$createElement('span', {\n staticClass: 'v-chip__content',\n }, [\n this.filter && this.genFilter(),\n this.$slots.default,\n this.hasClose && this.genClose(),\n ])\n },\n },\n\n render (h): VNode {\n const children = [this.genContent()]\n let { tag, data } = this.generateRouteLink()\n\n data.attrs = {\n ...data.attrs,\n draggable: this.draggable ? 'true' : undefined,\n tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n }\n data.directives!.push({\n name: 'show',\n value: this.active,\n })\n data = this.setBackgroundColor(this.color, data)\n\n const color = this.textColor || (this.outlined && this.color)\n\n return h(tag, this.setTextColor(color, data), children)\n },\n})\n","import VChip from './VChip'\n\nexport { VChip }\nexport default VChip\n","import './VSimpleCheckbox.sass'\n\nimport ripple from '../../directives/ripple'\n\nimport Vue, { VNode, VNodeDirective } from 'vue'\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default Vue.extend({\n name: 'v-simple-checkbox',\n\n functional: true,\n\n directives: {\n ripple,\n },\n\n props: {\n ...Colorable.options.props,\n ...Themeable.options.props,\n disabled: Boolean,\n ripple: {\n type: Boolean,\n default: true,\n },\n value: Boolean,\n indeterminate: Boolean,\n indeterminateIcon: {\n type: String,\n default: '$checkboxIndeterminate',\n },\n onIcon: {\n type: String,\n default: '$checkboxOn',\n },\n offIcon: {\n type: String,\n default: '$checkboxOff',\n },\n },\n\n render (h, { props, data, listeners }): VNode {\n const children = []\n let icon = props.offIcon\n if (props.indeterminate) icon = props.indeterminateIcon\n else if (props.value) icon = props.onIcon\n\n children.push(h(VIcon, Colorable.options.methods.setTextColor(props.value && props.color, {\n props: {\n disabled: props.disabled,\n dark: props.dark,\n light: props.light,\n },\n }), icon))\n\n if (props.ripple && !props.disabled) {\n const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {\n staticClass: 'v-input--selection-controls__ripple',\n directives: [{\n name: 'ripple',\n value: { center: true },\n }] as VNodeDirective[],\n }))\n\n children.push(ripple)\n }\n\n return h('div',\n mergeData(data, {\n class: {\n 'v-simple-checkbox': true,\n 'v-simple-checkbox--disabled': props.disabled,\n },\n on: {\n click: (e: MouseEvent) => {\n e.stopPropagation()\n\n if (data.on && data.on.input && !props.disabled) {\n wrapInArray(data.on.input).forEach(f => f(!props.value))\n }\n },\n },\n }), [\n h('div', { staticClass: 'v-input--selection-controls__input' }, children),\n ])\n },\n})\n","// Styles\nimport './VDivider.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n name: 'v-divider',\n\n props: {\n inset: Boolean,\n vertical: Boolean,\n },\n\n render (h): VNode {\n // WAI-ARIA attributes\n let orientation\n if (!this.$attrs.role || this.$attrs.role === 'separator') {\n orientation = this.vertical ? 'vertical' : 'horizontal'\n }\n return h('hr', {\n class: {\n 'v-divider': true,\n 'v-divider--inset': this.inset,\n 'v-divider--vertical': this.vertical,\n ...this.themeClasses,\n },\n attrs: {\n role: 'separator',\n 'aria-orientation': orientation,\n ...this.$attrs,\n },\n on: this.$listeners,\n })\n },\n})\n","import VDivider from './VDivider'\n\nexport { VDivider }\nexport default VDivider\n","// Styles\nimport './VSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n Themeable\n /* @vue/component */\n).extend({\n name: 'v-subheader',\n\n props: {\n inset: Boolean,\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-subheader',\n class: {\n 'v-subheader--inset': this.inset,\n ...this.themeClasses,\n },\n attrs: this.$attrs,\n on: this.$listeners,\n }, this.$slots.default)\n },\n})\n","import VSubheader from './VSubheader'\n\nexport { VSubheader }\nexport default VSubheader\n","// Components\nimport VSimpleCheckbox from '../VCheckbox/VSimpleCheckbox'\nimport VDivider from '../VDivider'\nimport VSubheader from '../VSubheader'\nimport {\n VList,\n VListItem,\n VListItemAction,\n VListItemContent,\n VListItemTitle,\n} from '../VList'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport {\n escapeHTML,\n getPropertyFromItem,\n} from '../../util/helpers'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode, PropType, VNodeChildren } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { SelectItemKey } from 'vuetify/types'\n\ntype ListTile = { item: any, disabled?: null | boolean, value?: boolean, index: number };\n\n/* @vue/component */\nexport default mixins(Colorable, Themeable).extend({\n name: 'v-select-list',\n\n // https://github.com/vuejs/vue/issues/6872\n directives: {\n ripple,\n },\n\n props: {\n action: Boolean,\n dense: Boolean,\n hideSelected: Boolean,\n items: {\n type: Array,\n default: () => [],\n } as PropValidator,\n itemDisabled: {\n type: [String, Array, Function] as PropType,\n default: 'disabled',\n },\n itemText: {\n type: [String, Array, Function] as PropType,\n default: 'text',\n },\n itemValue: {\n type: [String, Array, Function] as PropType,\n default: 'value',\n },\n noDataText: String,\n noFilter: Boolean,\n searchInput: null as unknown as PropType,\n selectedItems: {\n type: Array,\n default: () => [],\n } as PropValidator,\n },\n\n computed: {\n parsedItems (): any[] {\n return this.selectedItems.map(item => this.getValue(item))\n },\n tileActiveClass (): string {\n return Object.keys(this.setTextColor(this.color).class || {}).join(' ')\n },\n staticNoDataTile (): VNode {\n const tile = {\n attrs: {\n role: undefined,\n },\n on: {\n mousedown: (e: Event) => e.preventDefault(), // Prevent onBlur from being called\n },\n }\n\n return this.$createElement(VListItem, tile, [\n this.genTileContent(this.noDataText),\n ])\n },\n },\n\n methods: {\n genAction (item: object, inputValue: any): VNode {\n return this.$createElement(VListItemAction, [\n this.$createElement(VSimpleCheckbox, {\n props: {\n color: this.color,\n value: inputValue,\n ripple: false,\n },\n on: {\n input: () => this.$emit('select', item),\n },\n }),\n ])\n },\n genDivider (props: { [key: string]: any }) {\n return this.$createElement(VDivider, { props })\n },\n genFilteredText (text: string) {\n text = text || ''\n\n if (!this.searchInput || this.noFilter) return escapeHTML(text)\n\n const { start, middle, end } = this.getMaskedCharacters(text)\n\n return `${escapeHTML(start)}${this.genHighlight(middle)}${escapeHTML(end)}`\n },\n genHeader (props: { [key: string]: any }): VNode {\n return this.$createElement(VSubheader, { props }, props.header)\n },\n genHighlight (text: string): string {\n return `${escapeHTML(text)}`\n },\n getMaskedCharacters (text: string): {\n start: string\n middle: string\n end: string\n } {\n const searchInput = (this.searchInput || '').toString().toLocaleLowerCase()\n const index = text.toLocaleLowerCase().indexOf(searchInput)\n\n if (index < 0) return { start: text, middle: '', end: '' }\n\n const start = text.slice(0, index)\n const middle = text.slice(index, index + searchInput.length)\n const end = text.slice(index + searchInput.length)\n return { start, middle, end }\n },\n genTile ({\n item,\n index,\n disabled = null,\n value = false,\n }: ListTile): VNode | VNode[] | undefined {\n if (!value) value = this.hasItem(item)\n\n if (item === Object(item)) {\n disabled = disabled !== null\n ? disabled\n : this.getDisabled(item)\n }\n\n const tile = {\n attrs: {\n // Default behavior in list does not\n // contain aria-selected by default\n 'aria-selected': String(value),\n id: `list-item-${this._uid}-${index}`,\n role: 'option',\n },\n on: {\n mousedown: (e: Event) => {\n // Prevent onBlur from being called\n e.preventDefault()\n },\n click: () => disabled || this.$emit('select', item),\n },\n props: {\n activeClass: this.tileActiveClass,\n disabled,\n ripple: true,\n inputValue: value,\n },\n }\n\n if (!this.$scopedSlots.item) {\n return this.$createElement(VListItem, tile, [\n this.action && !this.hideSelected && this.items.length > 0\n ? this.genAction(item, value)\n : null,\n this.genTileContent(item, index),\n ])\n }\n\n const parent = this\n const scopedSlot = this.$scopedSlots.item({\n parent,\n item,\n attrs: {\n ...tile.attrs,\n ...tile.props,\n },\n on: tile.on,\n })\n\n return this.needsTile(scopedSlot)\n ? this.$createElement(VListItem, tile, scopedSlot)\n : scopedSlot\n },\n genTileContent (item: any, index = 0): VNode {\n const innerHTML = this.genFilteredText(this.getText(item))\n\n return this.$createElement(VListItemContent,\n [this.$createElement(VListItemTitle, {\n domProps: { innerHTML },\n })]\n )\n },\n hasItem (item: object) {\n return this.parsedItems.indexOf(this.getValue(item)) > -1\n },\n needsTile (slot: VNode[] | undefined) {\n return slot!.length !== 1 ||\n slot![0].componentOptions == null ||\n slot![0].componentOptions.Ctor.options.name !== 'v-list-item'\n },\n getDisabled (item: object) {\n return Boolean(getPropertyFromItem(item, this.itemDisabled, false))\n },\n getText (item: object) {\n return String(getPropertyFromItem(item, this.itemText, item))\n },\n getValue (item: object) {\n return getPropertyFromItem(item, this.itemValue, this.getText(item))\n },\n },\n\n render (): VNode {\n const children: VNodeChildren = []\n const itemsLength = this.items.length\n for (let index = 0; index < itemsLength; index++) {\n const item = this.items[index]\n\n if (this.hideSelected &&\n this.hasItem(item)\n ) continue\n\n if (item == null) children.push(this.genTile({ item, index }))\n else if (item.header) children.push(this.genHeader(item))\n else if (item.divider) children.push(this.genDivider(item))\n else children.push(this.genTile({ item, index }))\n }\n\n children.length || children.push(this.$slots['no-data'] || this.staticNoDataTile)\n\n this.$slots['prepend-item'] && children.unshift(this.$slots['prepend-item'])\n\n this.$slots['append-item'] && children.push(this.$slots['append-item'])\n\n return this.$createElement(VList, {\n staticClass: 'v-select-list',\n class: this.themeClasses,\n attrs: {\n role: 'listbox',\n tabindex: -1,\n },\n props: { dense: this.dense },\n }, children)\n },\n})\n","import Vue from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'filterable',\n\n props: {\n noDataText: {\n type: String,\n default: '$vuetify.noDataText',\n },\n },\n})\n","// Styles\nimport '../VTextField/VTextField.sass'\nimport './VSelect.sass'\n\n// Components\nimport VChip from '../VChip'\nimport VMenu from '../VMenu'\nimport VSelectList from './VSelectList'\n\n// Extensions\nimport VInput from '../VInput'\nimport VTextField from '../VTextField/VTextField'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Dependent from '../../mixins/dependent'\nimport Filterable from '../../mixins/filterable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { getPropertyFromItem, getObjectValueByPath, keyCodes } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode, VNodeDirective, PropType, VNodeData } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { SelectItemKey } from 'vuetify/types'\n\nexport const defaultMenuProps = {\n closeOnClick: false,\n closeOnContentClick: false,\n disableKeys: true,\n openOnClick: false,\n maxHeight: 304,\n}\n\n// Types\nconst baseMixins = mixins(\n VTextField,\n Comparable,\n Dependent,\n Filterable\n)\n\ninterface options extends InstanceType {\n $refs: {\n menu: InstanceType\n content: HTMLElement\n label: HTMLElement\n input: HTMLInputElement\n 'prepend-inner': HTMLElement\n 'append-inner': HTMLElement\n prefix: HTMLElement\n suffix: HTMLElement\n }\n}\n\n/* @vue/component */\nexport default baseMixins.extend().extend({\n name: 'v-select',\n\n directives: {\n ClickOutside,\n },\n\n props: {\n appendIcon: {\n type: String,\n default: '$dropdown',\n },\n attach: {\n type: null as unknown as PropType,\n default: false,\n },\n cacheItems: Boolean,\n chips: Boolean,\n clearable: Boolean,\n deletableChips: Boolean,\n disableLookup: Boolean,\n eager: Boolean,\n hideSelected: Boolean,\n items: {\n type: Array,\n default: () => [],\n } as PropValidator,\n itemColor: {\n type: String,\n default: 'primary',\n },\n itemDisabled: {\n type: [String, Array, Function] as PropType,\n default: 'disabled',\n },\n itemText: {\n type: [String, Array, Function] as PropType,\n default: 'text',\n },\n itemValue: {\n type: [String, Array, Function] as PropType,\n default: 'value',\n },\n menuProps: {\n type: [String, Array, Object],\n default: () => defaultMenuProps,\n },\n multiple: Boolean,\n openOnClear: Boolean,\n returnObject: Boolean,\n smallChips: Boolean,\n },\n\n data () {\n return {\n cachedItems: this.cacheItems ? this.items : [],\n menuIsBooted: false,\n isMenuActive: false,\n lastItem: 20,\n // As long as a value is defined, show it\n // Otherwise, check if multiple\n // to determine which default to provide\n lazyValue: this.value !== undefined\n ? this.value\n : this.multiple ? [] : undefined,\n selectedIndex: -1,\n selectedItems: [] as any[],\n keyboardLookupPrefix: '',\n keyboardLookupLastTime: 0,\n }\n },\n\n computed: {\n /* All items that the select has */\n allItems (): object[] {\n return this.filterDuplicates(this.cachedItems.concat(this.items))\n },\n classes (): object {\n return {\n ...VTextField.options.computed.classes.call(this),\n 'v-select': true,\n 'v-select--chips': this.hasChips,\n 'v-select--chips--small': this.smallChips,\n 'v-select--is-menu-active': this.isMenuActive,\n 'v-select--is-multi': this.multiple,\n }\n },\n /* Used by other components to overwrite */\n computedItems (): object[] {\n return this.allItems\n },\n computedOwns (): string {\n return `list-${this._uid}`\n },\n computedCounterValue (): number {\n const value = this.multiple\n ? this.selectedItems\n : (this.getText(this.selectedItems[0]) || '').toString()\n\n if (typeof this.counterValue === 'function') {\n return this.counterValue(value)\n }\n\n return value.length\n },\n directives (): VNodeDirective[] | undefined {\n return this.isFocused ? [{\n name: 'click-outside',\n value: {\n handler: this.blur,\n closeConditional: this.closeConditional,\n include: () => this.getOpenDependentElements(),\n },\n }] : undefined\n },\n dynamicHeight () {\n return 'auto'\n },\n hasChips (): boolean {\n return this.chips || this.smallChips\n },\n hasSlot (): boolean {\n return Boolean(this.hasChips || this.$scopedSlots.selection)\n },\n isDirty (): boolean {\n return this.selectedItems.length > 0\n },\n listData (): object {\n const scopeId = this.$vnode && (this.$vnode.context!.$options as { [key: string]: any })._scopeId\n const attrs = scopeId ? {\n [scopeId]: true,\n } : {}\n\n return {\n attrs: {\n ...attrs,\n id: this.computedOwns,\n },\n props: {\n action: this.multiple,\n color: this.itemColor,\n dense: this.dense,\n hideSelected: this.hideSelected,\n items: this.virtualizedItems,\n itemDisabled: this.itemDisabled,\n itemText: this.itemText,\n itemValue: this.itemValue,\n noDataText: this.$vuetify.lang.t(this.noDataText),\n selectedItems: this.selectedItems,\n },\n on: {\n select: this.selectItem,\n },\n scopedSlots: {\n item: this.$scopedSlots.item,\n },\n }\n },\n staticList (): VNode {\n if (this.$slots['no-data'] || this.$slots['prepend-item'] || this.$slots['append-item']) {\n consoleError('assert: staticList should not be called if slots are used')\n }\n\n return this.$createElement(VSelectList, this.listData)\n },\n virtualizedItems (): object[] {\n return (this.$_menuProps as any).auto\n ? this.computedItems\n : this.computedItems.slice(0, this.lastItem)\n },\n menuCanShow: () => true,\n $_menuProps (): object {\n let normalisedProps = typeof this.menuProps === 'string'\n ? this.menuProps.split(',')\n : this.menuProps\n\n if (Array.isArray(normalisedProps)) {\n normalisedProps = normalisedProps.reduce((acc, p) => {\n acc[p.trim()] = true\n return acc\n }, {})\n }\n\n return {\n ...defaultMenuProps,\n eager: this.eager,\n value: this.menuCanShow && this.isMenuActive,\n nudgeBottom: normalisedProps.offsetY ? 1 : 0, // convert to int\n ...normalisedProps,\n }\n },\n },\n\n watch: {\n internalValue (val) {\n this.initialValue = val\n this.setSelectedItems()\n },\n isMenuActive (val) {\n window.setTimeout(() => this.onMenuActiveChange(val))\n },\n items: {\n immediate: true,\n handler (val) {\n if (this.cacheItems) {\n // Breaks vue-test-utils if\n // this isn't calculated\n // on the next tick\n this.$nextTick(() => {\n this.cachedItems = this.filterDuplicates(this.cachedItems.concat(val))\n })\n }\n\n this.setSelectedItems()\n },\n },\n },\n\n methods: {\n /** @public */\n blur (e?: Event) {\n VTextField.options.methods.blur.call(this, e)\n this.isMenuActive = false\n this.isFocused = false\n this.selectedIndex = -1\n this.setMenuIndex(-1)\n },\n /** @public */\n activateMenu () {\n if (\n !this.isInteractive ||\n this.isMenuActive\n ) return\n\n this.isMenuActive = true\n },\n clearableCallback () {\n this.setValue(this.multiple ? [] : null)\n this.setMenuIndex(-1)\n this.$nextTick(() => this.$refs.input && this.$refs.input.focus())\n\n if (this.openOnClear) this.isMenuActive = true\n },\n closeConditional (e: Event) {\n if (!this.isMenuActive) return true\n\n return (\n !this._isDestroyed &&\n\n // Click originates from outside the menu content\n // Multiple selects don't close when an item is clicked\n (!this.getContent() ||\n !this.getContent().contains(e.target as Node)) &&\n\n // Click originates from outside the element\n this.$el &&\n !this.$el.contains(e.target as Node) &&\n e.target !== this.$el\n )\n },\n filterDuplicates (arr: any[]) {\n const uniqueValues = new Map()\n for (let index = 0; index < arr.length; ++index) {\n const item = arr[index]\n\n // Do not deduplicate headers or dividers (#12517)\n if (item.header || item.divider) {\n uniqueValues.set(item, item)\n continue\n }\n\n const val = this.getValue(item)\n\n // TODO: comparator\n !uniqueValues.has(val) && uniqueValues.set(val, item)\n }\n return Array.from(uniqueValues.values())\n },\n findExistingIndex (item: object) {\n const itemValue = this.getValue(item)\n\n return (this.internalValue || []).findIndex((i: object) => this.valueComparator(this.getValue(i), itemValue))\n },\n getContent () {\n return this.$refs.menu && this.$refs.menu.$refs.content\n },\n genChipSelection (item: object, index: number) {\n const isDisabled = (\n this.isDisabled ||\n this.getDisabled(item)\n )\n const isInteractive = !isDisabled && this.isInteractive\n\n return this.$createElement(VChip, {\n staticClass: 'v-chip--select',\n attrs: { tabindex: -1 },\n props: {\n close: this.deletableChips && isInteractive,\n disabled: isDisabled,\n inputValue: index === this.selectedIndex,\n small: this.smallChips,\n },\n on: {\n click: (e: MouseEvent) => {\n if (!isInteractive) return\n\n e.stopPropagation()\n\n this.selectedIndex = index\n },\n 'click:close': () => this.onChipInput(item),\n },\n key: JSON.stringify(this.getValue(item)),\n }, this.getText(item))\n },\n genCommaSelection (item: object, index: number, last: boolean) {\n const color = index === this.selectedIndex && this.computedColor\n const isDisabled = (\n this.isDisabled ||\n this.getDisabled(item)\n )\n\n return this.$createElement('div', this.setTextColor(color, {\n staticClass: 'v-select__selection v-select__selection--comma',\n class: {\n 'v-select__selection--disabled': isDisabled,\n },\n key: JSON.stringify(this.getValue(item)),\n }), `${this.getText(item)}${last ? '' : ', '}`)\n },\n genDefaultSlot (): (VNode | VNode[] | null)[] {\n const selections = this.genSelections()\n const input = this.genInput()\n\n // If the return is an empty array\n // push the input\n if (Array.isArray(selections)) {\n selections.push(input)\n // Otherwise push it into children\n } else {\n selections.children = selections.children || []\n selections.children.push(input)\n }\n\n return [\n this.genFieldset(),\n this.$createElement('div', {\n staticClass: 'v-select__slot',\n directives: this.directives,\n }, [\n this.genLabel(),\n this.prefix ? this.genAffix('prefix') : null,\n selections,\n this.suffix ? this.genAffix('suffix') : null,\n this.genClearIcon(),\n this.genIconSlot(),\n this.genHiddenInput(),\n ]),\n this.genMenu(),\n this.genProgress(),\n ]\n },\n genIcon (\n type: string,\n cb?: (e: Event) => void,\n extraData?: VNodeData\n ) {\n const icon = VInput.options.methods.genIcon.call(this, type, cb, extraData)\n\n if (type === 'append') {\n // Don't allow the dropdown icon to be focused\n icon.children![0].data = mergeData(icon.children![0].data!, {\n attrs: {\n tabindex: icon.children![0].componentOptions!.listeners && '-1',\n 'aria-hidden': 'true',\n 'aria-label': undefined,\n },\n })\n }\n\n return icon\n },\n genInput (): VNode {\n const input = VTextField.options.methods.genInput.call(this)\n\n delete input.data!.attrs!.name\n\n input.data = mergeData(input.data!, {\n domProps: { value: null },\n attrs: {\n readonly: true,\n type: 'text',\n 'aria-readonly': String(this.isReadonly),\n 'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),\n autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),\n placeholder: (!this.isDirty && (this.isFocused || !this.hasLabel)) ? this.placeholder : undefined,\n },\n on: { keypress: this.onKeyPress },\n })\n\n return input\n },\n genHiddenInput (): VNode {\n return this.$createElement('input', {\n domProps: { value: this.lazyValue },\n attrs: {\n type: 'hidden',\n name: this.attrs$.name,\n },\n })\n },\n genInputSlot (): VNode {\n const render = VTextField.options.methods.genInputSlot.call(this)\n\n render.data!.attrs = {\n ...render.data!.attrs,\n role: 'button',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': String(this.isMenuActive),\n 'aria-owns': this.computedOwns,\n }\n\n return render\n },\n genList (): VNode {\n // If there's no slots, we can use a cached VNode to improve performance\n if (this.$slots['no-data'] || this.$slots['prepend-item'] || this.$slots['append-item']) {\n return this.genListWithSlot()\n } else {\n return this.staticList\n }\n },\n genListWithSlot (): VNode {\n const slots = ['prepend-item', 'no-data', 'append-item']\n .filter(slotName => this.$slots[slotName])\n .map(slotName => this.$createElement('template', {\n slot: slotName,\n }, this.$slots[slotName]))\n // Requires destructuring due to Vue\n // modifying the `on` property when passed\n // as a referenced object\n return this.$createElement(VSelectList, {\n ...this.listData,\n }, slots)\n },\n genMenu (): VNode {\n const props = this.$_menuProps as any\n props.activator = this.$refs['input-slot']\n\n // Attach to root el so that\n // menu covers prepend/append icons\n if (\n // TODO: make this a computed property or helper or something\n this.attach === '' || // If used as a boolean prop ()\n this.attach === true || // If bound to a boolean ()\n this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))\n ) {\n props.attach = this.$el\n } else {\n props.attach = this.attach\n }\n\n return this.$createElement(VMenu, {\n attrs: { role: undefined },\n props,\n on: {\n input: (val: boolean) => {\n this.isMenuActive = val\n this.isFocused = val\n },\n scroll: this.onScroll,\n },\n ref: 'menu',\n }, [this.genList()])\n },\n genSelections (): VNode {\n let length = this.selectedItems.length\n const children = new Array(length)\n\n let genSelection\n if (this.$scopedSlots.selection) {\n genSelection = this.genSlotSelection\n } else if (this.hasChips) {\n genSelection = this.genChipSelection\n } else {\n genSelection = this.genCommaSelection\n }\n\n while (length--) {\n children[length] = genSelection(\n this.selectedItems[length],\n length,\n length === children.length - 1\n )\n }\n\n return this.$createElement('div', {\n staticClass: 'v-select__selections',\n }, children)\n },\n genSlotSelection (item: object, index: number): VNode[] | undefined {\n return this.$scopedSlots.selection!({\n attrs: {\n class: 'v-chip--select',\n },\n parent: this,\n item,\n index,\n select: (e: Event) => {\n e.stopPropagation()\n this.selectedIndex = index\n },\n selected: index === this.selectedIndex,\n disabled: !this.isInteractive,\n })\n },\n getMenuIndex () {\n return this.$refs.menu ? (this.$refs.menu as { [key: string]: any }).listIndex : -1\n },\n getDisabled (item: object) {\n return getPropertyFromItem(item, this.itemDisabled, false)\n },\n getText (item: object) {\n return getPropertyFromItem(item, this.itemText, item)\n },\n getValue (item: object) {\n return getPropertyFromItem(item, this.itemValue, this.getText(item))\n },\n onBlur (e?: Event) {\n e && this.$emit('blur', e)\n },\n onChipInput (item: object) {\n if (this.multiple) this.selectItem(item)\n else this.setValue(null)\n // If all items have been deleted,\n // open `v-menu`\n if (this.selectedItems.length === 0) {\n this.isMenuActive = true\n } else {\n this.isMenuActive = false\n }\n this.selectedIndex = -1\n },\n onClick (e: MouseEvent) {\n if (!this.isInteractive) return\n\n if (!this.isAppendInner(e.target)) {\n this.isMenuActive = true\n }\n\n if (!this.isFocused) {\n this.isFocused = true\n this.$emit('focus')\n }\n\n this.$emit('click', e)\n },\n onEscDown (e: Event) {\n e.preventDefault()\n if (this.isMenuActive) {\n e.stopPropagation()\n this.isMenuActive = false\n }\n },\n onKeyPress (e: KeyboardEvent) {\n if (\n this.multiple ||\n !this.isInteractive ||\n this.disableLookup\n ) return\n\n const KEYBOARD_LOOKUP_THRESHOLD = 1000 // milliseconds\n const now = performance.now()\n if (now - this.keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {\n this.keyboardLookupPrefix = ''\n }\n this.keyboardLookupPrefix += e.key.toLowerCase()\n this.keyboardLookupLastTime = now\n\n const index = this.allItems.findIndex(item => {\n const text = (this.getText(item) || '').toString()\n\n return text.toLowerCase().startsWith(this.keyboardLookupPrefix)\n })\n const item = this.allItems[index]\n if (index !== -1) {\n this.lastItem = Math.max(this.lastItem, index + 5)\n this.setValue(this.returnObject ? item : this.getValue(item))\n this.$nextTick(() => this.$refs.menu.getTiles())\n setTimeout(() => this.setMenuIndex(index))\n }\n },\n onKeyDown (e: KeyboardEvent) {\n if (this.isReadonly && e.keyCode !== keyCodes.tab) return\n\n const keyCode = e.keyCode\n const menu = this.$refs.menu\n\n // If enter, space, open menu\n if ([\n keyCodes.enter,\n keyCodes.space,\n ].includes(keyCode)) this.activateMenu()\n\n this.$emit('keydown', e)\n\n if (!menu) return\n\n // If menu is active, allow default\n // listIndex change from menu\n if (this.isMenuActive && keyCode !== keyCodes.tab) {\n this.$nextTick(() => {\n menu.changeListIndex(e)\n this.$emit('update:list-index', menu.listIndex)\n })\n }\n\n // If menu is not active, up/down/home/end can do\n // one of 2 things. If multiple, opens the\n // menu, if not, will cycle through all\n // available options\n if (\n !this.isMenuActive &&\n [keyCodes.up, keyCodes.down, keyCodes.home, keyCodes.end].includes(keyCode)\n ) return this.onUpDown(e)\n\n // If escape deactivate the menu\n if (keyCode === keyCodes.esc) return this.onEscDown(e)\n\n // If tab - select item or close menu\n if (keyCode === keyCodes.tab) return this.onTabDown(e)\n\n // If space preventDefault\n if (keyCode === keyCodes.space) return this.onSpaceDown(e)\n },\n onMenuActiveChange (val: boolean) {\n // If menu is closing and mulitple\n // or menuIndex is already set\n // skip menu index recalculation\n if (\n (this.multiple && !val) ||\n this.getMenuIndex() > -1\n ) return\n\n const menu = this.$refs.menu\n\n if (!menu || !this.isDirty) return\n\n // When menu opens, set index of first active item\n for (let i = 0; i < menu.tiles.length; i++) {\n if (menu.tiles[i].getAttribute('aria-selected') === 'true') {\n this.setMenuIndex(i)\n break\n }\n }\n },\n onMouseUp (e: MouseEvent) {\n // eslint-disable-next-line sonarjs/no-collapsible-if\n if (\n this.hasMouseDown &&\n e.which !== 3 &&\n this.isInteractive\n ) {\n // If append inner is present\n // and the target is itself\n // or inside, toggle menu\n if (this.isAppendInner(e.target)) {\n this.$nextTick(() => (this.isMenuActive = !this.isMenuActive))\n }\n }\n\n VTextField.options.methods.onMouseUp.call(this, e)\n },\n onScroll () {\n if (!this.isMenuActive) {\n requestAnimationFrame(() => (this.getContent().scrollTop = 0))\n } else {\n if (this.lastItem > this.computedItems.length) return\n\n const showMoreItems = (\n this.getContent().scrollHeight -\n (this.getContent().scrollTop +\n this.getContent().clientHeight)\n ) < 200\n\n if (showMoreItems) {\n this.lastItem += 20\n }\n }\n },\n onSpaceDown (e: KeyboardEvent) {\n e.preventDefault()\n },\n onTabDown (e: KeyboardEvent) {\n const menu = this.$refs.menu\n\n if (!menu) return\n\n const activeTile = menu.activeTile\n\n // An item that is selected by\n // menu-index should toggled\n if (\n !this.multiple &&\n activeTile &&\n this.isMenuActive\n ) {\n e.preventDefault()\n e.stopPropagation()\n\n activeTile.click()\n } else {\n // If we make it here,\n // the user has no selected indexes\n // and is probably tabbing out\n this.blur(e)\n }\n },\n onUpDown (e: KeyboardEvent) {\n const menu = this.$refs.menu\n\n if (!menu) return\n\n e.preventDefault()\n\n // Multiple selects do not cycle their value\n // when pressing up or down, instead activate\n // the menu\n if (this.multiple) return this.activateMenu()\n\n const keyCode = e.keyCode\n\n // Cycle through available values to achieve\n // select native behavior\n menu.isBooted = true\n\n window.requestAnimationFrame(() => {\n menu.getTiles()\n\n if (!menu.hasClickableTiles) return this.activateMenu()\n\n switch (keyCode) {\n case keyCodes.up:\n menu.prevTile()\n break\n case keyCodes.down:\n menu.nextTile()\n break\n case keyCodes.home:\n menu.firstTile()\n break\n case keyCodes.end:\n menu.lastTile()\n break\n }\n this.selectItem(this.allItems[this.getMenuIndex()])\n })\n },\n selectItem (item: object) {\n if (!this.multiple) {\n this.setValue(this.returnObject ? item : this.getValue(item))\n this.isMenuActive = false\n } else {\n const internalValue = (this.internalValue || []).slice()\n const i = this.findExistingIndex(item)\n\n i !== -1 ? internalValue.splice(i, 1) : internalValue.push(item)\n this.setValue(internalValue.map((i: object) => {\n return this.returnObject ? i : this.getValue(i)\n }))\n\n // When selecting multiple\n // adjust menu after each\n // selection\n this.$nextTick(() => {\n this.$refs.menu &&\n (this.$refs.menu as { [key: string]: any }).updateDimensions()\n })\n\n // We only need to reset list index for multiple\n // to keep highlight when an item is toggled\n // on and off\n if (!this.multiple) return\n\n const listIndex = this.getMenuIndex()\n\n this.setMenuIndex(-1)\n\n // There is no item to re-highlight\n // when selections are hidden\n if (this.hideSelected) return\n\n this.$nextTick(() => this.setMenuIndex(listIndex))\n }\n },\n setMenuIndex (index: number) {\n this.$refs.menu && ((this.$refs.menu as { [key: string]: any }).listIndex = index)\n },\n setSelectedItems () {\n const selectedItems = []\n const values = !this.multiple || !Array.isArray(this.internalValue)\n ? [this.internalValue]\n : this.internalValue\n\n for (const value of values) {\n const index = this.allItems.findIndex(v => this.valueComparator(\n this.getValue(v),\n this.getValue(value)\n ))\n\n if (index > -1) {\n selectedItems.push(this.allItems[index])\n }\n }\n\n this.selectedItems = selectedItems\n },\n setValue (value: any) {\n const oldValue = this.internalValue\n this.internalValue = value\n value !== oldValue && this.$emit('change', value)\n },\n isAppendInner (target: any) {\n // return true if append inner is present\n // and the target is itself or inside\n const appendInner = this.$refs['append-inner']\n\n return appendInner && (appendInner === target || appendInner.contains(target))\n },\n },\n})\n","import { render, staticRenderFns } from \"./AboutApiExample.vue?vue&type=template&id=5eabb737&scoped=true&\"\nimport script from \"./AboutApiExample.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutApiExample.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutApiExample.vue?vue&type=style&index=0&id=5eabb737&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5eabb737\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VExpansionPanel } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelContent } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelHeader } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanels } from 'vuetify/lib/components/VExpansionPanel';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCol,VExpansionPanel,VExpansionPanelContent,VExpansionPanelHeader,VExpansionPanels,VForm,VIcon,VProgressCircular,VRow,VSelect,VTextField})\n","\n \n {{ $t('app.api.title') }}
\n \n \n
Use the ScanMeFindMe API to automate QR code generation or create QR codes in bulk.
\n \n
Before you start using the API:
\n
\n - Register for ScanMeFindMe PRO (the API is also available in the free 14-days trial version)
\n - Generate at least one API key in your PRO panel
\n - Create your own preset (optional)
\n
\n\n
API endpoint
\n
\n Base URL: {{ apiUrl }}/v1\n
\n\n
Authentication
\n
\n Use header Authentication: Bearer MYAPIKEY or\n X-Api-Key: MYAPIKEY. Alternatively you can add the apikey\n parameter to the query string.\n
\n\n
Quick example
\n
\n\n
\n \n {{ iconGithub }}\n More examples\n \n
\n\n\n
Response codes and billing
\n
\n Depending on your membership tier you have different limits of API requests.\n The requests counter is reset on each yearly renewal.\n Only successful requests are counted towards the limit.
Possible response codes:\n
\n
\n \n \n | Response code | \n Status | \n Possible error messages | \n
\n \n \n \n | {{v.code}} | \n {{v.status}} | \n {{m}} | \n
\n \n \n \n\n
Commands
\n\n
\n\n
/create
\n\n
Supported methods: GET, POST.
\n\n
Creates static or dynamic QR codes, returns the generated QR code. The response headers also contain:
\n\n
\n \n \n \n | Response header | \n Description | \n
\n \n \n \n | content-type | \n Depending on the format parameter, will be one of:\n image/png,\n image/svg+xml,\n application/pdf or\n application/postscript\n | \n
\n \n | x-code-text | \n \n The text encoded in the generated QR code. If the text\n parameter was passed it will return the same value.
\n For dynamic codes this will be the short URL (either passed via the\n shorturl parameter or automatically generated).
\n | \n
\n \n | x-code-id | \n The unique id of the QR code if the code was saved. This id can be used in the\n /download command.
\n Note that static codes are only saved if the saveas\n parameter was specified. Dynamic codes are always saved.\n | \n
\n \n \n \n\n
Command /create accepts the following parameters:
\n\n
\n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | text | \n \n For static QR codes: the text that you want to encode, this can be either URL\n (starting with http:// or https://) or anything else\n recognised by smartphones.\n \n What information can be stored in QR codes?\n \n | \n
\n \n \n type
v.param1
v.param2
...\n | \n \n For dynamic QR codes and some static QR codes: specify the type of the QR code you want to generate and\n the parameters specific for this particular type. To be used instead of the text parameter.\n See below details for:\n \n | \n
\n \n | format | \n Format of the output file - png, pdf, \n ps, svg or none.\n Default is png
\n Value none can be used for dynamic codes or\n static codes that have the saveas parameter if you do not need\n the generated QR code image and are only\n interested in the x-code-id\n response header.\n | \n
\n \n | preset | \n You can specify a name of a preset that you have already created in your account or a shared preset,\n \n more about presets\n
\n You can check the list of available presets and their defaults using the\n /summary command\n | \n
\n \n | template | \n You can specify the name of a template that you have already created in your account or a shared template,\n \n more about templates\n .\n If you specify both a preset and a template, the template used in the preset will be ignored.
\n When neither template nor preset is specified, the QR code will be generated\n without any margins. Remember that QR codes will not scan if they do not have a \"quiet zone\" around them.
\n If you want to add margins to the output specify:
\n template=shared/withmargin\n | \n
\n \n \n t.caption
t.caption2
...\n | \n \n Captions to be displayed next to the QR code. The parameter names must correspond to the caption element names in\n the currently used template.
\n You can check the list of available captions for each template using the\n /summary command\n | \n
\n \n \n t.caption-fontsize
...\n | \n \n Font size for the corresponding caption, in % from the default (100).\n | \n
\n \n width
height
size | \n \n Specify either width or height of the output\n (parameter size is treated as a minimum of width or height).\n The aspect ratio of the QR code or template cannot be changed, only one of these dimension parameters is needed.
\n The dimension can be specified in pixels (px), millimeters (mm),\n centimeters (cm), or inches (in).\n When the dimension is only a number, pixels are assumed.
\n When neither is specified the default will be size=640px.
\n This parameter only affects the download size and is not needed if the output format is set to none.\n | \n
\n \n | dpi | \n \"Dots per inch\" (or \"pixels per inch\") ratio. This is necessary for generating PDF and PostScript files and can also be used\n for PNG/SVG images to convert dimensions to pixels.
\n The default is 150 pixels per inch which is an equivalent to\n about 59 pixels per centimeter. This is\n considered a low resolution.
\n Medium-resolution images have between 200-300 dpi. The industry standard for quality images is typically 300 dpi.
\n Most businesses consider 600 dpi and higher to be a high-resolution image or print.
\n This parameter only affects the download size and is not needed if the output format is set to none.\n | \n
\n \n | saveas | \n Name under which you want to save this code in your account.
\n For static codes, if not specified, the code will not be saved at all.
\n For dynamic codes, if not specified, the name will be generated automatically - dynamic codes are always saved.
\n The id for generated QR code can be found in the response header x-code-id. | \n
\n \n | shorturl | \n For dynamic codes only.
\n The short URL you would like to assign to the generated page. It must have one of the supported domains\n (qrs.re, qrz.re or your custom domain) and the path must be at least 6 characters long.
\n If the specified short url is not available, the request will return a 400 response code,\n the QR code will not be generated and this API request will not be counted towards the limit.
\n If not specified, the short URL will be randomly generated and can be found in the\n x-code-text response header.\n | \n
\n\n\n\n\n\n\n\n\n\n \n | \n \n You can pass even more parameters.\n When specified, these parameters will override values from the preset:\n \n | \n
\n \n | logo | \n You can specify the name of a logo that you have already uploaded to your account or a shared logo.\n \n more about logos\n \n | \n
\n \n | errorlevel | \n Error correction level: L (low), M (medium),\n Q (high), H (very high). | \n
\n \n | style | \n Style for the main QR: | \n
\n \n | eyeoutline | \n Style for the QR corners (or \"eyes\") outlines: | \n
\n \n | eyeball | \n Style for the QR corners insides (or \"eyeballs\"): | \n
\n \n | fill | \n Fill style for the QR color: | \n
\n \n | color | \n \n Main color for the QR code, in one of the following formats:\n RGB hex\n (#00ff00); RGBA hex (#ff000080);\n RGB (rgb(214, 122, 127)); RGBA (rgba(34, 12, 64, 0.6));\n color keyword (green).
\n Default value is black (#000000).\n | \n
\n \n | bgcolor | \n Background color, by default transparent, can be set to\n white or any other color | \n
\n \n color2
color3
color4 | \n Additional colors for the QR code (used in gradient,\n dots and multicolor fill styles) | \n
\n \n coloreyeoutline
coloreyeball | \n Color of the corners (\"eyes\").
\n If not specified, the same value as\n in the color parameter will be used | \n
\n \n templatecolor
logocolor | \n \n Allows to replace the black with a custom color in templates and logos (may not always\n work for user-uploaded templates and logos).\n
\n If not specified, the same value as\n in the color parameter will be used\n | \n
\n \n | gap | \n How/if to remove background in the middle of the QR code: | \n
\n \n gapwidth
gapheight | \n \n Maximum size of the modified background in the middle, in % from the QR size\n (example: gapwidth=27&gapheight=27)\n | \n
\n \n | logobehind | \n To put the logo behind the QR code specify:\n logobehind=1, by default the logo is displayed in front of QR code | \n
\n \n logosize
logox
logoy | \n \n Size and positioning of the logo, in % from the QR size (for example:\n logosize=20&logox=50&logoy=50 will put the logo\n directly in the center and logo size will be up to 20% of the QR code size). If the logo\n is not square, the logosize will be applied to the greater of width or height.\n | \n
\n \n \n \n \n
\n {{ showmore ? $t('app.hideadditional'): $t('app.showmore') }}\n \n \n \n Example:
\n {{ apiUrl }}/v1/create?apikey=MYAPIKEY&text=tel:1234567890123&template=shared/withcaption&t.caption=CALL+US&format=pdf&width=5cm&dpi=300\n
\n will generate a QR code to call the phone number 1234567890123 with a caption \"CALL US\" in PDF format\n
\n \n \n Static QR code. Contact details in MeCard format\n
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | type | \n To generate this type of code set the parameter type to static.mecard | \n
\n \n v.firstname
v.lastname | \n \n First and last name of the person.\n | \n
\n \n | v.n | \n \n Instead of passing first and last name separately, you can optionally pass one parameter v.n.\n When a field is divided by a comma (,), the first half is treated as the last name and the\n second half is treated as the first name.\n | \n
\n \n v.tel
v.tel1
v.tel2
... | \n The canonical number string for a telephone number for telephone communication. | \n
\n \n | v.email | \n Email | \n
\n \n | v.url | \n Website | \n
\n \n | v.note | \n Supplemental information to be set as a memo in the phonebook. | \n
\n \n | v.adr | \n \n The physical delivery address. According to the MeCard specification, this has to be:\n the fields divided by commas (,) denote PO box, room number,\n house number, city, prefecture, zip code and country, in order.
\n However many phones don't split address in multiple fields and save it as is\n | \n
\n \n | \n ...\n | \n \n MeCard format\n allows more fields such as NICKNAME, BDAY, TEL-AV and SOUND. The ScanMeFindMe\n QR generator supports them too, however not all phones recognise them.\n | \n
\n \n \n \n\n \n \n Static QR code. Calendar event\n
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | type | \n To generate this type of code set the parameter type to static.vevent | \n
\n \n | v.summary | \n Event summary. Required | \n
\n \n | v.location | \n Event location | \n
\n \n | v.dtstart | \n \n Start date of the event, required. The format has to follow the iCalendar\n specification.\n It has to consist of year, month, day, letter T for time,\n hour (24h format), minute, second, strictly in this order;\n every number has to be exactly 2 digits except for the\n year that has to be exactly 4 digits. The time component is optional.
\n Here are some examples:
\n 20210131 - 31st of January 2021,
\n 20210131T153000 - 31st of January 2021 3:30pm (15:30) in the local timezone,
\n 20210131T090500Z - 31st of January 2021 9:05am in UTC
\n | \n
\n \n | v.dtend | \n End date of the event, follows the same format as v.dtstart | \n
\n \n | v.duration | \n \n Duration of the event, see\n specification. Examples:
\n P3D - three days,
\n PT1H - one hour
\n PT1H30M - one hour 30 minutes.
\n Parameter v.duration cannot be specified at the same time as v.dtend. If neither is specified,\n the event duration is assumed to be one day. | \n
\n \n \n \n \n \n Dynamic QR code. Short URL\n
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | type | \n To generate this type of code set the parameter type to url | \n
\n \n | v.url | \n URL where user should be redirected when they scan the QR code | \n
\n \n \n \n \n \n Dynamic QR code. Contact card\n
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | type | \n To generate this type of code set the parameter type to contact | \n
\n \n | v.{{k}} | \n {{v}} | \n
\n \n | v.logo | \n Path to the temporary file with a photo or logo | \n
\n \n \n \n \n \n Dynamic QR code. Page with files\n
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | type | \n To generate this type of code set the parameter type to page | \n
\n \n | v.heading | \n Page title | \n
\n \n | v.description | \n Description. HTML markup is allowed, it must be clean HTML with all tags closed, ready to\n be inserted inside the <div> element, for example:
\n <p class=\"text-justify\">Welcome to our hotel. Enjoy your stay</p>\n | \n
\n \n | v.displaytype | \n Display type: list or thumb.\n Default is list | \n
\n \n | v.logo | \n Path to the temporary file with a logo | \n
\n \n | v.files | \n Path to the temporary files that will be used on the page.\n More than one file can be submitted, for example\n v.files=sample.png&v.files=mypath/file.txt; in case of JSON request\n the v.files parameter value can be an array
\n The file name (without extension) will become the description of the file. If you want to change this\n description, add it after the file name and a semicolon, for example:\n v.files=file.pdf;Description of the file\n | \n
\n \n \n \n\n /summary
\n Summary of API key usage, library and temporary files. A valid API key is required, however\n requests to /summary are not counted towards the API requests limit.\n
\n Supported methods: GET, POST.\n This command does not take any parameters.
\n \n \n Example:
\n {{ apiUrl }}/v1/summary?apikey=MYAPIKEY\n
\n will return a JSON-encoded array with keys apirequests,\n tempfiles, library.\n
\n \n Requests can be performed even when API requests limit is reached but in this case it\n will only return the apirequests section.\n
\n\n /uploadfile
\n Upload file or multiple files to temporary files.\n A valid API key is required, however\n requests to /uploadfile are not counted towards the API requests limit.
\n Supported method: POST.
\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | files | \n Destination file name once saved to the temporary files area. Has to be a valid\n file name (for example, not using special characters like '*', ';', etc). File names\n may contain paths.
\n More than one files parameter can be submitted, for example\n files=sample.png&files=mypath/file.txt; in case of JSON request\n the files parameter value can be an array | \n
\n \n \n \n\n \n The command returns a JSON-encoded array of pre-signed URLs for upload. The URLs are returned in the same\n order as the files parameters.
\n The actual files can be uploaded to these URLs using PUT method without any authentication\n or any other additional headers. The pre-signed URLs will expire in 24 hours.\n
\n\n /uploadfile/{filename}
\n Upload a single small file to the temporary files area in one step. A valid API key is required, however\n requests to /uploadfile are not counted towards the API requests limit.
\n Supported method: PUT.
\n Request size to the API endpoint is limited to 10Mb, it is difficult to say what will be the exact maximum\n size of the uploaded file (because of how file is encoded and request is formed)\n but it is probably around 5Mb. Use the one-step upload endpoint only for small files.
\n\n /download
\n Advanced download of one or multiple QR codes that were previously generated. A valid API key is required,\n however requests to /download are not counted towards the API requests limit.
\n Supported methods: GET, POST.
\n\n \n \n \n \n | Parameter | \n Description | \n
\n \n \n \n | codes | \n Code ids of the already generated QR codes that you want to download.\n They can be either obtained from the x-code-id response headers of the\n /create command or from the web interface.
\n More than one codes parameter can be submitted, for example\n codes=D-222222-33333-yyyyy&codes=S-000000-11111-zzzzz; in case of JSON request\n the codes parameter value can be an array. | \n
\n \n | format | \n Format of the output file - png, pdf,\n ps, or svg.\n Default is png
\n Note that only PDF (pdf) and PostScript (ps)\n file formats can contain more than one page.
\n If more than one page is generated and the specified format was\n png or svg then\n a zip archive will be returned. | \n
\n \n width
height
size | \n \n Specify either width or height of each code\n (parameter size is treated as a minimum of width or height).
\n The dimension can be specified in pixels (px), millimeters (mm),\n centimeters (cm), or inches (in).\n When the dimension is only a number, pixels are assumed.
\n When neither is specified the default will be size=640px.\n | \n
\n \n | dpi | \n \"Dots per inch\" (or \"pixels per inch\") ratio. This is necessary for generating PDF and PostScript files and can also be used\n for PNG/SVG images to convert dimensions to pixels.
\n The default is 150 pixels per inch which is an equivalent to\n about 59 pixels per centimeter. This is\n considered a low resolution.
\n Medium-resolution images have between 200-300 dpi. The industry standard for quality images is typically 300 dpi.
\n Most businesses consider 600 dpi and higher to be a high-resolution image or print.\n | \n
\n \n | bgcolor | \n \n Page background color, by default transparent.
\n The value can be in one of the following formats: RGB hex\n (#00ff00); RGBA hex (#ff000080);\n RGB (rgb(214, 122, 127)); RGBA (rgba(34, 12, 64, 0.6));\n color keyword (white).
\n This parameter defines the background of the page. If the QR codes already have non-transparent\n background, the page background will not be visible.\n | \n
\n \n paperwidth
paperheight | \n \n Width and height of the page.
\n Each dimension can be specified in pixels (px), millimeters (mm),\n centimeters (cm), or inches (in).\n When the dimension is only a number, pixels are assumed.
\n For example, for A4 specify paperwidth=210mm&paperheight=297mm,\n for Letter paperwidth=8.5in&paperheight=11in.
\n When not specified, each QR code will be printed once per page and the page will have\n exactly the same size as the code. All other parameters below will be ignored.\n | \n
\n \n marginleft
margintop
marginright
marginbottom | \n \n Respective page margins.
\n Each dimension can be specified in pixels (px), millimeters (mm),\n centimeters (cm), or inches (in).\n When the dimension is only a number, pixels are assumed.
\n These parameters are ignored if paperwidth and paperheight\n are not set.\n | \n
\n \n | repeat | \n \n How many times to repeat each QR code. Default is 1.
\n If set to -1 the code will be repeated as many times as possible\n to fill the whole page.
\n This parameter is ignored if paperwidth and paperheight\n are not set.\n | \n
\n \n spacingx
spacingy | \n \n Horizontal and vertical spacing between QR codes on the same page.
\n Each dimension can be specified in pixels (px), millimeters (mm),\n centimeters (cm), or inches (in).\n When the dimension is only a number, pixels are assumed.
\n These parameters are ignored if paperwidth and paperheight\n are not set. They also do not have any effect if there is only one code without repeats or one code on each page.\n | \n
\n \n | showcutlines | \n \n Display crop lines on the margins, by default do not display. Set to 1 to enable.
\n This parameter is ignored if paperwidth and paperheight\n are not set. Also crop lines will not be visible without margins.\n | \n
\n\n \n \n \n\n {{ $t('app.tospage') }}
\n \n \n
1. Terms
\n\n
These Terms and Conditions, and any other terms and policies referred to in these Terms and Conditions,\n form the agreement between ScanMeFindMe, a company registered in Australia with ABN 36 911 809 303\n and the user.
\n\n
QR codes generated on ScanMeFindMe may be used for private and commercial purposes. QR codes may be modified,\n with the exception of the images and templates containing logos of third party providers (such as WhatsApp, Twitter,\n Instagram, Facebook, App store, Google play, etc.)
\n\n
By accessing this Website, accessible from https://scanmefindme.com and https://pro.scanmefindme.com, you are agreeing to be\n bound by these Website Terms and Conditions of Use and agree that you are responsible for the agreement with any\n applicable local laws. If you disagree with any of these terms, you are prohibited from accessing this site.\n The materials contained in this Website are protected by copyright and trade mark law.
\n\n
2. Use License
\n\n
Permission is granted to temporarily download one copy of the materials on ScanMeFindMe's Website for personal,\n non-commercial transitory viewing only. This is the grant of a license, not a transfer of title,\n and under this license you may not:
\n\n
\n - modify or copy the materials;
\n - use the materials for any commercial purpose or for any public display;
\n - attempt to reverse engineer any software contained on ScanMeFindMe's Website;
\n - remove any copyright or other proprietary notations from the materials; or
\n - transferring the materials to another person or \"mirror\" the materials on any other server.
\n
\n\n
This will let ScanMeFindMe to terminate upon violations of any of these restrictions.\n Upon termination, your viewing right will also be terminated and you should destroy any downloaded\n materials in your possession whether it is printed or electronic format.
\n\n
3. Disclaimer
\n\n
All the materials on ScanMeFindMe’s Website are provided \"as is\". ScanMeFindMe makes no warranties,\n may it be expressed or implied, therefore negates all other warranties. Furthermore, ScanMeFindMe\n does not make any representations concerning the accuracy or reliability of the use of the\n materials on its Website or otherwise relating to such materials or any sites linked to this Website.
\n\n
ScanMeFindMe may not be held responsible for the content uploaded by its users under \"Dynamic codes\".\n Howerver ScanMeFindMe reserves the right to remove content that is illegal or offending. The\n owner of the content will be notified about such action by email used for registration.
\n\n
4. Limitations
\n\n
ScanMeFindMe or its suppliers will not be hold accountable for any damages that will arise with the use\n or inability to use the materials on ScanMeFindMe’s Website, even if ScanMeFindMe or an authorize\n representative of this Website has been notified, orally or written, of the possibility of such damage.\n Some jurisdiction does not allow limitations on implied warranties or limitations of liability for\n incidental damages, these limitations may not apply to you.
\n\n
5. Revisions and Errata
\n\n
The materials appearing on ScanMeFindMe’s Website may include technical, typographical, or photographic errors.\n ScanMeFindMe will not promise that any of the materials in this Website are accurate, complete, or current.\n ScanMeFindMe may change the materials contained on its Website at any time without notice.\n ScanMeFindMe does not make any commitment to update the materials.
\n\n
6. Links
\n\n
ScanMeFindMe has not reviewed all of the sites linked to its Website and is not responsible for the contents\n of any such linked site. The presence of any link does not imply endorsement by ScanMeFindMe of the site.\n The use of any linked website is at the user’s own risk.
\n\n
7. Site Terms of Use Modifications
\n\n
ScanMeFindMe may revise these Terms of Use for its Website at any time without prior notice.\n By using this Website, you are agreeing to be bound by the current version of these Terms and Conditions of Use.
\n\n
8. Your Privacy
\n\n
Please read our Privacy Policy.
\n\n
9. Governing Law
\n\n
Any claim related to ScanMeFindMe's Website shall be governed by the laws of au without regards to its conflict of law provisions.
\n
\n
\n \n \n \n {{ currentCurrCode }}\n \n {{ attrs[\"aria-expanded\"] === \"true\" ? iconChevronUp : iconChevronDown }}\n \n \n \n \n \n \n {{ curr.label }}\n \n \n \n
\n
\n {{$t('app.pricing.exrateexplanation', {curr: currentCurrCode})}}\n
\n
\n
\n
\n
\n
{{ plan.name }}
\n
0\" class=\"pricing-badge\">PRO
\n
\n \n
\n \n {{ formattedMonthPrice(plan.price) }}\n \n 0\" class=\"secondary--text\">/ {{ $t('app.pricing.pmonth') }}\n
\n
\n
0\"\n v-html=\"$t('app.pricing.billedannually', {price: formattedYearPrice(plan.price)})\">\n
\n
\n
\n \n
\n 0\">\n \n \n {{ $t('app.pricing.starttrial') }}\n \n \n \n \n {{ $t('app.pricing.startusing' )}}\n \n
\n
\n {{ $t('app.pricing.connectplan' )}}\n \n \n
\n
\n
\n {{ iconHasfeature }}\n \n {{ $t('app.pricing.unlimited' )}}\n
\n
\n {{ iconHasnofeature }}\n {{ feature.labelnovalue }}\n
\n
\n
\n
\n
\n
\n {{ $t('app.pricing.pricing') }}\n \n
\n \n \n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPricing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPricing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutPricing.vue?vue&type=template&id=34cdb152&scoped=true&\"\nimport script from \"./AboutPricing.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutPricing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutPricing.vue?vue&type=style&index=0&id=34cdb152&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"34cdb152\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VContainer})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPrivacy.vue?vue&type=style&index=0&id=0796baf0&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationsDialog.vue?vue&type=style&index=0&id=6d1e2018&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPricingPlans.vue?vue&type=style&index=0&id=1588619c&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('v-alert',{staticClass:\"pa-5 mt-4\",attrs:{\"dense\":\"\",\"outlined\":\"\",\"type\":\"warning\"}},[(_vm.workingontranslations)?_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('app.translationnotyetavailable', {lang: _vm.currentLangName, actuallang: _vm.realLangName}))+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('app.translationnotavailable', {lang: _vm.currentLangName, actuallang: _vm.realLangName}))+\" \")])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n {{ $t('app.translationnotyetavailable', {lang: currentLangName, actuallang: realLangName}) }}\n \n \n {{ $t('app.translationnotavailable', {lang: currentLangName, actuallang: realLangName}) }}\n \n \n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutTranslationNotAvailable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutTranslationNotAvailable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutTranslationNotAvailable.vue?vue&type=template&id=6db64348&scoped=true&\"\nimport script from \"./AboutTranslationNotAvailable.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutTranslationNotAvailable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"6db64348\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\ninstallComponents(component, {VAlert})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPricing.vue?vue&type=style&index=0&id=34cdb152&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AboutPricingDropdown.vue?vue&type=style&index=0&id=48dd4236&scoped=true&lang=scss&\""],"sourceRoot":""}