{"_id":"@aphorica/vuetify-blackout-panel","_rev":"3-63e770fea7cb684e9f4526a00466ddc5","name":"@aphorica/vuetify-blackout-panel","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@aphorica/vuetify-blackout-panel","version":"1.0.0","description":"Shaded blackout w/message or busy icon","main":"index.js","repository":{"type":"git","url":"git+https://github.com/Aphorica/vuetify-blackout-panel.git"},"author":{"name":"Rick Berger - Aphorica, Inc.","email":"gbergeraph@gmail.com"},"license":"MIT","private":false,"dependencies":{"@aphorica/vue-event-bus":"^1.0.0"},"gitHead":"0fcc0e44f4b11bc50750f73212535ddae0ce31ef","bugs":{"url":"https://github.com/Aphorica/vuetify-blackout-panel/issues"},"homepage":"https://github.com/Aphorica/vuetify-blackout-panel#readme","_id":"@aphorica/vuetify-blackout-panel@1.0.0","_npmVersion":"5.1.0","_nodeVersion":"10.15.3","_npmUser":{"name":"rickbsgu","email":"gbergeraph@gmail.com"},"dist":{"integrity":"sha512-fZX/9G5vmSHvHsDt9YrcqqFnIM6u0iXelb1t0VjbG3wOGEiQloiECWmHtZJ2ld4ft2Bt9HZJbr/uVnVip+QYJA==","shasum":"4662c92bf386fde1bdef7b57ba8a1daf825e7a29","tarball":"https://registry.npmjs.org/@aphorica/vuetify-blackout-panel/-/vuetify-blackout-panel-1.0.0.tgz","fileCount":9,"unpackedSize":7940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJct3UdCRA9TVsSAnZWagAACQsP/31Zyl3fHrK31Apj6Mhc\nF/uUC70Uz6yTkqKyYvMqxg+/N5A8HGk7AiSLXXIs4butduiGb6Od8wSCDUx2\n0TMh995JdjPMSuOQLWmqIkxNbWBnRPbzcArlhwGdbV8BCFDaQfRHSu6gG3KI\nvjTSED5hVRKvYsuMPTOJnL1AC+7FW9X2wcMy9mNbdfWrEoz0lpwQyD7WxYES\nK+Jm4AhNmWjXtOPWDHqT6BdE3bz7ArQm8Hq3o03+1SwJMhgKLSdZHDeMuiHt\nz8n3zE9wriI7vl/lfr2dUzhe8SyKC1jbJdQ2HbajH7NmKx0FTyhdt8WHDzsu\nefYfnlO3RBsqxy6ywl7yPrvrVW8GS7dzzcycKZEvYg0fko5/bUzeIg9APzMe\nCICwZ8V25x5WRmvSM6rSh7YIts1vkEN5LBfvvSUEiDLHgoKZWeJEC35pC7UQ\nNodxmahs49bV9x+9rOmNHP4HEDzlGVHAVisjGKUvo9ZDxiui40lj2Egh9i+Z\npD8APJX6RzF8iZb9JEwtkcmqPgyECCde48lp5amDTHTn/xYnH/srvllzFmTh\n7fVCN/uedycqf+7ukE1dsSL2lVlnF9W6fzIZNnzmvAwqcOnkUclRbxnz+/sk\n28wM0eSiw4vT4lIems+oBCzcDHDS0PmOgB33st0cUxSUt0peoLpRLzt9W9i4\njha6\r\n=2oQW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHoR1S0GrVnDowYh5KORVg/BvOCfZBa1l4pp8bjKTlX3AiBD0O5R33PZx9ySvDv0hxX4aCZ2IJ/REAoK7+74xDn4aA=="}]},"maintainers":[{"name":"rickbsgu","email":"gbergeraph@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuetify-blackout-panel_1.0.0_1555526940695_0.3053714060350079"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aphorica/vuetify-blackout-panel","version":"1.0.1","description":"Shaded blackout w/message or busy icon","main":"index.js","repository":{"type":"git","url":"git+https://github.com/Aphorica/vuetify-blackout-panel.git"},"author":{"name":"Rick Berger - Aphorica, Inc.","email":"gbergeraph@gmail.com"},"license":"MIT","private":false,"dependencies":{"@aphorica/vue-event-bus":"^1.0.0"},"gitHead":"658f2b450df6f9f931fadffc55d04f39fec395de","bugs":{"url":"https://github.com/Aphorica/vuetify-blackout-panel/issues"},"homepage":"https://github.com/Aphorica/vuetify-blackout-panel#readme","_id":"@aphorica/vuetify-blackout-panel@1.0.1","_npmVersion":"5.1.0","_nodeVersion":"10.15.3","_npmUser":{"name":"rickbsgu","email":"gbergeraph@gmail.com"},"dist":{"integrity":"sha512-sar7OsW2zW3D1WGJxtOJDKsPzawktRIaB3/+7gjMaS5vF7iLgms7Es478EGBj1VnUPJ7LsM/C06fhz6RCrbP6Q==","shasum":"e840838c89f3b19afbc75beb5e16e03ac14b3d88","tarball":"https://registry.npmjs.org/@aphorica/vuetify-blackout-panel/-/vuetify-blackout-panel-1.0.1.tgz","fileCount":9,"unpackedSize":7943,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJct3j2CRA9TVsSAnZWagAAPIUP/iJkTciQbHtY5Zec0MaZ\nsul3HrMggxr2zwqVLXxBRbBx9XrLyXjGhslbPVeozGCze6r0SnmOkmVAwRTZ\n1qGQ3C+eNJTODlGa56TrzBRKf7nuzGI4PUZ97vOhgb5L3NGaoSZSa5Icv2n5\ns9fil12ZaBdCi/vpsz+amQ3J7fzb+gpXqLo8eczbMrnd4hyCsovX+DOe5pRT\np1kIm+DVkIEunzJAfJcU2hSAp8BEgzsbJavCr2LUSqa0zPN3mt96SsUxZplS\nbiUYeMKDsnIJ2TWHyeU3CZA0NP5mQNiDXMqsRZyE7VHQjB8aVJJtpnUGH9b9\nsYW/rBEOPF1ppvqh5khLM3SRBmsA9D2KlVglH3gctVWoFA2o1WQMB5TZwh5V\nJEYjLl+P0ugoSt6lUyOgvouTvrg7CFHefulc4ADo8RBhQX9kGtrcVW22TSag\nBY39L2+SpqOvEZwFYFxxO4mNJ1QAM9BzAYKOs8XJEHwk03KZu+OipxqbhaMT\nFmZz+rYdP6NtitUD3LlOG5LAJ3AjLx4I2uB1xjq43YJPu7BXg/yi40wIf4fa\nyPA/3XDzJ3v6nSvnihWYrAj7XYwJUpc+PLQNRTiaDoYvnKc74Ifhe3eE0SsM\ndZHbO+rkswDyEvrPuT11htqaSEVIvc7gbV2dwDi5Efq0XVefkYwO2DOarpvU\nriQW\r\n=fm6T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDYdPT3qmEDHh4E1BWu1DoTzmi58K4C7X2QEms3iM1SyAiATzLlTJRTkmSKO1wY0mHaWjMTEaHG1p8RivNg+3B9ptw=="}]},"maintainers":[{"name":"rickbsgu","email":"gbergeraph@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuetify-blackout-panel_1.0.1_1555527926290_0.7487374846702362"},"_hasShrinkwrap":false},"1.0.2":{"name":"@aphorica/vuetify-blackout-panel","version":"1.0.2","description":"Shaded blackout w/message or busy icon","main":"index.js","repository":{"type":"git","url":"git+https://github.com/Aphorica/vuetify-blackout-panel.git"},"author":{"name":"Rick Berger - Aphorica, Inc.","email":"gbergeraph@gmail.com"},"license":"MIT","private":false,"dependencies":{"@aphorica/vue-event-bus":"^1.0.0"},"gitHead":"5ede9e74d82abee6f68f7f5e308fd9552bb56581","bugs":{"url":"https://github.com/Aphorica/vuetify-blackout-panel/issues"},"homepage":"https://github.com/Aphorica/vuetify-blackout-panel#readme","_id":"@aphorica/vuetify-blackout-panel@1.0.2","_npmVersion":"5.1.0","_nodeVersion":"10.16.3","_npmUser":{"name":"rickbsgu","email":"gbergeraph@gmail.com"},"dist":{"integrity":"sha512-WrizVXW3+KKNQEFyzbv27Nh/mbaUrn9IvTihSTujAi5kXKe5Xd0SFksWHHg+4LdDQWSaenR0+/4qaCXDRe3vVg==","shasum":"fe9c304c38ab568e8616b9eea8289c4b40beb8bd","tarball":"https://registry.npmjs.org/@aphorica/vuetify-blackout-panel/-/vuetify-blackout-panel-1.0.2.tgz","fileCount":25,"unpackedSize":368751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdh8YSCRA9TVsSAnZWagAA4xAP/2rvgbGoOwAuz6bPGyH0\nql6FL5KaSJCnI/rQEMT0RbPUxBn2Zz3Yh4wd00zY/S6d0XLzmxlBON2Tp1wE\n/YHk0ze5HTqFqPnAWcDC/dp2tnHtHE1yqAZ9dDNnRA3Or6aI5KLZ+b/StJvN\neDAG+p6R/pde7VGbUqmXbnJuHrSm9Et9co6i44IBRjcrbuv8J5bALFkUnel1\n/6FlpZ0dnE68/SfyifdTh/SSXWwwI+lxxmvG/SC1eLe4B7K9lzKv64mHKcwG\ngT4TAXV2d3ZfXqa8GzrpOuo3W5iT3G+NuN7guiukayVOfpXYnX2gaiRxgeha\ngGmWvEgEPv5xwI33Gh2P9E/j7yhnnIe1yEDZGggcEafN9/9gUfPW1L41SpYH\ntjnFDRAOkijZ9d/oNNrZoMCFUubtgp4rrGLGJk6OuFtIGrVFk1hW6eICpkxZ\n9In5koyrt+L4QOO/en1kpfP9buQzXw3YcEDAXejXEqHMhjq4cc60KWzHu/8F\nb4svIOdRZtknalI+BdFPeocWAEL6InsD/353raUPoGvtzz9aMsUyw6v3AdTE\nXSVs0GF12APPZ9EjOvkI9jRNfduOgC6qRtIaPKoKV1oqHLZycU22bpo6buR8\nndmDPlQcW0NGHOl41brs0TJtYIM/hBwa8H54azr/SPlWHl83rOV8PhgMaE1b\niRdO\r\n=kvbJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+vlWj2NbnMMKDz5nerE0B3rEq42/rKLJFZiRvzsu95wIgFS6P1zVniMBZvPd4q+zhvRsM+xs2ePR00nG3FLp0eDA="}]},"maintainers":[{"name":"rickbsgu","email":"gbergeraph@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuetify-blackout-panel_1.0.2_1569179154257_0.13239433307326043"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-17T18:49:00.500Z","1.0.0":"2019-04-17T18:49:00.845Z","modified":"2022-04-04T14:33:26.060Z","1.0.1":"2019-04-17T19:05:26.461Z","1.0.2":"2019-09-22T19:05:54.446Z"},"maintainers":[{"name":"rickbsgu","email":"gbergeraph@gmail.com"}],"description":"Shaded blackout w/message or busy icon","homepage":"https://github.com/Aphorica/vuetify-blackout-panel#readme","repository":{"type":"git","url":"git+https://github.com/Aphorica/vuetify-blackout-panel.git"},"author":{"name":"Rick Berger - Aphorica, Inc.","email":"gbergeraph@gmail.com"},"bugs":{"url":"https://github.com/Aphorica/vuetify-blackout-panel/issues"},"license":"MIT","readme":"# @aphorica/vuetify-blackout-panel\n\ngithub: https://aphorica.github.com<br/>\nWeb: https://aphorica.com\n\n## Installing\n\n`npm install @aphorica/vuetify-blackout-panel`\n\nor\n\n`yarn add @aphorica/vuetify-blackout-panel`\n\n## Running the Demo\n\nIn a command prompt, cd info the 'demo' directory, and:\n\n```\n  (yarn|npm) install\n  (yarn|npm run) serve)\n```\n\nOpen a browser on `localhost:8080`\n\n## Overview\n\nGeneral Blackout implementation along with helper.  Displays\neither a message or a spinner.\n\nConsists of three components:\n\n<dl>\n<dt>BlackoutComponent</dt>\n<dd>\nThis is the actual Blackout component.  It needs to be imported and\nincorporated in the template html and the code as follows:\n\n```\n  <template>\n    ...\n    <BlackoutComponent v-if=\"mboxVisible\" :show=\"mboxVisible\"\n                     :params=\"mboxParams\"\n                     @close=\"mboxClose\" />\n    ...\n  </template>\n  <script>\n    import {BlackoutComponent, BlackoutMixin} from '@aphorica/vuetify-blackout-panel'\n\n    export default {\n      components: { ..., BlackoutComponent, ... },\n      mixins: [BlackoutMixin],\n      ...\n    }\n  </script>\n```\n\nYou can put it in any component, but App.vue makes the most sense.\n</dd>\n<dt>BlackoutMixin</dt>\n<dd>\nProvides the default activation value and handlers.  This needs to be\nimported along with the BlackoutComponent in the same component.</dd>\n<dt>Blackout</dt>\n<dd>A lightweight object with which you provide content and control\nto the BlackoutComponent.  You can import this anywhere you want to\nshow the BlackoutComponent (including non-component code),\nwithout having to reinstantiate or otherwise import the\nBlackoutComponent.\n\nFor example:\n```\n  import {BlackoutPanel} from '@aphorica.vuetify-blackout-panel'\n\n   ...\n\n  needBlackout() {\n    BlackoutPanel.showBlackout('This is a message')\n          // (simplest invocation)\n  }\n\n  done() {\n    BlackoutPanel.hideBlackout()\n  }\n```\n</dd>\n</dt>\n\nIf showing a message, the panel instantiates a '_v-dialog_',\nwith the msg displayed in the contained '_v-card-text_' subpanel.\n\n## Invocation\n\n<dl>\n<dt>BlackoutPanel.showBlackout(&lt;msg | 'busy'&gt;)</dt>\n<dd>\nShows the blackout panel with either the message or a spinner.<br/>\nargs:\n<dl>\n<dt>msg</dt>\n<dd>The message to appear in the <em>v-card-text</em> subpanel</dd>\n<dt>'busy'</dt>\n<dd>Show the spinner box without a message.</dd>\n</dl>\n</dd>\n<dt>BlackoutPanel.hideBlackout()</dt>\n<dd>\nHide the blackout panel.  Can also be accomplished with\n`BlackoutPanel.showBlackout('')` (send an empty string.)\n</dd>\n</dl>\n\n## General Notes\n - The panel is implemented in a modal state &ndash; the user cannot\n   interact with the application until it is hidden.\n\n - This will take on any styling you specify for _v-dialog_ and _v-card_,\n   which means it should blend in seamlessly for any other dialogs you are\n   using.\n\n - Would like to consolidate the BlackoutMixin and BlackoutComponent\n   into a single file, but that will require some refactoring and research.\n\n - As the name implies, this is currently based on _vuetify.js_ &mdash; may\n   change that later.\n","readmeFilename":"README.md"}