{"version":3,"file":"td-reviews-horizontal.406.js","mappings":";;;;;;;;;;;;;;;AAAA,+BAA+B,6BAA6B,kBAAkB,6BAA6B,YAAY,kCAAkC,4NAA4N,UAAU,kCAAkC,aAAa,6CAA6C,yGAAyG;AACpkB;AACA;;;;;;ACkBA,4EAAe;AACf;AACA,CAAC;;;ACtB+M,CAAC,uFAAe,qCAAG,EAAC;;;;ACA5H;AACvC;AACL;AAC5D;AACA;AACA,eAAe,mBAAO,CAAC,IAAoF;AAC3G;;AAEA;;AAEA;AAC0K;AAC1K,gBAAgB,sCAAU;AAC1B,EAAE,gDAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;AACA;AACA;;AAEA,qDAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEvBf;AACyL;AACtB;AACnK,8BAA8B,+IAA2B,CAAC,0JAAwC;AAClG;AACA,iEAAiE,kDAAkD,yBAAyB,GAAG,yDAAyD,IAAI,4DAA4D,GAAG,4DAA4D,oEAAoE,sBAAsB,SAAS,UAAU,4BAA4B,aAAa,mBAAmB,uBAAuB,+BAA+B,cAAc,WAAW,YAAY,UAAU,kBAAkB,iBAAiB,sCAAsC,wBAAwB,oCAAoC,yBAAyB,0CAA0C,eAAe,iBAAiB,iCAAiC,0BAA0B,6CAA6C,+BAA+B,GAAG,0BAA0B,iBAAiB,IAAI,oBAAoB,iBAAiB,IAAI,oBAAoB,aAAa,GAAG,oBAAoB,iBAAiB,kBAAkB;AAC1nC;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;ACPvC;;AAEA;AACA,cAAc,mBAAO,CAAC,GAA+1B;AACr3B;AACA;AACA;AACA;AACA,UAAU,+CAAqJ;AAC/J,yBAAyB;AACzB;AACA","sources":["webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue?a50c","webpack://vue-lib-td-reviews-horizontal/widgets/shared/components/TDSpinningLogo.vue","webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue?144c","webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue","webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue?ad30","webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue?9375","webpack://vue-lib-td-reviews-horizontal/./widgets/shared/components/TDSpinningLogo.vue?c45e"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"logo td-loader\"},[_c('svg',{staticClass:\"heart-loader\",attrs:{\"xmlns:rdf\":\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\",\"xmlns:svg\":\"http://www.w3.org/2000/svg\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"viewBox\":\"0 0 90 90\",\"version\":\"1.1\"}},[_c('g',{staticClass:\"heart-loader__group\"},[_c('path',{staticClass:\"heart-loader__heartPath\",attrs:{\"stroke-width\":\"4\",\"stroke-linecap\":\"round\",\"d\":\"M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span class=\"logo td-loader\">\n    <svg\n      class=\"heart-loader\"\n      xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\"\n      xmlns:svg=\"http://www.w3.org/2000/svg\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 90 90\"\n      version=\"1.1\"\n    >\n      <g class=\"heart-loader__group\">\n        <path class=\"heart-loader__heartPath\" stroke-width=\"4\" stroke-linecap=\"round\" d=\"M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0\" />\n      </g>\n    </svg>\n  </span>\n</template>\n\n<script>\n\nexport default {\n  name: 'TDSpinningLogo'\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .spin {\n    animation: spin 1.4s infinite ease-in-out;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n    }\n    50% {\n      transform: perspective(120px) rotateX(0deg) rotateY(-180deg);\n    }\n    100% {\n      transform: perspective(120px) rotateX(0deg) rotateY(-360deg);\n    }\n  }\n\n  *, *:before, *:after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  $strokeColor: #009EE2;\n  $heartColor: #007FB5;\n  $size: 80px; // change this to manipulate overall size\n  $totalAnim: 2s;\n  $delay: 1s;\n  $squareLen: 240;\n  $circleLen: 188.522;\n  $heartLen: 308.522;\n  $svgSize: 90px;\n  $circleW: 60px;\n\n  .td-loader {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .heart-loader {\n    display: block;\n    width: $size;\n    height: $size;\n    left: $size/2;\n    position: relative;\n    overflow: visible;\n    &__group {\n      transform-origin: 0 $svgSize;\n      animation: group-anim $totalAnim $delay infinite;\n      transform: rotate(-45deg);\n    }\n\n    &__heartPath {\n      stroke: $heartColor;\n      fill: transparent;\n      stroke-dasharray: $heartLen, $heartLen;\n      stroke-dashoffset: $heartLen;\n      animation: heart-anim $totalAnim $delay infinite;\n    }\n  }\n\n  @keyframes heart-anim {\n    0% {\n      stroke-dashoffset: $heartLen;\n      fill: transparent;\n    }\n    25% {\n      stroke-dashoffset: 0;\n      fill: transparent;\n    }\n    75% {\n      stroke-dashoffset: 0;\n      fill: $heartColor;\n    }\n    100% {\n      stroke-dashoffset: 0;\n      fill: transparent;\n      stroke-opacity: 0;\n    }\n  }\n\n</style>\n","import mod from \"-!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TDSpinningLogo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TDSpinningLogo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TDSpinningLogo.vue?vue&type=template&id=8cd27e3e&scoped=true\"\nimport script from \"./TDSpinningLogo.vue?vue&type=script&lang=js\"\nexport * from \"./TDSpinningLogo.vue?vue&type=script&lang=js\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./TDSpinningLogo.vue?vue&type=style&index=0&id=8cd27e3e&prod&lang=scss&scoped=true\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  \"8cd27e3e\",\n  null\n  ,true\n)\n\nexport default component.exports","export * from \"-!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TDSpinningLogo.vue?vue&type=style&index=0&id=8cd27e3e&prod&lang=scss&scoped=true\"","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.spin[data-v-8cd27e3e]{animation:spin-8cd27e3e 1.4s ease-in-out infinite}@keyframes spin-8cd27e3e{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(0deg) rotateY(-180deg)}to{transform:perspective(120px) rotateX(0deg) rotateY(-1turn)}}*[data-v-8cd27e3e],[data-v-8cd27e3e]:after,[data-v-8cd27e3e]:before{box-sizing:border-box;margin:0;padding:0}.td-loader[data-v-8cd27e3e]{display:flex;align-items:center;justify-content:center}.heart-loader[data-v-8cd27e3e]{display:block;width:80px;height:80px;left:40px;position:relative;overflow:visible}.heart-loader__group[data-v-8cd27e3e]{transform-origin:0 90px;animation:group-anim 2s 1s infinite;transform:rotate(-45deg)}.heart-loader__heartPath[data-v-8cd27e3e]{stroke:#007fb5;fill:transparent;stroke-dasharray:308.522,308.522;stroke-dashoffset:308.522;animation:heart-anim-8cd27e3e 2s 1s infinite}@keyframes heart-anim-8cd27e3e{0%{stroke-dashoffset:308.522;fill:transparent}25%{stroke-dashoffset:0;fill:transparent}75%{stroke-dashoffset:0;fill:#007fb5}to{stroke-dashoffset:0;fill:transparent;stroke-opacity:0}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TDSpinningLogo.vue?vue&type=style&index=0&id=8cd27e3e&prod&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to Shadow Root\nvar add = require(\"!../../../../../.nvm/versions/node/v18.17.0/lib/node_modules/@vue/cli-service/node_modules/vue-style-loader/lib/addStylesShadow.js\").default\nmodule.exports.__inject__ = function (shadowRoot) {\n  add(\"72ff867d\", content, shadowRoot)\n};"],"names":[],"sourceRoot":""}