{"version":3,"sources":["webpack:///./src/pages/docs/globalComponents/flipCards.vue?13ce","webpack:///./src/pages/docs/globalComponents/flipCards.vue","webpack:///./src/pages/docs/globalComponents/flipCards.vue?b9f1","webpack:///./src/pages/docs/globalComponents/flipCards_2.vue","webpack:///./src/pages/docs/globalComponents/flipCards_2.vue?c782"],"names":["class","cards","card","index","toggleCard","key","name","flipped","style","back","front","props","Object","setup","cards_","newFront","newBack","error","methods","addNew","this","push","__exports__","render","components","flipCards"],"mappings":"iIAAA,W,8DCEQA,MAAM,kB,qHADZ,yBAYU,Q,8BAXR,iBAUK,CAVL,gCAUK,KAVL,EAUK,E,2BATH,gCAQK,2CARqD,EAAAC,OAAK,SAArBC,EAAMC,G,gCAAhD,gCAQK,MARI,QAAK,mBAAE,EAAAC,WAAWF,IAAuCG,IAAKF,G,CACrE,yBAMa,iBANDG,KAAK,QAAM,C,8BACrB,iBAII,CAJJ,gCAII,a,yBAHJ,gCAEI,KAFMD,IAAKH,EAAKK,QAASP,MAAM,OAAOQ,MAAA,gC,6BACrCN,EAAKK,QAAUL,EAAKO,KAAOP,EAAKQ,OAAK,U,sCA8BrC,mCAAgB,CAC7BC,MAAO,CACL,OAAUC,QAEZC,MAJ6B,SAIvBF,GACJ,MAAO,CACLV,MAAO,iBAAIU,EAAMG,QACjBC,SAAU,GACVC,QAAS,GACTC,OAAO,IAIXC,QAAS,CACPd,WAAY,SAASF,GACnBA,EAAKK,SAAWL,EAAKK,SAEvBY,OAAQ,WACFC,KAAKL,UAAaK,KAAKJ,SAGzBI,KAAKnB,MAAMoB,KAAK,CACdX,MAAOU,KAAKL,SACZN,KAAMW,KAAKJ,QACXT,SAAS,IAGXa,KAAKL,SAAW,GAChBK,KAAKJ,QAAU,GAEfI,KAAKH,OAAO,GAXZG,KAAKH,OAAQ,M,iCCjDrB,MAAMK,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kKCRb,yBAA4B,GAAhBT,OAAQ,EAAAb,OAAK,mB,gBAOrBA,EAAQ,CACV,CACES,MAAO,oEACPD,KAAM,SACNF,SAAS,GAEX,CACEG,MAAO,+BACPD,KAAM,SACNF,SAAS,GAEX,CACEG,MAAO,8BACPD,KAAM,SACNF,SAAS,GAEX,CACEG,MAAO,iBACPD,KAAM,OACNF,SAAS,GAEX,CACEG,MAAO,yCACPD,KAAM,OACNF,SAAS,GAEX,CACEG,MAAO,yCACPD,KAAM,SACNF,SAAS,GAEX,CACEG,MAAO,gCACPD,KAAM,SACNF,SAAS,GAEX,CACEG,MAAO,sDACPD,KAAM,WACNF,SAAS,IAIA,+BAAgB,CAC7BiB,WAAY,CACVC,YAAA,YAEFZ,MAJ6B,WAK3B,MAAO,CACLZ,UAIJiB,QAAS,K,qBCxDX,MAAMI,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB","file":"js/chunk-508471f6.8b22384c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./flipCards.vue?vue&type=style&index=0&id=09f42994&scoped=true&lang=css\"","<template>\n  <n-space>\n    <ul class=\"flashcard-list\">\n      <li v-on:click=\"toggleCard(card)\" v-for=\"(card, index) in cards\" :key=\"index\">\n        <transition name=\"flip\">\n          <div>\n          <p v-bind:key=\"card.flipped\" class=\"card\" style=\"overflow-wrap: break-word;\">\n            {{ card.flipped ? card.back : card.front }}\n          </p>\n        </div>\n        </transition>\n      </li>\n    </ul>\n  </n-space>\n</template>\n\n<script>\nimport { defineComponent, ref } from 'vue'\n\n// const cards = [\n//     {\n//       front: 'Kainos (ar sąnaudų) ir kokybės santykio (K/SKS) kriterijus',\n//       back: '❌🙅 Ne, šis kriterijus nustatomas atsižvelgiant į pirkimo objekto atributus. Pavyzdžiui techninius pranašumus.',\n//       flipped: false,\n//     },\n//     {\n//       front: 'Sąnaudų kriterijus (SK)',\n//       back: '✅ Teisingai! Kriterijus nustatomas pagal GCS metodą.',\n//       flipped: false,\n//     },\n//     {\n//       front: 'Kainos kriterijus (KK)',\n//       back: '❌🙅 Ne, šis kriterijus nustatomas naudojant mažiausios kainos metodą.',\n//       flipped: false,\n//     },\n// ];\n\nexport default defineComponent({\n  props: {\n    'cards_': Object\n  },\n  setup(props) {\n    return {\n      cards: ref(props.cards_),\n      newFront: '',\n      newBack: '',\n      error: false\n    }\n  },\n\n  methods: {\n    toggleCard: function(card) {\n      card.flipped = !card.flipped;\n    },\n    addNew: function() {\n      if(!this.newFront || !this.newBack) {\n        this.error = true;\n      } else {\n        this.cards.push({\n          front: this.newFront,\n          back: this.newBack,\n          flipped: false\n        });\n        // set the field empty\n        this.newFront = '';\n        this.newBack = '';\n        // Make the warning go away\n        this.error= false;\n      }\n    }\n  }\n});\n</script>\n\n<style scoped>\nbody {\n    font-family: 'Montserrat', sans-serif;\n    text-align: center;\n  }\n\n  ul {\n    padding-left: 0;\n    display: flex;\n    flex-flow: row wrap;\n  }\n\n  li {\n    list-style-type: none;\n    padding: 10px 10px;\n    transition: all 0.3s ease;\n  }\n\n  .container {\n    max-width: 100%;\n    padding: 2em;\n  }\n\n  .card {\n    display: block;\n\n    width: 200px;\n    min-height: 100px;\n\n    padding: 10px 10px;\n    /* background-color: #fdb913; */\n    border: solid #fdb913 4px;\n    border-radius: 7px;\n    margin: 5px;\n    text-align: center;\n    line-height: 27px;\n    cursor: pointer;\n    position: relative;\n    /* color: #fff; */\n    /* font-weight: 600; */\n    /* font-size: 20px; */\n    -webkit-box-shadow: 9px 10px 22px -8px rgba(209,193,209,.5);\n    -moz-box-shadow: 9px 10px 22px -8px rgba(209,193,209,.5);\n    box-shadow: 9px 10px 22px -8px rgba(209,193,209,.5);\n    /* will-change: transform; */\n  }\n\n  li:hover{\n    transform: scale(1.025);\n  }\n\n  .flip-enter-active,  {\n    transition: all 0.4s ease;\n  }\n\n  .flip-leave-active {\n    display: none;\n    /* transition: all 0.4s cubic-bezier(1.0, 0.5, 0.8, 1.0); */\n  }\n\n  .flip-enter, .flip-leave {\n    transform: rotateY(180deg);\n    opacity: 0;\n\n  }\n\n  /* Form */\n  .flashcard-form{\n    position: relative;\n  }\n\n  label{\n    font-weight: 400;\n    color: #333;\n    margin-right: 10px;\n  }\n\n  input{\n    border-radius: 5px;\n    border: 2px solid #eaeaea;\n    padding: 10px;\n    outline: none;\n  }\n\n  button{\n    border-radius: 5px;\n    border: 1px solid #87cb84;\n    background-color: #87cb84;\n    padding: 8px 15px;\n    outline: none;\n    font-size: 14px;\n    font-weight: 700;\n    color: #fff;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  button:hover{\n    background-color: #70a66f;\n  }\n\n  .error{\n    margin-top: 10px;\n    display: block;\n    color: #e44e42;\n    font-weight: 600;\n  }\n\n\n</style>\n","import { render } from \"./flipCards.vue?vue&type=template&id=09f42994&scoped=true\"\nimport script from \"./flipCards.vue?vue&type=script&lang=js\"\nexport * from \"./flipCards.vue?vue&type=script&lang=js\"\n\nimport \"./flipCards.vue?vue&type=style&index=0&id=09f42994&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-09f42994\"]])\n\nexport default __exports__","<template>\n  <flipCards :cards_=\"cards\"/>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport flipCards from '@/pages/docs/globalComponents/flipCards'\n\nconst cards = [\n    {\n      front: 'Priverstinio transporto priemonių nuvežimo ir saugojimo paslaugos',\n      back: '✅ Taip',\n      flipped: false,\n    },\n    {\n      front: 'Automobilio lizingo sutartis',\n      back: '✅ Taip',\n      flipped: false,\n    },\n    {\n      front: 'Bilietų platinimo paslaugos',\n      back: '✅ Taip',\n      flipped: false,\n    },\n    {\n      front: 'Banko paskola ',\n      back: '❌ Ne',\n      flipped: false,\n    },\n    {\n      front: 'Advokato paslaugos atstovavimui teisme',\n      back: '❌ Ne',\n      flipped: false,\n    },\n    {\n      front: 'Automobilių privaloma techninė apžiūra',\n      back: '✅ Taip',\n      flipped: false,\n    },\n    {\n      front: 'Pavėžėjimo (taksi) paslaugos ',\n      back: '✅ Taip',\n      flipped: false,\n    },\n    {\n      front: 'Komandiruotės išlaidos (viešbučiai, kuras ir pan.) ',\n      back: '❔ Galbūt',\n      flipped: false,\n    },\n];\n\nexport default defineComponent({\n  components: {\n    flipCards,\n  },\n  setup() {\n    return {\n      cards\n    }\n  },\n\n  methods: {\n  }\n});\n</script>\n\n<style scoped>\n</style>\n","import { render } from \"./flipCards_2.vue?vue&type=template&id=db56d672\"\nimport script from \"./flipCards_2.vue?vue&type=script&lang=js\"\nexport * from \"./flipCards_2.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}