{"version":3,"sources":["webpack://dba-2021/js/vue/ToggleInput.vue","webpack://dba-2021/./js/vue/ToggleInput.vue","webpack://dba-2021/./js/vue/ToggleInput.vue?3f20","webpack://dba-2021/./js/vue/ToggleInput.vue?269b","webpack://dba-2021/./node_modules/vue-loader/lib/runtime/componentNormalizer.js"],"names":["props","id","type","String","required","name","value","Boolean","default","data","created","this","state","methods","toggle","$emit","render","_vm","_h","$createElement","_c","_self","attrs","domProps","_v","staticClass","class","on","$event","preventDefault","staticRenderFns","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports"],"mappings":"oHAqBA,SACEA,MAAO,CACLC,GAAI,CACFC,KAAMC,OACNC,UAAU,GAEZC,KAAM,CACJH,KAAMC,OACNC,UAAU,GAEZE,MAAO,CACLJ,KAAMK,QACNC,SAAN,IAGEC,KAAM,WAAR,OACA,WAEEC,QAlBF,WAmBIC,KAAKC,MAAQD,KAAKL,OAEpBO,QAAS,CACPC,OADJ,WAEMH,KAAKC,OAASD,KAAKC,MACnBD,KAAKI,MAAM,QAASJ,KAAKC,W,gFC3B/B,SAXgB,E,QAAA,GACd,IACA,IACA,KACA,EACA,KACA,KACA,M,qDCd8M,Q,QAAkB,G,oDCAlO,IAAII,EAAS,WAAa,IAAIC,EAAIN,KAASO,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,SAAS,KAAOL,EAAIZ,MAAMkB,SAAS,CAAC,MAAQN,EAAIL,SAASK,EAAIO,GAAG,KAAKJ,EAAG,SAAS,CAACK,YAAY,2NAA2NC,MAAM,CAAE,WAAYT,EAAIL,MAAO,eAAgBK,EAAIL,OAAQU,MAAM,CAAC,KAAO,SAAS,KAAO,SAAS,eAAe,SAASK,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBZ,EAAIH,OAAOc,MAAW,CAACR,EAAG,OAAO,CAACK,YAAY,WAAW,CAACR,EAAIO,GAAG,iBAAiBP,EAAIO,GAAG,KAAKJ,EAAG,OAAO,CAACK,YAAY,6HAA6HC,MAAM,CAAE,gBAAiBT,EAAIL,MAAO,iBAAkBK,EAAIL,OAAQU,MAAM,CAAC,cAAc,eACx7BQ,EAAkB,I,4BCKP,SAASC,EACtBC,EACAhB,EACAc,EACAG,EACAC,EACAC,EACAC,EACAC,GAGA,IAqBIC,EArBAC,EAAmC,mBAAlBP,EACjBA,EAAcO,QACdP,EAsDJ,GAnDIhB,IACFuB,EAAQvB,OAASA,EACjBuB,EAAQT,gBAAkBA,EAC1BS,EAAQC,WAAY,GAIlBP,IACFM,EAAQE,YAAa,GAInBN,IACFI,EAAQG,SAAW,UAAYP,GAI7BC,GACFE,EAAO,SAAUK,IAEfA,EACEA,GACChC,KAAKiC,QAAUjC,KAAKiC,OAAOC,YAC3BlC,KAAKmC,QAAUnC,KAAKmC,OAAOF,QAAUjC,KAAKmC,OAAOF,OAAOC,aAEZ,oBAAxBE,sBACrBJ,EAAUI,qBAGRb,GACFA,EAAac,KAAKrC,KAAMgC,GAGtBA,GAAWA,EAAQM,uBACrBN,EAAQM,sBAAsBC,IAAId,IAKtCG,EAAQY,aAAeb,GACdJ,IACTI,EAAOD,EACH,WACAH,EAAac,KACXrC,MACC4B,EAAQE,WAAa9B,KAAKmC,OAASnC,MAAMyC,MAAMC,SAASC,aAG3DpB,GAGFI,EACF,GAAIC,EAAQE,WAAY,CAGtBF,EAAQgB,cAAgBjB,EAExB,IAAIkB,EAAiBjB,EAAQvB,OAC7BuB,EAAQvB,OAAS,SAAmCyC,EAAGd,GAErD,OADAL,EAAKU,KAAKL,GACHa,EAAeC,EAAGd,QAEtB,CAEL,IAAIe,EAAWnB,EAAQoB,aACvBpB,EAAQoB,aAAeD,EACnB,GAAGE,OAAOF,EAAUpB,GACpB,CAACA,GAIT,MAAO,CACLuB,QAAS7B,EACTO,QAASA,G","file":"../dist/js/toggle-input.js?id=198cc204f6b403cd3b9c","sourcesContent":["<template>\r\n  <div>\r\n    <input type=\"hidden\" :name=\"name\" :value=\"state\" />\r\n    <button\r\n      type=\"button\"\r\n      class=\"relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n      :class=\"{ 'bg-brand': state, 'bg-gray-200': !state }\"\r\n      @click.prevent=\"toggle\"\r\n      role=\"switch\"\r\n      aria-checked=\"false\"\r\n    >\r\n      <span class=\"sr-only\">Use setting</span>\r\n      <span\r\n        aria-hidden=\"true\"\r\n        class=\"pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200\"\r\n        :class=\"{ 'translate-x-5': state, 'translate-x-0': !state }\"\r\n      ></span>\r\n    </button>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    value: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data: () => ({\r\n    state: false,\r\n  }),\r\n  created() {\r\n    this.state = this.value;\r\n  },\r\n  methods: {\r\n    toggle() {\r\n      this.state = !this.state;\r\n      this.$emit(\"input\", this.state);\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render, staticRenderFns } from \"./ToggleInput.vue?vue&type=template&id=98bf07c8&\"\nimport script from \"./ToggleInput.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleInput.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","import mod from \"-!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleInput.vue?vue&type=script&lang=js&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('input',{attrs:{\"type\":\"hidden\",\"name\":_vm.name},domProps:{\"value\":_vm.state}}),_vm._v(\" \"),_c('button',{staticClass:\"relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\",class:{ 'bg-brand': _vm.state, 'bg-gray-200': !_vm.state },attrs:{\"type\":\"button\",\"role\":\"switch\",\"aria-checked\":\"false\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggle($event)}}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Use setting\")]),_vm._v(\" \"),_c('span',{staticClass:\"pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200\",class:{ 'translate-x-5': _vm.state, 'translate-x-0': !_vm.state },attrs:{\"aria-hidden\":\"true\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n"],"sourceRoot":""}