{"_id":"@adel-batal/popup-vue-lib","_rev":"4-2651f99c1db173f18e4718be779b0a21","name":"@adel-batal/popup-vue-lib","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.0":{"name":"@adel-batal/popup-vue-lib","version":"0.0.0","main":"dist/popup-vue-lib.umd.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","fake-backend":"json-server --watch db.json --port 5000 --host 192.168.1.6","build-lib":"vue-cli-service build --target lib src/components/index.js"},"dependencies":{"core-js":"^3.6.5","json-server":"^0.17.0","moment":"^2.29.1","vue":"^3.0.0"},"devDependencies":{"@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","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^7.0.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"8067403ab6056e4533663648e5283c830aed4dbc","description":"","_id":"@adel-batal/popup-vue-lib@0.0.0","_nodeVersion":"14.15.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-i6cGlXRGdIGP7gsL/rUV+IbT07WsMHwIpH3PuRBozjSByd+uR56pbs+stDhiBW/Hs4K/SbNfIFDpi47gOCOmAw==","shasum":"4536140f7338ab1b4cc35566f4cc835c550301f5","tarball":"https://registry.npmjs.org/@adel-batal/popup-vue-lib/-/popup-vue-lib-0.0.0.tgz","fileCount":10,"unpackedSize":5599986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyLhuCRA9TVsSAnZWagAAWFkP/ApGrlO0u9j2QzUIrcg7\nREbrLwv7qxjlbnvSxMf1tTkbnTzbsEiZyyREFpErHdMEgstepjUWu7pVR6yR\n/S9stldpf0sSa7UXqHIZs8YqL1I12tJSwfF3rYXxMkr7/jvjQx1xUQiuhrKg\nswVSiUCnW/52GGuG+sszFiKgC30MqQY4wLwJIlDrqnh9xs/T/1U1+GNUbPE0\n5D7/PXY5bJtw8Iz8zhKVYQ2eDuWfpOhy8iSGTqsIqIdXJ71hsWqQPTy1sioD\n7ac+qbMy32WBM2xxncjzFNpJpHRKa2mxvVCgJt7Izt8IWpKTDEeZM8mJPVKw\n0CkLqTnC84v5/Bmf4enAuVjits7JMXxBLz+CXGzdEqUgqkzOGFFTiIC8RCU1\nh+IdkHwubMrc7M9Sm2fbyEfDIgTfsoy0GAYlkrWWNnSfP93LYgpJHPc4zMky\ny8r4R0BiWqXtZ7wo9J5+TbVQVrb0LFH6su8Uh1guAitM8mhdcZRvHo9t6VPf\nhKPh4Mvykjz7qQK7dg4FwzyFEoh965CleL74vDjlT98BL4LQ9N6QYcGflZEa\n0hbTSEZMFHgQN8WR52PXm407Go32kQPwFpND68KVTmTNNryNKcj7NbdyIFET\nxijcLgVVOQ2jS9weUtiJbVfrVXrtImVzDRb/HN4NCQyXOO9iXgNR35EAUt9S\nFJw0\r\n=Xc9U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoQwkMyjkxX5GbjPlVls+8u4UFsUvLaZLxgr6N7fKE9AIhAL9hl88EwI2AwjLOT6yGjMi3AX32gnIr2YsTM8N7YHvM"}]},"_npmUser":{"name":"adel24","email":"batal.adel24@gmail.com"},"directories":{},"maintainers":[{"name":"adel24","email":"batal.adel24@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-vue-lib_0.0.0_1640544366272_0.5690025100977496"},"_hasShrinkwrap":false},"0.0.1":{"name":"@adel-batal/popup-vue-lib","version":"0.0.1","main":"dist/popup-vue-lib.umd.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","fake-backend":"json-server --watch db.json --port 5000 --host 192.168.1.6","build-lib":"vue-cli-service build --target lib src/components/index.js"},"dependencies":{"core-js":"^3.6.5","json-server":"^0.17.0","moment":"^2.29.1","vue":"^3.0.0"},"devDependencies":{"@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","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^7.0.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"8067403ab6056e4533663648e5283c830aed4dbc","description":"","_id":"@adel-batal/popup-vue-lib@0.0.1","_nodeVersion":"14.15.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-GnUHocU7D/s1cngiNherIXZfn3KaeCD9GzR49Z+FKnfidEtM7x5oSvXCp+PUTpv0/nlqAlZ9yqSxRjOUyUcn8A==","shasum":"facbfbe9c8bbf65038c49ec5ef9a989642485736","tarball":"https://registry.npmjs.org/@adel-batal/popup-vue-lib/-/popup-vue-lib-0.0.1.tgz","fileCount":10,"unpackedSize":5599986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyLlmCRA9TVsSAnZWagAAKKgP/23nCh1WjVlAAYyRJNgz\nuGBKxi3LFrGwnH1uc50QXJwNUNOtodYt4337pgJFW8yATGyFKHA1DXNmYexi\niyCKRkWTE5bxmh+QZ2NYyWQLoWSpkt7uFusincvIMie/waoPZk/IbTxdS4B4\njMjZuc7gK47j641gqqE5Y4YBevbGI/488u8HdhbiM+6gWqufqsrwxnklQhjb\nLv3gk0JyWB7ndvxBfLWhTU5tBwJOogQJuiCXdblXpW7T3yGlkDCU0RFMQGUJ\nG8cMJYzWP1TgK2R5g7LQq1PM1M+qGnb+sZ7u6GjuSQ37DrD5TZqk30lHydD2\nfmbEr7Tz/kQiWJpqAd2Os5zSR73iQw+Y5K6d4OQRh2T00JQKbaQDaUa4z/qw\n/u9m2024cTxkToeqv+4wfotK/5nmdLAiSqu6xZpERLihUMHRb6p6+UHhpA9B\nSfjUKetkhZZ1Z75Rq1ZwykZtrdKng4MxRl0lXyOVlu4oRXiVLjL2VwsfmmCQ\nr/C/fTZFJXiDhLocYxpsDGtBO+ZFW4avZuuzo61Yw73pvugzO9zuNXPAyRRF\nOiHIpFNfzV+j55ZavjAglax2r86/h5V+J8ED8R6gwCtVPZq0XOt6yB3Wa/ro\n1m1MQ1JMD0W4OUNelx8HqwOcuEJA3QawLGfRJx8VrCXD57GsbqoU8+Lb7h26\nQa1v\r\n=amXW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyl4dBlGeCUCHwYBBv9OKE8jBqskB8kzIOfBmqzA8ZeAiEA4rFCi4jZDp2KEZRLcA8G8YJ4jRdLj9kB9ekAqfkXPYA="}]},"_npmUser":{"name":"adel24","email":"batal.adel24@gmail.com"},"directories":{},"maintainers":[{"name":"adel24","email":"batal.adel24@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-vue-lib_0.0.1_1640544613820_0.4161748710665958"},"_hasShrinkwrap":false},"0.0.2":{"name":"@adel-batal/popup-vue-lib","version":"0.0.2","main":"dist/popup-vue-lib.umd.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","fake-backend":"json-server --watch db.json --port 5000","build-lib":"vue-cli-service build --target lib src/components/index.js"},"dependencies":{"vue-router":"^4.0.12"},"peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@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","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^7.0.0","json-server":"^0.17.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"8067403ab6056e4533663648e5283c830aed4dbc","description":"To install in your project ``` npm install @adel-batal/valsdkflskd ``` --- ## How to test immediately 1. Clone the repoistory to your machine. 2. In the root directory open a command line window and run `npm install` to install all of the required depende","_id":"@adel-batal/popup-vue-lib@0.0.2","_nodeVersion":"14.15.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-Fp4h6B873wdVj/QJfE5oDf+8gEmLjKyRopQp6BysrRFuRxsknU+VC2kF8PC7BZOlUArMP35fIKVJJ0k4V3pySA==","shasum":"36237fe7c59ee8b4714b4b84e6535c9541ae0326","tarball":"https://registry.npmjs.org/@adel-batal/popup-vue-lib/-/popup-vue-lib-0.0.2.tgz","fileCount":10,"unpackedSize":772769,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhylEpCRA9TVsSAnZWagAAfrAP/jDcCUwDS+HjrGQvFI0x\nYg+WvWT9hYaBV8rA3f5LzotA7xvD508n7l5dsKigyqhRNRZw1+q7ZvE8tkJ+\n++MVMP8ePZiD+u0ZmLc5RsiSpEUuvZSRvA26YKO+IdG1jWUlcOkvxkE8hrUC\nDkoYe+OYX7CbLHirgHq8CyfNol+tlyItpdSdvcIoQKbTVwH/+9IVvXiS08eZ\nr11nW81YxJ2KuJ7y1vtiipvKYTaCbzdzPBOti1O+TZOEsQqTAxnwsmvv3LY5\nxD1w+XxMLGRIy0zSQR7WqrbFPV9U/eMAyXTEzXSIAtF7/6n1gaaNAU+uzpYR\nie1ry7qZqRUFIWxRuiyfFD+8rCD85Yn4oXtZIbv1SfEXWr1ssx/ImBTv8BRb\n4oyg8lE3ZaCQwXhY6e1ACFx5Zg0/fXj8vJ+eYLi91w5MYrjLbdNQ5PaYmzTh\nm+sdUHTpiwTtJ1alRGDQrNYPwzgW1AzPtH6ftxHR9Tf5bd+KdK2Hnl7rmW/k\nkPaPl0xOka48yQsJJ4NRfqkjPAbz+3XYbX3ycrzgBphMG7YcdeN3NUoJcWtK\nxlOQIzRPvv5GXlHJibDVvMeSL0PoeiNOeUHr2Q6t2th9apdq/hO0wohgkx/z\n4Z3V6bPYYBMpY4Su0NckpEB/4STrKjBZvuRNR/alLd+UJBlolX0XNtfqztir\n8uwl\r\n=KPmD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqSo9Dn/qysDF48VCmVuphIbNwNA+90OmAW0yFbohUJwIhAP3TWI7H26lco7Vgc6XnWB5DjPv3655YuEgxfyzvoGIg"}]},"_npmUser":{"name":"adel24","email":"batal.adel24@gmail.com"},"directories":{},"maintainers":[{"name":"adel24","email":"batal.adel24@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-vue-lib_0.0.2_1640649001104_0.41082667930313854"},"_hasShrinkwrap":false},"0.0.3":{"name":"@adel-batal/popup-vue-lib","version":"0.0.3","main":"dist/popup-vue-lib.umd.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","fake-backend":"json-server --watch db.json --port 5000","build-lib":"vue-cli-service build --target lib src/components/index.js"},"dependencies":{},"peerDependencies":{"core-js":"^3.6.5","vue":"^3.0.0"},"devDependencies":{"json-server":"^0.17.0","@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","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^7.0.0"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"0acc5a724381f619263f36fdde11f5c17966451e","description":"To install in your project ``` npm install @adel-batal/valsdkflskd ``` --- ## How to test immediately 1. Clone the repoistory to your machine. 2. In the root directory open a command line window and run `npm install` to install all of the required depende","_id":"@adel-batal/popup-vue-lib@0.0.3","_nodeVersion":"14.15.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-OVdtCsRmf5M4Kce8m2dMlcOKpTImfl2xSUZO0pbhPvUsbhe3Sx4gFXUdARNXqnidKYNplTC1p4CZXEEd2r77lw==","shasum":"00b6826c7ea4b0093419251033fec492e6f193e7","tarball":"https://registry.npmjs.org/@adel-batal/popup-vue-lib/-/popup-vue-lib-0.0.3.tgz","fileCount":10,"unpackedSize":773274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhytOxCRA9TVsSAnZWagAA1dwP+gL6ekKHGpGXAMAFQJTH\nuFqG+RSf1zhq/Dd1Gqmr3OnB54Z4h+V1XgNlkd/2GlnrSaKmrD4SF5uKiazO\nLC7E40pRRAjfMmBdxrhVJYJ8p50U03092A2cpGIP2r+nSAK87UzyHyr7t+Wg\n89cOJ6pvJy1JTJAxmlNfY9A4ZeG+XWHOjIV+FrqDQvL8eeCdtSYVpqrQNIxL\nbu5me7FPLzjSvqtPUqePWpEzV4pFMHtDMgVU6OBrqNrs2H/jehdf6663+9UE\n8hAbck+K9MUsruFd9Qs8vAe2rjI5r9op8uE2rvmLTJXtg88QZBVts5oN8faY\n/7O9A/N/CClIn2+4eJwCTtW2PoIsb/Ynv41VNZPlVBDuQNSwuulpNDtcFaeq\n7SMY31MTjVYbPcT/+ISALI2JF5TZm4pvsYmGZNNi0HwoVF2fM6H/znqg3/ZP\nsGsgV5m2cWZ+Tob0pi9R3PGLekU2xmlq4idv16dRyxOyd5EQLRBa6n4zaO2b\nkm0tY7LgwFDbft1OjVejZpnpC75jxD9sPPMrN/81NVsqCme2UBplXR5LkSYw\nQBygohvP0LgiQhS1o/sRFjNi1LgrETz2MblNJg0suFlP8PDeKDo8zDGLt5YA\nv+bVGF0myKVESr0b76kkA+PMNHpj69Ma1RRoVMvhC+YdwWHL6tJhjXeDwByT\n5adv\r\n=FwOY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICeE6X9xBteNc1bw0PPFyaWla9tzSgNB5bE5hoUGone9AiEAn+y4qRFcKBUhDftEpx47cbTIYv3zdtNEkMKMa0Cb4Uw="}]},"_npmUser":{"name":"adel24","email":"batal.adel24@gmail.com"},"directories":{},"maintainers":[{"name":"adel24","email":"batal.adel24@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-vue-lib_0.0.3_1640682416982_0.14199336632655846"},"_hasShrinkwrap":false}},"time":{"created":"2021-12-26T18:46:06.203Z","0.0.0":"2021-12-26T18:46:06.492Z","modified":"2022-04-04T11:28:36.619Z","0.0.1":"2021-12-26T18:50:14.013Z","0.0.2":"2021-12-27T23:50:01.266Z","0.0.3":"2021-12-28T09:06:57.202Z"},"maintainers":[{"name":"adel24","email":"batal.adel24@gmail.com"}],"readme":"# Popup manager and controller Vue library\nTo install in your project\n```\nnpm install @adel-batal/valsdkflskd\n```\n---\n## How to test immediately\n1. Clone the repoistory to your machine.\n2. In the root directory open a command line window and run `npm install` to install all of the required dependencies.\n3. To start testing the library, first run the dev server by running `npm run serve`.\n4. For immediate testing, this library currenlty has a json-server fake backend for testing persiting popup data which is saved in `db.json` in the root directory, so running an additional server is required.\n5. Open another command line in the root directory and run `npm run fake-backend`.\n6. You can add new popups by either manually adding json data in the `db.json` file (may require re-running the backend server), or by using the PopupManager Graphical User Interface.\n---\n\n## How to use\nThe library consists of two components. PopupManager is the admin UI and is used to create,edit and delete popup entries. \nPopupController is the library that runs on the user's end.\n\n### PopupController\nTo use PopupController on its own you either have to define a custom Popup component with the required interface or add no children and it will use  the default Popup component included in the lib.\n\n#### Custom Popup Usage\n```html\n<PopupController :popups=\"popups\" ref=\"controller\">\n  <template v-slot:default=\"popupProps\">\n    <CustomPopup :popup=\"popupProps.popup\"  @close=\"popupProps.close\" />\n  </template>\n</PopupController>\n```\n\n### PopupManager GUI\nThe available options for a popup configuration object are:\n#### Triggers (Popup Editor Component)\n- Scroll based\n  - Accepts value for:\n    - Scroll percentage\n    - Frequency in days\n- Timer based\n  - Accepts value for\n    - Specified time period\n    - Frequency in days\n- Exit-intent based, fires on cursor exiting browser screen\n- Touch screen exit-intent based, fires on fast scrolling towards up\n- Hover based, triggers on hovering an element\n- Click based, triggers on clicking an element\n\n##### PopupManager screenshots\n###### Main view\n![Alt text](screenshots/popup-manager.png?raw=true \"PopupManager\")\n\n###### Form views\n![Alt text](screenshots/add-popup-1.png?raw=true )\n\n![Alt text](screenshots/add-popup-2.png?raw=true )\n\n![Alt text](screenshots/add-popup-3.png?raw=true )\n\n![Alt text](screenshots//edit-popup.png.png?raw=true )\n\n#### Notes\n- There are 7 intreis in the `db.json` file so you can immediately test\n- The Vue router library was added to the project for the convenience of the tester and only that\n\n### Build lib\n```\nnpm run build\n```\n\n### Lint lib\n```\nnpm run lint\n```\n### Publish\n```\nnpm run build-lib\nnpm publish\n```","readmeFilename":"README.md","description":"To install in your project ``` npm install @adel-batal/valsdkflskd ``` --- ## How to test immediately 1. Clone the repoistory to your machine. 2. In the root directory open a command line window and run `npm install` to install all of the required depende"}