{"_id":"tttl-embed-survey","_rev":"54-d4d5d902370f4c6e4c002c2f045d3659","name":"tttl-embed-survey","dist-tags":{"latest":"0.2.14","beta":"0.2.7-beta.13"},"versions":{"0.0.1":{"name":"tttl-embed-survey","version":"0.0.1","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.8.4"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.1","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-6jlj3fISPtPR/Z8WJtW+8m9Axgi30BpvCfT499g4u5N9Mm51Gfs5LA1El+ijUSl6X8VLpFBFs9jc8Nm51pmMwA==","shasum":"412e898040d9a147f35422913e28c827349405f5","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.1.tgz","fileCount":179,"unpackedSize":1216300,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoxEnCRA9TVsSAnZWagAAlsAP/0jOVqEJckdu0r4q0Bjx\ni8jxUV3nsapNTFfK6xubFMnfjMc7Twp6h7ITvKgScyKQlucA3S+4/ShFVMuc\nAX4M9jSgy3/2JwSwH1P87VpaYsEhTSZbHQBZJHGkHOgl6ADssULJ6+XLKr+A\nsqxyp2B6VzCtOCRH2BZuKX559d4TBU25BxGAqu4hv/SEH86JeBtjDNvm4b2O\nSE9vbPuKwFT0BcGOmaxOYWQE0Qw4o79dRyV4SERq2oUO2mniIX8fOrqjDEAT\n2uVpfE4UPHgeRw3uOdURWYQXWPyQZR1OqIlF+l+eAJ7aohLCwN03ho0dKtB3\nokbj9popU+oMH/QT2BKDb2qcm0HjvYzwVbaXb2q90VJCPD8RegEs0qXV//Rf\nKEWlvtJbSvUx2v2Tip7rEbEBKh3RnAw/F12BFlNEOSEckxDyaSfLX3yq5nOC\nSDgpup32wq7pYDqc4wZNHW5YMJda4efj83SBfal1pqhfirRCHNCI3AaoPKNQ\nAc97/80dTV5xiBczhXmcE8KwG62Qt1jSUVNWEbuaY+jZoc5fSMJE5LXr190M\nGPKRXCfq5/0MJDY+u6Zh3EeH4x/lRkXitDEzD6TBGaGtXlpNB3cDRDrVRTyH\ncbifXDW2rQsDPtscEBlLRmOFEWFpAVFICX14UTUTA5L94eNnbCH+6IwzLV5I\nUzR0\r\n=OSUu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUmhHIFgVg3cbAwWt6rfAQQsDtMOI420voy5CxuAgc1gIgGnQA+6NAeQs9slqnhnmR3N8BzMNbCeO7XsjgD0qRE4E="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.1_1587745062827_0.402727531266583"},"_hasShrinkwrap":false},"0.0.2":{"name":"tttl-embed-survey","version":"0.0.2","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.8.4"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.2","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-rX4Zf9PaKAZ3HMnivTY8gAd/U3EKrMECxo1cxYpQIBg7IOQABjKtiyFXdzs6V5d0CWmunaTxxs+qUUTq2eauFw==","shasum":"c803a66664966ddad3a1afac25cbf43d71e7b096","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.2.tgz","fileCount":181,"unpackedSize":1217191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoyRICRA9TVsSAnZWagAAoTgP/A5AzjYuG60SDykLBYWF\nvooUDXZUMQ9i/R6Uau6fYHIQGtiYst11lQXT8Zo7onS+AwXk7kL5CvKnLgRT\nNHazofc7RakfR47vI6abvTu2IUs10zlYbSTYbVzE7FJ/5ejhegmzYzujikzf\nkFIHYg3sIkMIf5bI3MADWmpRqnad7jR5vt8NB1GK0NU7PMtlgazH4B9rzH/U\nn6dlOYPCK5oLbBCqf19PVtWN4jBLXE/qXrJvO1eF5PKIgXswOYMeIaoDc3Fn\nuRRCw9P8ch+RQHAOeKxHKgJypcHS/FDcHkznQ20BUHCYMeHY1csm77sxe1lu\n3XluA+mui9ZAXzQnZzJ0FhvpqTXfs46YS5GKEOhEToVLVSOY7Rdwfx9b/aO+\nXhVtP4Pa151gIwGPYDG8Q8+qg1iAFN9RUYlvQvsJ1ITk9zVEIrfnWvPtCuqO\nNZk52SDM776Co5IrPTTrhq0XMRS1ZjZG2+RAs8dIrlWOxMYh4UmK/kveksKf\n9sLzKmfH1r476PeohS2+6ud7Ngl8/NE3pa2gQiPO4C09nKddkMNTvH1FnOzz\ng7VqDo12FjE5gc4voUqhRhI5JC3v4KpeGh6dVUb7ACPnx54EGfP2dVleqqW4\n22FXZgLvkWZ/6I8xyKmB/Z/Cv5uwmxooief8uuaM3C8ntD8M1bLfIu50VZHZ\nJSQm\r\n=36rE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEgqE83Gl3Ul4HDje2sM3qqmY9wW7+70Tkf8p7BMOtJXAiAXMHRS1fmfZlDcgRxepEDzmPmDv6wiDnaMNXpB9CV9nA=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.2_1587749959508_0.35124305846167125"},"_hasShrinkwrap":false},"0.0.3":{"name":"tttl-embed-survey","version":"0.0.3","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.3","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JANiz2mSnZxI1/O02xRh2//VbT9W/0A81AemtntOkLTlYVTl4oEuVHd+97wfIgPhk11RVEYdsrSWsjC0SMoC/Q==","shasum":"d1d2ae1679047b4fd4777ceb0031bfe4d21e33a6","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.3.tgz","fileCount":45,"unpackedSize":249287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFmnCRA9TVsSAnZWagAAv4EP/jR8QnvmogsPnRluGSJ/\n1VIHjHWTLZ8JOkn83lXSzJnQz5sCVJnedV0tsXmMaUOnnb8/HCHXGY4sHexJ\nhYeDnpBSR2OekjbMJCwOwCXjTven5IgMchmV6dYK264RsI9v9pGI4LgsqYti\ntlfkWKRRBipyjWCgwBj47j9k8upiZS5GQaDwqjJke5ZdpsplkxIsbbBjEvsg\nAXVtwutv2xin948PhgOChueDp/TIfV+7IlefU32Z+W0dSdVgkGrBCO0kki5C\ne/Zl/WgMmJBmsoPWlYg2JMXWf48jw3zu616iNcxbPOvdhx2NUEWgGSqjmypv\nU3GmxcMIfR7RJg4apW4ImaOXdJ79Xa9hbCXsshbNSqw66Qjm34UvnHD31efI\n6EcqULzwLqK577hVMnx/QmWlIcOPZOTONaDYtNT1A2xhi8lAxGHCZnWJXqa8\na6Y0JAXyh+Y0mFe0na7z4luk+PD09mV67S+6tvamENS3EvbXf+WXt92SCzrG\nhLh9tl6cfYQx8lrYBLGtnL2LtzWg07I6izK2kOkUc8ACRY29ozcbr+F8lWch\nlViFexN6BZr4nYnzXco2L7DTLC8Hok1Mx9n5mzUAivVDMTOwBp+H2PlDESgR\nuUoeVnUZe+U9YFTj0eVAHl2FcutpDBwIHDkkk4ZdN+lXvojlB8Qr9PXdkrGs\n+AxG\r\n=in13\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1FCUdPmmCtlmd0OmS8KJuVS86J5m+nTz8C3QZyVAEIgIgOnYX3F1KtZe6DYR2ZRqVKaaPG/1mLgRbNgsZQug5pGM="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.3_1588615590474_0.8919835199067276"},"_hasShrinkwrap":false},"0.0.4":{"name":"tttl-embed-survey","version":"0.0.4","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.4","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-f184s3f5hIIiMBIZqfNAGBJao5XZg6yjHWNx7KO19I1bRngssF5PMGYY9okHZLUiTofyB9Llt5uOBKey4PYx4Q==","shasum":"389c8a4ec2668e4dd6d5b821d88123bb9e7b1f18","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.4.tgz","fileCount":179,"unpackedSize":1192464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFzUCRA9TVsSAnZWagAATvUP/1gWQMWNksn1JCyDlECY\nJPHhc1DZh1Tka2x/GVRDQNG0S/g6EpiRM8uhRTFYuo0Zg2IK5M/Nfm2bRUzZ\nhsJIGb4tA4IXqLYRlDufUkUx9R4oTITm+6Z3TjrPI+0mTuIXuRkwrqHVbyOG\nzwUlr2AkC+396a84H6outjjHhfMNzfrub/XPejYZOAZDnV6/Ch++zTBDUBGH\n7Q27Lf2Spgj66BY1ho+opJMyWi/znrThCKoQItHuboVWo2Vyer8z68eUZgLv\nENdZPvd+F0iZU1O51oEvZmc6hTyI4wYfkYVZ56jGuIFeHfsfdIyX2dvmqill\nKEremgOMUFdqLtATl2w2HAPifxa2wyGmNdeU7DMLWsf0TrKvC+OeqxpnCHSG\nfsMZ6Dy9+2RzkjlRAcgF6fy4ciXW4LMb+mKYrTvrZ+jSXOxW0OP5vHX27x2j\nU8n2sxE6ofUe7dP44b/mDtAyQ2T2s+/MWOQvKnZxPQj+AD4dESNvNFupkBTD\n+gFbissxiSIE9gN/z3lGbTElUKv2FpF+qbmL/yloG3wEM8xzOqcbw4szginf\nlEVDN4ugZukWob71xx21yrf64z1Yreu/baIssMV9orVTVGgKxfPpVktf+Oh3\n7Uf7qXqp0XU0IyZ9IIkHy4RDzaAz1AxAPqj+OFG8tBNlZJWAZXm8w3biucB3\nfI0u\r\n=8Xl7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKkBAXVfj9Cu0MqkhmnirKio/ACC4RfMawUZvcBUbKUAIgATG1uA7MC07x8HonKsmWjWbJNE4rDIf5K3OQvR0aCJ8="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.4_1588616403838_0.3577324730595961"},"_hasShrinkwrap":false},"0.0.5":{"name":"tttl-embed-survey","version":"0.0.5","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.5","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-37j3AXpxOzr+EK2kLBpugruux1uwUMtA8yCdA5adSs2sWvuAj/TgmOVNsoME0k2P1tlHekS+t0/8SSVMA7DIXg==","shasum":"399a9722f279a3a4201711d79b1441c9930af3b3","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.5.tgz","fileCount":176,"unpackedSize":1192361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesH6dCRA9TVsSAnZWagAA3t0P/3Z254BIetQKFtKM4yGS\nCd7s63ZOxOMWKmGEdsbrD2Z9IbFR95o57tdUOe2xOcRscm8m0uM0KjNmDSBz\nBAxBVGrQQbBYcYz+zazEFJ6IeMjDahmVYrJAkxujz06yap7PrpwBQ6SlcCOB\n5yfCRIBgXKTRLkGTIuxd42QVWJEQTZX8+DQaN1tyLt0iO49RvRgWae1a8AGR\nzfvdiKmiKc/E/pbTI79WpYYROpYweKaULZBfB4MJra4PdJQsxUgtqYroqivG\nJ1T/kn0RyWaWjLXcKczBWbwf++y62tlI2QO3GaJIz9Ot/xGYCnjw10ntOKyJ\n+KQY0WoHidWdPnwujH1+z9YBYLD3mGJHt6MR1cK5GmvGG/94GgwbuZT0yJod\ntwLtjGNkuuYJxzm/FrOp9z/gcuhRiSZMNazW+pJgx0k+zqNjMWK0PjAiI8Iu\n6mVmkVUOkSEiVVBPWhsH9VckdLdwKrc7JUGXFaW7USJ3kkETHfU19gUVE6bq\nw0U9t1Ta28Xnh2kkaG6gMduZ+8toXhVm6lTnxPwWRehdxitcsT0QsBoBxd6C\nK265Gvdi5eNZaSS+1vcn1+eZqanUu1KexwczOL7XAsac2PumXFE+VYt+kpp7\nSVVd7Bq/Z4XhvezNiJTvDiDyloWBHsLVut3a9Qj7DLy6E6fYBMqoLktG4X+C\n4uJN\r\n=5tvs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDISxeg131YTWqaikKc7k2VgUp+8ecztMPED7uZinM9vQIhAM9eH5FTW9FRQzyzJTCjs5qHzaReQvxifgWhfa7U4NH/"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.5_1588625052863_0.20526170792054255"},"_hasShrinkwrap":false},"0.0.6":{"name":"tttl-embed-survey","version":"0.0.6","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.6","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-2gbHPWTIczFQ1+lZhFFkpYI1RJD729kGXUoSArh9P420XhmdxQr03UOGLjjJPDQqMs/wCv64ITAvI9tVaVo/fg==","shasum":"1af40fae9a305590917a8fd853444dfcf297dbb2","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.6.tgz","fileCount":176,"unpackedSize":1219205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetV9lCRA9TVsSAnZWagAAdLoQAJKsCzA1O3NIg26AnSlM\nc3Krg6psPhJigurbvPqgrpc42HD2luZYCuDu2Nz4OHOa8YEeOIMOE7phMqS/\nVOVWdcAvNUjOE4GOJ8qBrGa0Xr0eSzqjcqrlvEBDITW8L6hDh6JL4kB6FBOE\n9aQzpS5oIPuyWIkeeBFlVPD2cnsHf1v5nVNgDhDeZcrtmJDkiJMppCMLSW1s\n4yAcslU9POfMRLibRu3iRdDIP4t/bziuXcSwtc6mmZLnufV5cWWpWYl4K6vx\n/VxrDoaKkzmpDuOua4cLF53p0PvHKdalRG42nRI0qQcobWtlhtHv6wl1SRtr\nYrFpJ3njHKjgKBMj/7KELbEq1vz1NTEX8o7LfT1gMMhEnPTq6lYPydW0No1c\nK8swrEH/FR6EMEv/tD36ujhUWogb4brqG0aNcBUfCZBuvwMA844+aLaVYp/3\nkNFegTqJ/Q58YxJN1t96qAGRT5qpam6gwL92ggP+D36wBG2H6O3efJTyt/M2\nUDmPBRLL5NHbtPaJFYNeFoxFBkTnLCqFZXk3nZM810WC/XtKkQlt4mfhh5xJ\nSas3CJSKuCmCpBGv8+qSYt0qxYo27KZ3fwR+m9VJJNGPoHfoI0hpNWpn7s5g\nW0RHgrMlqlEkA9oxzPcy2ZT+qEZyEA8SSOUowJ//iD8C54VoeecvvxQbj6hg\nYdSD\r\n=Q4so\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGbDkG5ohP5SoLSFt3N6T387yyVOYMOeEqgN8GyVbXPTAiAVSz2Uy1M+G7ioBBekedbZZ6bLsS+UZLok38EFMScJ2Q=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.6_1588944740315_0.6648695539348852"},"_hasShrinkwrap":false},"0.0.7":{"name":"tttl-embed-survey","version":"0.0.7","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.7","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-0xQ57fmQdHRNAcFwFx5HY4Bll2rqMdpFuNWJIBAc20zLilhlxI9w6XiS+fdaPWMUoG9GtV7YG2jHZ0MbtoFJnQ==","shasum":"dc28e3ff0fc0d8038f3206fd129ef39597733174","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.7.tgz","fileCount":179,"unpackedSize":1234420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuqk4CRA9TVsSAnZWagAAJlUP/3RIB7bRkHZ4VNPrlyIU\n5j1SbS6rVNQ4qrYFK5y/ZaM11tP1hXbrjM6slTeCwScpIrIUWjDMC60Cwl2J\n6aif0RlnSYC7hnWYJbh6exSd70ftj02Mcjfc2Nst+OzMue/T5b6BFjyZ2qkQ\nfLL9w1qEOaS/yqrCQj7cvb5uUsHCBS6r/iuyzfR24aDtuTRdDxsvuLN21Dbj\nQX6vgR1HdgtSfPNdeyzDvT72U5+BsEwQAt9tK1CvzmVZDEOwvdwS+LWkGX7j\nmW9p06gMQISVpftpjWtOz7GJ0gEwYHGWmwOxD6zMM0oiviu8tlLk3azfn/mn\nrXPNGQFKhjeaqJxuASHbBsEuTYux72hnNTHfMOzKwEOkmfQnO5EpzgR6PRzW\nbwRHS39c4uyBYMRcDhuIctE9dTExgfB8JDv3rYEUhn/RsnrA0ryzfzw68+Dk\nizc5dI75rsfxjR3D3NQgC6glMjC5bW9uWPw0qYeOYiYFItENAMPwMHL2xoat\nHB+5EYZublcIZy+c+Mbhp21nDW7KbgIC7NBTWxjKIgFO0aExOq0EnwzABQUv\n0sxhg++7dCCHsT6oaYYPYTwsELswEFLsRqMOdmtvAexjopjRG1ofjBlWJdfT\nndKwhrTb/AM7gbAafB88e2aWrnH3yhSpdLSls+tEywjGKAofenkp/k/+Pb9W\ncF/b\r\n=E8kG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDX46h5qjHHwuB898IMU3Vgvk6jHd3aDL96sfROWS/hmAiARbw8M5+3qMpbYMyvrO2xO/shhxrjXvXPTGjBUIy99BA=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.7_1589291319338_0.49127410915838676"},"_hasShrinkwrap":false},"0.0.8":{"name":"tttl-embed-survey","version":"0.0.8","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.8","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-Wh8enMkjWb8kQYusGH8lj4kAG9/Qei9LzimRIdrIZbDrvkV2Ma+gBnQYCsGU0YiIFqQ84dH4ddS8vWZ9ymQNEQ==","shasum":"57f1867547eef8634a0427c04a8cbc65713128f6","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.8.tgz","fileCount":179,"unpackedSize":1246669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyD4BCRA9TVsSAnZWagAAA6QP/2ZP5igfIwBv0KuzXYip\nG+wGOmctPhK4wB09R0JxHN0psq/Semb0Bsp8IISUrQ5pXnoHd8KBti9bFkk9\nU21Oo+75u0NuGF5kp7dSJo/4kwmsOA3LGB6cRloaR/Gp3hZCdo8fh1V2a7NJ\nVoKQjQLG6WyomSbmjc6069KSBX8ohBi3nUNROJOdqPJNmryyHptcFSJudXDg\n2Hh2dV+46tMGzdN9eRCn8AoOo7hmX/HSLAn5bfOzW29MKN8r+EVYgbL2ivEa\nW9dl5fGULU5jpLs4mYsQfb/ZdE+UlNvB6JxEWAzwmCG7htpRpL2mJ0CZ0PlE\n7Q3zyaM8KldrvuCekfyvVXWIFzULwPgB6GdUoh8p7CbvUuigr+hzbog7kdv1\nfp4gNmronMqKYRXXCZ95x1edNRf6x566XtApFDzOkoC7xgayM0trCg59YwUN\njLfwbYD2unaGM/swcQQO2SjlVeq2y+sTpLKeIAKtRiSoN3vU7P9xOCmvQPTY\nNNqBkyB2ezQAi5p6lkX7oEZ8x2d3scLcfCYIc5Ql1WkQPyi/tnKRx/vL2+hG\nmmrFiUqlU0sm3F8c+mggbJhY+LDTSaKO7xDqG+2v5VL/UDIUsKls5jVkNS1w\nbdcfgT4nr3rqV7cvmLrffxoOzE6H7beZaz7NvI6y6AipBoqyqktNn1+0yY0s\n4ZCb\r\n=dndw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH54lHBf3xUAHNbPyAUqngsYLQX+CXQ+zdwP87ADLI7RAiBJ/KJtX/thMqsM6RmEYIs+Lvgt9gv+8e826R69aNHrXQ=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.8_1590181376460_0.5186482816648088"},"_hasShrinkwrap":false},"0.0.9":{"name":"tttl-embed-survey","version":"0.0.9","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.0.9","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-L/3UZvWpM2oWK9grmqkRkGpcK91idtoaw6oAB7hUUIUT6VA7nUda/vQuyxOwhu7HMPuj45mIEnZhCrZeIq3lXQ==","shasum":"a6a509d784db2365a7b07a57991776128f9fc67f","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.0.9.tgz","fileCount":181,"unpackedSize":1252151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezSMECRA9TVsSAnZWagAAyEIP/28OES/XclVNNx8kTe47\ndOKwle4r9WUiczokt2kiHlnuRfikPjn3huk4FZgwWJdqgYaNgQPBwOiA6dXD\nBETksw8vvbSCZpMMo7Ai+dmj/sLGEolY/JvIs8hnNDqDsKgjAxT2Z4atkc4P\nR2C6xAbdjuddY65QGUu2MmOfUSei0wVbI4vAR59suXBDruAyeOA5nZzwWEZo\nUBN6DW5L84av/8ijOh/IZJA7OZcsAC3tTQnpZKaaWniaUKwNeaG0DIWY4aV/\ncIa+f2DM4UOTaVOmfpdWVYMIdt+LuHvLWiqdacQmL+VASuHy/bHlMDvQr2rg\n26seoNAZg/2M3t4g1mV/XZTJT/p2RHyJ97NcllEsvDZpyCn+xET9t88AZX/X\n6J0324/gSakyQwFxtZdFuH++ZwvHoKUATfyiNLHAidbHXZUdaZ66lb9nJ5Qd\nDjtnAQHQb/3ULea4iouOkLbMgPdo+b91PPkg4/oVfT/gufzgRtPcdxXke4SW\n3N3NWLvg8WE+R0aO9fNiWLTHNV5l3NABrWB7uEa4ShZPf0Ejz4pw8lgiw2Nd\nbRZscFJQINhFN8TON1VV3RE+wNddi4RL2c6id7tDFraMjR5cxkafUl1wyHgo\nI5cyXenHRMpyW7q9Jq5xvfEJTTz8pyubhIQG24SdqyjqCRIYzAjWqPFntsmq\nyPMN\r\n=LTCi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBU8BlqGbbyWJHDSK9xagHRd1H5hXE/iqACe92ZjLJ7QIhAKwSiTj5Wl7AKeDI7nrWWiQNDqy0LlryZtIkWM/SFL+L"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.0.9_1590502148085_0.7079414994624103"},"_hasShrinkwrap":false},"0.1.0":{"name":"tttl-embed-survey","version":"0.1.0","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.0","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-cIFnqC4kyjjbvpwVuZmkDv0DzELp+1CXfH5YzqDFzsZkaplc6NdSABhUbvROubRoI3ROajfYykoqq4PqjianFQ==","shasum":"2602303da88ecdc200bd490545bb5d6e5475e2a4","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.0.tgz","fileCount":183,"unpackedSize":1290342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4jIQCRA9TVsSAnZWagAA9ucQAJT7ac7So89PZT67riuC\nQaP8AFyVC+BMznV6fDcY3pejTORuY8MczFwR9lNsRQ04eEmVtMOiNYnQqHmZ\nLxnG2rB4H2QVAEzFPmEF4Ty82KUG0LK0XF6DS5OypykBHfzIE+5cq00q6WWQ\nXpuE+tcEiJuN32mFhVbgr9zuMNcnVeF1xTmAPCYDBS9k53kAR7Lqn8YzgEu2\nou7ccD3Dbtwh6Tct0sChNOu7cKAvYEsk2g9njIJ17HzzERdcHr5rvZy2AzUu\ntrpwCj9ohDp3YPx+rPjTMeEruTIzWBT/hDIPZCnQBpfA7sfBypK2Txm4zY4K\ngDrEPTliO6W6kj0wilKE+0sj+fg3RfGaeAU/+vB3XC/QWUdrdxTzAN5mbHHJ\nxKH+oeh5I0I0OwKGyYY1BSifpiKo+5tZbMSNUEbDOEat9sJgAijY3u/uBER+\nWDaGP2KztSVWas3mtg08n3vVEoXYszWm5kWVjDcB3AthI7thYxZthSym8lIA\ngoVcXPJcY49cco9c+igk/01sqGZuQhDmwVkVhgfsD+FsfMhLOJXiI60EzqiN\nT91I8fcWiED2ViOLsEYJ3QTS9b9E+dAeunYpncaki7SZIphdwC31sXNLywpz\ns6pg1TFi0X0nrYcnfNeEIBKmkuUCLBPJx2//L58gFCcufgrzh2qLEJ8PeeIF\nZH64\r\n=sV0S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZZhuUWpdybKeppWKECIktbxVkJkQ4wpRtf/Nyafd+DAiEAiy15rBp6TfCu37AQpqK/cG6s4jL5yUJaRmEgw4DuxTg="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.0_1591882255852_0.3999127554854611"},"_hasShrinkwrap":false},"0.1.1":{"name":"tttl-embed-survey","version":"0.1.1","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.1","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CNxBtAC5fMOtQkA0CkF61SX5947+IqrO8RQ/ET+zC/ph2lV20uysNtOyFt7myP696st0lU1U5qu833BgsyVOzA==","shasum":"8f74e6009c69a2e5459d7ef28a33887dd1857e37","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.1.tgz","fileCount":183,"unpackedSize":1295080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4vRSCRA9TVsSAnZWagAAU5UP/Rqg4oiSEumjfZhUYhWV\nM/edPWGrkMsIcZEeyDtQ8OqiX0qsQbwbEiEy8pX+U7lQpG1lxh1hO+4oYjRl\nr1NhYs19zwFQKyvNDkDoo+Lp/ILNBOjZkPqmyft/2jI1NaGtuzh6OkCzmfc4\nkJaO9AOUNJNZwMTqjkNjuLQ7qFzU6K+RE3/Dpv7onIq0tIcA6E+XpcDXB91e\nT5yfpqGCP5m28i9rFQTQkhf+7QjAuGljyFJiK/SL2V10SgF7OvE8XZ96L9TE\nAVFryIkcv/HxaygDDG4rm3QlVi98sYq1T+LPufqtDm6u7T3Z5o8jtdv6rhmY\nAk5yRSg/qPs1dS+9LtMrQcFHCAZx4ssUJO+RTuxUm5CXuMi5KGl/kAfKMdOg\nrTsGtIxT71JrfKqVLd1J0LIp2ybwkVcoFjbZ3HQ7xGDSUsSFORvTiYoNgfhG\nCWzRlKdlIJbJTWH2yUIl2eV4xuIWHteSX5/DUhjOhScrrQ89HA8PDsoV75lW\nS3b3F0FdJrVzcKGl5IfMiY69ymR4Hy+NsLhq4C88NfkE63CHchLWxEJ6zFvt\n+MSdC5Czd5xLDf+XjCzmDq/zqvWc065m0rWnL1XMEvamNmu2ndPm/2qGL/gV\nJ4lRRh0uAQfM50bdfQvecrBgGP5wRyauT9KwXwT4HXhcvrgitqO/UfgNH2xC\nf+MT\r\n=Z9jS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDTW+s1k4zOL1dx67X+EtrQMhLtBhJNQjNLHJB1Qb8IwAiBvRne+GRjh35IE4I7h46ky/zxL8m/RKt0X7/DjQvDtTg=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.1_1591931986113_0.03271259168679408"},"_hasShrinkwrap":false},"0.1.2":{"name":"tttl-embed-survey","version":"0.1.2","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.2","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-kLY3HHeK7AtkOcrRuzDX1mj7RMe5Ap6zy4kALUueWPtJFhIdcZvIchnG3Tnx/T8ggC+uDKyBDL0C5y9LwR93vw==","shasum":"c76f10b04ced958583584e84d7b2276c488bfb48","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.2.tgz","fileCount":183,"unpackedSize":1295436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4wXmCRA9TVsSAnZWagAA7AYP/1mkA5gulG7aWiTozwkP\nodTuMmxOO301k/x2EDI0k4tCtO9iMOmLVrGXCiq06DSMVq06xnTMG7T6X9Vm\n0LWeClN0HBVN4tJ6FExpJsLHOu0IdVcFzCb9HqNFZpgB8i0zPXTbQqt3YgJK\nLz4TYCCbhXYo/UEEC6b6SFL6VO5BnT7UpyFu7XqkwYv7fQHYMxOe93hAnmkN\nsS6vE6uV88f+uhvBouQQkocg9B90HJG+PDENlGWM0lVtJyhKGuRAlc1KnF1s\nU1N8GXG+6XTQtOnw2rtVEHVtCLqBjsZH8EKPyTFp94ObLnxVkfCG3KB0jSP2\nTQRLM4NDicFad6JRQH2o5cgL+zI2IXhVbfja12taTMOzLvXhNnP/l1mTPORl\nTbD56Ei3ZwfENObAD4Ftv35g/vzkRb2V3lmgJ4RoCb1qvHTuHiKEe/5LoPAe\nrKsQFWToQOMQiogLL1JmSsgO9whFaZ3xo9RoFpMtK+kU6QJBaMUN7m5OptJe\nN+nWdX4088yyqgxtu8USIraKZs/nBQk9ZNb+p3EPlaKZRDR7Xo61GEYls+U2\n+HF3+o2s1I5c7FvFs5Rd3UbEKDTtboR3g/FYdooq8LwW4MngwBc6NaL3zDfU\nOeDsHnEKg8aMZeC4amGpTwnuqNkfWOvxK17Y1qSsgy6nI6RNca4bJqwREkCb\n+u7x\r\n=QWLj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEuDxYJGIWkad+WfTLEyEMGo9uFhLptT/nu8bnCCACpuAiBc8kswWyfypUPZ5JhgMvo8vxbMkl0LOO6azVo89vQfRg=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.2_1591936485936_0.09686046852347951"},"_hasShrinkwrap":false},"0.1.3":{"name":"tttl-embed-survey","version":"0.1.3","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.3","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-IYF2/CjMV05SInkyqTwPRBunCTaBJfODvyaqxr6q6VtBvRNVfZT8ZyjMaY4FsthmYQ/fSpT4p6R8IZcsXifDDg==","shasum":"5b668fe8ff33fa4f7c62238ffb79df74ac6d2db8","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.3.tgz","fileCount":181,"unpackedSize":1296797,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe48T/CRA9TVsSAnZWagAAEJsP/2stz1cYUmXsTrdHwOAG\ngu49X8xhVDTiaGC9o7ymlw8YUxTZkz22i+vFw6dq4745zE0b8P3o7fgcC5+T\nLSPpEmCuTghbnLW1qsMy1ZWgWeEuHnpikAddmrZArUenbknk0l9+LUKFQ23v\nOPzXT0mWZcoAhindqnXHHICT9B9A31zOuYR66CCsjJ2ln/1yDC5YYU9dEj49\nsIEE9J5nyQp3/YPtqsCZ/iLTa2dHI6bxX15IyxiH0aUmfUnZV1R7CbHPYewR\ncrq4M5AgC9KhqI0Z8PXp/I01Q4nGcxGRsArW5HnOJlMM/8jG4Ce9gtr26OZm\nPYLNkBf5b4GRbzk7zdCG5f+z3J7r1T0QWFFQzEZ/KcLXAnwsT+Z2Irk0o3K4\nDXmPZzr+c97bZCUPa6+uGVukDsJTF7jUfjl6dqMpRQ9fkpAzY5gZNu6RDs5F\n9gMhCc1R3H6v1MlKOSYEfbytJcdo4UcudCI1IF3v6yYdiib//izoYYU7mguN\nuTLiTgJNZj3lzHwW8/s8SFkkFIJibQODDK0X+3w09CBoHyH2x8C4zF4tvxrW\nvFa5CeEhVadg4Fw4qlC7DYnJJTZQ6VlYHdFS+KuML+WaXGIxxU94JuaZJZl5\nXzf+6Hdm7NqcsGa4ehUJgfSPzP5/LzrkWGmoKl/p+Vng42EVRQGmfpl/66LX\nE3vP\r\n=aFqm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAPXq9qONg50Su5NjXgiDVTvTUurqNxFT6D8ieN1Vr20AiEA4CxMRyzXpGnvbeKPR0YGh7Xn5R9NAunaJz202K4QYHE="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.3_1591985406483_0.12335556823009508"},"_hasShrinkwrap":false},"0.1.4":{"name":"tttl-embed-survey","version":"0.1.4","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.4","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-XIpiMFTNo7qpDoKZeYAV+oRPDmgKJELd4mhH7isvKg+n7hOHev0GDi4kFVDVloWTK/soQ2TNuYKVfJiAHg83Kw==","shasum":"f36629f66154dacd3fd46819094e0fb1f0113c3b","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.4.tgz","fileCount":180,"unpackedSize":1296092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe50fCCRA9TVsSAnZWagAAkXIQAIaPWBNfGsKmm90XViuq\nGve5FKkKERnKreTpuruhFyjTLgPkcDMz9fwBf3LqvggiBjKK3p9PflhAvXZV\n79XNxBefJ6R7uvFubwywkHVZQCr6g0gQCViOPUHJlg7Se4A4O5Qgcl9REI4H\np/b3kiQX5Cj0zecxERtftUocUjiK2YI0iYvBVMdQ3CfY6iAqy7zq1cpOSnon\nxD7IacBOq+kdUslyIHBcCdxX9i8cdUZqNfPTNAD4WUVuLRPQznRf2OgJTW8F\nO/tdV2YXTRX5s59Uexhe5xGtgLFjwELXynTJDQ5VF8Bh56vV8wrFhO3cep69\nV9CCIAFIrgDN2TPDHWnnhdJtaLohKgRwVDenMeQhuYfvspRp1Dvp19+SvI1B\nNskxrMD2kHfM40txpcpr8Pt5ORWbLlepUtOosswISbtKhBxWUGV/HjYwtmu/\nUXmwjR/d2fokkoEBE2T3iypihQr/TmqJ/y1iaZbFDjy1G672caSSn7SA17Bx\nvPFreF9L9ui/twhFPjWIcr8DRpbMsfyHDFU0w40kKu/sbAsOvfVxjxLOmU9E\nDjl2DtvLWCxIWEaGLwVy0LTdXfS/DFyApLzSKRd+fqm2fcJblSud4TZgFAl4\nzyyAENztJLuh+sMUf8DfrmorjzIDpqPYmsMTDUlad9qAaMRZxy/MMzW7diNO\n3XiQ\r\n=mxYa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVKmP06xMLnxwR+Yxaav3TQOHoc9VgWxJWNmrrIFlzWQIhAOJyVnNHIll2X6qHWvew5k/bVr/R5PsL/EAQ5vfbIs1m"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.4_1592215475346_0.8550688584482378"},"_hasShrinkwrap":false},"0.1.5":{"name":"tttl-embed-survey","version":"0.1.5","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.5","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-kKEjTmMm16FAytdR8awmhbzg1B/bBLiX0N/YDnGjc/RD8iOcubzi30F0zMWQsBmkufL3CPqy1x8sres4LLFZtw==","shasum":"bfc0d7ba0b6c46ab20e868cc879fce75dc0f80e2","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.5.tgz","fileCount":180,"unpackedSize":1289687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6hlXCRA9TVsSAnZWagAA7voP/RWDLdVjy6ZI4qnICNGl\nMVs08yZw+hAQkq4Faa2+KsTSlsggVXcIBVJQtPQhV+B+iEaSpaAyxgn85yRn\nItSztklyyGXXSgyAF7Uu9C/L+zXgEywLTb1u/8yO6DCxJ/kKD3U6lF/Yq7Es\nLBqR7EzMWzRPomvIoSPUu2lHZBziPmfDCIVXLjyT2ebMCvgHS1JbELHRYBZY\n8VgJY4gX68iB/Av2cDqUNt8vmakD46jsrXzXReAF84xWE4TRDcTuyZrVT/oq\noXgKlqwo5kSdljytvt3KO8t1784G1o991ezyNqQXXbpmd5p8sTk7MgZdErQv\nL1mgT88NcAvZlO2gvydYwhf9Pd/DkfYR1V+DUVbr0IdyJJfTW5QwQZIeSAbG\nl53fMmj+g6I+Iq9CtnrdqSfI5U7p2YeuFyMxk1DM+GfCLvduCLDVS2sKJJaK\nLfbvLar2QX9XmXRq9z1xt4n2975FSHebffStQ9/ut7VuofZOH4+o0aUIzH55\nkO2V4Pl3ufRnW93PLRXd+Mvow2946eNYBNYrTk1t9ynxaMJEh0iI/RdCLVRS\n9zg/hFsYdJYfthQkfdIn+3NXnqGXBbjcBi9BlGgB67oRBzqlTFGYkhAtfqFe\nWcdaVlxCxXFnc5qz4atMvSUXXhse1PZ3mgLd/qJGu/ePCv4HOLDDPtQFVb9j\nGH2e\r\n=iOW6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGSv7GsZ/VD+i5QdDoTE6DaOo/cM1Nl9M6eNG3xe4/JVAiAnPJXsiFNJwiC+F2JQvIfgK0cZw83/maQxum8NebwZzQ=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.5_1592400215177_0.23909855942213198"},"_hasShrinkwrap":false},"0.1.6":{"name":"tttl-embed-survey","version":"0.1.6","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.6","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-18N4YXYbHqq8FmRCRNLFQ122hZbjXXAyGrGuUb/EbF5GZFbIsGDP1NvrjAcH6f+jJZrbnFjOEa41ockGsJj1kQ==","shasum":"fa20d66073842f5f6348296bb513e66b5e63c903","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.6.tgz","fileCount":180,"unpackedSize":1294984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6nK1CRA9TVsSAnZWagAA9xEP/1uEe8Oz8Hxn2p1OUqX1\nQ0ycnljj/gjtyv0/76nEtKUNhxj78oz0KnBLotEPjNtnDpw1yA0sTxV2e3mY\n+pwGTCO37ePMQhJBL6rtF6MK293FUQG75t6M/ErnT5jmOGh13QjoXIkdfx1V\nvFk1JVgnjeDIxpQvfO3Xrn0PggIM/3oQIEgsvbvDxm5xQxMHc8M1nviQQDvL\nWpQVakaY8IGDMAGjKaCDeV+uHZFe/igP60cWz5jXm7EQbq3kbwWfMMEMmcn6\nvXYQqbJ90jv1ZvNWnaF5UJ0LFFPA79iirdfyoxfTytcQCQRAnZ7N2DW99Tw7\nInjOhWsswGoiylKl81/4noCYlL6NnpPI6UUUOBlD3lP6Nj/8hl8Vcxi8SHnS\nB1Y3KPagKjy+9d3xyEAjFfsSgyyqMWylialysVtUglV8xJTPNPhM53cL1RHr\nac8nhfYeqO0Gde7iYmb+wDndTmtz4+5XybvEuyEbUnJv9EDHXvP3eY40+fln\n2D9Q3MSO5eRwrDOWAKMWLJxEHbth6UNzgHgfiR+sZuEe9JfZ90ENbnyR/Kbu\nYHr2L0oClTYRuX2owQa9eyBgGPSlXHRp3+LMmSi5zvfw+r0hfkKE39/rBtfq\ny86XfZ4eK6B39q7O+dQIEWxI1p5DG1MQDJeamPrw6cmAW9Heb4G3pTikpmV2\nj8kJ\r\n=mBQt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB96mxIJwE9Pdlt6zR/zS/4fAZGCLbqpgQn3ntK+em2bAiA/WFdk9+H3Rig9UJUjdYGYSomowyBCx9EZc8bcuOg9gg=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.6_1592423092445_0.2732191106923172"},"_hasShrinkwrap":false},"0.1.7":{"name":"tttl-embed-survey","version":"0.1.7","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.7","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-i/2p1ZWIImRklvHJKO3gzu6nvGKS/fGMOc32W6tn5Inb+uxovYw92PXgC63j7jEa8WY/rRB8i+xwEwKhWvli/w==","shasum":"6ad7e6c1ff6fa5ef51329a60c22d8c39db1afb22","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.7.tgz","fileCount":180,"unpackedSize":1295697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64DoCRA9TVsSAnZWagAA8NMP/069GiIea3aa4IOrJ3/y\nqdy4+Fko+SwTHdw30aygfcn8k3yt+tYhLZyHuWYlsaJHVqk0gqEPtigWCJNk\nJ/ohXX2UfpRVxTdo5fFxIRklaLcgITx28ZxFUh3/CNWW3rf0rYUHRkG1mw6W\njXtWgxzt9kPH6v7I7PkCQ0K+/rG29b2dHdffzu63HCKv/VEwbclsmvIF4YlK\nUA8pgHC2zVRXUxR+8Eub5M4ivgT+8pmKBTabCtP5Cdv/yblyBpYPx0uPDWNv\noxBYl5ASFnmDlHQD+uUGF525p/cqXKQqlBzeKWsDKDcn8BClqUu+yLZukIqQ\nfLO0YqwM91Qh3vnDxEkWkJT+BC/kmSlMi6nMgfUvxa+ZhTkfPrVMiQBKHNjY\nLDSykVn1WBpoHXnBbSG/47+0FdL8VhJTo37jMqPD0mI9bEypXwRjGRB14TFk\n89q2ifMEusJ3nbRuK5raAvoCYHp+HKdo6VTwtjf+OnWylGvT5ZtIOotgMgrR\n0hvn7fajzkOjEM98wZpcOCq0gPoVmgMMcO7v6ViAM00W3YoJwWiK2KEc6vsM\nVH2S3dn++KthjlACLlU2mKpwjvv2T8ULHXEWPLXEkAcinC9m7SERVrd6j+qw\nV9cNXYlbqnfjyycemLwVilCR42smlfX3tg23bOjUa/BGtvGBBYLgUHr8KRp4\nz2r8\r\n=ncVu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgDjZL6BILDuI0CjoZtg0X9us/SNQH690u5SQ1MgPfEAIhAMqzfpxa2PG2hdb88HT8cC+VzR8GvZESMQ0Rw/Hj9iKI"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.7_1592492264033_0.7220836069396266"},"_hasShrinkwrap":false},"0.1.8":{"name":"tttl-embed-survey","version":"0.1.8","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.8","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-IoetR7AVLM+7t80gzzOL9NzugXwnJXEoVMQzSpezujKaliLDspa7DgrQl7cNyhzvNSX5ewj9TY5d6b79bNCCYQ==","shasum":"9563a043a5c51ae6d7a51e792e0457573a7ce726","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.8.tgz","fileCount":180,"unpackedSize":1302037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBNqtCRA9TVsSAnZWagAAOVgQAIPv1+SbwqEAPIw5yX/w\nTVJjPP5K/jLzAOptcbIP/nvMUWOWDtbewL2lrexfIiYvsD1rJ3s+09O5xdtz\nGBOhBFUDVV29ViRX65P08xY5i8SnKEuyDwiP6do2rrDiPbMNodZw2KWxR+p9\nAE+9sFpVaTpi1zQwyEOXWs+RnH4tAvmZStn2kvkMEgdT3zsdmkEwmwpR18op\nSmOMfY/s1XplWsYS/uczjdvgJYM+CMuM1s7gcfgXAmUQF0ZlQ7nTg306FXOt\nJFQayyzm1tmiHcd8DLdNQftcoQI1qQUrW5WmheweWalOgoc+sIIPsvJ/4K4r\nFw+cWeI0z8fG9pv1oMhK3rt7z5LqaEpgw2NCJgQiHKkGCt5wed4Doe4CkRuf\ntgyNjZSdGvj+z1rY5QspJ90LnEWhv1j02bmg1Oj6S+jBvUbk9ZSJdal7uYSp\nyNHc6A1DRBF5sQFZg6RmWsUMscAvSs7/K3JXE2mZOX1EaaqIkGFT05zEDnXH\nGFAifpLPo2PVrFDOMl4AZ1tx9Ypj9DktS0VInD5ShsEY772iPRF8LBMOVA9M\nEmjC/lz6r/1NXbAhejQsMYYt9i0CNX5hCglAmBOiTnlCioBC5/wWr272d8b4\nI9cv1RJubqFGhyW2ldd4DKTvcyFqnOWs0H7cGLMuEuSdBrOkztOTigFN4k5v\nObcf\r\n=5OvT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCka620kTA39/85SEFVFmY6LMLOOIg3VvmBrfyvVOnYugIhAKlyERsMMaCaNWg3McTOUjpo7DBZ/kiv0UCTHUjFEvd3"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.8_1594153644857_0.4676366000264567"},"_hasShrinkwrap":false},"0.1.9":{"name":"tttl-embed-survey","version":"0.1.9","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.1.9","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-3qPOAFqM9kytUEt3YA0md7k8s2k1UjVpeeeJFNsk3evDzsM5D1jcqMQTSD4yOE+aUphVwoDzTlQcXSSW89mKGA==","shasum":"6272c8aa1af6d6d2930a97bff3349102381d7d31","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.1.9.tgz","fileCount":180,"unpackedSize":1302134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPnNWCRA9TVsSAnZWagAA34UP/1tCkg5zy4jbF5W3Auho\nE7TraEEanGhiB1Gz7tli62bVDppMEmJIA8sgsN6Sri6t+rzqZi3GcswQbDew\nUmnw3NoZ5UYfLSPgK3pseZyOJYbYORIvuzGvOLDZQhjexgHp10urCp8yAOAD\nUCBprFRh6mi1xs/DQK+I0bpX9vJ8ecRR4sCx2n9HdJGKQcgOANSOqLuyyPGH\nrrlEIdVP/o3TBiCTyjfeeiqnKf5BKWFNmVxw+jcg6WqT5HrbH/Zrk5PBUZOY\nmbBnJC+z7oGSeaf10kF0Gra/zBUr0x2fQ74aTpRMiykE40Dd1Lfc0nDBgnGc\nN2xsdnfA8kw/Lq2U3Q+B1yA7LMcP5vhdt3Vrsny0WVzimSsYUMOzR+OglmHL\nWDNWbu9mfodD5BtHGZX70RHB1PeVFp/UrOy5SG2qd/HHwMcKdYmkLg4MuZ4t\nV03j+N911mhgJjNU//2hqJLjc0+63CHWan3/7nR1rUV5c2qxTkHcvBrUpy6b\nBF6tHkDMt0ULULp3457+OV01jJw0mtzs4GuEyzTahI6xOGIHMP78C1kVMB38\nimLCeEMSJ2uS1vR4Z5UO6Ct1fOT6YU2PM6Y7W4L7lym0YpGoGIpnyeM3TZ07\nKwxqKB6weYxX2mxYQFbHxlTCabGlvPL5zwUvgzk8wn+Wz2huP7I6FCk0jExx\nUtXB\r\n=wy0w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+EUVcvQHcYH+nz//Y2EYHWxVdYX6//QOlyA/rEBkjFAiEAnOb3V64750aut4I5Dn0gfv0siCiLF5vVimp/jVckyF0="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.1.9_1597928278225_0.9346977084740296"},"_hasShrinkwrap":false},"0.2.0":{"name":"tttl-embed-survey","version":"0.2.0","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.0","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-evBO4Ral+X8wYOLV2FEm3jFpJki2RYHPwdPnEUa4yO2O80sEOWHIOj6/sINb1bOyfeSJcJ+iIJ4OyhraqP2Xaw==","shasum":"b129ac499ddd5d25a02d53a015d12247917ac487","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.0.tgz","fileCount":180,"unpackedSize":1303374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX9X7CRA9TVsSAnZWagAAKv8QAJbu9Pia+j1+4iZjdM/t\n3KuwhOxTPSMLQ5VUR/B+6qmkrwxF0UqcG3UWxItf3S43YtBqBPgn/RhNmJSx\n6kOwsv7pnfXk6GZ6vmBRr1B0apaAqrtEbe1R5WHxYCz3ijYCXkto9AoQ2mgw\n7BsTL5t/8oL9bVL75OCMV/9M+I8NhcJknf2yF7znfFIzWLAV4z9Th9z5sw7W\n6YL44HKAG28tPi/f4GLWqXuxHQ4x+MouHY61N/arD9SI/84oN6lkFHESeWpG\nTbsRqjWuX8VFtqo4hjAJdSEej7qeiNCWfhDQx+qTELNOEwuDTYbxUqxNUs2x\nJT5UNsGTYsnyiwhTehT4ObRrcDMt9Hw5CJBBi7xaeJy0p0JHSgV4//vLiAGs\nql2PWpdTp/HXYSlOnjzq+GJXbxdoesZdhWcSs/U29QFm3oiHaxeTWlusymAF\n3MEwmn9kUEKGxv1GpsZ5g+38Y2jErmbWVa+NlFzPAz9BNZdmJB21EISP09ta\nIfK0XggoDg3ygjV36zEPZe40aFDjPed7BfODqtIrhXmJb8/lyxImdGMpKYU6\nodq8E7O83hvHEgdjMc2WEu/+cNKMQuE/EQU0Tf7ZfmyKYYh+fFdwMPIP5bdu\ncEtuERBBhCUJL/Fh3ur1nM9zjvHOza7bEVeQ/+H0RfDIrBiezuLVb6AEdmQa\ncITZ\r\n=453g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSJPqH3eIQXgbcHUQnHuWFkjnfUaU8+BegJYR3kwUJAQIhAOkacXEGG2YgOtkCSOWcBr5c0nS/FyFYGtgH4qzLDdir"}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.0_1600116219344_0.9263426973892464"},"_hasShrinkwrap":false},"0.2.1":{"name":"tttl-embed-survey","version":"0.2.1","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.1","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-FubNy18100Z6oUtLR79MNSY5jmO9W6sNydkP/EHbNEBrJZSQTjKglH1+ghQPW4Gtv6D11bFVX3XnQ/vbsSnE3A==","shasum":"121cd41b205c59d54f6354e6183d47b4d445adb8","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.1.tgz","fileCount":180,"unpackedSize":1306007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/kCCRA9TVsSAnZWagAAW1MQAJ8jufCuwk/t/7IS1fzH\n5CKmykLzWNeLvGi4kkq9204GBe5gIV+QL92Z00rrE96LlRMNtJXs2Wf+n6ns\ncXCYyXTTP0Rm9ueGrHVwALoecEEw1ufZU2cxwQ9dlqwSONFMuZ0oW2DxT7Ti\nVuzdwP96oPv2bG3RoK5WjjeRhxOjNKXiqgwyM+DOQeWrHgdVxcwmaGDrvnyf\nKGETfHI7K7nzPc8tOkuoz7jzngzmYZJeWzI3HUMIw+ilM6a4+5ptzQs7X7Y8\nsqJgPHoIVMy3lAhOECfqhY6kVvsCZ9ke25y9Ru+2wwEwjpW/PdkJ3m4nMg5c\nQqnU50JCS1uL4Picl4XXseot3wbluSM5/9IvmrwWvAMStYdC/C8Dd2Bt9HO0\n72MCGzlYpXP/6+Rur227T+RO+Znvz3h1eLNXeIJCSatD9m4BqhRSqbo09arH\n0boFkyhVtbQ6lBaqRTs9XX98fwCmj/PmpSDezL6flfV5bo+xm+aBp6DFbT8N\nWCzIfT25VMH9wM3wPB6I3lBw/C7F55u50dmhTU1BYLZo0Q4DpNCmUk+lavNA\nreE7vCogz1Vau2i9l+hCibdVl4boyb/62v03SzjVllsQk1xiJfV6RE5pdXva\nq40qaxMmywodoKdk9YOXH9xXbNa6jJ3gH41qSfavIuU1P1u1dzbf+xYnRRbj\nkX7L\r\n=Ab9a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBluosFYHNTPkJ+DjLkoDxKpJA5/NRMGeCiJ2XTricGGAiEAnikL10USfP4TlxuPiqoX84MslPE3Mxr9NvNKyAIxeEA="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.1_1600125185442_0.5043988877160426"},"_hasShrinkwrap":false},"0.2.2":{"name":"tttl-embed-survey","version":"0.2.2","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.2","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-F16G0ifGp/TzV0tpOkQ3KhJBMjO/JoR187qv8Cmm2nUcgCeddYFMMiKcDqkts0nMdyKcOF/HjNsluc2oHYyJyQ==","shasum":"dbc048c7f4ccba2e6f82eec0c2e0b4fa55c4f28d","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.2.tgz","fileCount":180,"unpackedSize":1304397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/tnCRA9TVsSAnZWagAACEEP/A2Rg01WCyoT/0PM31OI\n6ZQ/audj+5s6x+emCA8N3IvnuBGDYenTKF3qmURXcFiYVdIzs5+0pNx7g5/0\nWhQIyx/VrsTDmAN0BQbSvXGOjDZpQxNh1fyKe87rNJDq0ZnHeq4o37a9LPdz\nNP7bg3XnXURFORjoBEtX2SLeAljbJmlCCujNpUiU0gnCAbEyYQZHwwc1Zvhp\ngZO8HfsmJ1RtOauEp91e6YooVJKqXcPgfNQZjennZyAvUVSM4iUYAWpfyXeG\nqSlE3MoOk4DQ29WNAqVxK0WSa6JzpOShss1cg6LmLdVoz9J11DnONZNE611X\nAJ9knKcGXdCXyoqOQi5elcX/LslTvuHxfy1Ylh776t2+VraBSjo6EMrTlvfS\nm9Zm/v1nqBdOQaG5o2jWyM8vQpM8sqyVmhGvxZjc9c9hmIjgw9H/hBd8e5OJ\nI73Vr9Lys1wHypvOmJNyLzxpgmwzoYGWtoZv6zXm8Iaiw78xX8/CVRDAUKb3\neUiCKe/ncbB00G7CIJdkQN4NGBatFAXVdvY/nqvsoY1hPQYc9jd25+onAvws\nisGvAjxE1BUF6L+ErwqvbOys3RToeqlePjTiqE+QRx5ymQlBFcjRtUP8JEm7\nvPnZCWlqVyiS+VYrLpwgs9L3Zu/OzOSEgrwoCvlge4XeFHk92MeJGIQ77tWh\nixdo\r\n=eeBD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkBMTDhc9G7B0Iws0G3sQpgyTC2LH8MZYYZ7YGZhzmcAiEA5o+FG7y9c/PbQ+woN0f3cbjKiEF+Q4uf8VCBSjHnPsw="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.2_1600125799177_0.4649838495183918"},"_hasShrinkwrap":false},"0.2.3":{"name":"tttl-embed-survey","version":"0.2.3","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.3","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-+0IpV/fjUvMAGyR9FMngL6voRQHt96X6G1arsNywPU9XmqPnP/I+Ht1LtZUnxJQ4OicpyLlbmbbfeeLQ7SLzYQ==","shasum":"446c732b19aff99fe1c26897bad0e4aa69ccd296","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.3.tgz","fileCount":180,"unpackedSize":1304397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjRLNCRA9TVsSAnZWagAAomAP/3WugHJeoPBQjMcLZp6E\nyYHon1znJyuRhr/AX3ewKA4GAKsPuqYPTfR5qOt/t4F5pc+d7y5CYwFkd8SJ\nS7xM2hlQaEcMTViPL84BVpJGUz1stP0SD+HBMBoHm/XZiUWK70nTiYY10RQa\nCmQdMlw1C7dj9qoeoNU3JBJ1A8jXHgPZkYTDWjIpVEaOJL+bEPN8O/ngTXHi\nWnHxUvdMFjljPRTr51zjjqVSuhKC9SLE+cZks0IG2FFuNqO8jn5jgCzVOsOZ\nKqqOFeY9KAcWJ49rgZJyjO4W+bI5a0P4//m8ddBRFnhNOc4ABk7prjKcLi2n\nsenGLFl+UAdAMkasSlxuP8DXfovdELo+vObFlnH6dwLyFzVIvynNPvhgZaav\nTvoefSbRT55jCVTTlKhPkEVek/3+AqFf/u93Cw2XPuT9kCoflhYdYbiK3o89\nv0SVi8K2w6fpRGhSQFbzzkrNoEbTNADLegZyLEaOb9ZHO0XWrIzxipfr6Tdh\n1sDKWgL+hyQsw8z/4wrrU9a65QLOejH/Mo+q/9MD1Ag2LkemqJH3ljKgS3NK\nh52nqlUhOvn0F5dFnuowGanIa7rGG0cRhd1QNXViVr84hgwLgPOt6JkrEw7w\nubeMVkSRtRLYZAPkhTJYrh1TkI1s8picoy9p9YvoUvIVEMNfNe3WAiyf/fM5\nNZHo\r\n=kjsh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHJIjqwJEZxAl2gH7icslIyixfal/3vz4kmxJFex7pA/AiBPcMNeHWsQRg+aRd28UZittwanDd+9D+CPlzIgtBEMYA=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"},{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.3_1603080908644_0.3103054193190007"},"_hasShrinkwrap":false},"0.2.4":{"name":"tttl-embed-survey","version":"0.2.4","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.4","_nodeVersion":"12.16.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-/AV1LWWeFhBHAUnQCTpjf6VRcBQRlHeIFZj9tQzgIH6m6ftIVpsw679MBwCTxmrQjHeWmkbOWPSvOPjjcq6gLw==","shasum":"122501d86b5d801bffc46313570299f7b946152b","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.4.tgz","fileCount":180,"unpackedSize":1304397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjZn/CRA9TVsSAnZWagAA8ZUP+wTHu1pJWuUaazocMW8O\ngQSzmNosxO71QqA1pdu8iqAQ7EA41Y3KvmPWwviACbrQzrdOPfGsiSAeif+d\nu17q3JLImYhtNizJKnVtaK2TBIWqbiVBuUZcH8aBjIi6/fLKTRDRnF55JoEu\ntnZgJzBAhR6kpRneRMheVOd1xRLTMmjN8g0ycza7kplunBNgvYCFFw8AhYAx\n5UgA+28kejRyhYULNG0QPR+rgh/kYO73IJnbkLe4sRAxoqkfANzVwrxFT/Hy\nX4Mbxiw2tu2j3UeALZbFrvu8PgCWK+UNwU2USBBKGcGhK8zOwtTyCRQ68r+w\ni4ho3FEkGcxv0nY0jq65Wbo9bszAU1zOAGlnWHUxkWRcTgJgm0tLxdAyDK4M\nPXII7jk+h1HljFyevAVPYFzQqN9RjpsajW9lLNdenvWplVprT0ozJfa+fNam\n1MyGKylF2XqMk+Uo/67brshH6Rnd+fTPJOhdfVzqhi3ckHAE46+q+AxCvPor\nuLRSK4woVWSUQUeaL/pvBXURy2qNbBFWjav7pRfT9y3e2eqfXS0XuzZey1tT\nRoubmJatoMVUaXaTZwR1LWx93944L0qhL3QZYfs7lVhP1bHeCqnXRTnNoRIz\nhAb8HvriWuAu8whtPtLVyQF7ek5NMwrNX00GJF0lRliXjhgWSit9/S68A62X\nyTQe\r\n=lF2R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEKEYPKmywb3p2UoNZq/gQYOkfJWHw1O53DMBBJcdBq2AiAy2dOa9/Y0ypOFwIbM8zuZBN5VurAnbE+k78AQCc+Jvw=="}]},"maintainers":[{"name":"jamievaughn","email":"jamie@gettattle.com"},{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmUser":{"name":"jamievaughn","email":"jamie@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.4_1603115518784_0.6451813134804252"},"_hasShrinkwrap":false},"0.2.5":{"name":"tttl-embed-survey","version":"0.2.5","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.5","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Wda/WD/YCs3Sbbfk+UWSLuXR+Enf+RGKlPLvDbNwQ8jKH/onKKDsVyZ5rjqRUhlbwExClnYGeQsLqNq3t1Xiig==","shasum":"e844c718ef78efd0af48053afc063828da2e6202","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.5.tgz","fileCount":180,"unpackedSize":1308492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflyhqCRA9TVsSAnZWagAAlh8P/jPlQIzsHkaut/GJiP/u\nA72BaTsWeyol5/Pl1zRonRNIR/JwjMl8T4UeVKRwG8Dk4mAfJctBCJefT7gu\n9hOachG6qSUf96rx1T2wf6HJOzKI/E2HOPirEmfRXOjWfgP0mwCSj8zwxm5I\n+CMWrjRCRRpq8/uZcBs8vTN9B3f1me6eolwKlY06x/BOppeu1tjzxBfZv8sg\nukx4ueznW3O5WsnsFAMNXZJX0MRFWPFYdLyzSC0w5WCzpdL6MRzGu7TFvRe1\ndX5lnWx5TfZ+Nchi0dHXzcls1miQAfUHw0ulRk28auqJCz+cCrSxuddEpxZ7\nsup9K1t1F5LDtYENavN6u+N5/0Vbh4VEnqswcZ4Huxi2SzV+n9U83JwwfRMP\nMQbwC8/ANemIKYGc73CCE8g9AUDr299yhHk3lvWM/EQTnDMxePiwBvx+qLXh\nxvzLq38dfzptnFfuY0cQGlP3OK+W6M1ouhww16rxK/tYmFhsBpqOWeYwjn75\n2DF0XYwF3EPC44LHsjZmAX+6hVvKMomjgBTqpU2o3ZCOeMrn3AIC6QDGiod/\nTga9Lz6Lhapm8apbnq1lkVDddauJ4FIDcl5rZTFG1Boq32Q/bUTukyxaxrYl\nMMsLtFGHccj1nmjC6oF0QL0LvDC6qruIZofT7OsMcS0HSM54CAlRUUxMQQDP\n5M/4\r\n=uOYo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDknyTzYq8set2pfUQm1q44GxOPBfkhucwEPzzLMn1NdAiEA9AI3rImK1H7zm4Dag7lHCO6QT1Baq/B7sFSpEVCrIvI="}]},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.5_1603741801270_0.4282739300450775"},"_hasShrinkwrap":false},"0.2.6":{"name":"tttl-embed-survey","version":"0.2.6","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.6","_nodeVersion":"10.19.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-BbC0DgxabpKKCVMIAPgcvY7eA78VnNE6ZO86+2wBT3165p2Rbx/XDRGc5z+Si1tjwxYJH5ktqIjvTHCUQkJz2g==","shasum":"1d43eaa261492c50fd5c5b59e81629013565b784","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.6.tgz","fileCount":180,"unpackedSize":1375896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgir9VCRA9TVsSAnZWagAA1egQAJfyU/B0nMgL6WjQoxZW\nLykVBgtCZ23v2ieod20c/8EqP4kV7an5bWyMEm2HmIJcf+9E8lWJjBWcQ0s8\nmTgCO3Whpe3qxTM9n4gB+HMKdf+v1Y3WmuZ4V5SagQELovt+NEJ8FMaCwGZo\n+YlT2t3e+YUMkbenaYP15TqdacvRw8lSBoPTRq0OaKqrCfZKXHeJHpSSDmWx\nm6JWoa1c4vZW8a1YygtOy2+DZRL5JF6zynaAzmkI5m0X97w+tmW+W4BPg5UH\nuTbt2DwYyqSNKJtB3zeuq8TbIhg2lSgt5Dm1ZKzQDKbD2JtpIM49ERDEO9NS\nTyDwZqdOG1stvBrl2S63+cX/S9rx+VEPHIHg22i4ItJOOSVMFYMTpAbosJtX\nJsta+pV7HjKwiYKqP4G68WGYLlKmmm99p1bqJJH6PKqkHFinRiqMoNUfCMrk\nv/5PscPp7Rjk8cwYMO9AQTyLaWIRI5bovPQ4yW+WfDVOc+9+0/wl5yiZz85k\naeC30AeBul6St6nQEVeQ1rRJY6Qj/XogiTvs2RRRd3cCGecdC525UAj0qqsP\n4QM98cPuJFca9Tru4IOgBi8jTby6HiDap16eJHZo+iR9C3P2WSCPJL6xV2oW\nSS32kPvzcuIT0VE7OhZBERzL3udF9SnbH6jR1tzKgDsv/c+K2AXuGYS+8RBD\nh9nT\r\n=ZrHY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICH66xvHLNQI8kuWjmRmCmiC0vKjrcqyfSBnYIq6tvdiAiEAqurBlE770i09wlrqUTj8yxp7ButdX/7vw1q1a9ymqFk="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.6_1619705685218_0.17744920253589447"},"_hasShrinkwrap":false},"0.2.7-beta.0":{"name":"tttl-embed-survey","version":"0.2.7-beta.0","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.0","_nodeVersion":"10.19.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-NNgIQWOQOdzVdsffkNt5XsjqaP39oXJIdUMy3pu5e1uIdRFum0gWVtmH8SnCUar6jDcHxBHBjYlk1jEvQVSq3w==","shasum":"9028c9a61d92b16f93fac771553871339c86db15","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.0.tgz","fileCount":180,"unpackedSize":1375899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEbl7CRA9TVsSAnZWagAArBMP/1uxkjBXtd66ISSNCbxY\nGKlIsfREBtQ6oJmdiKozEfUQX+aqWdN49XkkOcsLabhjl7YeuBIaUYlJRF1z\nW883sf8JF1GYJcoCtPJkPjMsaqpBM5NsgLgfRYWMTpBJsBrpUw7AZX5j2k/J\nl7jeFjopzeRfMljjlcSc5LNgtpWcNUHo4t5WzBmGg3svclrh27vkKx9sS9qY\ndhMa8sjmvwU64qMXQzdlxjEXc5TQWBgtKrzOn8J9ygZRuz3dVgWiCppZJ9Ec\nF888Z9bwg0EsYDGrSBBIsPalwo3TXlTz/bJgxzz3q2OfK+HdkKvKAvZfhclh\ne0Qj3kwbfaf0Abjx6xo/HuFila7AhZ88lj+29j4G80EbeIw3kA/mvQnYUCrM\nISfHysnZvy1fG4NjRSkcGHF8k1ZFhUlE28D6n/XzYID4F6sMQSXniTn9zrVR\napGpWIi/HU+oWjEkxT5g60l0tvhBobLq4dRsxsgBWyWso/BmXG53uWrXzq/q\nEnTlymuNK3cU2PYd1QdhRgxST/MJGUf0pef8j/yfQhlWAjnHxDA9t2M5TtPH\nP9M/VnI93uYhqSZndtxhfOKbB/vagXUrcDwdB9jgHMMVP1YpeYR75rYqAykF\n87ynjA3d5SgwtbwfppswvxGl9RoyPTQAxwm/35CWiNVGH3k6Yt88FJtAXSKe\nOd+o\r\n=BZH+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCH/FNFH4u7EV1DZeXsBpglSwq1Wv/FaC52/1r3G++H4QIhAPgQl7N/i038zPK+Sdwg50dNtFUdwb1BbUn8zDqOaHxl"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.0_1628551547122_0.25852442873288206"},"_hasShrinkwrap":false},"0.2.7-beta.1":{"name":"tttl-embed-survey","version":"0.2.7-beta.1","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.1","_nodeVersion":"10.19.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-3OuQOP5pMqdkB6hyINKJd6I79aHEeyL93I53CuqsPj2leCxVfj9vhqG+kvOBlP35LZOSwdNtY8r6gFQaIhbZkA==","shasum":"c32596648ab25260792dab10283b3dae7bc2ac57","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.1.tgz","fileCount":182,"unpackedSize":1378418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEodBCRA9TVsSAnZWagAAkTgQAI+vV505j5dErjXXkNJ8\n5i91b7gZn7DL/bflM3STfVK2kcZufuIKEfsR5gw0xMNk/eQghl/TR+6ybZ54\nNhFAMVqtaiunIGFQZckD084qGRMS1MJ4DPoEOMK8KUuR90S2o4Hdm3QNYFHG\nP2FTkkPU2yWYDtiuu0Mcot1I3LxilJ49h3jom1/4l3jt8AycwwdWb7Rz46Yk\n5IM1G2ON6swj6KyJBiuJVAtCpmMUz0cRHmyt3wgeuZwYyQAlmhjlnIoWVDyu\nHUKyDMV0PyBARPz6bZVBOQk//JTkIaQ63iLUn3ekYczdpqpMAVvN7UoKVMSh\ndCcPG6MusX01GB5xZkatZzJxpQbZqUA3MnFGNUwNGKftB+vdfKNMfqHCwS1m\n8VQ3fGL7oYJgmMkQ3ZHMojQbBJhECFyT5SL5bM9hmq8eKR8Ww/NhCaQzzsV5\nAQgGii2NnvNt1UzFVhAflYHMxMIwrGqHwFDJW865MWljZjJLdOyFsc7Gtn15\nBgyr0556bd08dzUPbZmxku43xsM6YIym3TzZCMK5MmJ1ZSKWcV39IThwU4+J\nFwdLB0GWV4jqV2pfsscNOU250lpVA20VKgzdRvfOyidv7uMFxIS0nhtlYr7Q\nKEc6XwRpeDGBSdjBIQumYvu712VLIVLdycU5kFsaW7qU4oc1Akuh0S4mAPNl\n9zE+\r\n=E39h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp2dCSAXbBJfcyFpPPAb7OIt7qgy7Tubyy7p02QV64YwIhAP8JDXPADAD/3YYMUNLFb2j5QtjqQBlAeaxSxTJXJ8l4"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.1_1628604225191_0.9020417451887321"},"_hasShrinkwrap":false},"0.2.7-beta.2":{"name":"tttl-embed-survey","version":"0.2.7-beta.2","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.2","_nodeVersion":"10.19.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JCIH8o/HVXC9wFXuQfl3kb3wpZDU3jnVCwkUPvGSnbLNiG61I5OgS00YZlbOabpgqYcuguLOxpiAUEfDPJSxrw==","shasum":"af4079351d84ca83c6102d1ea4750e1bf56b0277","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.2.tgz","fileCount":182,"unpackedSize":1378182,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG9ApCRA9TVsSAnZWagAA6R0QAI0RCOzvtGaOFpqWI4q3\nHQ+L3wCwRoBmBiDS6hmkC8dv2Hb1ZpKA1arxYPbI1QbYAk//SRP7mrArWbIv\nsikeNxmpaDqRkqUIGX4pLNbpH3lSeUxbS3iqlYRh9+CJuBplI4fhpfZlQK7/\nMtNOr3jtz3pJ9WaCks+538YqxW7T9BHhDkIUkK+5+hDZ91Z7roOPdx6ybJO3\ndhlvO4FaHexSNLtH4vdP9kSxLlo7swi9RTM/GOB2Qc00OAeRUFZQwUOI+Ois\n2PoFKmWuZx+81/uEui0PjmTy5HMcj+NlAyafLh8r+V5z2YMyNGYXbtS6Oqmu\nKY92dRMZJ2p1KDjIM+d7bpsF0SCm2epNKwLSXv9L4riBKBCPZqGYc/A2ERd8\nSkpg9+gSrzqss9ooLju14xv55KUOlCkPqvHs33tpnpKD+zsqkvA8/VRcHcro\nWji5VpQDrzy6UZZ67/7t3aOS2wkXfIh0O4XXLQQtzn7wyqqCzPPIMM25EHX/\ncqrNHDFMwPiPZsub0sfxG1cuQkxoz6fXu9fUIDJpWeMKo1B+XI8neY0PVx/v\nHTmg9uqhE/ErwKhgl/SrsgtXdjtheuPx2gtW4gCFuqL/8n3pW1hbPlpiX0ac\nEWx3kpmBifkY5lQYho4y+yyCEQvdGHxTmq63eM91tzaX0mQiKTzn+l1TbDRR\nyUhH\r\n=WaQj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDA8xOX8hZv5+e87X6QEbqW4/UKKV45sBLfk9ZydW664AiEA6q4wTeo61wJj0u5bTi1RnIBtTcDlclMQzWkS1/Dmzqo="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.2_1629212712987_0.9359099618058238"},"_hasShrinkwrap":false},"0.2.7":{"name":"tttl-embed-survey","version":"0.2.7","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.7","_nodeVersion":"10.19.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-5IM5cDEqxeEifxeuu2gN4YH9JbkJbl8eVAyGUI5acHwE/cwm5KCen83ubvMRvHf7swOK8AFeTTxeJsShPuVLLg==","shasum":"bceaebf674a5709cfd635deaf289a70da1a76cfe","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7.tgz","fileCount":182,"unpackedSize":1378104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN23UCRA9TVsSAnZWagAAbhYP/it5lxVwMdJQgeKoNicv\nEgD16+YOe0SJ3npmLaWglyl7VL5DyZ73JxPU5TeK0gZWCn9EZNzz+kjDbUAE\nGltBY2DGwjng482WDNCrJWFqF8n/FBnUor7zNHlD1ZeI12Jd3rduyglOnqSq\n6Wt2sQyYEdv2UTnDJJz5qKwKWuSsCUe3DqA6YT2xP8PDhdnwf+A59KiN7zVw\nHzsR96kyOQGg+mOVR7SYMlssfanhg5bPmxiG4uroZxhKF/1ZDXsDJEkFhN7T\nsnJw9CWPRp6Mzs/gLf9cu996TG3V7u7+TorGcU3nqxAJv9sFbIbg4P+h4k1x\nd+fW/wtUifO/U1R8aMm8oYOvNsoA/b/Ma3Fa9Y0fwBf8tHLAOLpd0+1xJ096\ndagM+zZ2QzwetzT+N0uCMOJ43fYVpI6lLH21FkgYj59FpIhaEXX2/tFlSHEE\nTZhbmPqslZa+/pOruWK+zT6uDh9o84bgMtreosM9L9mLSQp5qksL+vSVdHLU\nRaWPKf+s470i/9W/RJGm6cIR4ty7OgV7vcTZQVkb5sgNGb8Tjq2inRi9FMLx\nxL0Zf80hN4Zpo23RDPsvifgajuUtj4OTmrboPrOslgOxiV6B/ujAYh20tfmG\npstFCSg0lurNAGvAr6OiurJXm2LjR3zmyTfSUcsx9dadA8WJ6SEcWHmwXFKI\n/oiL\r\n=Nr2z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ6zSmZ3y5JfIIFR1NgKkkd1WQjkG7tzA8GDOlNKCN8QIhAPm4oEbf+zHmU7US13GJfVTlBM0aszXFAdC0A/UM4zZ1"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7_1631022548384_0.03610777898846762"},"_hasShrinkwrap":false},"0.2.7-beta.3":{"name":"tttl-embed-survey","version":"0.2.7-beta.3","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.3","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-H53t2ZRPxwAcnI7+U4xqMAEkkxF+F03JtPfZAffiBcNobmCHoFD1HatykDKkLA1vCWApqivokqWnoieW/JiVXg==","shasum":"e61905f2b1535d16cfe86e7588ab79520d321306","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.3.tgz","fileCount":182,"unpackedSize":1378111,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMlRfqRtEM1Gz56AV2qQq5+UAwoGcp3l4AvyfWJfS5swIgHn7hy7kJzUiHvWmDpYTycVTx/J6le4gWT88wv53fhoE="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.3_1636570433243_0.27255856834890824"},"_hasShrinkwrap":false},"0.2.7-beta.4":{"name":"tttl-embed-survey","version":"0.2.7-beta.4","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.4","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-DRxRMI9UQ/cP3E/t3MrR6MNM865vltBWEKwiPle11utyFRnTd+9ZTStLCKGup0k1oeijofUt81gMSlN1Q2bYVQ==","shasum":"4c7b940e552a7559251fdd68264348ef0942ed8e","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.4.tgz","fileCount":182,"unpackedSize":1378112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOAIJ8NFhMK6NDJAWlHQdmhzkmBI/smn3VSR+tY0+pLwIgbb7i9vh0GFWyo725w1ycA0gUBN17VVS+Qybm0NeJi2A="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.4_1636570550707_0.2797796415997216"},"_hasShrinkwrap":false},"0.2.7-beta.5":{"name":"tttl-embed-survey","version":"0.2.7-beta.5","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.5","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-NgxrD+pV54+APABrpIhbyzzwOsIoy8IVR53Y9AkbeIYhuQkOJJ1zDqHJgwX2jM1smVWd1/W23KBtW5lFufBL2Q==","shasum":"20384ececc5fa2859e95b2dd73ab74c520cc12ac","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.5.tgz","fileCount":182,"unpackedSize":1378112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICm7KG0dORT72mUZfgtZIoLAYXmmV+lVaAKGGdL+PAWjAiACOoZKsSSrfRUEwZZ8ZP2WouvZFndvhNqF+owjSWBeFA=="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.5_1636570836555_0.3076385033301674"},"_hasShrinkwrap":false},"0.2.7-beta.6":{"name":"tttl-embed-survey","version":"0.2.7-beta.6","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.6","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-4YJyjXOKZItzoM/yjnQsM2sKiQ6aj/qAbyuR5288hF4OuZh9qXKMAPP6BMQfDQibuXNgPTtYXnE4W79BpoADCg==","shasum":"ea6f2e13a0fa77cb3396cb92a9e83b187465260c","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.6.tgz","fileCount":182,"unpackedSize":1378288,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkaP4I/84/hn/dwX1m1WPE5p88dkpuF3kAx1+HeehYdQIhALqyhpn9xqbCCdsV2rcKExj04TuE7uLfSY8YeVwdCBcR"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.6_1636573370660_0.3972021546137252"},"_hasShrinkwrap":false},"0.2.7-beta.7":{"name":"tttl-embed-survey","version":"0.2.7-beta.7","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.7","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-YoH0s24G8e9gfdzRrwI+sKzYZjF2jB9hYAPJCFD8hd0YddW0G3AO1BRcAP0wTo/DCGqTYtZd041E0BqzyvYSVg==","shasum":"791e3076428223168d9fc3b075adfb7a8e0c48d8","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.7.tgz","fileCount":182,"unpackedSize":1378288,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCygk4Ot1HL0kvuh7d9ugQYQHz3lEvMEYBlf82ifgbnNwIhANDOcjqrg3H9Fa9NgTP1F8q5YZeo101kbZbIGiaR0as1"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.7_1636573505086_0.40373046129464596"},"_hasShrinkwrap":false},"0.2.7-beta.8":{"name":"tttl-embed-survey","version":"0.2.7-beta.8","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.8","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-g0z1FAiY2sQwGd3Mj8X3wChFpXQ/uPPdyQhZgJMvDOVWAf/6qZMKR340ppv7eBsA5nBQMco78Wyl4sppI+foYg==","shasum":"a16fc7382d3123029f28838507357f9a3e750554","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.8.tgz","fileCount":182,"unpackedSize":1378287,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2P93h3n9fHBNcxTiLky/j813uzg/O3SenBBEjPk1swQIgTpUq5zTW5D3DjW0yD6v5HNXwZgYPdAvOusxU6TsQD1A="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.8_1636574229208_0.15225736188704242"},"_hasShrinkwrap":false},"0.2.7-beta.9":{"name":"tttl-embed-survey","version":"0.2.7-beta.9","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.9","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-OV1qX3uk6vtmtRXPLJ6/zvAXaG+SG+zSau157denLYFv9abjD9EOFERdIXfPNIIv8JzJOEO7NovB+53ZYyJD0w==","shasum":"1d4ca73d59ecf09b566a2b08d8b3e2c1e25316b2","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.9.tgz","fileCount":184,"unpackedSize":1803637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhkr4+CRA9TVsSAnZWagAALkkP/Rj54OWS7yhh2DPdOIew\nC0q4U0DtP1ZG+GsQbj8zwdke6Tlz8FKMXW4Fu4VAx5z1By4UJiki7yUCJhxW\nrxtM04GAI88X7v8qqqShS8WCIwJM81UJco1rJ5G+6TcjGv0UxehOAynqt68t\nzVKrU5Dkr2qpOUGqlqLY6Rex9xAELDJ1Qw4e2+PT6e9bkkjmnERqLoXB9SGP\nZQUoehthtfKRGnfpMFxMqG+giW5lx+jCbS5d09yUnMXYdi8rhuSkoD/6GAF1\nZGkWKFSwiHB6WPtwM5bwIJ84PERqK8qP40XDyp3EEfH63jiU7BTYjfAmYzoi\niekDZPSw8EJgRTQ+LpE3htq3+/ZsG4LsE149hmNcIqU/gdRrjs9kl6oZV/Vf\n6a/8SzdBXD0qauhN+V1iPo0heAhHak/tnfr5I72lLYcb6iwb5AJTcGXhpwWM\nwk1rF8x/fa+CZN01ei9DibRH/9/zNEI0GHjuzftp3nwT6rR8yNLvZ4/Y0qOW\nelHF4roAr+oqFGOJEsv5rc0gl3iKELy0hXYKMylIsB/g5zTTYwbe5kjnz6Bv\nGVdM+6ujrqIIhb2mr05fhdV5xw6qNfnxOCM3bdj4jE5Ia9SuTOuy1AfpDVBZ\nKOzRtfurNdfjotkTC9G9aA2Z+CcFaU0hEoygZJqpot6v9q7ST1RxPONq6G9w\nLOG2\r\n=9Y3r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtndoEaOXWrF+WCgSJPrOd3Y1H/MUHFgwOtxAjMsFnjAiEAnKF+oC2KrkK11CdNq3dCjC2pCMNmU5sEE8CrKu+iZXQ="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.9_1637006910468_0.39980456960826527"},"_hasShrinkwrap":false},"0.2.7-beta.10":{"name":"tttl-embed-survey","version":"0.2.7-beta.10","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.10","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-IwDoCZJyfTr1AYgyhBuas0/IK5cmdSBqz6gW3GY9ftYA7bjDaPE7HAh2sfbQhHJl0hGYRvjELFLBcdA0NGoKOA==","shasum":"7b9ba1b6ee79e9d002300460069b3f1935e43416","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.10.tgz","fileCount":184,"unpackedSize":1803638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhksA8CRA9TVsSAnZWagAA85YP/3eLbtjr6WyrfgFYjbOb\nbtVGN32LdbPVZK/1SDH3RMOyZkNaa5VVrSFr4G9vX/4Ylss7hvTjpSm2wUiK\nbYWsx/qFtFD4dYCPjZRmYTatSLpzPqhvPPFvZKw+smaEQDyICpRwHxSgQWT3\nG7L5GaNQoIy0D46W38b21JH0NJ8K9JqIJSboZEuIoGcVFIdVQKmHMbAYBc79\n0xf9kK7JefgXWuT5d2knuQopSAATnc4Nr6ueoI6jYXN2HSkieEicGpdTdU3Y\nfpsGlbFSsQrgUzB45AE3vLa8qBLveMB827UhZwoxBB3a1w2NyBbKwH4KiR7I\njByCbAuoPLGSJFv12EUdPGhFbJZ5AmTpATlJ9L6UmPrfSjCWXZ5IqePgngC7\nuqL810x1TEavReiLpP7EXEurGyBJXR9lBXwlvGGtZWHHqMp8SgFaszJDoVb/\nHmpHdY27tl21N1qzdmDOhAOj12ZzozKibHLa27na6s1B1Hs9KIuej1MSwAoA\nvNnQYxvWQ06LCF3j+PZoRTYVumK7lh+x6oBVH2GOAsvrzpbsctuz31g4y6Cl\nB6VjAkWNKTwtw3YkivTit3ZPf7Jdx2GQgjORDZfBbWAIAyXXR6ca8Jg4Wzhu\nok9SZLeq2kpuEXDiK6i4yEBBO6VGL4VyLA6VEvsy7OmYIIi5D7ulksa6xwd1\nh4JY\r\n=s6E8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuCEWnNRwbShALnZEs1WI/ePqvVXYrRjo6Pjt7fZXPgAIhAMKGXVyj5r8qU9V+/noBgLuKlIRF+2uLTur7RFwJgFHB"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.10_1637007420369_0.6309040819489373"},"_hasShrinkwrap":false},"0.2.7-beta.11":{"name":"tttl-embed-survey","version":"0.2.7-beta.11","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.11","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-cfrkk91ZN1nh1J959shR07k9wQ3qy1ALeYKsa3pMCrC9j8l8vOqsWN708mUmDZsMzqAYvwFDlNs+6Ak+MV0irg==","shasum":"065a05535606cf0498c01332c7715be3cb941d50","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.11.tgz","fileCount":184,"unpackedSize":1803297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhksU4CRA9TVsSAnZWagAAa+0P/0upsvYc/dl6M02X+Ikk\nhIe1q7cQsDZvYM/I3id3z2iSniwJRZdFM6n11+gEH+GpZS23mL66XX6BPF1X\nYOVu2DaJeJO9Xs0iF9jK8P4igDnIhJeIEmf5b+e8K9dP/s9Y8JaOHX71UAzB\n7QvogcQXqS4aoFnliDOAPa8PBRP3z4yqyVZ8+tU5MB/LKVOJ26DfkLVRbM/7\n+nqmveHn0cfXJy6LG66WmSM6hZDY1aHDM11BZmm4VgnuPfPiezAIi6aJFS5U\nk9Fgf6yVuIZOr07EgRJGxvrPw3f23/CZ/i8d0lclwYCDl7jZ8jdEAd4JUDq3\nCrVWkDKceKwrZ6Nnn1aAGnHt+m13ZGrJdBACePlX0eTG0JCj584I1kWYs5lu\nofumyt/9QZRR7tIAXJbumCSCaGP+VDvjG1VPIQsrM1aYDRItEzXjx47MLghg\nA1OOhqTf2XGBccvdf9+dy4ppQYGNgfbyl901+eStQjliID2Ok6X3LtOHjtHm\nIhGoIEcoeQY0h0k/CbuRDjiHkJMUHCU4yZ1IC4tHCfw5tHkJPw2yBimnHTxD\n7HHssEcdY4vz7snN2hWztY2Ib9syhPaiCH5ixVcFqwgWXUPdYypdpK/sEO5O\n9bWBz8B5+WLDz6LJ3P84HTvd5T66SvQgig5no10dTjqwVnBIYefyARbh1ifs\nAL/8\r\n=qTiK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR9+b16Uyt7N1ifdO+OSVyTEYdRnUAh8X8GXnVGWIFpgIhANVygtXSDAZt/BbHIo76dLks4hChS/b3dcwD+Ow7F0HZ"}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.11_1637008696539_0.6553944970568213"},"_hasShrinkwrap":false},"0.2.7-beta.12":{"name":"tttl-embed-survey","version":"0.2.7-beta.12","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.12","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-qA0jMs3nO3WzbjquoMMSrrY8xS15uM6j5+DQC/eoH6DIVAxSJHxhD7TXkpSQSpQ3sqbDEzbs3dJUv7i/TTfFnA==","shasum":"49656005989801d85ba75d381669d67cc1c8278f","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.12.tgz","fileCount":184,"unpackedSize":1803333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhksaTCRA9TVsSAnZWagAAXOYP/0PIyifj7YM5pyTJDJ9D\nh4HXKX3mBFOPzJeQJWliWj+24iqvm4ytz8SNUOjqc+Lqh+pLPo2P6Lt9PxR+\nQgjkCDb2KzI8ZaZ+cpFa/HeF8cmefXXhnzZPbr5eaLgo/67DdpqLOBt4o1Gy\n5VYI0Ql1VTmUoV4FlXAPw90eAMjxvztpGDKsF7QTBEEr9PsISf1LEs77jPdH\nwK5ryX+6WpTKOn2d7oKMQ9L/sEs5O2Z3XYFdiVEyGB9fN0SSOCTu4YfGlwbh\n2GHjizPbJwXlUj9bqkQxluCNSodPYCq03RlfLlm8k1fyoIF3oX+b3Z97HlPJ\ns3Q4qnmvT33gh3xW5W8pQsg1M65WEFHTLN1KJPI8qodlu2VGhEFdSB+e3trE\neWkrMPo3o4N00FoHZ/2gng4Rvyk0wMfU7zas2FN9rbX3HYU8A7T4Pjl2jEo+\n/UhhDcIVx4ajyacPGM2OBQYuWZitXERp4iIvJtcmoiE0Gl0wAxpCkZPNtuGs\n+FqkW0ggLv3PR4+9ejlMq8Rvd9LIxsCOxxYUFivHsHhxH8hJne4GdMGzo29f\nYCdpo3ItYNdJM4m2MqInnOKgBOwpMNVXNSLgh7+5+0V4nKUi5w4HLjJn2oA1\n3JKQMSfOQxTJggn+gVH4YM8eepPgXdv7xtbIQJzXOj/tD2T+5aSgWRDXM87D\nDwQI\r\n=hCsg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTKL4cEvgJPnlXYT0CNwXEkRaC4uP5w4/sP+TZvn1vrAiBqiACQeIQE8KYl0pQKTzL7tnmwQLS7A7lplzJI0Zigvg=="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.12_1637009043714_0.42929482419269993"},"_hasShrinkwrap":false},"0.2.7-beta.13":{"name":"tttl-embed-survey","version":"0.2.7-beta.13","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md","_id":"tttl-embed-survey@0.2.7-beta.13","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-3c8m4cIAO4A0IQH+nNdov5krJaUnMXXmQCFcvLv0l7fFHb7Twh2qkgXMBXu3LcvZWFjyVtspXjJSpgCjrDYS/g==","shasum":"73e5e008b05d4f86ee9bc0e38197077c639368bd","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.7-beta.13.tgz","fileCount":184,"unpackedSize":1803333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhksgtCRA9TVsSAnZWagAAhSUP/0syvJcdHqkVD2/GlfMt\npNJKTk6NQ0zwCWTZXPnnxnYhRh0ErSuZCFwcxXz3Y80uSas0TUJCNb8BtyB4\nEKmBhdgP+yUNiTAsYFHZGk5aQUz8vXX7xK+02n2ytlI9ZrO0wQYDHu4mBVOv\nZWUHw6LSwGy1umARpnqB8cASaGRLyP/+drZ6m5fsJdceQzx67BZObXA4RSgz\noqLp+B3rEKcYlrCnw/0eB1tnc+2vFi6rUL5Wf9EZ3S7Hs8cPTvtnldhsoOxE\nYR8pA2AQ4/TuiVys8SyNWehI4h7hOg9ISQ+pOM3LSo1SjrSvsZtv5eIDyJGN\n9EvLVNwmRdOY/VsVYH30/cXmglk+nlnoq7ltIKU9NqBFLfuOlnNuxDA/jqu2\nFAEIgz9fLpnS3D9+mKWtkwz01zNWZucQ0RFWkQmhGgdOBQVIbmGseiUFmcqf\nlO8hJgBIrtu5olzYU4hCnt3mGuC3/6EQu13Erl1Cszsr3CjYoHVFsX1WjRVJ\n6uccDKGOA07IfZ3J3XGS/8S3l931da3Qgsu0gC7d7CO+b8OCvk5a+sCWGhGM\nN+5oRM41m9mmdsL+xXtmGOSRcEbNCUQyk7DdXSx+lBM4rXKoh//EGH0jyxlb\nc3tjJaJQH64ToyXweWLH//Frx6fObosPtNm8TwfWVuhPw3jB3xObKt84AMhC\nue+k\r\n=f1IK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJLj2oGqhOLqejaJY0cLqLm5hkChg4yuS8++yMXCa8qAiAlL91+THgSNilKKCJU4fNWkNkgONg2Qy/vO6z3axqGDA=="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.7-beta.13_1637009453323_0.10124880733671482"},"_hasShrinkwrap":false},"0.2.8":{"name":"tttl-embed-survey","version":"0.2.8","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.8","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-OA/8UY7JOSjVOz2i7P912W0nuT7WzjRozpj/a6h1FW2IgFNDQo0m8Ifxy+ePnoltHGR7I9854Ld1Yxt4E5qKPA==","shasum":"63214a1a86d704ed11cc07a866c8fac8759c6374","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.8.tgz","fileCount":184,"unpackedSize":1803325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2+epCRA9TVsSAnZWagAAEdYQAJkq6W2M1JEyu8TwRNPc\nBxfA1URy5+w/h4rCcirazVQZofGLdQsWBcQFp0QoZsgqRnHmK3In3lVpEk07\nL9wh4+4v5/Lyo3NhmGNM5xW3v5iQPKgfrGFgAvV5LPulZMHgrbVqHVS9dw8/\ntAvCtaBTu6gnVCJQ0YoPRFeWRxNYjztYKnBgZCZVbWRIVTl37o3JvAuQv71i\nWCmrzuI95RZbMDWvMBSSJ/pp+GlvF/TL9EnZKVjqgDf0I055kSPFhHrPGg7l\n3E8VphtMeioxdk5iPFJje/MT76lOKNGQ/5CvSi+wBTsPYfILqalMygzoVY3h\nPayAfy8Z66o/L1UJ71MIZ3sbtawCUhG/myDN0/Z1tqh3dLtKzXOXlr1SAsZB\nDKSvcjETEcEe8GZrtavSVIFhPVaqUE4UZFUOti4WC78O7jEN733GnPUSfI3g\nur8R90GVbnuJ1x7AFES6P9e1h7AWYUGrh58FChHyY46RlNvKC5Y3SSQoeBSH\nrGzuRXrXPK7LAkM51FPnfFusNK/oNW3vycLJCohsPGxsCeTjIwT6cILrB3aY\nxI9BLCoCX+zgRWWy/DcLTvkHncFOJfZNCPapWL5XSB55AGnxNg5wbtV8gQeH\nSGh3cSEIeNpz9AycjuhUZAl4TjSMiQ6n6B/z5RvI0uuYDHY5kj/CEiJ4rmoF\nbVsG\r\n=ZMt8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIhzW2lX1CP3oQ+UicjTqlNWPOPY1sRjAPqKu7/I5CvAiEAhFijNF1DeDBQpxE4HaRW6/2a7WufCmyTvzD4eFSnJgo="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.8_1637012533940_0.4505956633298185"},"_hasShrinkwrap":false},"0.2.11-beta.0":{"name":"tttl-embed-survey","version":"0.2.11-beta.0","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.11-beta.0","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-1oTmP9BCn+n/+Jei7b1dv/LCXygic1lEVC9UcuAAD/pu6neZKZsJK6LOb5SCYsMwmRzUhNct6UUAADlq7g8DVQ==","shasum":"4a8d4598ffc67919a7cc31973f3b32ae8e1a3e16","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.11-beta.0.tgz","fileCount":182,"unpackedSize":1379319,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIrdQzrkOsFrCe2O9Cnom7lePQ74wueJ9CP7mSRAhUNgIgNqKnZuXBcA1EaRcq0gtYMXU/plYtbDbuwRNKCRd//vI="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.11-beta.0_1684505957972_0.3406227728288014"},"_hasShrinkwrap":false},"0.2.11":{"name":"tttl-embed-survey","version":"0.2.11","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.11","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-HtMWuphnYbd8m+DaK8mcvy/QVLGsNdlzOjVK4w2BP7b1siej/GZuy24GxaX0Olxm3VSzje9XKLVdoxneVPJL+g==","shasum":"5838e1e27f7881d3983fb8b6ad892df7a85636f7","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.11.tgz","fileCount":182,"unpackedSize":1379312,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/omJS8B4vFMHmW7UHITujGB4B2SJ/KWgn3P8ejlHlnwIgY0n0spVS/D/iqpGAAmebocshWI5hluXlGkPDaW4b+Hs="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.11_1684506607496_0.862422903030176"},"_hasShrinkwrap":false},"0.2.12":{"name":"tttl-embed-survey","version":"0.2.12","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.12","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-qIO3zQh3TX+WzPIbFXvKXqLffh3+30xyfUrRpK+KZ/fRQxKcgXLaphbm3Zf3bwWZu9cwDIvmlk7J/vRA0QJReg==","shasum":"916f337d078d76da6a2d817865dc5199fa287521","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.12.tgz","fileCount":49,"unpackedSize":275623,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAsheeAsOAMkJy5afzsYpLRlxK3AXtcVhOzdgQD6V7YgAiEA9DTQ3GCbHo+gG9bgwDhguaCwE/pkXuFAI0giom9T3Dg="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.12_1694795652672_0.48181607881835187"},"_hasShrinkwrap":false},"0.2.13":{"name":"tttl-embed-survey","version":"0.2.13","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.13","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-9abmgpPCWCtfdoa53egj5BnD0OezxrDk5KbeinzAuY08vL3UmibpbD0R+LPhgd2s+s0wUt8P0hXFHLohCIjWlQ==","shasum":"7b17f00e6643675fbfa6b9cd1cecbd7b5dbe84b3","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.13.tgz","fileCount":182,"unpackedSize":1379716,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAR8k+DKKVKeNqXbZMFWh/4H/tZKdt5mIsLCerMufzI1AiEAqjaYv6/F5vd003bRnMsNu/4OiVnJq86Th/39SZW+qg0="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.13_1694796142384_0.4274902611735045"},"_hasShrinkwrap":false},"0.2.14":{"name":"tttl-embed-survey","version":"0.2.14","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"description":"Tattle Embed Survey Component","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/tttl-embed-survey/tttl-embed-survey.js","scripts":{"deploy:latest":"npm run build && npm publish","deploy:beta":"npm run build && npm publish --tag beta","build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^1.12.7","@types/node":"^16.4.11"},"license":"MIT","dependencies":{"google-places-web":"^1.0.1"},"_id":"tttl-embed-survey@0.2.14","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-yo1OEvbj9t86as8koO8USud+onur/fL1BR/LBK7+aiJxKMTjggiF2QItTYjKYkv1WZU6AuVxMgiIVRt2dM4E1w==","shasum":"5441d630459e4b46d9b824d802d85591a7bb07ef","tarball":"https://registry.npmjs.org/tttl-embed-survey/-/tttl-embed-survey-0.2.14.tgz","fileCount":182,"unpackedSize":1380408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBUko8Sr+9TdaM70rhYlmvitNZfcewHzKjlty3B4rYecAiBQzFzD5ZuSSGXIQLFkRxWzrqhGnNwEStCGg3M79fsJpg=="}]},"_npmUser":{"name":"gettattle","email":"integrations@gettattle.com"},"directories":{},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tttl-embed-survey_0.2.14_1699990600460_0.3773659318166267"},"_hasShrinkwrap":false}},"time":{"created":"2020-04-24T16:17:42.827Z","0.0.1":"2020-04-24T16:17:43.027Z","modified":"2023-11-14T19:36:40.878Z","0.0.2":"2020-04-24T17:39:19.715Z","0.0.3":"2020-05-04T18:06:31.132Z","0.0.4":"2020-05-04T18:20:04.086Z","0.0.5":"2020-05-04T20:44:13.059Z","0.0.6":"2020-05-08T13:32:20.608Z","0.0.7":"2020-05-12T13:48:39.508Z","0.0.8":"2020-05-22T21:02:56.735Z","0.0.9":"2020-05-26T14:09:08.254Z","0.1.0":"2020-06-11T13:30:56.025Z","0.1.1":"2020-06-12T03:19:46.373Z","0.1.2":"2020-06-12T04:34:46.120Z","0.1.3":"2020-06-12T18:10:06.693Z","0.1.4":"2020-06-15T10:04:50.042Z","0.1.5":"2020-06-17T13:23:35.318Z","0.1.6":"2020-06-17T19:44:52.646Z","0.1.7":"2020-06-18T14:57:44.265Z","0.1.8":"2020-07-07T20:27:25.059Z","0.1.9":"2020-08-20T12:57:58.446Z","0.2.0":"2020-09-14T20:43:39.499Z","0.2.1":"2020-09-14T23:13:05.634Z","0.2.2":"2020-09-14T23:23:19.411Z","0.2.3":"2020-10-19T04:15:08.874Z","0.2.4":"2020-10-19T13:51:58.930Z","0.2.5":"2020-10-26T19:50:01.856Z","0.2.6":"2021-04-29T14:14:45.428Z","1.0.2-beta.0":"2021-08-09T23:16:40.286Z","0.2.7-beta.0":"2021-08-09T23:25:47.364Z","0.2.7-beta.1":"2021-08-10T14:03:45.411Z","0.2.7-beta.2":"2021-08-17T15:05:13.252Z","0.2.7":"2021-09-07T13:49:08.615Z","0.2.7-beta.3":"2021-11-10T18:53:53.418Z","0.2.7-beta.4":"2021-11-10T18:55:50.983Z","0.2.7-beta.5":"2021-11-10T19:00:36.782Z","0.2.7-beta.6":"2021-11-10T19:42:50.841Z","0.2.7-beta.7":"2021-11-10T19:45:05.297Z","0.2.7-beta.8":"2021-11-10T19:57:09.498Z","0.2.7-beta.9":"2021-11-15T20:08:30.722Z","0.2.7-beta.10":"2021-11-15T20:17:00.613Z","0.2.7-beta.11":"2021-11-15T20:38:16.746Z","0.2.7-beta.12":"2021-11-15T20:44:03.908Z","0.2.7-beta.13":"2021-11-15T20:50:53.547Z","0.2.8":"2021-11-15T21:42:14.197Z","0.2.9":"2023-05-19T14:03:37.813Z","0.2.10":"2023-05-19T14:11:37.001Z","0.2.11-beta.0":"2023-05-19T14:19:18.281Z","0.2.11":"2023-05-19T14:30:07.831Z","0.2.12":"2023-09-15T16:34:12.864Z","0.2.13":"2023-09-15T16:42:22.794Z","0.2.14":"2023-11-14T19:36:40.672Z"},"maintainers":[{"name":"gettattle","email":"integrations@gettattle.com"}],"description":"Tattle Embed Survey Component","author":{"name":"Jamie Vaughn jamie@gettattle.com"},"license":"MIT","readme":"# Tattle Embed Survey Web Component\n\n```html\n<!-- Tattle's Embed Survey Web Component -->\n<tttl-embed-survey></tttl-embed-survey>\n```\n## Web Component Standards\nTattle offers an easy drop-in solution for including customer questionnaires in any website. Our web components are fully compliant with current W3 specifications on Custom Elements, Shadow DOM, ES Modules and HTML Template Elements. You can find more details on those specifications at [WebComponents.org](https://www.webcomponents.org/introduction#specifications).  We use polyfills for legacy browser compatibility, although we still recommend using modern, evergreen browsers (Chrome, Firefox, Safari, Edge) for the best user experience. This means that Tattle web components are compatible and ready to use with your site and it couldn't be easier! \n\n## Component Installation & Setup\nThe web component is called `tttl-embed-survey` and is published via NPM, making it accessible via CDN:\n\n```html\n<script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n```\n\nOr you can install it using NPM:\n```html\nnpm install tttl-embed-survey\n```\nIf you install it via NPM and are developing it in a local environment you must put this in the `<head>` of your html document:\n```html\n<script type='application/javascript' src='node_modules/tttl-embed-survey/dist/tttl-embed-survey.js'></script>\n```\n Whichever installation method you choose, once it's installed you can use it in any web page just like any HTML element by placing its custom element tag in your HTML document where you want it to appear:\n ```html\n<tttl-embed-survey></tttl-embed-survey>\n ```\n Let's see what that looks like with an example in an HTML document:\n```html\n<head>\n<!-- you can load the web component via cdn with unpkg  -->\n  <script src=\"https://unpkg.com/tttl-embed-survey/dist/tttl-embed-survey/tttl-embed-survey.js\"></script>\n</head>\n<body>\n<!-- Use the web component like any HTML element and customize it with attributes. The only required attribute is 'tid' -->\n    <tttl-embed-survey tid=\"{{your-32-character-Merchant-UUID}}\"></tttl-embed-survey>\n</body>\n```\n\n## Supported Customization Attributes\nThe component's appearance can be altered with various attributes, but its functionality will remain the same. The demo above shows some of the customization that can be done on the web component by using the custom HTML attributes. The full list of supported attributes are as follows:\n\n\n1. tid `<required>`\n   \n     a. Value: 32 character alphanumeric string\n   \n     b. Required to load component; does not have default value\n   \n     c. Description: Couples component functionality with your Tattle Merchant Account\n   \n2. font `<optional>`\n   \n     a. Value: CSS font-family string\n   \n     b. Defaults to `'Roboto'`\n   \n     c. Description: Sets font family type for component text\n   \n3. color `<optional>`\n   \n     a. Value: Hex color code string, i.e. `'#AA3E4C'`\n   \n     b. Defaults to your account's `brand_color`\n   \n     c. Description: Sets color of component header bar\n   \n4. icon `<optional>`\n   \n     a. Value: enum `['face', 'faces', 'star', 'stars']`\n   \n     b. Defaults to `'star'`\n   \n     c. Description: Sets rating icon style type\n   \n5. position `<optional>`\n   \n     a. Value: enum `['left', 'right']`\n   \n     b. Defaults to `'right'`\n   \n     c. Description: Sets which lower corner component will be rendered in.\n   \n6. overall-header `<optional>`\n\n     a. Value: string\n\n     b. Defaults to `'Did you dine with us recently?'`\n\n     c. Description: Sets the header text for the first overall question\n   \n7. header-text-font-size `<optional>`\n\n    a. Value: CSS font size string\n\n    b. Defaults to '`15px'`\n\n    c. Description: Sets the font size for the header text\n   \n8. header-text-color `<optional>`\n\n    a. Value: CSS color string\n\n    b. Defaults to `'black'`\n\n    c. Description: Sets the font color for the header text\n   \n9. header-text-transformation `<optional>`\n\n    a. Value: CSS transformation string (ex: `'capitalize'`, `'uppercase'`, or `'lowercase'`)\n\n    b. Defaults to `'none'`\n\n    c. Description: Sets the text transformation for the header text\n   \n10. header-close-button-color `<optional>`\n   \n    a. Value: CSS color string\n\n    b. Defaults to `'white'`\n\n    c. Description: Sets the color of the x button in the header\n    \n11. question-font `<optional>`\n\n    a. Value: CSS font-family string\n    \n    b. Defaults to `'Roboto'`\n\n    c. Description: Sets font family type for the body of the questions\n    \n12. overall-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'16px'`\n\n     c. Description: Sets font size for the overall question (the first question in a step that provides a star rating)\n    \n13. survey-question-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the survey question header \n    \n14. answer-font-size `<optional>`\n\n     a. Value: CSS font size\n\n     b. Defaults to `'14px'`\n\n     c. Description: Sets font size for the answers available to the user\n    \n15. visit-info-header `<optional>`\n    \n    a. Value: string\n\n    b. Defaults to `'Can we ask a few more questions?'`\n\n    c. Description: Sets the header text for the visit information step\n    \n16. location-search-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Where was your experience?'`\n\n    c. Description: Sets the header text for the location search step\n    \n17. thanks-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'We Appreciate Your Feedback!'`\n\n    c. Description: Sets the header text for the end of feedback step\n    \n18. additional-information-header `<optional>`\n\n    a. Value: string\n\n    b. Defaults to `'Additional Information'`\n\n    c. Description: Sets the header text for the additional information step, if applicable\n\n\nBelow is an example of the component with all of the customization attributes being used:\n```html\n<head>\n<!--  you can load a font and use it in the web component  -->\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css?family=Poppins&display=swap\" rel=\"stylesheet\">\n</head>\n<body>\n    <tttl-embed-survey \n    tid=\"{{your 32 character Merchant UUID}}\"\n    font=\"Montserrat\"\n    color=\"#aa0000\"\n    icon='star'\n    position='right'\n    header-text-font-size=\"18px\"\n    header-text-weight=\"1000\"\n    header-text-color=\"#ffb3b3\"\n    header-text-transformation=\"capitalize\"\n    header-close-button-color=\"#ccddff\"\n    overall-header='This is the overall header'\n    visit-info-header='This is the visit info header'\n    location-search-header='This is the location search header'\n    thanks-header='This is the thanks header'\n    additional-information-header='This is the additional info header'\n    overall-question-font-size=\"16px\"\n    survey-question-font-size=\"16px\"\n    answer-font-size=\"12px\"\n    question-font=\"Poppins\"\n    ></tttl-embed-survey>\n</body>\n```\nThe only attribute that is required for the web component to work is tid, which is a 32 character alphanumeric string. It's also known as the Merchant `UUID`. This attribute couples your component instance with your Tattle merchant account. The web component will not load properly without providing a valid string for that attribute. You must contact Tattle to obtain your 32 character Merchant UUID.\n## Component Demonstration\nThe default component will appear similar to this on the page where it's embedded:\n![Component Screencap]()\nYou can see a working [demo](https://codepen.io/jzlosman/pen/bGEpYBa) using customized attributes  here to experiment with it.\n## Component Functionality\nThe Tattle Embed Survey provides an easy way for website's visitors to give a complete customer experience feedback (aka a Tattle) about their recent visit to your store. This widget will collect a customer's experience data and then POST that to our standard survey questionnaire API. The record created is exactly equivalent to what would happen if the customer were completing the survey on Tattle's website.\n\nThe component can be easily minimized and/or dismissed by any visitor to your web page so that it does not interfere with the normal functioning of your website. All functionality and styling rules are fully encapsulated using the [Shadow DOM Web API](https://www.webcomponents.org/introduction#creating-and-using-a-shadow-root) so that it is impossible for this component's code to overwrite any functionality or styling on the web page that it is embedded on.\n\n---\n\n##### ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)\n","readmeFilename":"readme.md"}