{"_id":"@alotool/busy-load","_rev":"1-15969d02332fca24129168fe96525144","name":"@alotool/busy-load","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.2":{"name":"@alotool/busy-load","version":"0.1.2","description":"A flexible jQuery loading-mask","main":"dist/busy-load.js","scripts":{"test":"mocha-chrome test/testrunner.html","dev":"npm run development","development":"cross-env NODE_ENV=DEVELOPMENT webpack --progress --hide-modules","watch":"cross-env NODE_ENV=DEVELOPMENT webpack --progress --hide-modules --watch","prod":"npm run production","production":"npm run development & cross-env NODE_ENV=PRODUCTION webpack --progress --hide-modules","start":"cross-env NODE_ENV=DEVELOPMENT-SERVER webpack-dev-server --open"},"homepage":"https://github.com/piccard21/busy-load","keywords":["alotool","jQuery-plugin","loading-mask","overlay","mask","loader"],"repository":{"type":"git","url":"git+https://github.com/piccard21/busy-load.git"},"author":{"name":"Andreas Stephan","email":"info@cafe-serendipity.com","url":"info@cafe-serendipity.com"},"license":"MIT","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-polyfill":"^6.26.0","babel-preset-env":"^1.6.1","chai":"^4.1.2","chai-jquery":"^2.0.0","clean-webpack-plugin":"^0.1.17","cross-env":"^5.1.1","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.2","html-webpack-plugin":"^2.30.1","jquery":"^3.2.1","lodash":"^4.17.4","mocha":"^4.0.1","mocha-chrome":"^2.0.0","node-sass":"^4.5.3","postcss":"^6.0.14","postcss-cssnext":"^3.0.2","postcss-import":"^11.0.0","postcss-loader":"^2.0.8","sass-loader":"^6.0.6","sinon":"^4.1.2","sinon-chai":"^2.14.0","webpack":"^3.8.1","webpack-cli":"^3.2.3","webpack-dev-server":"^3.0.0"},"bugs":{"url":"https://github.com/piccard21/busy-load/issues"},"_id":"@alotool/busy-load@0.1.2","_nodeVersion":"12.18.1","_npmVersion":"6.14.9","dist":{"integrity":"sha512-YtAfc1pdIvwwV5y4TjWDU0IgXc05VRlyVOLl9ElRRviJwb//gLXLZPd7Ray5jubl6jbm8mCZB0ZeX6uTAPsbOQ==","shasum":"53815a5907ffdeb99db11769a972a7fcab29323a","tarball":"https://registry.npmjs.org/@alotool/busy-load/-/busy-load-0.1.2.tgz","fileCount":7,"unpackedSize":117534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0znICRA9TVsSAnZWagAAMLgQAIEjXCLqVE3Q9xZGtl7Y\n5cHDxIlTz64PRlsftSeLcP5NDBi6fAIrPmGZKnZOZlFIiDs7vIlvxyPZuN1T\nUfFr9MlgFWa9aDN8hVyn6hom5/YjYAFhwm2I3spUtFbgKTmMnRJVRKwS31A1\noRMKs3x+XzI2T+UprOFPyg/jidGcveNtXCPwj/3U2X68QMbN990n/zPodRpf\nV1r3vO64eizT4DtcEq+00BTDB5OtXyYqWRtICq6wXwtlxNE0ngJ8txjZNEuX\nLMeFU0pG+FjgzqCX+HTLjAIX5TKq7CXarAIXiMW1XcBsclgzuLpIOPixd9Of\nPRMtehSu3qMje6M7tji3EHv7nu8p2It6v3WfhC2kND6GpCCI7V2KRj48nXYV\n0qMAuF1zuAIC2b9mw0jspoPUEEnWT/M6zulF61gldHgGWF/XlRRHkaodxiVS\nju1R6NBQmQH3BYh+MSUxcoVXoTvL98eAvb+QCsRSjBA0ZZCwzwHC5UhxN4/n\nohoRJn+zCM5wizSEb/FHTJ9v4CkoPF72NdEb8DxgE1uxiHwVo2JsfyREvQgX\nRJmF6KSqvQzVwyB29Z7bAe9HUsT0iRVIoLZDXIDF/IjMBcgYFjqjmGLdHKJ3\nXHFo2EZoe/Lkbg3pOd+gAjAlM+e8bdJGWYyVpTIETHAnng6BHMJYLdgzpUKu\nBViQ\r\n=5aQa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEuc67FtasRg2GkJMW8vJ1rS6203fUDpa+e2afeunbrwIhAN7M6vQoKtRjvHSkXJxuU/6//EfkGyqCiOxHs06C/u3j"}]},"_npmUser":{"name":"alotool","email":"alotool360@gmail.com"},"directories":{},"maintainers":[{"name":"alotool","email":"alotool360@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/busy-load_0.1.2_1607678407663_0.5901845922917119"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-11T09:20:07.603Z","0.1.2":"2020-12-11T09:20:07.818Z","modified":"2022-04-04T13:37:33.516Z"},"maintainers":[{"name":"alotool","email":"alotool360@gmail.com"}],"description":"A flexible jQuery loading-mask","homepage":"https://github.com/piccard21/busy-load","keywords":["alotool","jQuery-plugin","loading-mask","overlay","mask","loader"],"repository":{"type":"git","url":"git+https://github.com/piccard21/busy-load.git"},"author":{"name":"Andreas Stephan","email":"info@cafe-serendipity.com","url":"info@cafe-serendipity.com"},"bugs":{"url":"https://github.com/piccard21/busy-load/issues"},"license":"MIT","readme":"# BUSY-LOAD\n\n[](https://travis-ci.org/piccard21/busy-load)\n[](https://www.jsdelivr.com/package/npm/busy-load)\n\nA simple, but flexible loading-mask plugin for jQuery.\n\n* **Overlay**\n * choose an animation, like fade or slide in\n * fiddle around with plenty of customization options \n* **Spinners**\n * css - select from a collection of pure css-spinners from [Tobias Ahlin](http://tobiasahlin.com/spinkit/)\n * image - use an image as a spinner\n * custom - pass in your custom jQuery-Element\n * fontawesome - just use the library-icons\n* **Text**\n * show some text \n * position it on top, bottom, left or right of the spinner\n * customize your text, like color, margin, size ... \n* **ES6**\n * because *busy-load* is completely written in ES6, you can simply *require* or *import* it\n\n## Demo\n\nYou can find some examples [here](https://piccard21.github.io/busy-load/).\n\n## Getting started\n\nAdd jQuery \n\n```\n\n```\n\nthen busy-load\n\n```\n\n\n```\n\nand call the plugin from your element\n\n```\n$(\"#some-element\").busyLoad(\"show\");\n\n// with options\n$(\"#another-element\").busyLoad(\"show\", {\n\tbackground: \"#000\",\n\tspinner: \"cube\",\n\tanimation: \"slide\"\n});\n```\n\n```\n$(\"#some-element\").busyLoad(\"hide\"); \n\n// with options\n$(\"#another-element\").busyLoad(\"hide\", {\n animation: \"fade\"\n});\n```\n\n### Hint\n\nThe overlay gets an absolute position, so if your caller element has a position of *static*, busy-load will turn it into *relative*.\n\n## Installation\n\n### cdn\n\n```\n\n\n```\n \n### npm\n```\nnpm i busy-load\n```\n\n- **HINT**: *busy-load* imports its scss to the bundle, so you will need a [sass-loader](https://github.com/webpack-contrib/sass-loader).\n\n#### import \n```\nimport 'busy-load'; \n```\n\n#### require \n```\nrequire('busy-load'); \n```\n\n\n#### copy\n- You'll find a normal and a minified version of the *js*-& *css* file inside the **dist**-folder. You can copy them wherever you'd like and include them by a *link*- and *script*-tag.\n\n \n\n\n## Options\n\nHere's a full list of all the default-options you can use and modify on the plugin:\n\n \nProperty | Description | value | Default value\n------------- | ------------- | ------------- | -------------\naction | show or hide the overlay | show, hide | -\nspinner | a CSS-spinner | pump, accordion, pulsar, cube, cubes, circle-line, circles, cube-grid | pump\nimage \t\t | use an image as spinner | source for image (location, string) | false\nfontawesome \t\t | use a fontawesome-icon as a spinner | fa fa-refresh fa-spin fa-2x fa-fw | false\ncustom \t\t | use a custom jQuery-element as spinner | jQuery-element $(\"#el\") | false\ncolor \t | color of the spinner | color-value | #fff\nbackground \t | background of the overlay | color-value | rgba(0, 0, 0, 0.21)\nmaxSize \t\t | max-size of the spinner | size-value | 50px\nminSize \t\t | min-size of the spinner | size-value | 20px\ntext \t\t | text next to the spinner | String or false | false\ntextColor \t\t | color of the text | color-value | default is color\ntextMargin \t\t | margin of the text - works on every textPosition | size-value | false\ntextPosition \t\t | where should the text appear | top, bottom, left, right | right\nanimation \t\t | use an animation, when overlay appears or hides| fade, slide | false \nanimationDuration \t\t | pass in duration of animation | slow, fast, integer in ms | fast \ncontainerClass \t\t | add a class to the overlay-container | class-name | busy-load-container \ncontainerItemClass \t\t | add a class to the container-item | class-name | busy-load-container-item\nspinnerClass \t\t | add a class to the spinner | class-name | busy-load-spinner\ntextClass \t\t | add a class to the text | class-name | busy-load-text\n\n\nTo see them in action and learn how to use them [goto this place](https://piccard21.github.io/busy-load/).\n\n## Events\n\nbusy-load includes some basic events\n\nEvent | Description | parameters \n------------- | ------------- | ------------- \nbl.show | before overlay is shown | event, $container, $targetNode\nbl.shown | after overlay appeared | event, $container, $targetNode\nbl.hide | before overlay disappears | event, $container, $targetNode\nbl.hidden | after overlay is removed from DOM | event, $container, $targetNode \n\n## Fullscreen\n\nFor a fullscreen-overlay use **$.busyLoadFull()**:\n\n``` \n$.busyLoadFull(\"show\");\n$.busyLoadFull(\"hide\");\n``` \n\n- the method accepts the same options like *busyLoad()*\n\n## Setup\n\nIf you don't wanna pass in your options all the time, because it would repeat itself, you can use **$.busyLoadSetup**:\n \n``` \n$.busyLoadSetup({\n\tanimation: \"slide\",\n\tbackground: \"rgba(255, 152, 0, 0.86)\"\n}); \n``` \n\n## Defaults\n\nTo see the actual default-settings use **$fn.busyLoad.defaults**:\n \n``` \n$.fn.busyLoad.defaults\n``` \n\nSetting a new default value:\n\n``` \n$.fn.busyLoad.defaults.color = \"blue\"\n``` \n\n\n## License\n\nbusy-load is licensed under the MIT License - see the LICENSE file for details.\n\n\n## Author\n[Andreas Stephan](https://cafe-serendipity.com)","readmeFilename":"README.md"}