{"_id":"@smartweb/vue-flash-message","_rev":"59-85585d71924171c22116a54025fdc643","name":"@smartweb/vue-flash-message","dist-tags":{"latest":"0.6.10","next":"1.0.0-alpha.12"},"versions":{"0.2.1":{"name":"@smartweb/vue-flash-message","version":"0.2.1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"278c032320b2923c78af50d5a8f577d68897639d","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.1","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-e1f8FGZbxajgCsIcLTxgiLWTixAM1qs/dov3uGTpIdc4XjVaAOFiImhLRXIEoLwfXr8LnwTG6ptA9nkjhAn5EQ==","shasum":"4b5d5904687ec46d37d26b5fdbcc9865608c9ca2","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.1.tgz","fileCount":21,"unpackedSize":1032907,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcATKtCRA9TVsSAnZWagAAG6QP/1OgIC+QcYHNG7qVl06/\n1umeA43NjZstxv0CJL6ZWmJVXZfdLRXLvf3QMyViqBuNY0IPQLPpZ1c8ooIA\n8gygsc4Yz/s3B2fFhvW8Uu1IJYRaHaG4hFIlfP4b6POKkl6Zx668QqhtJsQo\nBKl79JaTr2xdhiACeK+hUfroItEhghTyruzlzhUjDJqAdB7SovVHhEbpS5NC\nSeegeyST60aTfRQcBK451m+I2t2KotoITgvnsUTN3MaFl+zr8gnz7/fyI9wK\ne6I+RJpBUbsdgAUBnDBOXgr3Es41TzjpbegoVHPn8eBkcj40MEKrLnaZNHxv\n9UT5gGc7kMjoqgyBQq0FfBa4orhq1udga7kccnRuOAb1qy/QBUUuGZLXgPrH\nLJNi+7yIM3jT9lnHbEv1s3pJHhqvBs6D6teG/NTJ108Se9J6e0+nNxcyftkI\nFrUWJ7SM9XAq7Oh/rhDtX++fNesjK75khwVK9FytKLHvPnOeFheR9wmwnxHY\nTCE6kV1jWDAfpElcWJZXyUJmXfHOsu9NSAPyZ7maQPGGee4B5B5ugm7bVXhm\nuxF5t+b+aJeDHlQiXF6jsZ+hLL3LW1Ct935YuREHguS7/wiOQZvpQk+MvLSl\nj3egsqomqKWxV0PrfxQS+ka6gmC8mFkp1Y9GHIor8qRq21266eMbWW+IyKZV\nBfEC\r\n=BtGd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID3cGXBKLD+EYqPZaGeQD/cBQHSwSGqNWguoE0KZgqOpAiBv88p8beMFkNtiepP4Bof7dSjO24zMVZp4HkF600n1ig=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.1_1543582380582_0.4780742720202791"},"_hasShrinkwrap":false},"0.2.11":{"name":"@smartweb/vue-flash-message","version":"0.2.11","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"82fa49e4a6e18011a9dde82bd1d8650014cc9129","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.11","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-E0xQDjKtsmJmj+07Nl6F6Fzvjh2OvyspM1Du11VG+Ntv2afc1KOa7BT0kqSKfRzY14wRkb62JRPT7NdSMScUww==","shasum":"bed7c850215d71bd0681df432557f204cdf003f3","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.11.tgz","fileCount":21,"unpackedSize":1032922,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcATQ3CRA9TVsSAnZWagAAwOQP/3X4GWtGQPkBQhHLgmcd\n94ABI4fA0KXESpyZXrqZkA879RH2iWgJvC8rrxal52+ShfCUYYT4xudYkER0\nfT7HbzbERRPWzR7Oaa+Q2aoDm0KcGRg+EgSZFluNBzF5AZ+EpQVMAeVsfwC2\nRk6KB+J5MytHZiW39FyrDYShOjOMOMFNKRT6lt9Z9el5zki1y1a0t6fieLK/\n88PB5x4kv3MzwshcYZuOkeLl8apx7lDqoEoscx7M0+T9jZUSQlGDcF0O1hyT\nyBncjDBEVCYLSKb15+XZm1rFtECP+1oHCRgTG/zmBsbzTtdc33IQQYm7ja3N\n7Z5A7MwxI/oZdMfTzOjEN0ksOVej3lJEj3APO3HRj/kc89lvJDTWCEi+BQ+B\nax8J1TKHw3WLFsa9myx+G651LIHwbZnnQXXIBkW8ET9VWmQdTkiGR7pCoph2\n8LfFxWNSG256qUr1TJj/33UAeD/SQyL2aIQXvVkGoeLpGIO5J6teAdlTw3MY\nxLEqtbcszhcf9qCZtpA7BKyaWpVHRx4vsKTJVGpIHjT2MhJP2mYDcF8TT1Gc\nky+m1D5eMApDn6N0JQq3h2Wh6oLuoN51QZkdCWKFfeufjvXs3vUoLPO3vQPF\noWhfl+TTtcg48XprR+sARPQn2XSM0FtFEntqz9KbsyRQc00TGBBOUVC+JjT/\nOzh7\r\n=NhSN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcU5V4RBFgB2IcXhwPhG/8pondqJSNwI5ye0OFMqObvwIhAIhMariQfSSiLOPru4TQA4fNMb5nA4ctz+n/L5CarBJx"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.11_1543582774853_0.7124481228320987"},"_hasShrinkwrap":false},"0.2.12":{"name":"@smartweb/vue-flash-message","version":"0.2.12","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"00c354c7f3bf1d413f31b69d81db5433c81142dc","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.12","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-3mGJlPqhtnp6pidq8FryT7WaOmZDa597z+qcXPKalnASEVzuidjQItNKaZklquW48pZMNqIxalH1S+uzSvg7nw==","shasum":"d7f47b37c4ea846688734fa51eae091bdc07903e","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.12.tgz","fileCount":21,"unpackedSize":1032941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcATmQCRA9TVsSAnZWagAAyroP/jIAiFzxmjTl7PpHloHo\nxQFmw5KzJ0nUym/DMS3UFYVpIRRWFlDdwYUF4UsiVJjpIPRDhppznhcTiTlb\nq1tarqlAecQ933JxkTlLK9rrix2MxPrk82twvibbs0sP8TCd5dEG65lB0wDo\n7SrAoEOSjZixl5QKHJpgXO5FeSFtF+R58XHbCUzKpEg10YOOUlHc+TWryZEq\nbyqMA0Ol5tAdxjGbwVHWpz60fFgviYtWBeEn82JogJOHZU5w+2uckLugivJA\neGRIWiZ9Y285FhIldc06+VvXfgbau2gRY/jLF0mBKJXgqnOJLve9OzD0jCSx\nmtbwdmgzFXgCmATTeVksqVQVL2ZdM/VQMKECbOzrL5+ReO918mbWTHObBrFG\n50ERSUVEcykBkFgxgAFXAXcbHMKK7scF0gNHPKSc5JfRkdLuO/zzPUknwOQI\nRyt+xY7wsLc1LEgLxuqtICelEAhMWBxNZdOOuo2PueSueK++b8EpTDDCBnqM\nZcHfbsKVzz/xKUWGFyImtbHkedY2dX5a0YSoRfZoCbzYY+5d6PuvBMINVPO0\n7tkWhqXg7jpADh72ZK0vL8me6mqYPwi9K25LFBdgYPa4Uvo01LB5rjPSe6v9\ndeXaKjDyArLXeniG5HROG7FuTXQvRJ0nxl8QISiGeP+E5AIE3n/1j0qPJONl\niQ+3\r\n=0CWi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2A/i2K2mTaMDVxXbL2hRX/8d0DM3W+3dbL/c9rzm9bAiEA2B6Niaq5uK6abEDcSeM6k7ByvJ7L7RYDzoz4tAMYlYg="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.12_1543584143802_0.7374215687502934"},"_hasShrinkwrap":false},"0.2.13":{"name":"@smartweb/vue-flash-message","version":"0.2.13","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"82380b22cc959173b51b000ce75b18d64e65a76c","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.13","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-y+JrUs4/KxJfEzwFRdIAhDWLrf4a6XK/iCqn0/S01DnWAzb/rOVOvh27aI1wDqXZZIqQvdSBykn1a7d4T8f/GA==","shasum":"e789ca9dd26b104b50591a39f4589763ea42e54c","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.13.tgz","fileCount":21,"unpackedSize":1032942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcATuvCRA9TVsSAnZWagAADawP/0JP78M6yd7g68xk2tF1\nN/Ampp8qNO9y8m/pvsYnaI9UCQxeS+CNMF5yqYunUXI5IJazQlSjQduCmF5A\nV5gCnbJ8nU0tp6tdVoLmD6ot9537F400e0xfSRSAGhu9NeyXV3jP/46NKvJ3\nSUPoh3TpnLxUo5r9IqgrN5902SsH964Y/zQIbIXJ0kzq1QWzWBl3gBi7F35R\nKjiP6xolykM8iOKLyskQt2dYNIbtarJ5t9zGpGLx2tw+gF7jOBpbQaJxnweJ\ndtKtRtpdvQ2JPXuJ5QMTEKyF14HU4zvmi8MdeMJOgr4y/m4vGMhvXdV392BI\nZGoefZIBLld4lfC5lPGp2SkqMugUSG1z/255rrfUrlpVNdE3MiYtjXnu6ZlH\nw9AOwoUYN+46vo75BNxAMG7GVcQR89w+GlITbsE4DjC3591CBFKI5LbwAJN9\nOCJNVf/tV8hTD2krKFHuANa6cHus6cG4vfvBtw+jI6a05I3iWgabz3RPOuLg\nJqjMBU2WsAkqhatwgSSimibqdGNomIFDiJM5K1ArE2jFmmqsIPfhcOsiEhL6\n7ytb5rxOA8p5QcQmOlZSpBuTpGP2xN2zUlILU8BPFPuD9lwcGhv6gNExkvMl\nTykq7LPbh7EwRssOrsAKHT2AkjyD0sLJ8aiRxo9FSuV91E1pRZlWa2d87/B2\nxt9O\r\n=h5pu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICiouuqJ0Nqzk9grrqScYhcfD0hWf4VYtFXk8Ra5B2HFAiBcBL6KhccAxava6ujEaiujuyo/96u0zlR6bz+SYbI2Cw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.13_1543584686840_0.7167029820594697"},"_hasShrinkwrap":false},"0.2.14":{"name":"@smartweb/vue-flash-message","version":"0.2.14","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"db567f504a4e55e43fc21ae53f6320d09880ee0a","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.14","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-mEC+kUhKSPG+DXpZ7NmsYtypmR1VESBiZZkNIZSjzFQ2MtKvxCukgvrgFRtu0yKLuGLXgH7VUi0NvD34uXVvVg==","shasum":"b0eedf4adfc8237e9873478bfeff8ebe3da2a242","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.14.tgz","fileCount":21,"unpackedSize":1032939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcATyzCRA9TVsSAnZWagAAVPoP/2nJpFV1obDvqAmDhWoj\nGNqYsBWBcVPjH9i3L/1xlLynXMod1zaU+M62EInXm1w6sgjR5neRSenWxA5Z\nHBvdrMNgurD5aY6on60M1pfj6/2KGMTyn7LEs5AJ9hH7Fx/VOSE7OnhnC5ea\nwCWdIbzQJ7odTLeWMCbq9bHUYxYP52Ix5+xwjzAE0xewi0saQVp46TPiOAVX\nqkfoNd6P9EMX766awfGTaEEOrtZKjf/0tWeA+xRHhwG4EA/8QedNdqC1D3ed\nIU0pkdafrFUhYh32dOpLm34wI5IjwKoNN202DiQdfoWlopT2Fg3AAqONS92M\nS4utlEsOT4+MzbVN9p+BU6cv63QX1NvRxzSXPHhAQ4i6lXXI4skqrAo44uuX\n5UOuA1giYUU+yOPsWklPabaZpMwAG3fNiaUclFSkajwzGaMQOVLipRkKRsFU\nDBx9ZM8gvgkxFEXEfuvIkaKCSSe9iVnF1onOLm3wUJYTZpCzJcxdG+Jb/xH0\nKmwg5xfi9CniYQo4nJWXAqckhtGtfFgInTIKPnCytkCoPhf9zf924S2O4WpJ\nkG8HXnNFbVqFjfgorJTTCIOJJoTtrkVQadwi8suo5ys6XRzwrsV0JrnPGHXo\n0pg8XemgkaDsDR5MMS/o5nN+E2iOaLtbpsHZlSBfJ63GfH4Ez17Q7/Wu9Y/9\nSbGj\r\n=oRE2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCH03Bl0Q8W87eY58Axbk8NBu2QPdAcVOJkNcoA8l6fAkCIGy2LkbtfukPSEsmH322dhbGfA5BGFGRybgzmaSaxh6v"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.14_1543584947004_0.5249835627179213"},"_hasShrinkwrap":false},"0.2.15":{"name":"@smartweb/vue-flash-message","version":"0.2.15","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"vue ":{"css":{"extract":false}},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"de49c0e217e18387ae1e745a9532859a33cc3368","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.15","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-6KO+IV589+X4Z9BzHHEMr+OAHCR35hwJNqUdv8jsUymm421MlCUuR7wsriPkdh7fhBOuk4GhV3q9JZfrFsbtrw==","shasum":"596827f0fdeba3fec796b4d01a7b8e19f5feaafe","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.15.tgz","fileCount":21,"unpackedSize":823802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAUFvCRA9TVsSAnZWagAA0yMP/jDGEN8Zjuv5TZh0n0KL\n8BaGemwvrqN7KST1V8EguHydSNbNH/R545ekH8J4xCNADMGzcAMTRcwtzfr7\nwhSj4g6NQrjUlYkZa9l3TsIRhZBv+SzQKzd89roRW1L/yN8TqHd4YKRcEQAb\nfa3CtMgI/DiXzeJVPTELiLurl7ey+lVxYy0ubMvDMAZLygnYqt4jn+JwEnMz\nPt2cTAXKJfB1jIhEyI28IOZByDAwI50i0B0OTtUIygWKkQ7MfHm4MT/VyiSx\nGA2l8aHIjz4NKPEzvixBQtvMZ8KWIXubx/ZH4Opp7JT7o9n9UxyuEZt3mDIu\nc3OAo8Ww1Lxgg/2eu6vK/yNJ0uDDQqpqUiQDEZv9z+Km906nsainRoFjHZYe\nVa0V0FSf70WfVmAsGytiZQ40LC+5gvGPcLa+rKpjE364ijF7z9LBjPtmWLJk\nCe08EgBHsHLaT1JVDiP2YHKfT1MzU3tRGtxq2f3CvTifjyQkrAiYcUC/OIP0\nozFZ0M0n6VOxO5TbJ+BSd/fD50OCsYWsyh+SZTsZwWMixE2zG7LYYz4TDa16\nm+OG5C0H4J6yBnr6RfZTi0dGSNPSUXmraqN/+Q+p8OuaItSdP4KyazXk+d6/\nf4KlHJGS1Mz1GSl8RikPInadJzvgiYWBWaFVA+Djcknvwy/qZAT1kfpV9apW\n0bv2\r\n=0oYp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYQdG/JzvGb/HFNkeuzoVjZIzxqhcRI4hafenudSVlGAiEAxfYMT5legdUsht7wKAVnotNBINW9vTRIoaAWCt4RiMI="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.15_1543586158335_0.4605723916849245"},"_hasShrinkwrap":false},"0.2.16":{"name":"@smartweb/vue-flash-message","version":"0.2.16","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"52b34c422c3899650f55eca88fafcb44ed41cc3c","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.16","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-DY26orVPCz2N2I/LELuApsTyd3nnnSYrGv4VOJ8ewtS+I/JPQaTHlVlTSLLB6S4vwCLKPsPYLhbhOzaHO+1B3A==","shasum":"fc8f8a1c4baeb3dfa90491c2314d049b2674d743","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.16.tgz","fileCount":21,"unpackedSize":918809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAUK8CRA9TVsSAnZWagAAdp8P/2xCf1Haae/cjOkgOTMv\nzFyN7u+BW89l9yjdXpW3aE2ikyup5jcaX6L1ShQwgMRQt8nL2l6CkAPz3Zk0\nFLkbrJe1VkIJ1R92jN695k9WBVgwYkfsbHcmsRbAYgDi4hRt77P4l43X8M0D\nIbzKJfRRrEzmEAHdjlGxokg0LKOnzFqLrN4l5kCjxRZHZN4XfNH6jRDZMwXx\nVDtwlU8EdsUDGiryOMOhO4QQXWbTwipINb7VfyLHFQr/OLr47eNLrfU50cEN\n8u6ko/r0Hi7G4GIFzTVWh7u5zx0AMw5Q1PZQqCuAtqEIaGcfz0DvUzRQtBbu\niFSMd3CRmuxz/7jcHznrB6YzWlzesTl/rYgdf7FIrUUDRQWieYooUzxVa7Ps\nj1O79lOzmrmW+npAr5FcDjxsYW0PzR9iMb/LP7wJ0BXzJu9WWTjE67wi8eS+\njDp02In25Tw0Vcsj4yq15PoQYi9p1sJAo6lBZLoxrsUXC3E2wr5vhy6m80de\ngdbrdeVvmGsAN9nBNb7OLQfcQq8067f+K97CF7m0y8QrHARxslui5xRAtGql\n8BpOp/gVCNiwFclCgWzJh1ARpP4gi6OGOlMuX5Gl/tIZRStOblrqngchEhVy\nK7s9W3AnXMdoWWw2hEryIX99bmCgALSCHf8FdfuwI1tAdVYVXfYXp0kZakBG\noqQR\r\n=O+nO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9TgdtyPlyDVt4TEXwG85A5dgyNsBTsk2QSKDMLK46cQIgBjgmYK8gW7LaSobTxiVySzZ1NadQ1IUrQa2UeYErh4k="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.16_1543586491960_0.7890579536810667"},"_hasShrinkwrap":false},"0.2.17":{"name":"@smartweb/vue-flash-message","version":"0.2.17","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"52b34c422c3899650f55eca88fafcb44ed41cc3c","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.17","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-HaCQoP/bv3eSxgfnZSAQ+FH0X+Cia09KdsDik/EzBJ6J8vo/wTPZXE30QHUhhUpXSfk9fifGfaF6ufBUmtFUsw==","shasum":"bbbc3775172652c4f4b0d2deaa7d87994ded46ef","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.17.tgz","fileCount":17,"unpackedSize":1215989,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAUXICRA9TVsSAnZWagAA3TgP+gMKxvTCRl5pVBU0E23h\nxxdIoXrL32Nn/ASS6IIZPm0ica13hZTPxB5oxL6IZdVrxtPb6SAc5W5j8BP3\nsllhHhC86QSPuCYZJN4z5KeE18sbrlr9XeTSsKi6BpVm9I8I46KDNtVTrdcC\nYNmr8X81LXHKCqbbTrnVGad1SZR7Xg/937IIkCZChn2g2SP98mgF05HaZB6K\npQpF5f1LLGbLWgBchuX5K52SQURchOklRLwwq1tk6FaqOHvN74oGN2f4kdbu\n2UFgk0K0C2nsycE1ojSQHnGbMyZipjhz8JKxNC4T01yuNljt0GhiwgLh2+FA\nX/HMsy0/GNgTO97f+GjtZn6hEXemZ5h/8vmjD4xRCvIT3g1wWbWtr+h+Gpr5\nk7iG6bAUwj640IVyzcNV+VxqhDNRCMLNhli+nSEwyzXUgbWY+Eq7Yi1LERpw\ncaMiFRxwpQDLGBZrFzy5M6Z+eSjfBY82F9aX8woBzMlVLRUlN83INys8sF1f\naafDYPOQ5ZPs7N1QOhPIV2jN2yRVCjHMTLmxnwa3c5PqQLX3oGyoe1sa64bZ\nADaoyXaRJTLUdcI+hK+zDaLc+QsZ/UQLUhMyQb78ha0rgcya8Opfc7kZnZiI\nfIHcI93kY1CesNrZLAAvYU+XDgPMAsHszD12AG1lqzs2ADLt1ZtinKPuswVK\nsh/9\r\n=FnUZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAhz1QvIyWxpz9BVy7Y/mWntW09L4/21ckqxAWmwY71mAiEA3pBFbMLa9vTMeWSSSE+tWS6xWTI5TCvqOvZVI0PQ0Ao="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.17_1543587271698_0.8209878883059165"},"_hasShrinkwrap":false},"0.2.18":{"name":"@smartweb/vue-flash-message","version":"0.2.18","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"a94a0843fa758a17d05e3ead980ac6430e5292e8","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.18","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-KpnO3cJFVHGml9REMqo/49H5ae5IiDN5ECTntfbJ3Yo55uEjgeS17/KKqQdsPQHw+ZXdgc0tRP7QqlwqcCvIBg==","shasum":"7f419c5bdc71df7c90d6a91bd97b602a58a68f08","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.18.tgz","fileCount":17,"unpackedSize":1010288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAUx7CRA9TVsSAnZWagAAG+4P/jKSFDwyMcWH+cBO/mTB\nTjoVSwZdv23yIyycIKKmCLStGULgL655I83jJaURPYwbSXYHu9xoO/tituTt\nEsze3zV66MLVFzzdzlcfXsEHTyLR3jri+vlIRx+8oOyPql/4t43XsLkr2XBP\nPo3kmkEW9T7F9HyxWIiQkCHBrtdLfuhW+4YHVQg4Bsnl9uG6j6i+URlHQ3Ih\nQa+D3hd9FYUodIa/vJqpOevAj4AG9mgWFVpmnbSHtyxLRNh2C+GGUnsaCzIb\nOTzaC+s7oEM6F57N+PZT8TY7eNjEQ0JlD45kpm98dNGz+GWJAd2mpnnveWKS\nTIv5FhOnjlwBzz2p4rxZrkcNOGpqqLfPeEQ6WdUvLEWK2JINNp5D/SxsYKuD\nsRsdeRkAjY5hDcdg0II8yCvvwKtRnT/OL6wztIgCT0RzXuCfQx6VxkIjUIce\nP22cvyoPvkzmCG/4THw09BMoKoOBpo24blXaAc26Gs+Dyn9i2VevO7uOon0r\ncd+Fasklp42jtSgKUvS+WgnJwAHYAvSknUVOsVUVDzLB9FMQPDcScw9bxN0G\nu2PnGCUP0FckgooOg934QP3QHNGcZTIogWlag6MNpmIlvAoJQbiVoMng2lPt\njz3P+rUlS3uaLQfsqNS6zYx37IGVFf4O3sK4/77aYWz8zhsxygwFkG5ECDb9\nubEV\r\n=Z8ZE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpFWA24JBpp37lS1h+1oZRIG6AxCUjjGm+RCDGsxdTmQIhAOv+MV8tvEv3q2vE177BNoLzX1JwSMmZ/ew0ZLu3WzTG"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.18_1543588987202_0.21492492465130364"},"_hasShrinkwrap":false},"0.2.19":{"name":"@smartweb/vue-flash-message","version":"0.2.19","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"b0d5f1498fde71e58761e0185e15d22d5a387ce2","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.19","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-ICi+7ksbvsiS/Kep2I4UDRU3MBuCFeuRNNiZJo1PK6+CpDZ/7b1teSDv2RiJSrfl/7f4e8ONC4KcgTvUBfLzNw==","shasum":"b1d8f560320d2f304e9792bd8782a1002756a8ab","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.19.tgz","fileCount":17,"unpackedSize":1010412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAVHkCRA9TVsSAnZWagAA0KgQAIWLynZ1ORdbTLKh8xtz\nEjDNeBrqpW/RGOKYpziMN8cBZ5Ssxa+FIlq5uIkDJg3UfUXYtGZBHVm+xpZ9\nXeW/3RQXlFilmK3FwYLJhv03uQCv48BUVvvdsqmdb+RIhZmmwdagn9AEWMy6\nEk4k5hT6oO9raGixE8LETZ3YHAe+AUw3vpBLVLlnLbIeo9BiOhXBl8GFSIzY\n2yNk/MLzjX2qLK6Q+y4W7Dz7p/9oYjuXBsls2XOKkO5q7I15ZF9AsWmAmO8E\nbdlnmiHNYhtsE75K9QQbHvlixjOxBQWtlEdHsFBVZpAggbYcFdhlSLncI9i1\nlJUyrRqFCth7BCfNEtOlC73AjvBbKXjJ02ODL95ML48TWh0PYEYyN4ufKILx\nv8jvp+pgyroxCqFqhjxUuuNDb3KI9en1pVh5LtSzXfPCf8D5m5EuO1sPDNNu\nIT/zXfA8h+8Gbt3fWf4aYxcVT7VmnXjXU/ax32wxrOcruQkOKM+d3XvePn+U\n4X/0gIX6p8VKnPKM49tn7+wvGrS1lEDX2nzAQ1KZBfV9hHmDmnNU5/UuNkQi\nsRfAQg5VMsuMY7E3tOeSnV+GB5cRzo/FEhW2a7NEQYoYXsjLgY9GS4LxDuqq\nkk5qv5sksxOabda0KB8fjnIzv24+Dl8xVzb5dzLD62lQBNvGpk9RC1dIhQN6\n4AcB\r\n=l3LE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEXkI3YLXPOz8T+5u7br3WBTgG0xQgaNJ0OKdk/mXNfiAiBi+xtVCCEiorvSfzIeXtkA+aasPKJuuzfS36C2hG5MWw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.19_1543590371835_0.2635266036740598"},"_hasShrinkwrap":false},"0.2.2":{"name":"@smartweb/vue-flash-message","version":"0.2.2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"98b870ae8f49365a58f4fba79f7f400e5d04f650","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.2.2","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-VPB0TMM4mUhXZ6ZnXfNuq9zLzOwynPpr4+b37r5I0BakUOV9HrxpDd3R6oByXnNYSp0fwqacI+zdD9FUf2L2LA==","shasum":"8cc8e56ef742683a6ee37e8d2f4ac964049d2347","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.2.2.tgz","fileCount":17,"unpackedSize":1011640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAlltCRA9TVsSAnZWagAAgWgQAJ6tKLRs1seXuV8/Dad0\nOST7yyaNaO37M1wpWcZDHHaxQ8NnoZS0wfJXBEpf3y23CRdyiW0MtLmcmlW1\ngmjkqnkzM004QZkFr8thbKJjm8/amw9mf7wFyM9t+gRfcw6M8guDa1Zz5Djp\nn+n+cVSbgqQscPP9J0m3lKWJkxQUwLCtO1Ki2xr0pkscG2xcLaO/ZAsb9Qy+\nBVn27ySat5XAfR9b6aN7lu5tVdyeUipJuZY5T8TD8G85PYYZIRoRkMfervRm\nz3nACbA52vuJ3Ila18bAS3NH00THSMh5ycdheN2VGemECteu+rxFLEhkPG8g\nlO0RNNnt3BSOYkucCBqIQm54LA1b7Q4GRtbIkZyDW/M0LElw4rZCzHYJd9Tm\nR1jLh5hDBHz0UK54rdZBDVFNp+WEr+az3n1ODr0aEUmFdI1PFAXHzNqH7GM0\nKRcjE0QdW+s5TVDaOJMU9rmD9FZf3z1W8MLlGv0KuWSdOA43lX/nGl+5su/G\n7CRS+3UOeXTZ+43at4bz2/IENVzaT7/qyZ9Hcbnc7FSjbSu1Hvo9Py7MkrhT\nbILzkWp+skKoJeXeE0R5DTD+5FF48EGrnDeq5QApRaUOsNp17aEx9xfEhMDb\nequLWgZWUNYRD8gcIsFQ6+XpoNEbh6AUdBmAbNmvRswdOAZElUythv7aOFqa\nhRB/\r\n=gMLj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCY6vQjHMwqbb2N4oVJ7kMQSXxQYF6QIqXdp/JOCwu1agIgE9utgEUnyV/vFjUk+iVKVciHIL0o9MSriwfASQIUB8k="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.2.2_1543657836418_0.41705122323762045"},"_hasShrinkwrap":false},"0.3.0-rc1":{"name":"@smartweb/vue-flash-message","version":"0.3.0-rc1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"readme":"# vue-flash-message\r\n\r\nThe component to display single flash message to user. It has styles presets, but can be easily customized by passing style object as argument.\r\n\r\n[Live Demo](https://codesandbox.io/s/ovoyyy4om6?view=preview)\r\n\r\n## Setup\r\n```\r\nnpm i @smartweb/vue-flash-message\r\n```\r\n## Configuration\r\n\r\n```javascript\r\nimport Vue from 'vue';\r\nimport FlashMessage from '@smartweb/vue-flash-message';\r\nVue.use(FlashMessage);\r\n```\r\n\r\nYou can pass configuration object as second argument\r\n\r\n```javascript\r\nVue.use(FlashMessage, config);\r\n```\r\n### Configuration object\r\n\r\n| Property | Type | Description | Default |\r\n| ------ | ------ | ------ | ------ |\r\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\r\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\r\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\r\n| **icon** | **Boolean** | If you would like to use icons as default. | true |\r\n\r\n## Usage\r\n\r\nPut the component into your template\r\n\r\n```html\r\n\r\n```\r\n\r\nNow you can access it by using global EventBus alias (that is \"flashMessage\" by default) of your Vue instance\r\n\r\n```javascript\r\nthis.flashMessage.show({status: 'error', title: 'Error Message Title', message: 'Oh, you broke my heart! Shame on you!'})\r\n```\r\n\r\n### Methods\r\n\r\nYou also can use shorthands without status property.\r\n\r\n```javascript\r\nthis.flashMessage.error({title: 'Error Message Title', message: 'Oh, you broke my heart! Shame on you!'});\r\nthis.flashMessage.warning({title: 'Warning Message Title', message: 'Don\\'t stop me nooooow....!'});\r\nthis.flashMessage.info({title: 'Info Message Title', message: 'Just want you to know, that Vue is so cool'});\r\nthis.flashMessage.success({title: 'Success Message Title', message: 'Hoorah, it is my fist npm package and it works!'});\r\n```\r\n\r\n### Data Object\r\n\r\nThe first argument - is data object.\r\n\r\n| Property | Type | Description |\r\n| ------ | ------ | ------ |\r\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\r\n| **title** | **String** | Title of your message |\r\n| **message** | **String** | Text of your message |\r\n| **time** | **Number** | Duration (in ms) of the single message display |\r\n| **icon** | **Boolean** | If you would like to use icons for this single message|\r\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not.|\r\n| **flashMessageStyle** | **Object** | style Object for flashMessage block |\r\n| **iconStyle** | **Object** | style Object for icon block. You can pass your own icon as 'backgroundImage' |\r\n| **contentStyle** | **Object** | Style of content block |\r\n| **titleStyle** | **Object** | Styles for title |\r\n| **textStyle** | **Object** | Styles for text |\r\n\r\nExample:\r\n\r\n```javascript\r\n methods: {\r\n deleteTrouble() {\r\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\r\n .then( res => {\r\n let { status, data, error } = res.data;\r\n if(status) {\r\n this.flashMessage.success({\r\n title: 'Don\\'t Warry',\r\n message: 'Be Happy!',\r\n time: 5000,\r\n flashMessageStyle: {\r\n backgroundColor: 'linear-gradient(#e66465, #9198e5)'\r\n }\r\n });\r\n }\r\n else {\r\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\r\n }\r\n })\r\n .catch(e);\r\n }\r\n }\r\n```\r\n\r\n### Callbacks\r\n\r\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\r\n\r\n| Property | Type | Description |\r\n| ------ | ------ | ------ |\r\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\r\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\r\n\r\nExample:\r\n\r\n```html\r\n

{{ text }}

\r\n\r\n```\r\n\r\n```javascript\r\n methods: {\r\n showText() {\r\n this.text = 'Hello from callback!'\r\n },\r\n clearText() {\r\n this.text = 'Bye... 1, ..2, ..3';\r\n setTimeout( () => this.text = '', 3000);\r\n },\r\n clickHandler() {\r\n this.flashMessage.info({\r\n title: 'Ooooooops!',\r\n message: 'Do you see this text? Wtf?'\r\n },\r\n {\r\n mounted: showText,\r\n destroyed: clearText\r\n })\r\n }\r\n }\r\n```\r\n","readmeFilename":"README.md","gitHead":"2525cd4d4e1731106e1bb931d3e39135729fb6a3","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.0-rc1","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-ZwGQHLTpuWSCpGLfvCX+k34+rYB/X9MoMcH441siOJ0epL6Lce/MumDgPgn64qjwPGWqIBSMcJqUZhYgTv3NUQ==","shasum":"6846ab2d92208fb6a7a6a58677ebec423a0c2c3b","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.0-rc1.tgz","fileCount":12,"unpackedSize":655237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBojZCRA9TVsSAnZWagAA4hYQAKB/giooPuyD+n12Q5Ya\ngdoVWSy6isjgtMYnpWu9d1yF30Jlbb9iHV9o/AixjQsFi7Cd0sSXiFtzQQzW\niQK5QUfouW5+NSr170JVzEo3CzBOyjnGIUkQ9T36EyQ2n4ylDIVUZR8ZRWUI\njeDPTOyxUnKojFV+OTnLUNKFR2hUxrnGzab6oUvWyHir46kFJX6KLiTXfWnY\nYOLoV9kBmDvx8hP+Vac478LonKc0tqoraXbslYzQuQlafRSpvr5U6TDPhrew\nAYFEnPIw3rtKiuBvt7WwpDk0kco+c3z6bTBQhtuD3W4PkmBkfP7ped0g1teJ\nx/FG9+dvF0pxuhW7yEoP6eWqJQPmmuQLVLUZi5T7P47UUpQWCoSeTE33GR9o\n9vmDpRR5zDehEvwrglcLKzcKOkQyM9bbaxO8E7pUsX++nl7uM4nbQgweAM9a\nPzQIbAIvNMnkrPbylTn7cvsct88vwqLOwJc5XdXDnXT/7V5uqoXIeF/owbXb\nHJ7qbgRfNDsXCmC+bQsP0xWYidbtq499q5JXp02gSshCtzW4SeTaC48immY5\n/giFkP+F5nfahP/5QNEwzk3rJ5oR3yyNMGX8XTX1J15w4AuALm9HMfrCektS\n39/RcpwfcQqt7shma3/bmFQthtqSBKWGuMf+XeF5Lj3yTqveBhnwfVPWOYB1\nX1Tz\r\n=VPvG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUcUeoVG6vsMZmUd8+D6/FCVV9U5ibMVzjESGVIF+TawIgd9EeBW0371WaBp8EX3XGuEeEx83AmXNuEcsj14zANP4="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.0-rc1_1543932120463_0.526531927868541"},"_hasShrinkwrap":false},"0.3.0":{"name":"@smartweb/vue-flash-message","version":"0.3.0","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"9127b0e2921c9b42a1bbce3123cd552281b13e82","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.0","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-4i+4DXJPAjhc3dWoRJUu0JaXsNc8d999WNIXgnZKTYb872JMoqnCel3qfCIET67/Ep9Xxym9AhRubvz0ZVdq1Q==","shasum":"824e9ce2de473b1d14c86a5e533ec309a3c95196","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.0.tgz","fileCount":12,"unpackedSize":655239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBovMCRA9TVsSAnZWagAA1nMP+QEKoBGIltzEy1qoBOpw\nkGaA8GKnWZVk1xyRM446H1brC8nR9Ov+7zF/fIGDiiUvM1dprG6oZi8H6paN\n45C04YJMzkw9lPnW/ly4h8fjKFWYcFPQCL9V1hV8T/iRgzi8IXFL4/eXdqAB\nW+8pdsQdQ92GnGUhA4Jluq4ZF916GGHiinAAF43QC5URk3P8fhGzUGMrUyy7\ndAPoqlA9kJMmuNROu2v0LtjjO2rFe0zrdl+H/09cmskSXjzSlho8t3CoQPbh\n+ByF0P3SZVQms5yJggDDVbLMMNQJ3TckCL0OJN5Q/LjPN+LpCiExxdmZNdpm\nA/KOh+ONAXtm3BgaolWyV7H3uvAFp49tnkc8nZfZP2m0kOhskqYPlLFWfij0\nMabdupV57GgciKUiTFCMFobRCqXYb1nLuKbAkqLzYuTlkg9kvXgTMRcSwx0X\ndBiGtDzUjkZEd09yYgxMejcZ2WdDFJOzKc/93l9XZ6Sn2O7COzhUHKYKXeL0\n41QOj+/NqKtO3MpTmUs1dQou3V9IfxvzOCnH2oBFryw/FbhfkRN50InwacZI\nv0X8bArfoXfgt8Hi729bvkl1JmU8PfSrSs/BMCa+aXyI7tkJvogBZgULe0VG\nWfpFJIRwm3N+qfKltiUR5MPaUnCBELNsqS2JhPQMMLv/M0QcaYOR1Z3FclJ8\npCvL\r\n=Www2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE6OUx4btYc3RzuWuOlrSMZBMVtsHxICvlqEwo1V26KVAiAspy83ZIPcJnz0yobAQyxCA/rxSloK8M1IUJgUT2Ydqw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.0_1543932875841_0.39007122740108535"},"_hasShrinkwrap":false},"0.3.1":{"name":"@smartweb/vue-flash-message","version":"0.3.1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"17ed8aeabfa5ab07cec2834a3128da6a62b70cef","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.1","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-dlhsvpzRs57JHlo2EwWqLJ2v2yCV0FMrVZ9dqz+qkCOVTviaCRKhclaQVjaodPjMevgBo/s4Q7VM7BSUJ4uXqA==","shasum":"89e6a8e076c88dda7df029ffa2daa4255783f41d","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.1.tgz","fileCount":12,"unpackedSize":657149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB4whCRA9TVsSAnZWagAARY8QAIaE3f5xc++5we9ZdtSX\nNYjqEsnOToGuwpLNcGp/Ow733fIZZ9fI5yHiYjIGJ5Fb1X2qR/1ym/hXu5Sh\nRPS2y4cmdUM9l5FoyHzOWHN1Ng77jBdu5EEKlC2O553wRK2zGvLJijhcUk2t\nlhgHK+Gkx0pid7Kd09sFh7o7rv4d5/1XDrQbDlfQVLB+5PCLNSswYNQhCuKO\nyudtmXR2vz3m+pFzJrFODq48zPI+KQgvXZmOFXgZbEs5Nst4FlQSqSk6QVuO\nfjLuNbDnpZ9/ZgWFGyagePtyCFNKAp+311khdeXPdO40FKwAgtYE2k5lZe4h\nc9kd6POg/5rdzTxC4kzncOHfqUtuvB/xalXE08AlvOqpLxtzbLKPkzuL6zGi\neMfimmuxSAJXsIsXRxkY40op3mt6PUWpR325+/N5Y7yEEQzoWyXtNBH8f56N\nK8ChAe0vDZzBwjt45hXpdLxaZotAM4w16XA1GPwLQFGaofw2uSVnNPeIyZZn\nPKyn52mps5WzqyHPgVGKBCOWHR0bIGutsTsJRTc+glhsw4i58gMJ3OE8j99w\nZ5gomgSY5GPHMQTtrWJggFsi4XHsMYO7+sxKnGurNowTJf43N6O/8bAlWsN2\nmS+j6gUnd94UbL0bhi8CBViUvht2lh17UNYKUP9yPKwfMu8n9JX2T4uTCaDz\nWTqD\r\n=dH+s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNyqBSO+wS1IbeaG6yZyfc5HSHlHS5KNG67oobprJp0AIhANNmQwJaQlbIBCj/hMZAJWP827lVISjFRADqXiokz95a"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.1_1543998496080_0.7803346483189144"},"_hasShrinkwrap":false},"0.3.2":{"name":"@smartweb/vue-flash-message","version":"0.3.2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"4ab57b70e044695960f3f24470c81e7a6036564a","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.2","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-gS09qB1dIK8D/Txx2+Xq6hhhQm1KTvbriP/uzOKh0F2cUpJMLW7NzFP8LP+qmEJDMIKYCnbDPo7jdjKSxonUgA==","shasum":"426ba7c23ba5670637a762575045f6d934c1eaed","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.2.tgz","fileCount":9,"unpackedSize":685019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCjAZCRA9TVsSAnZWagAA8VwP/jGlMO85Vt8zXiLt8lJJ\nqk52vW4yloZ6gWeybC+g2ucrgXMmwKuA95ZsUlWHjZNkILNyM0IzpupgwVYA\nTT/Z14gYPWXrFh4JxiWnnP3L94is9mwPUaBJuiWcjTKutcvGMpMGp/s5MOW6\nRrYpUFA3QeMFNtGny/ycOTJPRrkRuwuXIv2Allb7ZEIMKA9dTh6nwglIvdDC\nqMXpVpGF02pLl+bhf9mkdI2/j/Y9KPuDQnHmSKCXGF2WJ/iKCCLni/U7d8uw\nqspMB7A6PqZLqlRSHSyhOX9RgEAQLXJji4cZWbBxEethpO5WAB/iD795V0qr\nb9M9RjPUHpi8I9KZ0HdX/K6h4l3OJQ7IGAXoltZPRkRKOeEEIci+Yfk/9bNP\nXV4s47J1W+XEhy6TcjE2f0dqh+OHZ8O64V1iIX+EvnmIIdRTXNkwafHR08gB\nqAMSOopljGBW+Jm5NPw77jXpfJfD6ARhh4/OXWC55HKPL5vxTGM27LmPTvBb\nOCzsq1mequpU1A5CwV72uefP++kdWdqdpPB1NxHrOHBfZZ+2cLrnsmIqLR6n\nI11Klg8w/FHActa+sVH6yocGeM/QoPVhyqOV9yWc2ShxEUJC5imDU3zV9dU/\n09LmV4/GKEpo3eRvio95sVGzrq0BBZ3H05rfsMJq4wDM2qK6TCnWh4Wjfsq2\nOsTg\r\n=IAE7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGLxtx0cxaVTOGGsJpLBI4MY1BtG+RBlzXPFixh7OG4wIgPKkE/X4gT2N+EvNRlJJyqUZzHT5tmGGgUy5KpDITlIk="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.2_1544171544464_0.37194136695498403"},"_hasShrinkwrap":false},"0.3.21":{"name":"@smartweb/vue-flash-message","version":"0.3.21","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --silent"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"f849df9e0199fb8b3ab42695bf1fff3e8f9db2ba","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.21","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-HLWok7IokMOl2+KaypHntnFjCtMIC4f2iLKYzlN+50SlLITRPO2yo7CBqdyxpSEzj51sAVCVaUwvIGpgwUTpFQ==","shasum":"bda68ec0e3fc4852dbd17a54a939db9963c624fa","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.21.tgz","fileCount":10,"unpackedSize":654421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcClvaCRA9TVsSAnZWagAAK5kQAJowPRR2dvgporawEqQo\nm4dFOh5IUobFus0YoOgDy/v0PPndki45rk+SXhLoe20cZvNYMjP5vLlIcNjR\nSrdbQcfOHUZa+hZUe8khHtWooQc8wmE0+0cijI7c49QLqt5oEGPEF2kB1ojz\nL/DgrifZGFMAdiEc8XziRvlJPyCgyGgKuOON1anh51GGIxWQwhHrBR+K4iWe\n3Xx9FAJVTq5juLQsuy0bOSa4/iJWBUqLM0qiTM/Hrsus1Z9XW4ov0kuLXPUA\nEiEmKNR2cTREr2sKoZNmLeY6OQVgcsyZYPGf7FURciVZyEcor5+xHoamtcYa\nmkqvSdEabepXcJIV75fK0VXaUP2c9nNsUZjh6BJ9fmegMLkVxW0ELsnrDDKs\naBAAJA502XIp3BzFWYYzIqhELTjj6dtwl8IsOhdtj/TVZdJwsSlDsDArwhOa\nhfWwwD/W8TAh+cL0j2lq93x+KKYNOtH5Ij2fqz+LUwY3tcT22JsT552Dq+Xo\n5PeEn7duf9cxX/WB2p/BPV3be/8l3/222zH5+tuYIiUqwfYvlb3VLvh0eD11\nu2CvNDqp8Nj/AcX7EK4DeVyrweuavqM5FLl03+GorLoxGfUQELaWEUx2fnTw\nZX9jzLwGpAq1zmAAK8s2VNHt5ozUnvdCKfgRZRQ88PD+oEwuCQWBl94rjht3\nYMzr\r\n=wWBV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGu4TWigOduBSsVgHKmgbluwaAaMco917Q2mK42Jeq7fAiBwrhaRioII3blsVxoW6OgW+Z8qZFXtjuRJo91MLyg59w=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.21_1544182745322_0.9204248996426332"},"_hasShrinkwrap":false},"0.3.22":{"name":"@smartweb/vue-flash-message","version":"0.3.22","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --silent"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","uglifyjs-webpack-plugin":"^2.0.1","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"9bff50f0cc8dd6a96aa869f415a76051f13d6430","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.3.22","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-c6PU9zkJkylUYTicPQCSWK/uLmwwYaDZgSoImpvYi2P+ox/O9W98EUFC0weXpYuPrE3Uy4Ha1qaV7yz3cc+L5A==","shasum":"c6e58ab4ed8ff814c6fe2ae179860e6ff25d7e79","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.3.22.tgz","fileCount":9,"unpackedSize":654219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcClwOCRA9TVsSAnZWagAAARoP/jFR2Ib4SswF93JTxsjq\nJHuferw/IkhDeAr1YuMGEpxu3UZ69ekIuh+Wu/6n99Xuw4yEgUwiCpOYQOW7\nfDJYt1jeqgBQHRG/V5lWvfjBt9KKym+sZaWFq5Q2fvN6H9Czp7iPdV8JVKVS\nPxLzAtkS1Ru2RlowQp3ox/4W22e7PUVid7L19crButUNB3RZB4+wvi0M1y/4\n8uEEWIHp9uHPG4l7ZVAADXZM5miGMYaV1lDJDgmOwwt3Zb0yA0i8hWjNp8tF\nfqsvxYOB6jdM3jdYjGtUbhaZ2L8HeajSQrOur031lCFBN3wvurJlSyBGxwU1\nmltbrpHXVQMgCsb9XwPKLYBGt1W+6Lt6HexrkTSrKVxC96usi8plfkx2tZSp\nWA0CB7wGyIUt4LcnOGzH5baZo5Ap6uscKm9kVCoBNGc4gsXfsGp8u/u6MKpE\nAZMJGDsQvAMwH2+shJzthjGyfCwmDH3R7CVbczDeBM77kHlxSUfI8GqJ5DUa\nt6gO5bFE66lKYSUje1hjccvgeJdVudfwwWfQpeVrfVUmMyx39UPARMeymFMm\nNtOzzSDq4raceHztQt04apqlNxW/Jf83LDzy9RMK+ETpn3M5p38A+cEZVOFE\njvBcdrPP4OB4vfObEY5AFNGJYR3Zfvf+W+OkD2MA8eLY+WUMpM0Paf/a2Gmn\nzUz2\r\n=Fq01\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCD6x+kUaqsCc8PacsCHh7VT5VDwHB3oF0VLy6DTFWqGQIhAIu+AuZ/leXr79K+fEgSupUdek6T4NguLEnTNx4Kmrq0"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.3.22_1544182797342_0.4499603653930908"},"_hasShrinkwrap":false},"0.4.0-rc1":{"name":"@smartweb/vue-flash-message","version":"0.4.0-rc1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","cross-env":"^5.2.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","terser-webpack-plugin":"^1.1.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"readme":"# vue-flash-message\r\n\r\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\r\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\r\n\r\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-mesage.gif)\r\n\r\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\r\n\r\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\r\n\r\n## Setup\r\n```\r\nnpm i @smartweb/vue-flash-message\r\n```\r\n## Configuration\r\n\r\n```javascript\r\nimport Vue from 'vue';\r\nimport FlashMessage from '@smartweb/vue-flash-message';\r\nVue.use(FlashMessage);\r\n```\r\n\r\nYou can pass [configuration object](#configuration-object) as second argument\r\n\r\n```javascript\r\nVue.use(FlashMessage, config);\r\n```\r\n\r\n\r\n### Configuration object\r\n------\r\n| Property | Type | Description | Default |\r\n| ------ | ------ | ------ | ------ |\r\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\r\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\r\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\r\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\r\n\r\n\r\n\r\n## Usage\r\n\r\nPut the component into your template\r\n\r\n```html\r\n\r\n```\r\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\r\n\r\n```html\r\n\r\n```\r\n\r\nNow you can access flash message by using global EventBus alias (that is \"flashMessage\" by default) of your Vue instance\r\n\r\n```javascript\r\nthis.flashMessage.show({status: 'error', title: 'Error Message Title', message: 'Oh, you broke my heart! Shame on you!'})\r\n```\r\n\r\n## Methods\r\n\r\n### Display Methods\r\n------\r\n\r\nEvery display message method will return the id of the message instance\r\n\r\n```javascript\r\nthis.flashMessage.show({status: 'error', title: 'Error Message Title', message: 'Oh, you broke my heart! Shame on you!'})\r\n```\r\n\r\nYou also can use shorthands without status property.\r\n\r\n```javascript\r\nthis.flashMessage.error({title: 'Error Message Title', message: 'Oh, you broke my heart! Shame on you!'});\r\nthis.flashMessage.warning({title: 'Warning Message Title', message: 'Don\\'t stop me nooooow....!'});\r\nthis.flashMessage.info({title: 'Info Message Title', message: 'Just want you to know, that Vue is so cool'});\r\nthis.flashMessage.success({title: 'Success Message Title', message: 'Hoorah, it is my fist npm package and it works!'});\r\n```\r\nYou can pass the [data object](#data-object) to configure a message instance.\r\n\r\n\r\n### Data Object\r\n------\r\nThe first argument - is data object.\r\n\r\n| Property | Type | Description |\r\n| ------ | ------ | ------ |\r\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\r\n| **title** | **String** | Title of your message |\r\n| **message** | **String** | Text of your message |\r\n| **time** | **Number** | Duration (in ms) of the single message display |\r\n| **icon** | **String** | A URL for icon or image to display |\r\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not.|\r\n| **blockClass** | **String** | custom class name for flashMessage block. |\r\n| **iconClass** | **String** | custom class name for icon block. |\r\n| **contentClass** | **String** | custom class name for content block |\r\n------\r\n\r\n\r\n**Example:**\r\n\r\n```javascript\r\n methods: {\r\n deleteTrouble() {\r\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\r\n .then( res => {\r\n let { status, data, error } = res.data;\r\n if(status) {\r\n this.flashMessage.success({\r\n title: 'Don\\'t Warry',\r\n message: 'Be Happy!',\r\n time: 5000,\r\n flashMessageStyle: {\r\n backgroundColor: 'linear-gradient(#e66465, #9198e5)'\r\n }\r\n });\r\n }\r\n else {\r\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\r\n }\r\n })\r\n .catch(e);\r\n }\r\n }\r\n```\r\n\r\n\r\n### Callbacks\r\n------\r\n\r\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\r\n\r\n| Property | Type | Description |\r\n| ------ | ------ | ------ |\r\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\r\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\r\n------\r\n\r\n\r\n**Example:**\r\n\r\n```html\r\n

{{ text }}

\r\n\r\n```\r\n\r\nFor example you can add some sound which will be played when message appears\r\n\r\n```javascript\r\n methods: {\r\n showText() {\r\n this.text = 'Hello from callback!'\r\n },\r\n clearText() {\r\n this.text = 'Bye... 1, ..2, ..3';\r\n let sound = new Audio('audio surce'); // add sound source\r\n sound.play(); // and play it\r\n setTimeout( () => this.text = '', 3000);\r\n },\r\n clickHandler() {\r\n this.flashMessage.info({\r\n title: 'Ooooooops!',\r\n message: 'Do you see this text and hear this sound? Wtf?'\r\n },\r\n {\r\n mounted: showText,\r\n destroyed: clearText\r\n })\r\n }\r\n }\r\n```\r\n\r\n\r\n### Delete Methods\r\n------\r\n\r\nYou can delete message programmatically using deleteMessage method\r\n\r\n\r\n**Example:**\r\n\r\n```javascript\r\n let id = this.flashMessage.info({title: 'Hey, man. Time for beer!', message: 'It is Friday. Time to have a little party.'})\r\n this.flashMessage.deleteMessage(id);\r\n```\r\n\r\n### Set Strategy\r\n------\r\n\r\nYou can update default strategy using setStrategy method.\r\n\r\n```javascript\r\n /* Will return {Boolean} as result */\r\n this.flashMessage.setStrategy('multiple'); // strategy changed to multiple\r\n```\r\n\r\n\r\n## LICENSE\r\n\r\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\r\n","readmeFilename":"README.md","gitHead":"d498949ac21e87ad0269bef3b08246d0c1741676","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://github.com/smwbtech/vue-flash-message#readme","_id":"@smartweb/vue-flash-message@0.4.0-rc1","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-Uwoca3C9ekcqR3UGPL8Ls9rBRKGHhkNcQ7xsAfgdI0sKEro3K7RcfnPUn947XE5gpj3qQ3K7nYZ5bFWovgQ00g==","shasum":"5b4f778374bb53e53cb057dd93a848c08fcb137b","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.0-rc1.tgz","fileCount":8,"unpackedSize":621806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcD6ZFCRA9TVsSAnZWagAAEF8P/1PS8Tt4peDKDOjlTOhK\n+Hf0noRgebIId+VF7DnRq5A8+D8VHQPJgtBNxyiKyJFy0ALxAd7y3BxuomoU\nNZTgfQjZGP1T34QlDffGug5l2/leaSPmhRR3bZ53zdimEUXWpQgd8l+2Z1yO\ngvm32wrv5K2f6VzWI7UFG+c0tuPIdRwaWD64Qtsj9cZ3FhUaepSd3RhxWKo1\n0jdUVmapdYCDdpu417QF0WyxcXwdMQBhpRjm9S6BZSInsDXm1nKVPKkiRQ0l\nH2/ZsunveYP4347TwpRvwRwOk39BznmMcbvzhqRMxF8EfkME5UhfR9JnZEeg\nI9mUKBxzSJTD6bCuI3jqrMFvnm0JzxSb6ac5uPOLC8F55uyfA+w06RZuellV\nkYilx89JDYhrYj92tvall7vwP/8pSDv9rHqyO2e2SEc2MT+0N4GAzvWepo0T\nLQFRSjsU4jPUOtnIO2BqITTTCyYXdVc8ySsbc/sazfa4K9pSEO5Bna9Iq9vB\n7Rw4KLxjpVhTIODc/Zf7a2ic38Pr9oQcOA+e2TsYcXW6Xba2y48kTp+L+AlA\nz55PBi9gGPqb8PJSDadSV3eZrGuhHFFwEDhWfCr8Sv/Tdoz5pwrTuAKBf4nV\nn7bWcKX4BrPLjBOhbXm/CLvqqeqRSdXkb6ndS/cR7304n97CitffER1M85ll\nGpvZ\r\n=fB0J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhUEpVhp0FrfbFHoBqQwur0kvkRYHD73JSqn1Ycmm48AiBEC7fJClqsY6o/qH62kqolKYb/bIMzc2q/Z2KucvJA8A=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.0-rc1_1544529476312_0.7805268493049065"},"_hasShrinkwrap":false},"0.4.0":{"name":"@smartweb/vue-flash-message","version":"0.4.0","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","cross-env":"^5.2.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","terser-webpack-plugin":"^1.1.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"23c2e484c1e1b94b2d43024e345cfcf79aac4c3a","_id":"@smartweb/vue-flash-message@0.4.0","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-ZPRHaIvp//wSRm5NkQpALYjfcKZvBQ/r3Cibo+J8+DIrewYVa6cvFvMYkz6oPKXAmIXTCPD8ZxgZU9zvOu11ZA==","shasum":"fe88beb8cdbd6f62c32f97a0ab18723e0d34aaa1","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.0.tgz","fileCount":8,"unpackedSize":621966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcD6n+CRA9TVsSAnZWagAAPm0P/AqLALSCiMluMq7lFXVP\njeX+29RZGX1XPo93xAeZ0sEJ5/yYG6hdUhtv1R3kptalt7cnN0I5QsmM8Nbc\nLAmdC3ooWDiJ36YBJlr+yhVgdFlfcQ04Q5Ku3mhQuLV9N/PH6UPUAbIbayRy\nXJQ/wLEgmIAutHhOODI+QXQc2WNZNxjDSTCx3Fm1fP7XZbZttsACQOvTHLk+\npYrhdD3KIq45gaPfyqk4StMdzcIcCblVvM44CP54HD/idg/JctdHZ976e57M\nz1r+L3PYlTU41eDf2ReBpK8yUxhratc6PJ5a+czg+2sDyHIP+gqcnww7+Fuv\ndwtpm5EhplliL3F/Kv9XE0efHHsEb2qb0C7VePW5jAGTCXUoJqHKD91z6Cjn\nG72jxA0lMLKkbSYGG955ehgZL0sfNbVTW9TTGt1shp9BnDBpr6kb+J0kZ3yv\ngvkCHMJiEf2mK4Gffu1Gle81NPwc4YipvVLZ5ZOZ5OAsphbn15mVr83gsNbz\nMc9Zz6Ak9DCryNythd1YOzZfdjJKL67aq+VoTwGyzl6XN9Kci60qU372X8qG\n4EuL5el8CCHlGsu85Hue8LuW7CA4NrEWwGZnoaPNPbk1MdNMJ6TIXIb6YVT6\ngzwno7zSlfCrWwpwSEzV4nqzQGknrlcM6uYK5T0doIfpN+wILIx4vssv3wZY\npkoh\r\n=P2Dg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC01C8m5lgQbTo7wn3B92V7OK8nqkBUPkNNs8Q1fbLbPQIhALfuFhclGKutDRq3Ru+VvskuwVUmvCZvqLZvbPavDQqY"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.0_1544530429439_0.13662952521188942"},"_hasShrinkwrap":false},"0.4.1":{"name":"@smartweb/vue-flash-message","version":"0.4.1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","cross-env":"^5.2.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","terser-webpack-plugin":"^1.1.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"f86c4a7ed9cbf25b8333c7527851093855a9fecc","_id":"@smartweb/vue-flash-message@0.4.1","_npmVersion":"6.4.0","_nodeVersion":"10.13.0","_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"dist":{"integrity":"sha512-vjHr9p1ZoNpPqGnOl6ptNJSxBOEwiMpAN9pnfV//AaiB5hDbUHGWXnEyDKhwcFyaM4SaIYNVHu3ZFXtrol0u+A==","shasum":"8cc50f025f488df0b2252f5de984b5cc533da139","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.1.tgz","fileCount":8,"unpackedSize":623660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcG5hKCRA9TVsSAnZWagAAhVsQAIveWD8BSzcJZLOxkEOG\nb/tmkCslaECrASBfRkhjDVHS/77bJGb4CyjJBEl53qtT5CPuypXZ3euY53C9\ndgArorRTB8PTegsjciM3BC+gy7mN3r4Tp+f7IX8IHR6pI0dhx2RQIbbhkB69\n2W/KlYpREhNi/4RqG6NFiPG2HZJ4oIOhMG3KKb4YQO8nsipfXF41YSx/g6ih\nCi3D/cG1pm7mjUvIsBoYIqNP2gzYm2w9LQtO4odCsoisifexOGrlXP767wku\nZZgHjB+UP68Y1hTgvJIpxJN9MBDDJoDfJrRjLkg7OLbH3KFzWN+HzFMH0inT\nC90Fobw4gIdpjDQkAin/ujPP2IZv85naUYVeeRe0sr1uKeSXDdV0Chdhhf4j\nrynWX8txqK5BFil0o2+CBAj0r3dABKjWnr10TJZ3/d8ensICPASsdXt+NLB6\nGHtqMAGiieLsW9YjiJbeWqt9JGuywArGEiB8vZniMZM3A5/5UVR0h7K0ivkP\nVHhkCKdKfBXvZ/EN1QA2MVTii4xRbHdtXaaTVWOZWvKYVdDfn3eHpuOAQUH4\naA/Csy8YLEOf+D/nf12+UFTNPr+SfbPvKHJOb/NCW+uYC5Po0yVHYceO7lwU\nDm4fZ6GudggIEcj+0qMeZqhCdTnUJvUxbwe0VPFAJm/zZD6qaZNZ7F6AiD9w\nC/T0\r\n=6Mbd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAEYqHzbhsBzjiGrKq/DxKzhLok99b5GbNy9ZoWnkSgAiAM8nr81mBSKhZ1lr97+US5yf9o+DriE6rdda5ExVWlow=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.1_1545312329649_0.9343703564683985"},"_hasShrinkwrap":false},"0.4.2":{"name":"@smartweb/vue-flash-message","version":"0.4.2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","update-gh-pages":"push-dir --dir=dist --branch=gh-pages","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","cross-env":"^5.2.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","push-dir":"^0.4.1","terser-webpack-plugin":"^1.1.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"f5457e077c4e735ecd289368db2fc4032d0da3aa","_id":"@smartweb/vue-flash-message@0.4.2","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-lq0LfPKB59eKLIApbya9420Jx2IsO+qZiiLJkP/LQfDoDNDwUA0Tmd77+2tlSd1ECcW1RZziDMMm3VuAXOiWEw==","shasum":"edd80462e6eaae9e2d6ba66d7ffad4a0eec2e784","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.2.tgz","fileCount":8,"unpackedSize":626754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX6K6CRA9TVsSAnZWagAABXwP/2OMGvP7C0IuPV042I72\nUVHZW7zDK/xPbbfM/aVpR64ubsVdZ37RoQBAwJy5W+4/8uX5MbXy2w5xC80G\nkmZ42Rdf3n3Q2G0oB3EengmJ09/S7Sv27rlbzsTmMqxaJH9pHGbDGtuJ9siP\nClX5VLIG0BYmvwPGp2TEtGhf3ZhxdnOXHNNG7nmNHir36pSOCyOLqwDOobm3\n1uyiylAIN2mAV09fKkB5glgRx0vMAwUMhye9uxSEWAWkH/M/puDed5E2aOtD\ntJS1LnLy5O6yum5NF1XZFLgj+HmAoZrYpfUxNu6vjd6uNoskjI9sgp/QvSAm\nFBB05FMyLDcKkt39eqa9h+a3V6bju5hMCuzwCgWvkCSgvgo69hz0sSJegmcl\nSsaf9UyHFoMEGS+VJvjQZZoKGUaheo0xkQ2h8SkZ5tgcb9wU/G3vB1Oc+5zV\nJAkS0m8AJFuhb0d8Qf82blhWBft5C/BEsuST5J07zhZVUid4jQpfEJls3G2t\nGFL39R5z8mSm61C+rkXkpHCetqcU/MBs/UNOxpayAMAyPkt3BCDeO5JrLyNg\n1goPfEG50uTwu6ozSWf5cti9ujIBPuNQt4+XMjWQMnXbMsk/D7J+YB76XpxG\nMZI5lRgLXNaLwacYURw/Sgih76KnhHM8M3x7MI+g11l9rWZkK9gHl7/SMjDO\n38Rx\r\n=ijEg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfdNl60FJ8BqGJQJyFtDw+lioIYBQf4Jt792/cGM9X2gIhAIbCes0OM13an/AcItj2HC1dbm35YuXgvT4QYfZ5WI2e"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.2_1566548665631_0.4410550683090724"},"_hasShrinkwrap":false},"1.0.0":{"name":"@smartweb/vue-flash-message","version":"1.0.0","main":"./build/vue-flash-msg.common.js","unpkg":"./build/vue-flash-msg.umd.min.js","description":"Vue number input component with great accessibility: ARIA, control by keyboard and wheel","keywords":["vue","vuejs","input number","number input","vue number","vue numeric","vue number input","vue numeric input","vue accessibility","vue input accessibility"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-number-input.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-number-input ./src/components/wrapper.js --dest ./build"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","core-js":"^2.6.5","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","postcss-preset-env":"^6.7.0","prettier":"^1.18.2","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-axe":"^1.0.7","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.10"},"gitHead":"7ca3d3ab1b56d05ff463b91c4d0808029b63d898","_id":"@smartweb/vue-flash-message@1.0.0","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-0UII9W1+SoqRXJk4JdKOz2JqvhwIZwgVBm7buu8hmhEo20AnVyMzy75nax2qK+/XsT0zm0vv4d1AfMicir8n0Q==","shasum":"7e1f3f1370751aa73fb5aac8a978f6b387057922","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0.tgz","fileCount":13,"unpackedSize":609626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZTp8CRA9TVsSAnZWagAAksUP/3ccmmj76u4aNmoEIZ8A\nT8KGt76pZIL90JiQU0hG7gPJZCi5lnj3V0CQOGPvRgm8rMZBS0XYwEXmt3zi\n3uMv+dv4rlAA2PFca8qvGE4G6tc7mEJQE/uQjB4qZMA0Rog97bL8QSPhNU6b\nN2uTQPxgid3l7ioGL8T0U2mTDdfK6FzIK34JndYqNIhlCVmDCYuQknsPLbFb\nw5f7Ij9oEU1Itys0qH8epYMJ7F765n1GmYUp2nJ5ncd+B4s/6W4p6dRlcqNG\nrgRZ6yJ7cfUMEHagAjbNuxxj3hXg0Rqy2hK6WEWVwbLhOsUDP4vCo0v+MyjB\nIKQfDnI0lXDDhKryBEPxyAMPj/3dWm3RkhpUowPyC2maNHCDNIOOadm2zglL\n8c/29f1yX5i/JhbZJq0SMcesg2hPbb0wu7KWufpwmvuDexUsTPFhTF1oBJCy\nJlXbqYbNbzqZI30SOzeE1HNcbhZhZ1ZNyhXoC0RvufzEIe2ayCLZ2INenXf2\nZc7hpS4zJ1JAfUq8+sK2jk0LMLCbmfo1U6RZF8ZErkRYBryEKnLEytXb5XXz\njoHudddWasfA+mE0/S+fh3cbSckePwZqalQxCsZhaQy+wj3s20yQMl19Rh5d\nNHb84yUs1alivdpR9T6oYLcuL9N0vR0ogJGRF61oV6jG8OQ92zd2TUSXnOhy\ne/CQ\r\n=7vRI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5rrX7YuR01FM3ry8lsTrmAAlkjTohmdmezq2TmhuXtAiA+ipV+PyRquZo8R6u8bmLnby//i3a5JpIPb/xg1cG8pQ=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0_1566915196124_0.453402079733902"},"_hasShrinkwrap":false},"1.0.1":{"name":"@smartweb/vue-flash-message","version":"1.0.1","main":"./build/vue-flash-msg.common.js","unpkg":"./build/vue-flash-msg.umd.min.js","description":"Vue number input component with great accessibility: ARIA, control by keyboard and wheel","keywords":["vue","vuejs","input number","number input","vue number","vue numeric","vue number input","vue numeric input","vue accessibility","vue input accessibility"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-number-input.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-number-input ./src/components/wrapper.js --dest ./build"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","core-js":"^2.6.5","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","postcss-preset-env":"^6.7.0","prettier":"^1.18.2","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-axe":"^1.0.7","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.10"},"gitHead":"e4b3f11038151a887f7ff39de6e724ed8bb46b60","_id":"@smartweb/vue-flash-message@1.0.1","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-Yvx+jsLfcx1l9AVDIibymBFlVqSr4yNxLdxL5CwZKS6/Is4f5hq9/o3aM5yp85YuDEUR33KmtlwfbwjAVXpPTA==","shasum":"83917737996c232729e5fe8860b1c9bb4d08d155","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.1.tgz","fileCount":7,"unpackedSize":85528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZTsKCRA9TVsSAnZWagAAeWcP/Az7hvILQBWqUkhfhQJh\nd5BpdwRydY5114Cox5uWlpXKRaZzYfmK4TadE32b1FHzuFxstz28pHJ5fCwE\nc3CdQ/VDnjk6LzvN/6CvaMPJVs05MRQmlBr6wS9aCt2DV0KAz350R55E6grn\nfd/a2ClEqUWs5UCRymfVy1aooBmqwozv2oDlF8uo+Z8xISCpODcWjsA1+IcO\nYcbMs45cJXyxCwiDzyy3UI0EG9hNaXoTOEi8lK3XN2NrQ9KOUKB6OBv4xDRg\ntrNHY8EvLMwLd7GtZ5JgM2isjNVNquit+WYJ67VF9DhY4QwzTix1khD4i6RS\nZe97fwbfZVPy0c04kjk9X9xAFCk1idVFMyTNjyMV5dPa2zWtnD6Py1DXeyAP\n6xhBwvwavAmv1HTqJXpHYRAycVHChfk85CJtBbtP9lOocsxnXtuaDOe7e5Me\nT1heSIsZMrVqCMMa98fpbjJ7bUD6MsEFzoV+FW4Pmvch9rE43bPlMio//Txm\n9gJ2LECxRR5b9Eb+H2HfpZ8tIJrCj5bEgnxu/pQBVS3CfzdAYjyHMgK40Hkq\nyBYYc6n/Ze5IcINrWSIzxUwD2FsWoW+i4Hk2f6Miydpva8XZ/cuCrmGXhIbF\naE1QJsNv9TuBI9AJ2VojRb3Hb2BeJc/Y7fSc0BwdwPpB0eN7GUXOT5Cpub1j\nFc0A\r\n=q+OY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEp4Bwx9B7sNvXcEOeYYV0O9BRy1plkwPVUhL0g3WehKAiBnaUZqYGYc1NrxX38mgLM8tC0QzUObO8VUTPXOiY/LkA=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.1_1566915337478_0.890494801143028"},"_hasShrinkwrap":false},"0.4.3":{"name":"@smartweb/vue-flash-message","version":"0.4.3","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","update-gh-pages":"push-dir --dir=dist --branch=gh-pages","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.2.0","@vue/cli-plugin-eslint":"^3.2.0","@vue/cli-plugin-unit-jest":"^3.2.0","@vue/cli-service":"^3.2.0","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","cross-env":"^5.2.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0-0","postcss-preset-env":"^6.4.0","push-dir":"^0.4.1","terser-webpack-plugin":"^1.1.0","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{},"postcss-preset-env":{"stage":2,"features":{"nesting-rules":true,"custom-properties":{"preserve":false,"importFrom":"./src/assets/css/variables.css"}}}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest",".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":"jest-transform-stub","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"/src/$1"},"snapshotSerializers":["jest-serializer-vue"],"testMatch":["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],"testURL":"http://localhost/"},"gitHead":"0c7d649910d68d86d3395616a1b2697e1e7aff14","_id":"@smartweb/vue-flash-message@0.4.3","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-NcDbQiyqduRJM9Kp+gpmA1JKui4eBJCBBXWwkas7UcGdLcyZ29p78F22NVkhiqkogRzlHS4oZN2c8zRtQkDp1A==","shasum":"95d9d79539438cb5ddcd7be8b7ef29e81c9e5dfc","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.3.tgz","fileCount":8,"unpackedSize":626754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZTx7CRA9TVsSAnZWagAAfIEP/ReutHMfomyJUOkRGpO1\nHm7C8EMnsXb7m2Ji/SOxawZWHY86eW1BVnb8Nez6suF1iPeCdtc6Igm2WKyn\nAkajS/3sNn1MssKB6gZsWrL3lF/fpZPO+F9/u4ccbIKtIZ7XEcZdvdwcWyNH\nEsJmkEc/HJ3YfwPSjnMTcASxzxnLvbglf6+6tCmBURIXso0e7jl5dUL612eB\nEHQlTak3Plz2p4ks6l6W0rVIhy0pZzCh0+KyNfJ65kyss9dyrntWApJQxS+l\nxcr4VEk6TCfqcskevXvYltLmbA6A8niwBZb2Eb9e08nvSqn/14e9QpYeXjcv\nhejwrEAa1AeCjO15RSMY3Cr7G1dSPQXhZPvBpDg3gfuidFYuckQWqmddbL+w\np4vubB1gVtpm8aFutAy0dk5ycKdodfqMFyRo5XuqGyBkmsFAKaLmzJ5yOFVl\n2OM9zl7OkoyXDU8AWGSI8ED6fulLsSPL+W3iac9habnAo8ogRy8OOgyzRjjB\nr06UPjD1NtEH3oECoc2U9qKOyQ+GwXuq4DL1vGoMuQZDoO05fBYd/XoXcJeP\nMqmpjk6urz+iTBhkpqp0IYXvJUKnouncwSvl2YTP/LZYAgJPwG9E+NXpITNq\nSoukh4OM0fZ5I5HVp6ndMUGO7pHSW2Jd7vmir7haUuJXY+d1ShfsFeSkYqEH\nu9zw\r\n=4r2g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS9MGz693Z/8Uz41AyNuTFD84fDPNv3hmwUYqE8X7HMAIhALx7/noKfB5fLnV31IAz6wO/29engA/yLecqN5AdqTII"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.3_1566915707419_0.02959288755885847"},"_hasShrinkwrap":false},"0.4.4":{"name":"@smartweb/vue-flash-message","version":"0.4.4","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"c0155ad8f0604a3900d65aeb53ba3210428becaf","_id":"@smartweb/vue-flash-message@0.4.4","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-WXS0BxLsWrYp8dyN0rxT2XgzTMVK6ExAvVrVguCw/GbgM3vnxs9RYarMiA4kQIP3vsQZAd5Gu9loZ4mNq2UjMg==","shasum":"3fcb4ca73f23374b9a2e85bee3099370b349efe0","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.4.tgz","fileCount":10,"unpackedSize":102078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ4yrCRA9TVsSAnZWagAAaWcP/0fxJ+F081PHIvkcaAOj\nMduPa5sLggrujn9SFwb0EpL1NRsckJFwvXm9RKUbva63upDe/fTWVs0g0p2/\naZdmwbqyY1sfPj4qYupRcIlISELtBGPjIL9sOv/ia2i/FTPcYvLEh3O2sm5S\nvpIoXCM5VdrwYaNqp9ptQlBnWEJzekoXIJhbsPYrYDvA3AQF5UrXfpKQhJQC\nZ9z7qCEz7SCaeHlv8CCvLGTBtz78DTo/CSPrnGi40DCC/FUclhUFkG1ZAfXi\ncDtAzhFdpLSBd48TtZRO8L8L4xVJfdt4SeIUEUFxIw89ibUKQVo0dLjiUkS2\nv3Wn2EspQPo5epoZMBHDielfq9e5MuoHHTr5dHmBeFBzHdR3mPgbVU6Z8hyh\n1X0sIUEvBMLLrXkzoKkGVq0um9OZ05prJCjT5KLePdL60ec7EHgoFOROExRU\nOuFiIJrvyL+R2ObbVs8AIp7NUIPiendo1rF+QCDIJNH1ROKDGKCMgjdnWuGZ\nwqNo3+Q1qbIxCVErzYJTJ8vUCbd4+C/yjNR11KPcJs/EbuhEOct2CnjwA8Cv\nJ8Oc4DRabrJRbvv8bHkkZozTCUTI1y2HaOEbgfjES27t7HdDUJslwXJbKKr2\nC+Be99y3W1BPjiHMoNcKiy7sLRwB8MU3+nh+F8ZPF887KhmFpKaFUZJiX3RI\nKxNB\r\n=xsIp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZH/Ryo2g8LL8P0Ha8ELoyvPo/BDw06nXqdxD/MNLWMwIgegmyiDURDR5Bq2iMPyWy6KJh7vD9nQJX0q8FLJ5FVqk="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.4_1567067306863_0.5691544480058579"},"_hasShrinkwrap":false},"0.4.5":{"name":"@smartweb/vue-flash-message","version":"0.4.5","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"763198a04bf5db5397d7eeee8dd32b10670a6777","_id":"@smartweb/vue-flash-message@0.4.5","_nodeVersion":"10.13.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-eQwTJIThg8O2UET8kVLG6+UQsHDi2GtXfw+a17Cb3ssbH5WwzXVFT5ilOPBD7Arz9RAdpSy7TLCD4Ke5YEPd2A==","shasum":"ecc51e97c2eca2b7c8fd9b23fa1369b979e44876","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.5.tgz","fileCount":10,"unpackedSize":102078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ421CRA9TVsSAnZWagAAd1QQAIvMCOJQfDzHPiTuYHV7\noaOJonnM+WnKJqkUh7wL+/extMC8rNin0aRg3+PGtScvGrBaAD/j3LQLhVCf\noDExIhE+s+wcQ9p97LPnmqti362O2bPFTw2+GJr7PjwCReVC5LxGVfD6IqA5\nknGTN6VpyKHGD6yNMbJ15o2M5nRSyNMS0Gym6AWxX1xVd4F+UOIFd79JLW+U\nURL4Yh1vgkdLGoPqCh2KboZdDAYUGYOmnc4W4ZbcNkdsxDK/8VgJJpvp22Wg\nogLzZyoocqjHgX8oFpu3C/vID1rJKnh7nDrrkN4/KzrB2jxPX3p+1Aa9wtKG\nRGH3RHzGkA26Rj8y/zgxBlY7K/YOW4D3xSJiyzao0/TgMT4j2P/PGnnHGmYb\nNyn+jbBnCsotw0iu582oeBie5zeip9fXz0YPoDV8zNhP9ulnBj596cdNtGWj\nhveHyqY8V1Dxp/mJFgMPuwjGfp8yclnOQQL90Mpj2B4szuEZWMJl3aAxBEed\npCyRt1mO47Sn9bu0M5aFnhHZFG+mUXapDEhixj2EdLsKmBG92pg630pByzcR\nTV6uHoqcfqn26WQqOW7JMBatIqF5GD7GYcyCrPxer6HWsYThqdIAITMs95Vq\nrm4XCQs9/4JYyUL+B9lYF229d04vyXV1cOcqoE4FwwlZRJNfiutYGMm3gs6T\nZa6t\r\n=xVWq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqgKvgLsBVyJ9hmwKsswa+0lITejX5UhI9Yh3IrGidqwIhAKJk8kj7zU2h7eWi6AmIXP9T/iExoci8d9Rq4vle+6KW"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.5_1567067572403_0.7147275285834183"},"_hasShrinkwrap":false},"0.4.6":{"name":"@smartweb/vue-flash-message","version":"0.4.6","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{"vue-highlightjs":"^1.3.3","vuescroll":"^4.14.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-template-compiler":"^2.6.10","vuex":"^3.1.1"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"a853e0e3cc0c93a7da82d1bb4d132cbfd3bd7a52","_id":"@smartweb/vue-flash-message@0.4.6","_nodeVersion":"10.16.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-Pqsqc88Ln1/pf6p1W55MI7rffIXvDLw81n8i9el6qqpMFjG1MDluXeuCzf53dTe33tJmYId3MRTBFpYtRSepkQ==","shasum":"92002c45ca223569f336b0c4229e8764f88b2a2e","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.6.tgz","fileCount":11,"unpackedSize":706467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmItiCRA9TVsSAnZWagAAe80P/RfKpfC9Jmgsr9aaJy/s\nVHuxVt+IoCzZgUtozAz+7pRGDBKL2aOxCfTQQwrkeNnfAUksjrIQWW0IA35S\n58f1s6tqasfCAMG6TxVTsHsPp5pFs5/+BMNnrSmlOL7g3SqUi+uctZwRuToy\nm5E6UKc8rbZQlcknglajyxzbceaSUOt2txorhnWRTFH526j2vUR13d0SAC5D\n23sd9AoSJAT5KcE5OMrAbp994YgcvH/t5ojcu+anuE8VOFldZqSGcNY3hur7\nFIdh4oz3WzcGcfXAe1FoWf515HAznJmEsGO5cjMFcVzGWeLh2lp7W6cR4jKB\nyGS6c8djPRR8cbdWOsjajvCbIBLCgtSQvb6Ettj15PDZaXd6BeyuYqhnH3L4\nJhLQDHTP9PIF+LrXBK8MuEH6GWSVYYdJis9X6X2uxnxO25Xw0D5z4shLHz5F\nUnwzXMkx1l0MzNGgQvOwOkRhhR/54bZKuuWletqqv9nfXMLJk9gh4Y6RlIvO\n+daZ2nCenaIMIglOfIUqVBv4qeJX6Iv45geZuDMnQB6FKIZeVwRXF5SxJTYF\nz+jjaHxhgfChjd6MS13DpCHaTKwDy2zE81V7rQEVMYLuvebpjXv36t7cl4Dm\njFlsHcKZYHCa5xNyLoDFOxevXSGX9x7Ld1jewEBH75XLhC5ciIa1aOhBQqSo\n4ZQo\r\n=Oa+r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAh8fcytlnXPpyPTSNAc7aagkSll5Gk8qKNGz2JoeedwIgIlGufmUelUk3ahBVvXfVNmxVk5gGyDmQ8HsaN2Dhnqk="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.6_1570278241264_0.8851539409428342"},"_hasShrinkwrap":false},"0.4.7":{"name":"@smartweb/vue-flash-message","version":"0.4.7","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{"vue-highlightjs":"^1.3.3","vuescroll":"^4.14.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-template-compiler":"^2.6.10","vuex":"^3.1.1"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"53afa49dcdf864765c05d34533a8938974cc3541","_id":"@smartweb/vue-flash-message@0.4.7","_nodeVersion":"10.16.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-q0CmbbJkMNOb8oaETbapMmWHmrlAllsldOhvTNWHISkDiMgxHBlyOLyyCv3kGTatzYYhmud9yCFVHA60bnbxyQ==","shasum":"f44b80374d7632cbb7f32194f3246d9831274bf7","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.7.tgz","fileCount":12,"unpackedSize":735341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmlVICRA9TVsSAnZWagAAXZ8P/0N1Blubs98rr/Mbhddp\nV8hC/gNm/tg/3IfKNBeB2rstK2/pzs2SjD0RXBx5I0bUdNFxhSFrpPJ7wNds\nlVZZrTqmOzTqW5Sxmdy3CMe7HQdEG+VY5wtnhNQvUBbPZxw6xH4OYn7xFLVZ\ngucsJ4VvR6WA/ItDSmmyCrrbyPo4HCYVsC5bzMVoLqV0iZmx9BJ2APd7RtdO\nC5tUpcbGOZzkPKxvlGS965KzT5M+iXPMowWWHNIGQ1s6RzqvluU28qJdQ02E\negehNyP9tZtgvOag+ssDbsG6UW3v3FWBYMJJn5nqDrqn7E+YBY1FZcgdsmvA\nXwT6o/kH32ojCTTHYq/JaUEoFcKnkhxK6u2qh/toma82+LzzWAdY6v38ODwo\n38PV37JoELRHPTbjxGuIO5T9ex3RaHB4jieieotIFJqZSI/qvahbm6rGCtOG\n6AkhbwdwvJYTSYIYnSkRB17kPF6WvRGXi+OSfSvbjFcy5KC3Ik69LWS/6TL3\n+80YSQ4iAQ/1OkDujksZpT4Yh3cwmZuVx8c9dFtWpDjf73yMTghX1+BRiWSk\nCXh+i+TZPXEPKQ5odtu5V+l1L554gNcbntMFnXt/DZkW0Tw7UW6PzlnM06PZ\nPEo04QnGY1D1hmEMgDhtp1I7DnIxT30xtURsChz3X/tS9yppBQ/agTaEWOg2\nJA7I\r\n=xgR7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6zdVf+FcBgr1CqyetIAX/0fW6AHXNrfuCbkiWbBwgrAiEAtra483wRokNL0NDWrfChpUs5pEs4fzoPfMXgXsODzSE="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.7_1570395463689_0.4761551715981118"},"_hasShrinkwrap":false},"0.4.8":{"name":"@smartweb/vue-flash-message","version":"0.4.8","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-template-compiler":"^2.6.10","vuex":"^3.1.1","vue-highlightjs":"^1.3.3","vuescroll":"^4.14.4"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"b768faaab8aeda94952ceef606fac9e5db4c2e15","_id":"@smartweb/vue-flash-message@0.4.8","_nodeVersion":"10.16.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-PdWPfIjQfr6e7guJKf3khFAQoFGTNEo4Zr75BO2uL4Qe4u1xB1yVXMVHoc8e8Huqp38hZk7dwT3eBR5+TrTHDQ==","shasum":"1090adc59323aca154749f343bdf94d2f3eed9b5","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.4.8.tgz","fileCount":12,"unpackedSize":735339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdms2pCRA9TVsSAnZWagAAClMP/2L9By90x4xgSB11qPUG\nrsvGOQx1Onpkyi1c9txVMz+nbo30knDGgp+1idzFv4CSPByUEPcAPm54tIc4\n8v7oIhNkQIlxjmxXkU/UUkIhXk3YmmIMljZmmlRMfGnVNYjLaNr+2av51TFw\n4rsPMF/ZI3pAPqxDQHfEJIqurKcuU0ah8S5vDsRtGaXFGf1mrn7KE7dL1KEC\nwTEDMg8Nj+yeifzk8z5+fQeYdidp10c5IzmCfo/eaBj13XiDpICpEWqFN2QZ\nDDriLoOtYABZLNU3ukoVRy0ULZ4S+cR6xsYXo6VHODT59GZfEtMJDh4gkMJJ\nCA7Qh0GPAgRxVXbKovbVUsZT0hQEBtOdYGU8DJTASXZlZlFE5Jtk7ruLtC9H\nAxaJ8O489VNI3t6RGbdL0i2cXwgsab3gf/OhblBeBYdcFBVfHiKQa3pN1l2E\n2/UA+9FcjA+RP5lWIfPqCnxwAuqGNbRso1+U2swjJkZQxPt5ijHSK7IlYHBG\ntRStgcUdOvcp2RVfUeHk9ragr8F7ePT7OqMFBmD9BhKURkqc69eJwNYmNfnR\nLkdX9i1STUiptaSgbUUuetTNDBpx1XKIhnPPXf1FHNM1l5kf+heoorwfbE5y\nRruX+a9PU0l50fs8mgjeEO0mek0fJM9FqFYFNA5MYe0+cfV6MF7N7wSc9+P3\nBBCx\r\n=xTLa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8LMBsWo5mX3u5qjY7sXckWHGHpXGTTbvY3gXZEd+DMgIhAIOuckgoKUmITNj70vE0qc4BkGU4FDqB65Ph2SkML+fn"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.4.8_1570426280350_0.9021893775215404"},"_hasShrinkwrap":false},"0.5.0":{"name":"@smartweb/vue-flash-message","version":"0.5.0","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@smartweb/vue-number-input":"^1.0.6","@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.10","vuescroll":"^4.14.4","vuex":"^3.1.1"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"5ab6876badf2ed985d12c0aca2c462ba8360e326","_id":"@smartweb/vue-flash-message@0.5.0","_nodeVersion":"10.16.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-LO9HT614ON2ejenBjE2DNyOBYUOfdcrg+7Gw5gIHv89o3tZu+PHipjO5J5k4VK9YV6xhyFxKRW/Mc5CUsu8GuA==","shasum":"e672e7eb2f41f166cba9a4391f123b47f147d8a3","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.5.0.tgz","fileCount":12,"unpackedSize":672165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpwJhCRA9TVsSAnZWagAAVMEP/0ByzOwDldEczL66hSk3\nsZ6DKMy6zIFZ3X9ruzsLYD3L+cM7tYRG5NG78PN1FmqZPcrDAHolXnUQ1N6R\nJ8/YmeDKsV4Mds0TPFibYXBRVtW2IwWVbyb7kANW5CfpNhPgrCN2CVyCZECa\nXPDioz6lCSIpfi3sefvhccEjVs1YSJl2pp1I1fyWJnkAm8At53I2K+RMY+kp\n48Gx0jW0nX17c5xTB3RTVFB//R/qTsJLgx7E8qTE+/+ZZ1nnVgHBP8fQocwo\ntBjOfCTiVbNVushQe9AsnoerXGd8e1zHM4E4aJyqj5idauD7oH7zWJEKJWyv\n4EB4gSf85samqeXedOkQ1IKBKMvm+apV4SvmRPcJOWhvQNpo7ZqFiNHzgn7M\neZE4G9DCh6QVGJbEb8YTfxpUGzQf8bhp8YVDKVqw7SXQES5KrMEO1mpIpFj2\namJkld7YsBuFjKuJzZHZ3eSH24nyCh8UYqprOflvaajp1w29akROXBdZ+dHq\nh/1IvlJiDVxEsdyHK71hI28nwbZCqfFb6roq2zNLXQPlHyF8X3vRse5ol5I7\n5sZsJn+ggGtywEfgPRd9VqhWql1fcdeRJ86AwW50FhMDuo42SjuLJXdpiCcz\nIXmUps/We90f/LCbrAWA05EGL9b2bQiEYVur1C1vVWCTGgbvkYFv2zl5+wlB\nokoR\r\n=BClt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRyFTaQyTVnmtFzl6gqaPa3oXtjIJgYZ2AVD4QBrG+gAiAzrs3+r62Tm2APXJ7GlplaD6K9VxLbCzF2ORoPUyO+OA=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.5.0_1571226208913_0.5618948819217058"},"_hasShrinkwrap":false},"0.5.2":{"name":"@smartweb/vue-flash-message","version":"0.5.2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@smartweb/vue-number-input":"^1.0.6","@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.10","vuescroll":"^4.14.4","vuex":"^3.1.1"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"48a66c37fff4409efbbb1dedcf848701bc06ebac","_id":"@smartweb/vue-flash-message@0.5.2","_nodeVersion":"12.13.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-FzjWVHd4Fa+urjLI+BqU4GXmAJsYkvgApmoAMpyuy4Q6e8dXXCqHnLcB5Rvw+59tfgD6iJPe7JpR2BkbGl1/Sw==","shasum":"7b4f12ba7425dd000dfd6a922ef3c62159a5e911","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.5.2.tgz","fileCount":12,"unpackedSize":672165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd93OdCRA9TVsSAnZWagAAIvQP/jaFdQnqAcscC2gNaVut\n6pxzWi4NXcIG/RpdtgqALxX3yp4Rnk/mPN2KXHrGY4MXY+dijhk8VmoeiBXr\nUzHJpM5ShtIYt4c0UEKpmHbrBOHCk3/R+HVtKx94vroAI3LqT9DkhMnKi3kV\nQ+f/Ain6FVkDU5ZGHdTCy6SV0fQ8dgZHH2bVJQPUu92k93HRrv+HQXE82cNM\n7Vjr/IiuUzOBLEJ7NNA3OiyU98QfKtV3gVRI69kETA5zez3JRwdMlckvajhX\n4OZDDDsC1eLaFDJBZOakxyzXWRteHnzKFZCFMeX6Az+0ZEn/7IujJTZWdo6f\nXGqMFIcGwDzJcLvnDs/RitkLMxLCIhmo4OhR7vz40WoKodn0u2fD76rXTzyB\naHf3bvNtBvc7FgxjBsAwzdYg8ygMkvg62L4c/RXtflJWHDp2q+yrDffvP+Zs\nxEFDZfzfUZH3J2yll9oSjX+Pt9wwUUfz5Vwn6tae+5xTSuHrrk0voPtmwul7\ntSRwpGyfoEQvq+MNsOAMm3eZeVwBridhczXOxsllHU+H3p+wohdW5Gl0z3aZ\nuFXnxElEeszGhjTQrwT6KFPnZVwQxlhMaM43gmR+sXAkLz1Q+BloKPMrz+m/\ns5qonrP89Iwm3xBV5llHL/Qg4uajzAJmHygS29p45zcq15oJq+F9ueCxNois\nmJjZ\r\n=y26P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHWR9NVmj3WtN17UvaMoJqGJy/Kr/DJfWPZv72XY3CtsAiBwEWgh/2bVU0iCiyBenX1cFGKiQ7cz7JV4f7iTPM3cLQ=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.5.2_1576498076917_0.1409770641085375"},"_hasShrinkwrap":false},"0.5.3":{"name":"@smartweb/vue-flash-message","version":"0.5.3","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@smartweb/vue-number-input":"^1.0.6","@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","coveralls":"^3.0.6","cross-env":"^5.2.0","eslint":"^5.16.0","eslint-config-prettier":"^6.1.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.1","vue":"^2.6.10","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.10","vuescroll":"^4.14.4","vuex":"^3.1.1"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"2cfcad405fda74f99d51da8223e5c5a590d648bc","_id":"@smartweb/vue-flash-message@0.5.3","_nodeVersion":"12.13.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-zUD2fldXw+MaxXe0JVeES/5xXK5FDHiuWqRqjnp7krR45fTf2EePpj8EUNmbcBA38FLbM528vdirAyR3ZepQTQ==","shasum":"298dacb5d20a491385bfe143eed8f4c3fb3d549f","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.5.3.tgz","fileCount":6,"unpackedSize":142717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd93daCRA9TVsSAnZWagAACnAQAI4SJsGD8MhiNo4T+Nt2\n1u/a+17ioD4BauWPFNXwx/DLrsYK28jUClrGcbHesPBWvdb9JQ3v/aIj2ReC\nqQA8LACQv9xkkJX9Nqr3nZlISmuRkd/mdSly7c+9Fq21Reh9QjinoirGmbV8\nMd6g4uTBOTP0DXG2GetqORNv2CMlo6MkTD0LKHytiusXOWWO+WRiBcbCu/PZ\nP598iTxMhQplO7JnCyWprvqnZprmpdKyMxygiumArzAKhZRUPI9xcHVTp3lz\ni5rNPQaZF7wJ7/Tn/fmEKLzRBsbIohi1485QsdKz2alzWZsqPFqla7Xh1PGX\nLVduQKb5OwUu61wADx6lMWe2ZTnzSa9ORG6XbKUBroZHFD9Ajf4zMZD8ytiV\nFZZjk6hNmlV3Eyc3Z/2YSUULZZqtfCEViZYRuZvjaVFnRoTL3KgsC5xjpMQz\nrnEZOaP76io2HDBTGTjFjrbTKJ+yCIlRsWGjpBdn0wIf0/NKilimBBZdT3vb\nghGimRUaJ0aEboApRzNmAVOIe5bjTO3t5vC0XimI6gSMxqitOkvWzaub14Zj\nbM77G2bYVnaSJ1+Mccp8zZNpsJI3Jf2ssXy1Sin/xUvjSPFs8o4shwNNbHXU\nnfW4zo4TYCdl7hrrm7gnmIyfr48Shs0Wimux//VlmkeiPlGcRTTaZEv/nROS\nWkDK\r\n=6kGn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGvhirPUwTLrM+wGRqYBqSShPDdobWxmPWHcljeun+pxAiEAgzFDz2T9H9bKTvk3DrioSR7SYUG9cygkiFlIASxmUKw="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.5.3_1576499033743_0.5279004001492877"},"_hasShrinkwrap":false},"0.6.0":{"name":"@smartweb/vue-flash-message","version":"0.6.0","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"c5014743caf22ced985656c5fca86016e5c7e24b","_id":"@smartweb/vue-flash-message@0.6.0","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-dQeeofvNkawqm4uacA8r89blXYGPeKsZQQNL5HH+8HkhqoG6wcbczXGf8BTk1WtSS4ZiURA7OkGIQ0AiWqTeVQ==","shasum":"22c119b8427c72795fb38927bfd1c91a34765bcb","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.0.tgz","fileCount":6,"unpackedSize":76107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeSmpACRA9TVsSAnZWagAA3ukP/jg5txeoFPdCzRDjCjhz\nsteHx89TGrfVmGejhDXeYJwjW14KWcgoURCaEAJDR7EyC8o+a4HeomdvisJX\nlm/bvmBFCBtJsEIoLc6JElFhEYey7v+ZT5HNQkoUDb251g4DZqnCfhsJKf8H\nVe/UAn7sOasFV4H3VCa4ookoRs0TXon+7w3Q/vnxoNwZz82ZFO453mum2DzQ\n/OB+L4o0WEnAKYfU0qh9MxPu+6dROt48rMX9aDf4/bXNvmJID9XSLYwIiVG2\nFjhnxq8iHW93riKakqrVJKycD27koO38gbIwETgT4Ig51+pONNTREiBTnmTn\n9IIofILHvlafYsYB/0GX+olpwolngHOFbGIZp04N1rBF1JfS/A14ypTCVVbs\nD+2bek85zlpv3bdGaHUQbLrG1DBmgqFFF/BmzxXfJfrX6KqdM2d1jBC7z4TO\npakod35yKtmEuMgIhqZL/5Dq5Hmdd9zmgwfCjpnAt84p82BlGgj9Oy00tekt\nzIx6stE7NUA/Ld46O9qynTX7gvTEVJBS5xbBymGz5PnClgUOwA5nd9GF+U1r\nalfDhNM5GvLR0z2wzMkm5aX3RRIaNlU8K3MVnXutSZu6I4jsGdoT51hb7flU\nbxwNut1lImevKIgAR812zmczBPMTMULfHn3H1UNjG64doIfyOYjgGWA6Za2x\nTiM3\r\n=Zu/1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqvLQmvcOs9tQ768JSx9PvjSrKLE5SEelhK/wTNrv56AiAa9PHInO5oR23GKOAtlAVxlaHTir/cxjCT18+mroZYxw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.0_1581935168332_0.601977882031197"},"_hasShrinkwrap":false},"0.6.1":{"name":"@smartweb/vue-flash-message","version":"0.6.1","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"6473fed5e4afd32bce66bd2284cc54b0c320666c","_id":"@smartweb/vue-flash-message@0.6.1","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kBxdrepvn8QYgjNWoBZAa7QgVwbLwEqQ/jDxPqg4mS6h1/6ti+UZUsLEPjt1suCpTwsdf4SVQWUUDsIMy46tig==","shasum":"a8a2a2c2ecfce9587e5c7888aee0a11bf487004c","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.1.tgz","fileCount":6,"unpackedSize":76107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeSm4VCRA9TVsSAnZWagAA//YP/3vD/kdUdq2BjuARH8ja\n/lFsJEmvM+ddLXQP01mbBXHg6aLSEB5A/Ez5ck3aJSwmsQ+OycPSglghfNkU\nhKOmyyHy7MwlnxvcVBxaftnW2cgsXqzbncUmH9wuCGmJQNJqLZp7nlllINlF\nYoowd8S2QkVge6/hMSpi3guqXcq91ES65eQttEiGHMAoM4i7/9o246sr5rIJ\n178C6wdKunrQzv+TwRl6f30Jor94wyNNA63SprcLcOHNzK4eSMA/292tJ/l7\ni2wASQsOAG2udJ5mzjvFUMWjNpion9mCMWVrKCDYaEJ0ukz3QM6LC9ZH0pWg\nzj6B5titAqV8/QpFyUYiivFSY9B5BtCKwjTpJ+2PMpQNhYyTuqjlfQjkA5J/\nApGuzVp2yqhkPb1ZTnArXUOOWIp0qnucYUeg2/9klGuAgHDmsFrbbOMHRIVc\nE9X/WLKj/FLssTgM+xdahX44wOJF5KOpNAjW7MpCFBo8kgg5NX922hIqME6n\nGuJwduSBqzfbyPvlqlhFk8FaS6q0Jb8jpgYpkn3v+ubX1OM84K7aHu5dSo6w\nax9MuBcwjJ/X2JLQdIDPhGzvWrJPBqyJr2N241pWxGlRbMAi8dt2bKmbjixX\npjQxhaENc59Ggp7trhcaeEHgcY5Xc4NkRHWLx4QrUOZBt5uuSYVkrzKaO+sV\nmDaE\r\n=YgzZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDffN+lPPMx/n1At6uPeSxQyTy8zzSE+/c4/H0D7axwtgIgJ9WSmNPDh4LX3pyLpsiRf8SJb85HoqwZGBSFfQlECx8="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.1_1581936148810_0.8786071270563618"},"_hasShrinkwrap":false},"0.6.2":{"name":"@smartweb/vue-flash-message","version":"0.6.2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"0622ba4f82a2a6e4b2aef2ce12aa798b3d0e8733","_id":"@smartweb/vue-flash-message@0.6.2","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-tmFN8gZ3K5YxNUv8MKu6FZBQmrni6pAYfmadXUrTuzYk1yyPFz/UjeqQAEgniaq//H2MGDNsYN+izpmFfHMMPg==","shasum":"02539ccf35ae671a940695564079674da892c12b","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.2.tgz","fileCount":6,"unpackedSize":76114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeStAACRA9TVsSAnZWagAABWwP/1abgPGt73gRVki43oZW\nG+siGVHQIisha7QxgIt1KswCuZMbHHFYByA2ZO+SeDhrNsJw4bc3JQEsJx94\nn2kQwnFheIQmuHcsI/DzwM1pfSCnOtNIGFscJ/MUdLTypEO4LQi3VqdO9QHq\nr75NWQGFqUbP1Bav+M7u6bHLUpaCOA6rGw9lEBdjr4gi9vLUjKp7L1qq6QoI\nfZkzeJzmqJLn/lMfUbGJMKorwdPoUUwhaCNQwrIopSON4H7w5G5sM8RRJoe+\nG8g0lzJNOIT/m5LrjcZNdoWorKemXoyI9OBLo8eYAyyvjAcJY4jAQcSAQAWP\nJn9VQkxP9+M2sIk/nA8kkM9/n6NCjuN2keLFYic6jmJtFQa9XtO/dwvUbP6p\ngmbuX0DxrJlKiJpDpafOxhT4p93YfUD/K8ttyelpbYPjFUjv8FLF0VVMME2i\n0aCeiWDBTJV+hrVRqy6yqJklN755bVZlqVjvJVrOEUpstb7hoF+fBSriee4o\nfIzCvNrnaK2WS+JpecyLEAQRzPN63GlKd0bIwLiKTw1cduV4QaTUUYaVAP1g\niusokH9I1OF1kGYn+C0/hqQVzbTdQuD2lfDHpw2fIr7D2jGAME4/HLt1Wh3O\nXmdqdAbpczw+Up0z0BGCn6pgI+++/kABdejAhYzNHBQcxC/XkRw6NeimAJKD\nTDRq\r\n=UVZk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxkcTiKqpPytUtR3vHXCCJnM27fV7IZlOWSahYzLFfxQIgYgU+qBrt6GQzFV7N7aNcxf2ttlnEJTH7c6MBiID4rXo="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.2_1581961216163_0.5344315665181429"},"_hasShrinkwrap":false},"0.6.3":{"name":"@smartweb/vue-flash-message","version":"0.6.3","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"a0dc9b80e62aff202cb487cf28c9d3d3c4451ebd","_id":"@smartweb/vue-flash-message@0.6.3","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-j4eVFh6YwUk+qXojVauD1jVOrlVqWDJM3xfJ24EHDC49ny10+a+ZWmpgHlWRkY0oReO9odmom7osL4LXfUuaZA==","shasum":"8f8058e83b365b1b9cea497e7826439d177ed227","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.3.tgz","fileCount":6,"unpackedSize":76469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenr5NCRA9TVsSAnZWagAA+tkP/R3T5oSjvreRUPK/tZ3A\nvgOojPLhTulCzK3fpgcQMmDnBzODVElV/ymTGWugYZ0vkV/xgPsxmP8DCs6x\n85iw93cb3Ynn5wXF4NCzaYxCYgG/Ab6r3jDHPgz280Sw6KhR/PnRCWMGW5Kg\nfcXB72m9fmhw2xl6nskoKkbuQVlndDeApXelDLo1B6rxCDVcQzhrym4Iqeh8\nqJaSx6p9QDqq5wLHJUk1Z2HhZ69b9GZPy1Gq1cyta11jGSd64ySDz5lap8Hy\n6N24/Fa9iGUM3Z2Y5H7L2ri5jbCGhA+DW3J0As2GONguQ6TPerGCIplT5i09\nbSvNrDdJhqG9E4L9RPtAIqyhi2LHkSH7Nj+hItdZ+AnLy7Mmz5b/5P+lhmbp\nGmxE2qhmm1e65Amq5b+8LhH1izkwtxUKeX01c0QR39HVlEzw7ytQVbOzosHG\nmujufYB43sL4xt4JB2eWjfkzlR5gZDVSSYkz6jkejxNmx5JI0R7V4Qtv3fGc\nIygayqlNac6MlSzwXwxWWqLw/C+jpCI7HwDSUr7Hpuc8Jatm3rcoptu+g3rO\nfzc1VuN7pn+n2vpbACdVbwWRsk+5BtD4U+d61iV1QBdGqx33VOKsyvNwMxWO\nVUqWAo2F8M4XNRd4DcG2wMTZRz5kH1WGhD+oGTCO+IQaRUlEXPV0oDvT7m4L\n8MIE\r\n=tT0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvt86c3QRG2g7dkSmfOoCbpkZgK0TWhiOQdjLOmoWJGAiB2KUFLZSOprvcAagV52OwepIWGBMAWuvxyB+Oo9a564Q=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.3_1587461709335_0.5132121499908708"},"_hasShrinkwrap":false},"0.6.4":{"name":"@smartweb/vue-flash-message","version":"0.6.4","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"b8af59cdd76df8a037ddce6d4c2acd28fdc5c6fe","_id":"@smartweb/vue-flash-message@0.6.4","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-pxGzeYKMPvvqbIkpFGe9/u0Rl1sHo2izBPEOJN91Hces4zFrTGWJW/ym4SWVJd9REHEBnts7XUsC7SBvZt81rg==","shasum":"1fe08e5d0e7f57837bf63137815114eb81f2f398","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.4.tgz","fileCount":6,"unpackedSize":76116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenr9ZCRA9TVsSAnZWagAANMUQAIXbJrTG4lGCJa7xbDjv\nqYJbTYcoyq3BK0jq7oxLD5xQPulpm366xPtk/Hdu+7dtMGzkN82POJpkkArr\n9fN2rDye0SOq1WX4JK0wCI85T4gqd5N9H7XHo7or3lsTVRtkHb7Hlt5Z5bth\n+V/FRMO3xyJfSpdLnoNTj60lQBdKwUNgYpr8B3Nv/g0rP3t+QQ7MNL7TcPof\nLkI4uOiLNWpSeSbBphArarpFkjW+75UyoNE2yPvCAeq3EWVUGsMFY6FNOGVe\n8sl7xuL/jaDuC1Zly1dyz3TkPwg4VpDkFvUs6LpTkWVE6X+dVFXbKSY/52sp\nPbibdMY0SbqC4VgZBUk+G2PBBbi+IKeSXTcXwWpIJODIb5eB8mgf1Y2/2/JA\nzyHQEjAYlOdUGuY7wgPvtIYwqCm197ZmBJHpbNfmC23uUClyecg1OC5T0UX9\noJQKx57AmzZR51PEG7G4xk8Q2rBaESiyc7qNFFrxM4h6pYx3nNzQtZy7GK2U\nEb9SOtCfIuXI5SpDCWba8oxPk2Oew9gRVShlPFRf7z9L8p+m5BRaPrXIK3hZ\n+IA7v3K/gj5CjERU2JHIOkwbgXG8CFEhCQbHJc/O3qlkUxs7Cd47Y9axoIbQ\nk9gxnMfvXgD/RHxAjh6xy8lFUxuL5rz8J5GmSLiwrRrsvueE+np4nTm8olIg\nh3aX\r\n=NVmO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqId3SCSkuMfTeJUYFnBcrrLqDd2i/gQpG7HWQj59V0wIhAK4711miWx6UqeTCSTnCb3X6itR4/TZhsP6IeRdvgRnY"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.4_1587461976796_0.1241366597977287"},"_hasShrinkwrap":false},"0.6.5":{"name":"@smartweb/vue-flash-message","version":"0.6.5","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"baf5bb7361e82b81872526a9443020754cb29b05","_id":"@smartweb/vue-flash-message@0.6.5","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-26FiNVaPeiA0HmQDOQ7Lk48aQlSbmmLD4zUdoU/HJwc9qhUFfW9avdaI7nZYtoA1uGIaTdq6fZUXkWc4e+yQeQ==","shasum":"abdfbe5dcd1d91c634007be893c31462ac5e4906","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.5.tgz","fileCount":6,"unpackedSize":76581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZFlZCRA9TVsSAnZWagAAzy8P/2j7cuz4XvWVhBM7t4uc\n+7D9clHlUPOUwtKXY/4EUjCuy+UJv4UXz7Epxct4+4otQIPXQyAJWbl6kSD5\nbALY/zCf6EhINsx+FF9mT8fFoZFBSdk4XStr67BfhFWf2fL7hL2+7tksNXV0\nbd0anUxRvBwmZ2cpHJM0sGY2kj0fDhGkLwNJVDcB3cwG7wNlmxscY2ov/PZb\n/MVZ7GaimlNLjzWI0DqDGPphhl0aFe137TSOnXKMueMOgsr5KUJIL4jbqd+P\n8vlUZl6CqCypoIxvls1KR7O3xWpPSmDZ04m0x3Utz1VlHVlLQfMfv7tO5Smr\n5DPQkLqEOIXQkSC05WdZFAFUAB3oHclSqVwvtovP9zosqV2SumD9h7Gxbizt\nCcyvzf6DPCD/7fbB5X6opBhy6ArA26kTdCmS2L0CN7nIUBu+Rp8dD4MmfWtX\nXeVF6szBVjNzE0sFPb7pBYOspYd4I5MskWc8vBhxLe2hDK4q1QT9Z/CSZtbV\n1D0cLx73geL2HFhmrfVuiYvmQbgd4xSAxbVEaApbNTp5VVYu9WYNDlQrZeym\n3N7zlgu8Ff0UsKDKMmRrcwvwN6m/RF9V3pcD+CUV89WNOo2TZPEetHUNxRjC\n+YaF/nRGqVqSWV3ZqhvyNDhg/MqRQnjAA3cJ+tt5Q6AQq8BokZj8GSzMuYk5\nAxyi\r\n=MgBW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH2jemEoLijW+9dTJzDzZ1HK47x6iFAUqvUvuanWC3mMAiBkH7rpy1/+/lDCHwmbC9CYpFDeoLkQUPh5wTWwmz8ghQ=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.5_1600411993031_0.9231074551516973"},"_hasShrinkwrap":false},"0.7.0-2":{"name":"@smartweb/vue-flash-message","version":"0.7.0-2","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"7b451ddc4b5129c83f41f8fb73aad71838573d0f","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport VueFlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(VueFlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"flashMessage\" by default) of your Vue instance\n\n```javascript\nthis.flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-xs/i9lmVlBotfC4TxbeYWf9sN3wtcygbPN6eFTV1enr63xdogpqFEX9jdirWQEbokl0Xi9Uo8j2PErzgrObV8g==","shasum":"5e5df2383649afdd442b5292a219dc1598342819","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-2.tgz","fileCount":6,"unpackedSize":84239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeAMuCRA9TVsSAnZWagAAYroP/jiK7It+bfkCHLhV9cbC\nIOBeMAYwCt9XatzVcCD+nMMlBSsiNK/BEJjFsq8Qy9R47mz+zVT8Sv/VqZfi\n0hSOIT7xUJZaED5O0XxOPqGXzAipagARXWHwjkIQrWD7gEsqQElMLryEebck\nqUph3933l3KCaeJlEeoO5GJK8IMaYzKmx08Ftwx9ViJTAo04PW3Ekd611HaD\ny0hqYldTGwBsWjpkKOUmHGdy2PE4NnE6g7dCwE8kMauThqSs8PfJoGuKRJGO\nHXzT5cuVCp1zB4Pcl0iEk+yrm0lYk20OQN/fDO0d9BplmzN/U0GjSURNTWzj\nXKPhJay7RvxFSzYDCCi8F3uVYFJikKpf6grqQ+8Adeooav0sLGoJBawu8aTR\n7lJ57D7fFxb3syksgmljvZT0R9QLyR1Kkgwnl0s/5UVYs8UJMyGQBNURvnV9\nxLL+yZ41OvzruGrnmA4OER2EPf6MCfgx5zXDIza+zKha/BlKjve039kPidTx\n1zZ5aSDB0/91hVv4kyQn3LKQeJjV10uBKpyaHHrAJXLb3JtPCeRp8ryih5gq\nWVTZf9HqGHLVFWt2li9ZmKMcV3ugzYsT4Du8XGIChSzpnbjTyhPYJ3Eo4xfX\n5Zf9VZy63NoLYBix1DXVTy/UMnMPnvJFIaiWANDbHMN0NfIxadBydONAc9Xj\nb328\r\n=QoFh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxj7jWuvXI+haatxUKPH5xKrFLfY/K8LsO/EZSF4MdiAiADitW0kQ8G6HXYpTja9eRWzgyL632OBZAZY7Ogn0FzNw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-2_1601700653734_0.05486966575706842"},"_hasShrinkwrap":false},"0.7.0-rc3":{"name":"@smartweb/vue-flash-message","version":"0.7.0-rc3","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"65b0197ef33126088b10b18076c3101bd1d2b2e4","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\nCompatible with **Vue 2.x.x** and **Vue 3.x.x**\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 2.x.x\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(FlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n> ⚠️ in versions < 0.7.x you can call plugin without \\$ prefix. You can still do it, but this will not be available starting from version 1.0.0\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-rc3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-GPqYyIQ/9XwxwuXc165kreTicj+zVvAk3GwxhUb7d6PMZAQxptfpNkCS/inffsxHzhmA9XseVcnwrOY2pIcSRg==","shasum":"8489c6dd1582f58f92971cb420a79c58f70ee0b8","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-rc3.tgz","fileCount":7,"unpackedSize":92113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeEsGCRA9TVsSAnZWagAAN0wP/1ypeaq2P4+zyXtv0sJE\njTJWge0icdI4IFDB6DxI+1Ms5yiFebI7W+ZPrpaPRzg6jI6aD5X00TlfNYz9\no4EiLJEZI9HnL3OR8rvJ6NwGKmtf/ZM7SpIqlTG5xyn23t/Y5gtnif1uUPmu\nQySAE5Tc+hI5HKep787mU0nGUezKxzCs/Ub9V+UVKnrKbcM4Q3EmVjSpAznZ\nz/0xxN/pBl41RrKFPmhXb98JFJA+3jiHg0il2I0knP6JoxLPk+4SwHur+XeO\n8TSf24hNzO1wNE/pGp136oNKaXAzvaf5KqfIlSEG4IOj2HYrq0fd89u4aeMK\nUSaTKSlf8Ob3jHHiPljwsLk6xEboFZrY4u64OGFCTVlGOn7PsEOY/BWGvmiZ\nx0l42ibvVc0NnL1dybCkhNNYaftqQ0OC9VjWZo3lOtclnGBN5Wdof5fqeP2R\nQ6p5CRpfidUgozcKhh7Ux9LLzCfntPK0VgTs+ZJNVVL9ZMMZOuTCt0YoUQ+4\njGYHbUvDYkrH/TfvcYBFOh/eeXeiSz7r4di8DtUY6buC1KcvcWe0Mki+GSer\n+LOwxRtLH90rxKkwwkxiVwf7AwyIedwXAYS55fkMqiSN4IslykcBSACjW22L\ntBD3+NX8lOPoucff37meiZaphRveH/XSlscD34BZEXakt1ncQFPTY45WEyTs\nUDlK\r\n=85Ym\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDT9TD2k+CRB7g3rFxD4WhQT4M6qVQ68R2AJAzP/3N8UAIgc2Wl4l6oiR08xVnYMT6Z+Scf92qMOb5oXVSkS/sUZ4c="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-rc3_1601719045776_0.8067489767064948"},"_hasShrinkwrap":false},"0.7.0-rc4":{"name":"@smartweb/vue-flash-message","version":"0.7.0-rc4","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"bcb147df305fea37710c39ba915c8eb6f000557d","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\nCompatible with **Vue 2.x.x** and **Vue 3.x.x**\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 2.x.x\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(FlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n> ⚠️ in versions < 0.7.x you can call plugin without \\$ prefix. You can still do it, but this will not be available starting from version 1.0.0\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-rc4","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-nb9zPKVz35XpI240hcUyBaj2NEwrWNIcCYdJYZCy+szi58YDMqLfNfNOH+BeUFY7tm5FQ9W30uiGoeMgduvcYg==","shasum":"4e62e2cb0d14a3402a22ddfde68fa180b1bf1a85","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-rc4.tgz","fileCount":7,"unpackedSize":159702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeFRVCRA9TVsSAnZWagAAXZoP/25oRjZFFMwsJaZiNp2N\ni9W3OibAUtzis+paVNXc1PTgWK9BTZ7/5WdGubs0gokCbz6BO5bLRRbh/5nC\n8RHMVvizlXjT/yNs8cWyOf67aMjPSSCMcePNURux/docIXzp4KYFYDJvxe/7\nLTddCbfrcsIsB3EmFMxtkDWhHJTpQnrCmQdeRqnJYJZQFir3EzbYn4KwcSlp\nFkaHf6yuNTMm/HwQ9s9sWLtCW4bMTbZQA8g3NLCoPm6IH+2pjJ//rC59s4L4\n/+cieDHvMYOrb8ko0fMwDHwOiKE+5AzpdqrXlYIYJh8BVn2LcRYPXCuxHxLC\n9RlD11ymxCVEr1EgmP+5kVNz6l5KyX6MBnI9JLQ2nod1eokcvLNJELA/BP4T\nzwZW9LFDHYrk43Lj366z6lf/SYQBZmLcrUFlE9ALk3L+XImPN9PDf9vzJ7V6\ndfVPjqS5OzvZ0SgAyTxc+dsh3x7oupx14WNlmH9LHrjReyX/B9jWk4i6HQ6z\nyfDxnp+awKeUuUgFC1dDnq7/OObRVX2ISDb6cQFrhZWeRGeFIlY9K63zFAuj\nMctHd6tCngTgKxTFKgCIxJB5jVu5FZbvstefZ2aPdsrZIdPZywG6rXE0bs22\nkGknCL3rstSLIUS4w3YIoBn7agIpYSK0aNhRoZtRjymrtW7cQLlSVVEWuh5Z\nhW5W\r\n=lgQ1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChybim9AdQnzINQzggyb+WBa7cZu337YiKnvgVhffj3QIgFGKSJG9KYNhF/zReeTi/ijP/RwDTXc049HSHzmZGhuw="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-rc4_1601721428330_0.7398084395588744"},"_hasShrinkwrap":false},"0.7.0-rc5":{"name":"@smartweb/vue-flash-message","version":"0.7.0-rc5","description":"Vue flash message component","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{"core-js":"^3.6.5"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^4.5.6","@vue/cli-plugin-eslint":"^4.5.6","@vue/cli-plugin-unit-jest":"^4.5.6","@vue/cli-service":"^4.5.6","@vue/eslint-config-prettier":"^6.0.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^6.7.2","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^6.2.2","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"2f39639a5cc6ab6ecf3e6314b850394cb2c6037f","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\nCompatible with **Vue 2.x.x** and **Vue 3.x.x**\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 2.x.x\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(FlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n> ⚠️ in versions < 0.7.x you can call plugin without \\$ prefix. You can still do it, but this will not be available starting from version 1.0.0\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-rc5","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Y64dUbq6xymp3WYJnRe07E2GuHDt09yi1sAAibpjUQIy5x1P0Mjh81ixg8JKTBsT4lCI44PgAEK11hWpjmHXGQ==","shasum":"250f74a9bc2e43919a54a6ac2a3ff6157ff74b2d","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-rc5.tgz","fileCount":7,"unpackedSize":95921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeGN9CRA9TVsSAnZWagAAj9IQAJr3nzxod6fD4p80p8NJ\n8aNC1KkJaMwcf6uVQJfXYfhbeLiVRSi/WHoSuBkHeS5Z/+ui+8tXLRJB7ZIu\nr1EeN5LcmFEOc46VHJB6sx7nvBAFjQVcj3XVOu5UkZi/Cm9R8jVkeCghtHk0\nWWhiSJ7HiKDHQVv0XETBp0KrPOa1KJqD22xYqy8dPsCYLHu0bjnsqnhcrmZ1\nHtGOQaMNfEPs7V1myCssc3vh/csAYF67WQ/6HDvPn+N6PEA9/kN6Dl0BSDET\nlS8rZvhSX4RmLOX+wRfPWxTnwk+mS69CHi6VP4+4J7+sIiPYVtpuAcS5YXkl\nI7zGzsXEIwC8SjqnJVf5wvi8AzrTFGigCcJPXwgOhuOzUBBIxFzoc+v9T2jl\norXB/+sEIkDkcQ819hW4wc0+Nlz1b1fOESB4PhEH7vToUcGstVO82faIKJ+N\ns40M56Zv0E2Wmjhgr43bjeQrsliJb2QzoZzFm+QwJKyhCuPMitQ85GtNVmTm\n4vHcf22aOAHt9IH7tiYOG32dECvckkOKzQyVWAHBg9iObKd/qYx3z5M9rggq\nFbFCOUbasP/Ehb/VCUEqJMe4fiiFG/aBdPcItGvlDci9HXBRNxbLMfgyardp\noi4M3xM6vX5UqC8AzBL0qBC7PoTGpXYB7Y4ZmFjp7/wwClLkegiLkZzYAqtr\nfpvI\r\n=3kQb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwjbpQs1RZRMSyz9v7SlWSc+H62/Uu5n1XIZ+i/UmtAQIhANniCeAzFBL8YnMRuMzi1uJI4/MRLYXQjCu5EHoQOXv8"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-rc5_1601725308571_0.5240833166568653"},"_hasShrinkwrap":false},"0.7.0-rc6":{"name":"@smartweb/vue-flash-message","version":"0.7.0-rc6","description":"Vue flash message component","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{"core-js":"^3.6.5"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^4.5.6","@vue/cli-plugin-eslint":"^4.5.6","@vue/cli-plugin-unit-jest":"^4.5.6","@vue/cli-service":"^4.5.6","@vue/eslint-config-prettier":"^6.0.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^6.7.2","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^6.2.2","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"2adbfc991af64986b7f8194af530d13cf7b04c3c","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\nCompatible with **Vue 2.x.x** and **Vue 3.x.x**\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 2.x.x\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(FlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n> ⚠️ in versions < 0.7.x you can call plugin without \\$ prefix. You can still do it, but this will not be available starting from version 1.0.0\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-rc6","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-ffR/jRvwJoHToDz5QmnW4Vqb5Vt42UJqjTiEO8/tIax0LhcY4+c7Cr1XNKejuquUfuPsAaZxbI32NGaBzZIkpQ==","shasum":"76ec4f3c7aa1cc741839b0cbafaa3cad7482bf10","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-rc6.tgz","fileCount":7,"unpackedSize":96107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeGjSCRA9TVsSAnZWagAAyXkQAI7CYj9ztNWTKiMJPalt\ncC3cwpjvq/jyPxNpXYjcYNB305yRi+1abi2btjUtIxy4nuZwP/H8WI2SeEjo\n9bJaZxx+AgQqL9w+rFXHIrPdNKte7fmUeFfS//HBrjotmEnJbZCvLp8sETV2\nuc1b7/OYAKHRMCkW4YxIVE9EobgAn9GB/7ccZPTtpcXdY3btgBQOvPT9VXLL\nG5zHlW1ueHOYvCX/I8CUr14/pYEYmclt2qIA0qOie23Lc/ROIxc2LJu4Kl9H\nKkQTb0PeXCJEf+HhUjob7NOzN3UIE5ew/xHi7TOA6dVhW2nveS8kIjDBfIfV\nDt+AXV5AixhI5+HgY7BgKgL42Yodm7hQOarZTVAxeUl/rDxpLxJjr6MRHNC9\nkn0xcGZwjGXVcJucG0RthBEJD/9yF9BunWb0qDremeiqxg+joekbR0A6x50J\nJJZ9UKIVQYS4RUiS+K/qkbYISo+6eSgZzvryyOwG7xkqBcyez0ApijWOgLYo\nDVwnXwPffflM+QYYeffMA+W2EBGA0RInXK4AftgI8Pbrz924HIH2hrep/xc3\ndo5MO3bJPf/OSti01IoBDTDv26nziSitZHLMSv9Chz24e+C3Cg1aa2JO7Gk7\nTcWQoOkTmrZF+L3vF/lX4ix7Hhh5c044tsad9rqiaoDvOIP7llE5uIpTROo4\nL8Gi\r\n=qPRx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFriWuc/hmQd6CoClz4mXzkEdYwU8VinyOwQMcSPDZCIAiEA+6io0qvqGKMZq4fhXTjaxB0a0V46G+2VIFFP28zOqbs="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-rc6_1601726674173_0.00493782286549882"},"_hasShrinkwrap":false},"0.7.0-rc7":{"name":"@smartweb/vue-flash-message","version":"0.7.0-rc7","description":"Vue flash message component","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{"core-js":"^3.6.5"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^4.5.6","@vue/cli-plugin-eslint":"^4.5.6","@vue/cli-plugin-unit-jest":"^4.5.6","@vue/cli-service":"^4.5.6","@vue/eslint-config-prettier":"^6.0.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^6.7.2","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^6.2.2","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"960fb72f3af3f394ec671f6e5f102020ab8e5295","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-2.x-green.svg)](https://vuejs.org/index.html)\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\nCompatible with **Vue 2.x.x** and **Vue 3.x.x**\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 2.x.x\n\nRegister the component in your app entry point (main.js or as you called it)\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\nVue.use(FlashMessage);\n```\n\nYou can pass [configuration object](#configuration-object) as second argument\n\n```javascript\nVue.use(FlashMessage, config);\n```\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n### Nuxt.js\n\nCreate vue-flash-message.js file in plugins directory and put the following code:\n\n```javascript\nimport Vue from 'vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nVue.use(FlashMessage);\n```\n\nIn your nuxt.config.js file register your plugin\n\n```javascript\n {\n\t /* Since Nuxt.js 2.4, mode has been introduced as option of plugins to specify plugin type, possible value are: client or server. ssr: false will be adapted to mode: 'client' and deprecated in next major release.\n\t More info: https://nuxtjs.org/guide/plugins#client-side-only */\n\t plugins: [{ src: '~/plugins/flash-message.js', mode: 'client' }]\n },\n```\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n> ⚠️ in versions < 0.7.x you can call plugin without \\$ prefix. You can still do it, but this will not be available starting from version 1.0.0\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@0.7.0-rc7","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-NKE/W7ersZ/0K0a4mr2rXxLt3YyYkHgoVHCsUY6dSum1tY44RPP1dEoytEySGUpEmyiyVw9hBz5hufygCsJyuA==","shasum":"8e5b9a58dce8a4c873bdb046dce596c3c88a4181","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.7.0-rc7.tgz","fileCount":7,"unpackedSize":165111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeGxxCRA9TVsSAnZWagAAlWoP/3U7zFwX8YB5Trn5jXH1\nidcEUWQhLLOBz51lTZk/+eIGL9TZWFcqU/l6CzY7weEsUFX8XEOlvmDSIiJ2\nFXfn3KyQLlnIeelDwAiqr+7tdEYArCJEXamn+yb+0LDW3nJd2dn5azLHm1KH\n37a0kcld6l16rxfuCXoaYgOFWUUDP5f370gaTE+e1AU2iOUoVQFK6gECnr9V\nILryqSoYWa4TxhcqAsFbdX8lOfMXuZAvhuiollgcxmFaoK9pl8GbkVpYZccZ\n1LQ9j8L8XkeJITq9zmqsE6tbhIyIE7x+kPN45ldpI64+4eUFitKfaDI3hk5W\nwoEDaWZqsEN1Y+f0MzSaknSElCJqVqz6QOAsgNFWUaBQqQ1qtguckBdua3u6\n5ppKH3UkuI2KvJdwFBv/vUH1CN2BlF8rR+GbJiDGtx6voPV9cirTBZ2rHxXc\n3C0LlbKQO0+/TJt5zEWp9ee6ex9343xfxnmwMprTNFw5U+K2PZ8I4fZKyp+e\nAsrmjnccM/W8FWFxOsOLLLzB04n+s5gmOqHvPlhxkGPp7coKh+gahX/ghdz4\ncVv7arcFKsspTA2TJYSyFrZTRackfhf1+N3+AzokqsCuYGK3esdzDnt5bmhH\n9WkR+cZL05q/u+/ro1Idk+/KvAbVVRQW3p3Z/D16SVxm1btlnMojsqGkS3iy\nDBlt\r\n=WF8N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI77Lw5Axp3kcE+8cywKedKU6P0kCgnRTLGf00eBrbngIgRxvX9dr8IjQavkwyIGEd5Ec+bzbMB2ghKq7/jL7Kq1s="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.7.0-rc7_1601727600726_0.14931730105297425"},"_hasShrinkwrap":false},"1.0.0-alpha.0":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.0","description":"Vue flash message component","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"0447a2861ccaf1a228cd224bca18e0d9671f64b6","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API will be changed in final release.\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.0","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-+j7/FPDSZ4LR8uNmVCF25/JCVttYi2D0QoRCHxZFMoDlb8inmhmeInILNPdlREZSSJc+CKDyPwGvEQCGWAkHMw==","shasum":"da9cb5ac2a9e26b68ecfaf1c6a9795b075f2be70","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.0.tgz","fileCount":7,"unpackedSize":92356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeMHKCRA9TVsSAnZWagAAfjAQAKCk2lW9iiIu1+0Qsku4\n4Mr1vaK0C6GGmPHmr+oSi5dV6zwVJmnjjSF/8rnXdIwJHJFBxRTOdx9UTE3h\nhgC1k7fJEDn6qzoq8eBlbGCgrqoQnQjGdUg9de07y1Lfd8AGia9Zh0zOr1hp\nXMKsaoB3au7ULxG3yMRNwnlvS7Rhk9nOpiwmhEoACi9XoQHpa+W18LBwcj7N\neWeHAwK0+lyJ4MtsTUQuE0vP0HgQA3owujvuEJjPL3Gu3EvAuZpMA5AyuNao\nlTWgfYkGJRkmJ/Hsu/8yYFEFEvMEHlnH+cV7WBTkaSeNydaiU36UnD4LgbUN\nV1el+2tuzz+TEnTD4KBiiCeYcxAqbDfId0G3wA9hBpJ6otE/jgu5BoKCqEe5\n++8E7aQaoaEQ4yzklZ9Rgrx3qn1lduXWCVSdso9OHm1wb+3wnhMvRX55F6/j\nYHVnK8fZGshQ7OzGcTzptYelHwgwU0XQqaTbARcX6MJ8egLMCJJ0RTDJomR6\nGBnCqT9X1CEl+BzctF7hB2rcy6PifM5mEBZq/7z28mVl5fUCpTYsz+MBg2pE\n5pjdaM1+XG4eipoy58TDJeeO1A5IoLx3qDMOj+PSO9vCzpZbH3JQBNrutXC4\nBRS2WyNdlhimWyUI71q8IyGD4Ln8+Lrk643aP83bRkbdEiEQGE5xxHGOcWNR\nE3fL\r\n=NcS4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJfSdwUEhgueMt0sEyMw4PkW5Ct0w41KIRZHtPusdi1AiEA/rXJB8g/wqdf1ggihUVeNYp4y1UCN4pU3b5G3EZ3lTU="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.0_1601749449938_0.39303138191935405"},"_hasShrinkwrap":false},"1.0.0-alpha.1":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.1","description":"Vue flash message component","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"518cf71f82f6370ebaf08ef9dce4c4f886b59301","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=master)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Coverage Status](https://coveralls.io/repos/github/smwbtech/vue-flash-message/badge.svg?branch=master)](https://coveralls.io/github/smwbtech/vue-flash-message?branch=master)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@latest)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API will be changed in final release.\n\nThe component to display single flash message or multiple flash messages to user. It has styles presets, but can be easily customized by passing style object as argument.\n\n#### [Live Demo](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Setup\n\n```\nnpm i @smartweb/vue-flash-message\n```\n\n## Installation and Configuration\n\n### Vue 3.x.x\n\nAll the steps are the same as in case with Vue 2 version, except one important thing. You need to import ref function from vue package and pass it as third argument, when you register flashMessage plugin.\n\n```javascript\nimport { createApp, ref } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage, {}, ref);\napp.mount('#app');\n```\n\n\n\n### Configuration object\n\n---\n\n| Property | Type | Description | Default |\n| ------------ | ---------- | ------------------------------------------------------------------------------------------------- | -------------- |\n| **name** | **String** | It is a name of the component and alias for the EventBus global property. | 'flashMessage' |\n| **tag** | **String** | Custom tag for the component to use in your application. | 'FlashMesage' |\n| **time** | **Number** | Duration (in ms) of the message display (can be customized during message call). | 8000 |\n| **strategy** | **String** | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. | 'single' |\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass a string as position property to set up default position of messages block. Valid values: **'right bottom'**, **'right top'**, **'left bottom'**, **'left top'**.\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\n## Methods\n\n### Display Methods\n\n---\n\nEvery display message method will return the id of the message instance\n\n```javascript\nthis.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nYou also can use shorthands without status property.\n\n```javascript\nthis.$flashMessage.error({\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\nthis.$flashMessage.warning({\n\ttitle: 'Warning Message Title',\n\tmessage: \"Don't stop me nooooow....!\"\n});\nthis.$flashMessage.info({\n\ttitle: 'Info Message Title',\n\tmessage: 'Just want you to know, that Vue is so cool'\n});\nthis.$flashMessage.success({\n\ttitle: 'Success Message Title',\n\tmessage: 'Hoorah, it is my fist npm package and it works!'\n});\n```\n\nYou can pass the [data object](#data-object) to configure a message instance.\n\n### Data Object\n\n---\n\nThe first argument - is data object.\n\n| Property | Type | Description |\n| ----------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **status** | **String** | Status of component. Default presets: 'error', 'warning', 'info', 'success' |\n| **title** | **String** | Title of your message |\n| **message** | **String** | Text of your message |\n| **time** | **Number** | Duration (in ms) of the single message. If time equal to 0, message will be show until user click on it. Please, if you combine {clickable: false , time: 0 } in case when you show your own component in flash message block, you should provide user interface element to close message window. |\n| **icon** | **String** | A URL for icon or image to display |\n| **clickable** | **Boolean** | Allows to control whether the user can remove message by click on it or not. |\n| **blockClass** | **String** | custom class name for flashMessage block. |\n| **wrapperClass** | **String** | custom class name for wrapper block. |\n| **iconClass** | **String** | custom class name for icon block. |\n| **contentClass** | **String** | custom class name for content block |\n| **position** | **String** | in case, when you want to set up custom \"fixed\" position relative to viewport, you can pass string 'left/right-top/bottom'. Available positions: 'top left', 'top right', 'bottom left', 'bottom right'. |\n| **x** | **Number** | Amount of pixels to position your message relating to the 'X' axis |\n| **y** | **Number** | Amount of pixels to position your message relating to the 'Y' axis |\n| **html** | **String** | You can pass a string with raw html to render inside flash message block axis |\n| **componentName** | **String** | Register your vue component globally and pass in componentName property of data object to display it inside flash message block |\n\n---\n\n**Example:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.flashMessage.success({\n title: 'Don\\'t Warry',\n message: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n### Callbacks\n\n---\n\nAs second argument you can pass object with two properties: \"mounted\" and \"destroyed\".\n\n| Property | Type | Description |\n| ------------- | ------------ | ------------------------------------------ |\n| **mounted** | **Function** | Will be invoked, when flashMessage appears |\n| **destroyed** | **Function** | Will be invoked, when flashMessage gone |\n\n---\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n showText() {\n this.text = 'Hello from callback!'\n },\n clearText() {\n this.text = 'Bye... 1, ..2, ..3';\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n setTimeout( () => this.text = '', 3000);\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?'\n },\n {\n mounted: showText,\n destroyed: clearText\n })\n }\n }\n```\n\n### Delete Methods\n\n---\n\nYou can delete message programmatically using deleteMessage method\n\n**Example:**\n\n```javascript\nlet id = this.flashMessage.info({\n\ttitle: 'Hey, man. Time for beer!',\n\tmessage: 'It is Friday. Time to have a little party.'\n});\nthis.flashMessage.deleteMessage(id);\n```\n\n### Set Strategy\n\n---\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n/* Will return {Boolean} as result */\nthis.flashMessage.setStrategy('multiple'); // strategy changed to multiple\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Ewk4z/mPUE6aTw3C6SQk7rMJP+Q6k83OlDsX8DBtlEK89RZYyNsNm6x7KdCgq6nmLdwZZ+oK7CmmUN371kEBjw==","shasum":"b6c723aa1a40250eb5c2b24b4072877ceac5c62f","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.1.tgz","fileCount":7,"unpackedSize":92680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeMPJCRA9TVsSAnZWagAA6QwQAJ0Det/DBPtWa46s2d1N\npm32YKPdGBo4zV7ptu8pMJcLzRsd0If9WQ1lO8rJ9ntT3lyCIZEvyNuV5HVg\n/6JJJwA7ZZYHbHqtdTKTxy/936apuJdYqErV+80LNpwfxxlTH8Je9CC/pMmT\n1m0gNb2kwjwWIwou7DZ9xO34+MkvpCBZ+MaB2OIUvWu3GdwVv/0VtzSnoY5T\nDrEj4UviKk1jnn9d1WmEuykHxTftbqSL/ETw39KDnWPVweVoRnzaASHZFBYZ\nzIEdasC80imJhXOERkBWmfzUkbjS83jzQXaNYys3UGM7XNN8VDmF/Z4RorWt\nt0gZRyaVyzQBRX1Bxb+JPMwQrNZaPMpzW9t7+YAvnS2+rODP9Pjg3Rm5HFL9\nCjHHIt3WXgvs/PyRDo33aWPpP4FZD1bC8c+wjgpPm1ZNqH+LPXxli1cSAOu2\nBxNO7vQxUXXLcRW6j02wEz40p86pUBAUBlGNZdVR2C27aDBgkkS+G+ZJa89q\n/jRncuumpV7Pl0Fgf8tY8VeKgFtZsbpznOQ2MOTxHK3fvHm74bj2zIBpRx1e\n0+fhEImj5b1hc3/A6roP7yZMzZv48f1z3chE6KNqtaRMupilRk4+H+fSZmT7\nLbJgDMAuVMgrd2lV7X8OUc4eiLgxEwgzYlSRmAYA3g3h3bGYOFAHWdBoAPDt\nxy+y\r\n=FRzD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHhd4DqMhjNR280LnmhZ4IYoYpAeFOlYeiM8TZ3cEO3lAiEA+rrPTG8LaI3OFVM3XVOutyMri6rediC72ne/X1vW3TQ="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.1_1601749960824_0.7444329028475607"},"_hasShrinkwrap":false},"0.6.9":{"name":"@smartweb/vue-flash-message","version":"0.6.9","main":"./build/vue-flash-msg.common.js","description":"Vue flash message component","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"ded4f11a36b710a5e95b42489345a72d0de8950d","_id":"@smartweb/vue-flash-message@0.6.9","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-ndV9o6QZ5Y5dm4bhrt80Dl0ho71oVIn1yNBej6Y+l5V0ajOKtPv45MsfbNjv+uXYRG0+dOZepqQKK62mdB+BBw==","shasum":"4a95393fe4e7d4e1103c91b06555292f2d19cd35","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.9.tgz","fileCount":6,"unpackedSize":76675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeM/lCRA9TVsSAnZWagAA/swQAJZeWxCvvE89FOIZLM7B\nxQhW7RoZ1+3MYReH3tMm7S2BT1a5N5GKoyc78BnV2ByK5ExvLONmlMT4YZeS\nNvUWkX5dJbT4yPHZ4a8sE8lv4hAolFn6Q6udIBZUSISKuCqRwucSRa7G0u5l\nB4DfQDtBolVkfClfiIb7kJaPPB2n7femL5C2lAKSbpmhv7Fikrq28CcTAHRV\nZVJmd+phqKn3LPvUIkCWxzlpxvrZzDiY0ohlfYB0jQwGi7+Z3zrN4r8dktZH\nANJtfct0AU1z0Lz1XNEYF21mzjcsRjnMBidmsHG2BQQsPC029F0XxdFZorW6\nk/I6UZpWc+h2wUn4mt9S2Czmtgg7ULk7eYcX+4M3BTmYi4paOZn4kJhdWykY\nGtU5kE4RcY83DwkkZkfnQ5UohZNE71ddWGvpog7uwmJhrE/a8F5nYx8y0wAu\nf9W/HKT9i4QH50Nuv1vhzrgtfMXv8TFuiKUeumhzBfYo3ZH89fEsDts+vi8E\nJKg5nd7UlNCr5cR5Y7FaopoCQR8vPuGzcUX/1JeJ4IPGnsGuM2tWmYZYPQgD\naubOZ6gSjXlg37rJ99EQPPqRKNOINxvHZthvQpLFnpVDoIk2OBR4iV9kCe+l\nUdsSf7m/tdqtztPoCeV5uvWVvELf08+5bU4w6HO5CMM4QWnI/fpMkrcXnbZW\ntH/c\r\n=KjOJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF/XDDdeoMzJ4EHg3ZuD1pBFVYWJZABxK3GftO+QSh2WAiEA4NG6wKo21jVLS49RqBow2lmCViVyMxXeDV32y6qDYPU="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.9_1601753060581_0.8715989830444288"},"_hasShrinkwrap":false},"1.0.0-alpha.2":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.2","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.ts --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{"vue-class-component":"^8.0.0-0","vuex":"^4.0.0-beta.4"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"193ac3c3164b18550082de17fbf45208f3867d3f","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease-ts/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.2","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-B1ig5RKPg5erxplVr/bnrKFmg4vm9o2OHl8fMT9DeKwVXQwaeHxWI9yae15MJLgzqWcjtpgQ4E0Be3qckMh+0A==","shasum":"71f6b28ea93565f669db47ef578bca0a4a2cb108","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.2.tgz","fileCount":7,"unpackedSize":93363,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiKO8CRA9TVsSAnZWagAAa8AP/j/cst0rdUSry/O/KtVh\ndyQRnMMfdwCllHKvoFvg2TvozqaSD8ydvMwAlkcELfugXlyVjTR0CGj5NmnS\nara2jxxsJFh04s5yM/mTtB5fxiwf2vB3Ns6v4vmcRWQk2ru+T/8OxZd2tRL5\nSgXGsektGn/8p7Z9FXUJQxWr3WbNegVAGGXltOT+/7EoA+NXuqMkn1tKdivZ\neAegROm/x8vO3JYNL/KiEQ8SHaYu19027uz5ttJgSwDsM2dkDqHuLbZGmhoW\n2OGiwVgJh+CgueWQMai0z4CTXAFf7nVE5wncn9iw+zUlEi+e01sXnI3Poqp2\nk28TSU/NUNonCxetoxDeiwgaawNlQU/hgvJqUeXmar965+wh5l1nj2RJmXWY\nnvwv34qPy/lEchwjYjAQ8P+noe2mn7+ZBm1akzMMLUX9qfnuZAgJaQoQb3QV\nJwgZM1oaFhP+U3s1rZFgAUbPivFp5PpSQLIsGvo01w5x/YwH3gYq1hf/RSy5\n+HLkrVLGSdHPSA2TX6tTTd1q9qnfnqh2V2JERBaFk4m7TfIMMED5Ln2norgg\nMvDAe29s467opOMxsr2PkWG3J7GlVINK/2x3fNdB4IALz392cXzV+Klpvckd\nIOwPEMVahsxKY2AtTw0TPyhZNcG2GXBs7lZU1TRqrpsuhGFfkyzSG/YZXNR7\nwC85\r\n=edXm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaobGCWnTeQz5QnCqgE1dtWTmOa6L8KFoL1U8LmfaG1QIgPl3L/KF1U4Ww5hyLvUUgbAWEsaDshTgfldLo7AAlo/s="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.2_1602790331746_0.24551577952056514"},"_hasShrinkwrap":false},"1.0.0-alpha.3":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.3","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.ts --dest ./build"},"main":"./build/vue-flash-msg.common.js","dependencies":{"vue-class-component":"^8.0.0-0","vuex":"^4.0.0-beta.4"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"552d3f8d79455f57e024de33430c40b698ee228c","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.3","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-u9Nt7ga6ibC61oj4W4T3YqnrYtw1nF2HdUGubrRrBT82zG0PIwiAIKKCwb8r0JwJlfwgM7TFL/NXh0Ccjh8OmQ==","shasum":"42ed47bfb635f319c1769436de2590cd7dfb380b","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.3.tgz","fileCount":7,"unpackedSize":93360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiKWyCRA9TVsSAnZWagAAu0cP/ik+2785zhB+1/3zlEOI\nbp0HyfryG9la6PSS7GQR9NEVCgfi78vIuT1JVQB7NXNDL6qaZnhpSDblmO+L\nZMMeOCqMfF+m/VQJ6EfuL7nnh/b7PeF4LmzooEuc0vXGbT7Tq9zJ8HGQ7j1p\n+5DPi6IG+++JWByRjOuup81Uviu1n5N40ZuB5Wg2gOxgqeFe+D1qvb0mO/+O\nWXw8uepmdMMYyhr1bDDxjyChtRlqIm+N19xEiiXUj54WCVyrX5UDwBBFksUv\nJDlKWubwLpLl2u0zYwRpFv9SQF/BWbFMl8hXHwP4q+p/Rkj24sIMzcIXXV1B\nL4L59yusgM+vegwsCzwNjA4UQfBeE7FXB1/dborB0vAUIF06m2kyBuXrHzyp\nK21NSN7l4umfsMuhZ93dD8UHD/lSJDcR9SSWNGPsYX4ye+ztghQ/9S9yNQI4\niG5KU891CrvddOu6m13bBSo0vYpAAUHeBRvT5YIJj2VHfl0FBQm93cXMVd63\nVkvLyFZj88wIR62y35AUF7btFBILopf4bLzUhD7CQIdQnU4u1PdevY6vSsdL\nlLpvvoKxy1Q5Cz3JyCDQvGfBpPwBBUB5CvWR7E5CZNBO4hBpnW68+bUFyhe+\nQi2ljBTEVZH0B74CC1/LFLdlKqIUcLer/wIr291XAO1ay50ZmHixlX4GANBU\ne2bu\r\n=c7ht\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC29lXL9x2vqin5pm1FqQywwOtvRZRY4TWVtG7HBMOL8gIgAhlQSuQbr1M7c6uilUqkh49u2/8U7Nj+JzDh1xOoPc4="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.3_1602790834333_0.7767671752741192"},"_hasShrinkwrap":false},"0.6.10":{"name":"@smartweb/vue-flash-message","version":"0.6.10","main":"./build/vue-flash-msg.common.js","description":"vue-flash-message - is plugin and component to provide simple and fast notification system for website/application user","keywords":["vue","vue 3","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"homepage":"https://smwbtech.github.io/vue-flash-message/","bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.js --dest ./build","lint":"vue-cli-service lint","test:unit":"cross-env NODE_ENV=testing vue-cli-service test:unit --verbose"},"dependencies":{},"devDependencies":{"@babel/plugin-transform-runtime":"^7.8.3","@babel/preset-env":"^7.8.4","@smartweb/vue-number-input":"^1.0.6","@vue/babel-preset-app":"^4.2.2","@vue/cli-plugin-babel":"^3.12.1","@vue/cli-plugin-eslint":"^3.12.1","@vue/cli-plugin-unit-jest":"^3.12.1","@vue/cli-service":"^3.12.1","@vue/eslint-config-prettier":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^23.6.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.4","coveralls":"^3.0.9","cross-env":"^5.2.1","eslint":"^5.16.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-vue":"^5.2.3","postcss-preset-env":"^6.7.0","terser-webpack-plugin":"^1.4.3","vue":"^2.6.11","vue-highlightjs":"^1.3.3","vue-template-compiler":"^2.6.11","vuescroll":"^4.14.4","vuex":"^3.1.2"},"browserslist":["> 2%","last 2 versions","ie 11"],"gitHead":"933e67fdfb38cba222c0fb6400c1cdcf7aab837f","_id":"@smartweb/vue-flash-message@0.6.10","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ceDUUzXI6FDscev36kZQvc2BO+MayOt6uJ2HSh9zoOkfa0PVIhmaoB56InlTTsK7MmlSIvPJpRB+Habdx3MtNw==","shasum":"b091d74adf55e1e67ea0debcbe14a92f9440b7a6","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-0.6.10.tgz","fileCount":6,"unpackedSize":76881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiKqvCRA9TVsSAnZWagAAq/wP/1a3cIcU79AiVdDs0xnN\nY04qbHu9LmB3P/vZlKMpGHHSJJLFT9RGM83kPVvHhXF0iy2yryWcJSdbfGn/\nZTbMnT0teZng8jtwxCbsnnglic2Kl/99AftJRC57oIzEvgy7u5MBZF7A6KDy\n1UGHGthvtbxNSLfKQVfvkwR3HgXtLRHuuzMWuHDdGtZvsVZh2uZdPmgbH7Mq\nbfbiGXOiwm1rvvBCveYDMFP0p4j/iat04hMEZp/Rca3XMmoPStUwYbFvZJa+\nPraTRZQYmKuJZoO4Sv1+PADQdE/k/mphfS9YjLJh+mXmcDCVhNrUXIAEpFYr\nyOgh8b2GQOJn6oglpTlyez4NWGCadKrWeO9qWL/V6ZNXy3xLSn34dRPpzvQI\ncCJKhldm+TK5JQwCurW5yfOXIzM0MeqsLMJGIXnis3Fq/4sik0qqTsYX70is\niSIi/VE7rfuxdpXbIY/3c142JML4ROkR+wfZ14GlUdzrhpT8OjnVIyRGSu8L\nT4+i+Xy9WFomatoGrOXO9fwwdYNX/g+B6Gyd81qajLuv68QivpOLQK+eYDqt\nUUstKoYxdpimRb8aLYNDkKciZwlAjiAajF3vdoghYUMH21JI2s9ppVxQHxyO\n7KYce6yv4Zf7ZhRIZPgcO3qCGNyiVRjeIYYzlCl1+qkPV04PkeF8sgQ/Yhg7\nqapX\r\n=SnlD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWrV4289RfCfsZ/5ECiOWzA5nQFN9A8aTsMYwlpBZxvAIhALjdKeXuNxlWceAUmly1cL73HT0jSr9cxb6pxEL7L4v/"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_0.6.10_1602792110772_0.7133795275331125"},"_hasShrinkwrap":false},"1.0.0-alpha.4":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.4","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly"},"main":"./build/vue-flash-msg.common.js","types":"/build/types/vue-flash-message.d.ts","dependencies":{"vue-class-component":"^8.0.0-0","vuex":"^4.0.0-beta.4"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"26ee21057d35475b0603b377c8881fde0a05c434","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.4","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-JveC6RooAvZnsj3d2n679lA4Ev2/I/Qnn1+N7E+PjJgJxv+HZVJSv3t8w3FUhkqdtItYw7fJqBICz/YLWsNz5w==","shasum":"c86b19eeb7080783032418042c9b68cd90ec9af1","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.4.tgz","fileCount":7,"unpackedSize":93511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjzbzCRA9TVsSAnZWagAAVQwP/jYcjaayJXkg0Ggizcah\nk84ExlVOYP9C23usDOImXQ0hJQ+LUEg7FHOf8zKxklxxfKX6RhB7LMj64nfQ\nFUqgLM/2ZxW+4aU1QUpj4zDNJ0WGc/z8Fsc4sRxEHodYNiud8GiIdq5apT4C\nOr4jmcb5RPuLEyxH0byUtojq41fyysnjbKD+y8DxysV/Fdv94dZdUv/ZRTTH\nfYd48Fij9SQI8+FiGuTxs0+f7O0NEC0plgxaKJWY2DTLqFUH1Z7bOTKkRvft\nTssZy158jP9euuAfT7jDW2HiJC/JFVIKtzZnoUpBSqKTbKwiQlvshwkcDIrp\npgmc5UsZqalsc2cvFKN59TYrxKgq7yfqBqVCZVFJDSMfWShxGeJMCI1G0iAq\nir6Om8lX6H5StXkXuh2tXRVGk0PSnu5mvMQKYsgvNqbwqC1Z/pdMhDQV6mvz\nH7V8M88UoYgPt+DP2KmSuEjV7vhYgaZmxPWiAC9HCwhRHvVm3TE8VPWmayz4\nLmNb0Ilvt3AbMl3DjhFuC5fkzoUrO5YjNcIGk86DKTnyno12MebQUOPjksaF\nwRSol3dy+d4xyc3Gvthw0YSLFr33MRgxImOUC08YIqKX3orogc1+45+mQ128\njHQSIlCEZ6x6GMEShH+l+PDMYBVZyMrRbYaCNRomZX39QryOKX3vusGqK/OK\nPrL+\r\n=/Mz0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXNCGx94ZQG1TPfcuHq2G0UZGO+lkpS+wzSbrKECj+awIhAIzKdcqSndjhFMipAZIMMrkW4LFZ4B8lI6zxNFKrpj5C"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.4_1603221235389_0.6453786628615616"},"_hasShrinkwrap":false},"1.0.0-alpha.5":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.5","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-msg ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly"},"main":"./build/vue-flash-msg.common.js","types":"/build/types/vue-flash-message.d.ts","dependencies":{"vue-class-component":"^8.0.0-0","vuex":"^4.0.0-beta.4"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue":"^3.0.0-0","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"d786d560ae7e0746f4040c4992c925f1866c9623","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.5","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-doQqYh9pweonMjXvKZWtGKJ2e7wIay/B46pHWYxS4shO8vHmr3rtcJ0l49X6UN5txx/VbZFZxRYak5wMrIs9Iw==","shasum":"3a29fb9f8c45836d7426f5b4a589d04df418c868","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.5.tgz","fileCount":13,"unpackedSize":100146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjzuACRA9TVsSAnZWagAATf0P/jY8QZCqeW9Xdp+V3P34\ns86UMHAxLsZR3j0nHSikx3NpyFKzv1MJYQtuqElBsOAk13zcL+2ZwqqzFDN3\njJKroxe5M5W/o2+zI5wfSg6lXITaCqqv95q9PUFOwHi3BDRVFFUlPlX13KKM\nHRszAO5RGS7H4zdNzM+Ty1wjs9YvxtdsCT8QpL/ESA8vJhnYjgA9IB3xOW9H\ni5cIpAhKdsMSexWnTsRWX7XQhAA4O8KRJ43b8ut0hRs04mFyTgeRtblhUkOS\nJWuTDeR4gU+L8LyRG6hNuDzYYrGrsY1ionUpLinVSx6OtMLdBAVs5R0ZqNkP\noWbGAgCsT9eVSwUzDUEj6pBPEujhyHO0tnaFi4X/QbwxJAynL3aVrm930/pu\ntRyH81+LBJtNEeihvrnfHnTaxw6Pcxcfl28yDLLHdhuqANLPYdvZoTLBeuEJ\nlQzx60U22SAe7A7mNdaBzP+uOyP8iAxc9wmb9iFWkBLJDtQyUlxNqfj257xn\nhGIxxlQBjPWSAeTvoI7IK4kPdIUYqIW7yuZGdcM44PBh1x/MDNOZl4mKN/9V\nF0ZF2fTi4gD+ZzvP9sFHScncAGt/FIkKtG0VEcFW8Yu4yROErYlKlLuA7pPm\nen7noFkyVp4jdHAs3jWT9GKaRTEqNiuPXssMI86jcEwTh0rMoX1UXJuEwKbU\nVcs9\r\n=5YuV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFw/dwopHWgfEdrKD4cLR0S99P+j/5LCkdG7X7vNrbyJAiEAtUKQNpufSVOj2sL5mopSi+TYlGg+UBllqi2BIv6SVqg="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.5_1603222399772_0.6753908442970751"},"_hasShrinkwrap":false},"1.0.0-alpha.6":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.6","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly"},"main":"./build/vue-flash-message.common.js","types":"/build/types/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"vue-class-component":"^8.0.0-0","vuex":"^4.0.0-beta.4","@babel/plugin-transform-runtime":"^7.11.5","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-0","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-jest":"^3.0.7"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"b0b2c55e30ac2c8f7f9ee207176a63a3bd41f2b8","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.6","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-zIFDa24mcsQtxagIrkkPSURVlHDJXPZ1M7nfw6khVLd24j+KBXg8luhgyqURQKJqH7E2yf60RT0KXzuerIueKQ==","shasum":"7348e4e0b8561ba54464cb4a5a5cdbf7f3bc1ede","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.6.tgz","fileCount":7,"unpackedSize":93540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfj0BxCRA9TVsSAnZWagAALSMQAIfnWun9e8OVDHg3F/Ba\nV6Q6WQgetX7BLbAIQ+0HTgZG+Va9b14qrUohAjEPMGIEN4T2L0dQ0pcQGWcx\njexGGjU4M5u14lM34veY/gsaGyhkjZu/ZDbNK/xGu80jgigIG23sko1L2D2Y\nOiMI5SgDAipOQAfQYdp7RGssi3ycUav6L1E8t3Kg2M7jcyoJD4m5UdYiz0r1\n6BvlgLkKPeFhl6gCOpZKMrTEm4e0SURdpZPYPd1W1vxfL78qpH/4NaVtekuh\nwXToRsfjWa1Ogv8FFyObK/u5HgBrVQH8AdlAHscWxOOeU5JYceX5Q20nwaWW\n7IXM5b8Q884s+wEdmf+siaJ/06J3IbG0yjmTJAfSvF1syqhxNkz6ggO93Wg0\n1i2eeKu8YGf10wz01Uwzx+P0PQLC0CBulQB2DPRLhOQqW6C41UkGNTqig3ys\njm3cGnmQhvkxHSjAIbUA/AlgU6h/5TD1aDjNDiW42tSgJlHiRIlJznmFKlDo\nav1MKSD1dlROvKFpcdq/8RvH0LItMD0HbufO8WBYBd1TW8vOUH/3ePdkcRrF\nlTM4IKhR1Xm6MKYs+JItJc7jSwatRM2XXFnxi/loX/5vyk61bzGIncoQ6jEJ\nPbIYx9B35hqE7P9WEfoWd54Vo9HhRKZSfydQlSmIq72mOyAi/zVXiiTjUErg\nckgE\r\n=iJ86\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAb3lRcHAeLpGn3zygncT5JJ0eEfkdVetZcLCZG8t7BwIgYmHU7nlA8LCa7SABFkEM4zXkE/iuVH7kH3KbzsUEkb4="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.6_1603223664880_0.45237822354268475"},"_hasShrinkwrap":false},"1.0.0-alpha.7":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.7","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"7d2ff395bfdc0059502b7b6137f5382376b79bd8","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.7","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-pL1ovB0EthTZxiviVkBbQPCHfVnMm9/amf+05pnyooElgl7OOF6UVf9atMupPDGviZFqjP8VhCA132AfYGlMoQ==","shasum":"1ba66ea17a988d92c2c61569a6d01a2323ec2e09","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.7.tgz","fileCount":15,"unpackedSize":91220,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkdVmCRA9TVsSAnZWagAAEvsQAJbDBDghO+47Y0PAjZMU\nEX+lWP7urJ/srLzV7XzUW374F4cb0F2nTgjRKEQ969rgNIWcoGPnzukRWlI+\nGV0wv6qV79pQvubm+HzlhQemecv7+KKgIPQVIAuf2Eafka9TFwkMpZx9JhoR\nGQ8Vjffnd9cb0HFuMoTQzrs1SqPRsq+cQBkoatba9WTq6inju49oKSaR6hB0\nixtxCiIl3pt5RPm4ucvkQDR2Q3sQ+gcmJIRI1SBCTHlamqiXKJi/I9T4qNIk\ndHq/G1VtLyhLdL6gwi3SJZWUmUS9OGWtgPf/UPrmiI2J0CcCcY7zCKHl0MFC\nafF9gmD4O6ATreR5YEx4zFJR8jdR43mVUn9wfYwbxrUPeUvyEBCveWKhDGyl\nXesvdNJwZRpIjAMbO03/NssQMo8/wpxqHZQ1u8y/EMaqVDKf37/1y21JHAon\nwn8ILje/09IS7XRVd1LfEQmvOGBqEX1y76dLJZnc7SvEML0PWoohhTWrF2IH\n71aDShzAAtGD6WtljKffcg8nAZUqvAleDvJ8Ut3TAR/jL9MwWzY65IZCgZQE\nK59+HqtZbngjZdwhVVNOhdVa2Omc2Gh7+WA58+2fgA3BQJmtsGlCLEyfHF0o\nOGTFZCaABkQ+BH9IORmSYiMXDPTGryTAdt9IrbNRZIHl4c0UvxhELeFOwQ9F\nprK8\r\n=vW2f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEIFdxrnS40Nmx4OWpjCl5O09V8ky4u8vnG8cRAvq+MgIhANW6C41rQ0xm9vHdcrVybfvTJuZXpT7phTyqt3+bLMT3"}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.7_1603392869752_0.622593807959201"},"_hasShrinkwrap":false},"1.0.0-alpha.8":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.8","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"^3.1.8","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"27555a499560028b90a175a817f425cfa69d0cef","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.8","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-PIdRs+ABcjDeH4aOFiRANEsqxrHKimNLkdfIyX3MzcjwPOr+K/qfeOCUF2Jicj0O5C8Azq6ixjicAb2MXXIudw==","shasum":"a172ad5884c01633008ac539a42d6ed38598fdc9","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.8.tgz","fileCount":15,"unpackedSize":127570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkfe7CRA9TVsSAnZWagAAWKoQAKPiK0a+PBRPJ3RolU3l\nN3ELp9zVG/3TCkEFgCJaJ2e9RRNpceih0Sfzuvj/1dji/fNKs0YQwPVlMJYo\n4nYBuTocDWvgAab1aqD6g22fB8b5n9bVctHDvGhI+HaZEBxWVDJlL03CcZIF\nAuCPiYFigSIabhS1U0fNiOtrPZKgyE4l6RNKMzSTaVth9YNU4lWrrQs8LyDM\nrdaOvFKtBFd4bkpg/dM8TrQe+DAkAZhpxw43blJp6I1g5Ez5XKtkET9RWabA\nfPKI+3KzaHUNGvtK3GxeYEKAQVyzbM0sQVhffOzZeaSHDKBaviPMAIU3A5h8\nFqTLYQR5nGfywO/WOCc6iwisinlj0GikYmmu22Bd6Zh3j7TkROQ+5nCB8Vey\nOLWyBO0zfXD59h5OEi5q78I3n7r9aVUE0S4klNVKA1oL4BYhDbfgKq6PQVaT\nVb0TVqu/WIQ3XwWBK9bMSAA+i9cP1Xljj7P4VeHJ85HgSHHCTZ84SrqCNW2N\nj9zyEVsbmL74ZrrxaXuyOvN7RwR+7dBs4cuGleuw2IOEuKWDBaCsPBjrC7WZ\nbIt2z5h7DMr+1AhRsHS/jwiC3SEEymXjQ601+SRQ/SE+PWBec5fbfvGOvS6/\nNGKG3j0gwWQrz4FeOCnYGmhAM1ouCgvTmlizemE1u3iF/pFCpL1FTJSF/BYT\nIXrz\r\n=qtd9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8IemqeR+ijwCMG0nA7AErjmWCPzakUiUuldR4VMeETAiBV1XLmxDop/hJTQsbSreH2IbTqAhjUhKGONKLjW6eMQw=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.8_1603401659100_0.49042140001022894"},"_hasShrinkwrap":false},"1.0.0-alpha.9":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.9","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js","rollup:dts":"api-extractor run --local --verbose"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@microsoft/api-extractor":"^7.10.4","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"^3.1.8","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"d94f09e7802c37ae0c68cb6900c3e044b4b45784","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.9","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-knmwRLj59bY+MfdsMZ3yZAA2yDBw3CsUfiCLb11ivexKV+YXatI50vwHAlq94v9c0aX7GXgWZi70vmQY2xWQyA==","shasum":"507c0f8c665b707b95ee43ddc2663d40f9d93a14","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.9.tgz","fileCount":15,"unpackedSize":125298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfklavCRA9TVsSAnZWagAAyQMP/RMPKYTpLjH6nyys3tdX\nRGK6OPgZ9kuwKa21NAUYZLyn0WkNiWPeDXAFOns/4+SAgxaAU3ZuZAWPrUeB\nCkkpXufe/jQeQUrelElpKrjrypajrqqP2jYXRSDuZOTpTHk32D3NnEsO7C5I\ne1K7ctMFXegsnjPxPd3VWlD7Q3dP3jGQzJCliR1U7JiEUD6gan73rxe/tvrr\nv/aKxUjuBCIIYCJ3o1UcTmu9tlN9EoKBqACucTCRPgz8z/LQ0sAz0X6kT5sm\nOB/vC0lSnbeEVDn8mN8C8GVgrVBrLmICHkdoVOmJBfDlYoV6rgY+nOS8PuLk\naY8O3oUGMArukUfFPcY/Ar8fqkX+9lt6vEMD0slcf722PD7iATnqwocNikm+\nJ0tSdXcrR5/enqA2eN/asGWGVRMMTD0CR6rhN3/aGjGGbSQA+oeGzr2lZm4T\n7uhWj9CM5kMEzozjQKdps3cL8H/HI730Czo0i77F8D2hnTQq+Y80eW8Fxa6S\nOxtFSIybiXTy5J9FL1Absnjfk78c+TNelSiAW+6/nkSrUvP51A3NX28uj0pN\nudWUFGRlzWeeWwI5stZR9Ou09sqvZ3Y8S0SGA5KjRkw0ZSpPgb1Yz/e+ZOhy\nD5WhQqRNhhPAsaU9h7AYmrKKDhURFEyYmzxtXGHh2/Yzo65e6jUs8hxmuWtE\ngxDn\r\n=2haw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEyJkyToGgcYiqlf2KDYlCEhzP/pZ4r54cYLV086zpRgAiEAgSEvtNnzMPixTofqAECcR3GVkVkC+oczmmH3aUuJWxg="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.9_1603425967109_0.815279736380728"},"_hasShrinkwrap":false},"1.0.0-alpha.10":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.10","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js","rollup:dts":"api-extractor run --local --verbose"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@microsoft/api-extractor":"^7.10.4","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"^3.1.8","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"2007de8739e91fe4184ceb572326b4178f128fc4","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.10","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-d5Wosp2+6c76fUKHqP7wIA1umQ1HgnGqUyy1wObvuxBhv8c2so6sREBeEoX1+N+BrHW6tBYzVyQ2xjeb1ggoig==","shasum":"c8d0ff180d2fe8fe063a12bcc803adb9d5ac84a1","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.10.tgz","fileCount":15,"unpackedSize":127669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfko8yCRA9TVsSAnZWagAAHrgP/RpPqm8lZtedpAAYMerV\nrxmSWojWMklXzGdixj9FVNHdcjPN2hExLvjWcOaSqjZ90ZfZezuLmMSrZJ7B\n8QDCLIIc8KAvFAE25eZWw0vJrUxiGxS/9Rey54idzVefnPubfX1uKDt1SMxN\nXSVgOY24E0uXZyIByC3ZNX9KlBMnaiACFMHZz/DwkZ6SaioDcfeJ+Dg2m1E+\nySsElorsZP4YfuvudBM2qGUpcMy+WKsO5rLexffbp4aXOclzPZOmnyJp5PhJ\nnB7Dsu/BVlQPpe51fEJh6qnH45Yjb3ZU7GTpJKWBge+TWzlJl4LjJUWNv3HX\nPTPPDJAxQM4nj0gEZPdbjrzNOJsjZgED5RdEfOeN3v0iC6J7UOeaw0b3yiuJ\n3L+5HQcvlG20yxQO2bvrutS2O7f7wRbnrk+M+KROfEGRPAysJgqAGu3U2pcf\nJwQ0xyKpU4yoNzLb0+DIcjjhuIuMkrtqGyqSYKSHhxL5iwlZvfazwh0W1y4t\nc9rUM0RydP/aHTcKBO0HFd7IseYiw5SRwMkS0vR5EspYNeIUF1ULjnY+klD8\nn+kQacl/5Uq6toH2nXGEAPdwOCFxRLE5Q0JfXzQonLLLEQh3Eq5767axPjZp\nAtdeWMkv/eooMu8v4rEzuchGSS/k26rZWMrP4oLylSd7/dARYyDOJWxVOXSZ\nWIS4\r\n=fDCc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDR9eBzdi0r5DfW3zL81HxWH4qRsFfTbMFgT/YB+LnXZgIgRa9Si2SJHhvVWDtkSG+Z2+FBFyq2zKHqYbFawACgj6w="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.10_1603440433901_0.5749778134140291"},"_hasShrinkwrap":false},"1.0.0-alpha.11":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.11","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js","rollup:dts":"api-extractor run --local --verbose"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@microsoft/api-extractor":"^7.10.4","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"^3.1.8","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"164e5bc751d41ddb3354829c574f827c51a94be4","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n\n\n\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next)\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global EventBus alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.11","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-dvD6iNHu72JsT+tvAbYzGAF1dCfln2IMoPrQhfmC7L4iyqURCfNUttpaORFfdUmTqO4ndge7bcOfeXb1tIh02Q==","shasum":"587e75ced96aecd42d751bc3fdd152a0e7d71e62","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.11.tgz","fileCount":9,"unpackedSize":83685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkrIRCRA9TVsSAnZWagAAAS8P/12meaGy/3OEpM89Cfw4\nOpITF4edhtOUDj8UoT57XoMvhHGC9i+zkyCC2LRSjOqS/KUA6GqBKulclkXP\nJYB+LnKPhbIQ1oQtiqbpbzQYJhjuZbdQt9G0frhPCns/CaYZUl9IRP1QPFqu\nSITTUk/U3O32s+zbJP+oGxc49fTRpO3hDLEsMiuRHWWUg0iDp111PlSxVAtv\n/QGVGrHk77d+bcAwTEwFDm05hZjWZmn3xRM3j313C4jlW0/uG5bboRLidnvx\nLKqRkcNx3Oks/WChvNe6TRwKrjoohZ2o4J1HqD98o79ReHdRsFHLfHa7rZhN\ndsWaoEC1BQl2HPqFuFu6IZrNUoON6U9HVHWRFp/gLOt+9SdeDRtZoX6LDYAX\nZhIypVbM6mQooKImdFn1hdej4mjJAu+XO8SradKez+vJv37K9QS9q04HgcNt\nAtzEVy5DExzUQwBm1ifZ5rlFLy9Xs0AMung0jBlgKh/lbrYEjMHlhHSWJD69\na7C0KAdjy9xfR42ew8BuI1uS4NKdphOFKOqXWU9oADuAGtL+w5cDAZ9g0Pvt\nX6+eBqsSyyICxm4ElUm7hDzcniIlgyX8eC8nTi5ftAu+aBZ/xCD7JOusujPi\njLJXq2/5mdum3Aq77uAxhxpBplCGcNllEuxdcSWO7rXnEw4fUEkV27nzhWc0\n+uXQ\r\n=ULB2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBM7bWAu+DHCy9JDtD7Fw1u4yQp5DYFiRbNQJn1FSaZiAiAKkBbSOv2NiKsfycHLMoFbmX15wpsv3o3dguEEOawi7g=="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.11_1603449360624_0.8221549765343741"},"_hasShrinkwrap":false},"1.0.0-alpha.12":{"name":"@smartweb/vue-flash-message","version":"1.0.0-alpha.12","description":"Vue flash message is notification plugin for Vue 2.x.x and Vue 3.x.x","author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"scripts":{"serve":"vue-cli-service serve","build":"cross-env NODE_ENV=build vue-cli-service build","test:unit":"jest --verbose","lint":"vue-cli-service lint","lib":"cross-env NODE_ENV=production vue-cli-service build --mode production -g envify --target lib --name vue-flash-message ./src/components/index.ts --dest ./build","lib:dts":"tsc -d --declarationDir build --emitDeclarationOnly","rollup:lib":"rollup -c rollup.config.js","rollup:dts":"api-extractor run --local --verbose"},"main":"build/vue-flash-message.cjs.js","browser":"build/vue-flash-message.esm.js","unpkg":"build/vue-flash-message.global.js","jsdelivr":"build/vue-flash-message.global.js","module":"build/vue-flash-message.esm-bundler.js","types":"build/vue-flash-message.d.ts","dependencies":{"vue":"^3.0.0-0"},"devDependencies":{"@babel/plugin-transform-runtime":"^7.11.5","@microsoft/api-extractor":"^7.10.4","@rollup/plugin-commonjs":"^15.1.0","@rollup/plugin-node-resolve":"^9.0.0","@rollup/plugin-replace":"^2.3.3","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"^4.5.6","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^1.1.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-minify":"^0.5.1","core-js":"^3.6.5","cross-env":"^7.0.2","eslint":"^6.7.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-vue":"^7.0.0-0","jest":"^26.4.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","jest-watch-typeahead":"^0.6.1","pascalcase":"^1.0.0","postcss":"^8.1.1","postcss-preset-env":"^6.7.0","prettier":"^1.19.1","rollup":"^2.32.1","rollup-plugin-alias":"^2.2.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"^3.1.8","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.28.0","rollup-plugin-vue":"^6.0.0-beta.10","terser-webpack-plugin":"^4.2.2","typescript":"~3.9.3","vue-class-component":"^8.0.0-0","vue-jest":"^3.0.7","vuex":"^4.0.0-beta.4"},"browserslist":["> 2%","last 2 versions","ie 11"],"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"gitHead":"453860f6df47ed7d127c0e30a9fd7118203dc570","readme":"# vue-flash-message\n\n[![vue](https://img.shields.io/badge/Vue-3.x-green.svg)](https://v3.vuejs.org/)\n[![typescript](https://img.shields.io/badge/-TypeScript-blue.svg)](https://www.typescriptlang.org/)\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/smwbtech/vue-flash-message/blob/master/LICENSE.md)\n[![Build Status](https://travis-ci.org/smwbtech/vue-flash-message.svg?branch=1.x.x-prerelease)](https://travis-ci.org/smwbtech/vue-flash-message)\n[![Size](https://badgen.net/bundlephobia/minzip/@smartweb/vue-flash-message@latest)](https://bundlephobia.com/result?p=@smartweb/vue-flash-message@next) \n\n\n\n![Gif Image](https://raw.githubusercontent.com/smwbtech/vue-flash-message/master/public/vue-flash-message.gif)\n\n> ⚠️ This is APLHA version for those who want to migrate from Vue 2 to Vue 3. Plugin API has some breaking changes from 0.x.x version of this package. Starting 1.0.0-beta.x API will be stable and do not change in final release.\n\n**vue-flash-message** - is a component to provide simple and fast notification system for website/application user. \n\nMain features:\n\n⚡ You can devide messages into several groups \n⚡ Different strategies 'single' (only one message on screen) and 'multiple' \n⚡ You can pass raw html to be rendered as notification \n⚡ You can pass your own component and props to be rendered as notification\n\nLive Demo and docs for Vue 3 version are in progress.\n\n#### [Live Demo Vue 2](https://smwbtech.github.io/vue-flash-message/)\n\n#### [Docs Vue 2](https://smwb-tech.gitbook.io/vue-flash-message/)\n\n## Installation and Configuration\n\nDownload package\n\n```\nnpm i @smartweb/vue-flash-message@next\n```\n\nAnd register it as a Vue 3.x.x plugin\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage from '@smartweb/vue-flash-message';\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n**For TypeScript users**\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport FlashMessage, { FlashMessagePlugin } from '@smartweb/vue-flash-message';\n\ndeclare module '@vue/runtime-core' {\n interface ComponentCustomProperties {\n $flashMessage: FlashMessagePlugin\n }\n}\n\nconst app = createApp(App);\napp.use(FlashMessage);\napp.mount('#app');\n```\n\n## Usage\n\nPut the component into your template\n\n```html\n\n```\n\nYou can pass different props to cutomize the notification group. All of thme are optional.\n\n| prop | type | default | description |\n| :------------------ | :------: | :------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **group** | *string* | - | Name of group of messages - for example 'email-messages' |\n| **tag** | *string* | 'div' | HTML tag for messages container |\n| **transition-name** | *string* | - | Custom transition name for messages |\n| **position** | *string* | 'right bottom' | You can pass a string as position property to set up default position of messages block. Valid values: 'right bottom', 'right top', 'left bottom', 'left top'. |\n| **time** | *string* | 8000 | Duration (in ms) of the notification display (can be customized during message call). |\n| **strategy** | 'string' | 'multiple' | You can pass 'single' or 'multiple' to choose the default strategy. It can be changed in process. |\n\n**Example:**\n\n```html\n\n```\n\nNow you can access flash message by using global alias (that is \"\\$flashMessage\" by default) of your Vue instance.\n\n```javascript\nthis.$flashMessage.show({\n\ttype: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n```\n\nIf you want to use plugin in some place, where you have no access to current active Vue instance, for example in [setup method](https://v3.vuejs.org/guide/composition-api-setup.html#arguments)\n\n```javascript\n\nimport {defineComponent} from 'vue'\nimport { flashMessage } from '@smartweb/vue-flash-message';\n\nexport default defineComponent({\n setup() {\n flashMessage.changeStrategy('multiple')\n }\n}\n\n```\n---\n\n## Pugin API\n\nShow method - take one argument **messageObject** and return **serializedMessageObject**.\n\n```javascript\nthis.$flashMessage.show(messageObject);\n```\n\n**messageObject Interface**\nAll properties are optional\n\n| prop | type | default |\n| :-------- | :------- | :--------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **title** | *string* | Message title |\n| **text** | *string* | Message text |\n| **image** | *string* | Image URL to be displayed in message |\n| **type** | *string* | Type of message. Default presets: 'error', 'warning', 'info', 'success' |\n| **time** | *number* | Duration (in ms) of the single message instance. If time equal to 0, message will be shown until user click on it or you delete it programmatically. |\n| **group** | *string* | Name of group, where the message will be shown |\n| **space** | *nubmer* | Vertical space in 'px' between messages |\n|**image**|*strig*|URL of the image|\n|**time**|*number*|Duration of the notification instance|\n|**clickable**|*boolean*|Message instance will be removed on click if true|\n|**position**|*string*|[[1]](#f1)Available positions: 'top left', 'top right', 'bottom left', 'bottom right' (x and y axis orientation for fixed position messages)|\n|**x**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (x axis)|\n|**y**|*string*|[[1]](#f1)Position of the message instance relative to the viewport (y axis)|\n|**component**|*object\\*|[[2]](#f2)Custom compotent to be rendered in message block|\n|**props**|*object*|[[2]](#f2)Props for custom component|\n|**html**|*string*|Raw HTML to be rendered in message block|\n|**blockClass**|*string*|[[3]](#f3)Custom class to style message block|\n|**imageClass**|*string*|[[3]](#f3)Custom class to style message image|\n|**contentClass**|*string*|[[3]](#f3)Custom class to style message content|\n|**beforeCreate**|*function*|Callback function, that will be invoked in message's instance *beforeCreate* hook|\n|**created**|*function*|Callback function, that will be invoked in message's instance *created* hook|\n|**beforeMount**|*function*|Callback function, that will be invoked in message's instance *beforeMount* hook|\n|**mounted**|*function*|Callback function, that will be invoked in message's instance *mounted* hook|\n|**beforeUpdate**|*function*|Callback function, that will be invoked in message's instance *beforeUpdate* hook|\n|**updated**|*function*|Callback function, that will be invoked in message's instance *updated* hook|\n|**beforeUnmount**|*function*|Callback function, that will be invoked in message's instance *beforeUnmount* hook|\n|**unmounted**|*function*|Callback function, that will be invoked in message's instance *unmounted* hook|\n\n\n 1if you pass 'x' and 'y' props the message instance will have fixed position \n 2your component should be able to receive 'messageObj' prop to get actual message data \n3Schema with base classes and custom classes is below\n\n![Message custom styles schema](https://github.com/smwbtech/vue-flash-message/blob/1.x.x-prerelease/public/flash-message-custom-styles.jpg?raw=true)\n---\n\n## Show method\n\nShow method will return object\\. It will have some additional properties, like id.\n\n```javascript\nconst message = this.$flashMessage.show({\n\tstatus: 'error',\n\ttitle: 'Error Message Title',\n\tmessage: 'Oh, you broke my heart! Shame on you!'\n});\n\nmessage.id //Id of message instance\n```\n\n**Base usage:**\n\n```javascript\n methods: {\n deleteTrouble() {\n this.$axios.delete(`/delete/trouble/${trouble.id}`)\n .then( res => {\n let { status, data, error } = res.data;\n if(status) {\n this.$flashMessage.show({\n type: 'success',\n title: 'Don\\'t Warry',\n text: 'Be Happy!',\n time: 5000,\n blockClass: 'custom-block-class'\n });\n }\n else {\n this.$flashMessage.error({title: error.name || 'Error', message: error.message});\n }\n })\n .catch(e);\n }\n }\n```\n\n**RAW HTML**\n\n```javascript\nconst message = this.$flashMessage.show({\n\thtml: '

You should not render raw html from unreliable sources to avoid XSS attacks

'\n});\n\nmessage.id //Id of message instance\n```\n\n**CUSTOM COMPONENT**\n\n```javascript\nimport MyBeautifulComponent from '@/components/MyBeautifulComponent.vue'\n\nexport default {\n methods: {\n showMessage() {\n this.$flashMessage.show({\n component: MyBeautifulComponent,\n props: {someProp: 'Hello, it is text from someProp!'}\n })\n }\n }\n}\n```\n\nYou can declare messageObj prop inside your component and receive all messageObj data inside component. \n\n## Groups\n\nGroups provide you possibility to divide your notifications among different app parts. For example, you want to show notifications for received messages in right bottom corner of viewport and some push notifications in left top corner. In addition group functionality will be increased in future releases.\n\n```html\n\n\n```\n\n```javascript\n// Will be shown in 'user-message' group\nthis.$flashMessage.show({\n\ttype: 'info',\n\ttitle: 'New message to you',\n message: 'Mr. Major asks to go to his office!',\n group: 'user-messages'\n});\n// Will be shown in 'user-push' group\nthis.$flashMessage.show({\n\ttype: 'warning',\n\ttitle: 'Run boy, run',\n message: 'They\\'re trying to catch you!',\n group: 'user-push'\n});\n```\n\n\n\n## Remove methods\n\nYou can remove message programmatically using remove method\n\n**Example:**\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n\ttext: 'It is Friday. Time to have a little party.'\n});\n\nthis.$flashMessage.remove(id);\n```\n\nIf you setup group, pass it name as second argument\n\n```javascript\nlet id = this.$flashMessage.show({\n type: 'info',\n\ttitle: 'Hey, man. Time for beer!',\n text: 'It is Friday. Time to have a little party.',\n group: 'auth'\n});\n\nthis.$flashMessage.remove(id, 'auth');\n```\n\nAlso you can remove all messages from group or all messages from all groups \n\n```javascript\n\n// remove all messages from 'auth' group\nthis.$flashMessage.removeAll('auth');\n\n// remove all messages from all groups\nthis.$flashMessage.removeAll();\n```\n\n\n## Callbacks\n\nYou can extend message instance behavior with lifecycle callbacks.\nFor example, give some audio info.\n\n**Example:**\n\n```html\n

{{ text }}

\n\n```\n\nFor example you can add some sound which will be played when message appears\n\n```javascript\n methods: {\n makeSomeNoize() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n buyBuySound() {\n let sound = new Audio('audio source'); // add sound source\n sound.play(); // and play it\n },\n clickHandler() {\n this.$flashMessage.info({\n title: 'Ooooooops!',\n message: 'Do you see this text and hear this sound? Wtf?',\n mounted: makeSomeNoize,\n beforeUnmount: buyBuySound\n },\n }\n }\n```\n\n## Set Strategy\n\nYou can update default strategy using setStrategy method.\n\n```javascript\n// strategy changed to multiple\nthis.$flashMessage.changeStrategy('multiple'); \n// if you setup group name provide group name as second argument\nthis.$flashMessage.changeStrategy('multiple', 'auth');\n```\n\n## LICENSE\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","readmeFilename":"README.md","_id":"@smartweb/vue-flash-message@1.0.0-alpha.12","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-XHlDkSHaSxWEP2x+V2/IvEZ7eJYEG8VQEcadj8AgZcopOdSbVAF+I7HJ2neTfStGWY9Y/JF2jL3orbMwGhhq7g==","shasum":"bc66a7ce749a99290a383cd960507f61aad06ab3","tarball":"https://registry.npmjs.org/@smartweb/vue-flash-message/-/vue-flash-message-1.0.0-alpha.12.tgz","fileCount":9,"unpackedSize":84490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkssPCRA9TVsSAnZWagAANQ8P/15kQF5y02pcAILfEEKl\nC7lB/HHyrcGavItQSe/ZOtRcCCMcXnkDVNIDJbELMC5q8iIxhAvmpejDtbxj\nQ/YS397wtCLFZAF2wmzjbFzSPDuQ2RvuiS+RIr2oij7ymzYKeJ96QJ5nlsKg\nR/FSWvQNV9kUXLGWEu+2ElvQ4IYRwBjTi18y+5lDdWTcvTkR3yYsQO3cgbXN\n6SsnrMNX4W9sMaKRxcLzHUoFnVcGSunRv+smCr58mEPibg3M2DqSUvS/Ipqn\nQBlssIHwnf5ch3c1uXYVphTJSX+SNY1EBPx1EuTF3w6G/jpAioo6RJCqnAwT\nhYFGud5dUsnM56KQvpG6zYnHwRwoN969Jh166Lf9ocT0iuN1VDYHpKsaBNIl\nMH7QKb8S0dpd79X51+vx+6X0NJxbvUflvgTwEqlbaBd+shaPRcnOaggNF/Qq\nQntuatBixtDxYN+vNFkPJlsAYHdbQ9ZJc+RYIKNCWqYo6tqscij+gBTnqQ4g\nVUOa+FeM1GcDA++7NfFp/Xxw+go4qyPkRxX6oPi83cIqneRj9vuNSEC7Nqeu\nYdU2EZuqakYvK51dIHlKGGPnMa85qrZ2UBOdK36ULmwwF3r/8y5Fz5JkuJT5\n0tF8vSfNhnDSs6S2xrYI8LtTOXg7VFOsdU8aCvE2eKL6KAHkUjTVeuOweBqf\n/Gae\r\n=2Nv5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC55ppx/tQp5Lk2CSGIruwYPt6Vx5efm2/xg65r/MNl6AIgYJYrDQnxNIxIshalYNgjYxJ5MWefdaI/eod4UNXESF8="}]},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"_npmUser":{"name":"smartweb","email":"smwb.tech@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-flash-message_1.0.0-alpha.12_1603455758978_0.5194504552186863"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-30T12:53:00.417Z","0.2.1":"2018-11-30T12:53:00.766Z","modified":"2022-04-07T00:36:46.305Z","0.2.11":"2018-11-30T12:59:35.026Z","0.2.12":"2018-11-30T13:22:23.913Z","0.2.13":"2018-11-30T13:31:26.991Z","0.2.14":"2018-11-30T13:35:47.183Z","0.2.15":"2018-11-30T13:55:58.482Z","0.2.16":"2018-11-30T14:01:32.095Z","0.2.17":"2018-11-30T14:14:31.892Z","0.2.18":"2018-11-30T14:43:07.364Z","0.2.19":"2018-11-30T15:06:12.065Z","0.2.2":"2018-12-01T09:50:36.597Z","0.3.0-rc1":"2018-12-04T14:02:00.614Z","0.3.0":"2018-12-04T14:14:36.105Z","0.3.1":"2018-12-05T08:28:16.280Z","0.3.2":"2018-12-07T08:32:24.643Z","0.3.21":"2018-12-07T11:39:05.508Z","0.3.22":"2018-12-07T11:39:57.514Z","0.4.0-rc1":"2018-12-11T11:57:56.458Z","0.4.0":"2018-12-11T12:13:49.578Z","0.4.1":"2018-12-20T13:25:29.804Z","0.4.2":"2019-08-23T08:24:25.814Z","1.0.0":"2019-08-27T14:13:16.276Z","1.0.1":"2019-08-27T14:15:37.655Z","0.4.3":"2019-08-27T14:21:47.559Z","0.4.4":"2019-08-29T08:28:27.031Z","0.4.5":"2019-08-29T08:32:52.569Z","0.4.6":"2019-10-05T12:24:01.459Z","0.4.7":"2019-10-06T20:57:43.847Z","0.4.8":"2019-10-07T05:31:20.672Z","0.5.0":"2019-10-16T11:43:29.040Z","0.5.2":"2019-12-16T12:07:57.093Z","0.5.3":"2019-12-16T12:23:53.863Z","0.6.0":"2020-02-17T10:26:08.458Z","0.6.1":"2020-02-17T10:42:28.980Z","0.6.2":"2020-02-17T17:40:16.366Z","0.6.3":"2020-04-21T09:35:09.439Z","0.6.4":"2020-04-21T09:39:36.908Z","0.6.5":"2020-09-18T06:53:13.155Z","0.7.0-2":"2020-10-03T04:50:53.858Z","0.7.0-rc3":"2020-10-03T09:57:25.932Z","0.7.0-rc4":"2020-10-03T10:37:08.691Z","0.7.0-rc5":"2020-10-03T11:41:48.724Z","0.7.0-rc6":"2020-10-03T12:04:34.380Z","0.7.0-rc7":"2020-10-03T12:20:00.852Z","1.0.0-alpha.0":"2020-10-03T18:24:10.053Z","1.0.0-alpha.1":"2020-10-03T18:32:40.960Z","0.6.9":"2020-10-03T19:24:20.720Z","1.0.0-alpha.2":"2020-10-15T19:32:11.932Z","1.0.0-alpha.3":"2020-10-15T19:40:34.495Z","0.6.10":"2020-10-15T20:01:50.893Z","1.0.0-alpha.4":"2020-10-20T19:13:55.532Z","1.0.0-alpha.5":"2020-10-20T19:33:19.895Z","1.0.0-alpha.6":"2020-10-20T19:54:25.051Z","1.0.0-alpha.7":"2020-10-22T18:54:29.848Z","1.0.0-alpha.8":"2020-10-22T21:20:59.225Z","1.0.0-alpha.9":"2020-10-23T04:06:07.251Z","1.0.0-alpha.10":"2020-10-23T08:07:14.132Z","1.0.0-alpha.11":"2020-10-23T10:36:00.739Z","1.0.0-alpha.12":"2020-10-23T12:22:39.198Z"},"maintainers":[{"name":"smartweb","email":"smwb.tech@gmail.com"}],"description":"vue-flash-message - is plugin and component to provide simple and fast notification system for website/application user","homepage":"https://smwbtech.github.io/vue-flash-message/","keywords":["vue","vue 3","vuejs","flash message","flash","vue message","vue flash","vue flash message","vue notify","vue notifications","nuxt notify","nuxt notifications","nuxt message","nuxt flash","nuxt flash message"],"repository":{"type":"git","url":"git+https://github.com/smwbtech/vue-flash-message.git"},"author":{"name":"Roman Privalov","email":"roman.privalov@gmail.com","url":"https://t.me/RomanPrivalov"},"bugs":{"url":"https://github.com/smwbtech/vue-flash-message/issues"},"license":"MIT","readme":"","readmeFilename":""}