{"_id":"@angsdev/ngx-pagestack","_rev":"2-20c2dbe57c1d5cbc3349c484312b039d","name":"@angsdev/ngx-pagestack","dist-tags":{"latest":"1.1.4"},"versions":{"1.1.1":{"name":"@angsdev/ngx-pagestack","version":"1.1.1","description":"An animated library to make web sites/apps based on the card shuffle concept or simply make presentations like powerpoints.","peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"keywords":["pages","stack","pagestack","slides","slideshow","presentation","animation","animated","dynamic"],"author":{"name":"Angel Quiñonez","email":"angel27y27@gmail.com","url":"https://angsdev.github.io"},"funding":[{"type":"paypal","url":"https://www.paypal.com/paypalme/AngelQuinonezS"},{"type":"airtm","url":"angelwc27"}],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/angsdev/pagestack.git","directory":"src/angular"},"license":"Apache-2.0","module":"fesm2015/angsdev-ngx-pagestack.mjs","es2020":"fesm2020/angsdev-ngx-pagestack.mjs","esm2020":"esm2020/angsdev-ngx-pagestack.mjs","fesm2020":"fesm2020/angsdev-ngx-pagestack.mjs","fesm2015":"fesm2015/angsdev-ngx-pagestack.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/angsdev-ngx-pagestack.mjs","es2020":"./fesm2020/angsdev-ngx-pagestack.mjs","es2015":"./fesm2015/angsdev-ngx-pagestack.mjs","node":"./fesm2015/angsdev-ngx-pagestack.mjs","default":"./fesm2020/angsdev-ngx-pagestack.mjs"}},"sideEffects":false,"gitHead":"ac3f32e0fd6ca97dee16d3fb56a7f752c2788ec0","bugs":{"url":"https://github.com/angsdev/pagestack/issues"},"homepage":"https://github.com/angsdev/pagestack#readme","_id":"@angsdev/ngx-pagestack@1.1.1","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QuzAEaTyRSsRaEvFGhwyDQ+zkZ1o3a8BJ1P21y64Q3O/qMwLNsocjqCvF193K3tmaXsQj3ujdGbNX32KzNfrUw==","shasum":"6029f9595deaa6edef600c7dac5797607ca7ab70","tarball":"https://registry.npmjs.org/@angsdev/ngx-pagestack/-/ngx-pagestack-1.1.1.tgz","fileCount":22,"unpackedSize":343069,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID0P9/++t1UQUzO54fjGKVO+DXT4lxo8g/A+L3IOtEABAiB12kIXdt2uxkFwkCWhKC7ieypr7grehkU1CorZX6iAmA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdD/bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQPg//bHtfwwm/nc+rtB0HpR3hlWENiwms/4yOMgcqXt2AZ5Eer1xA\r\nmC24vJ6SQ8vFVVs6nejAzdz/y8sRxMDwt/4FLnGr3bEKOE5/E9C523BZEp+m\r\n3G0oC1WCpWjZNBZJOGkhqXtxHgQ5k3HxNg2kEE5oKaAHOklhg/aW7dNR0Xqw\r\nZq0YTFN/w0NWSVLKsycDuyj9ePFfOqP76+4CXdQogi6QBvy7R22aV976PsL4\r\nFSwa3w7XeXc2tkIt+/H3kBhhaKi9rUsdCwDkqK9nEQTgTzGW/DY1tJ566lX6\r\nYyhg5nP1mx4XysXp3MU6K8CDLqc5h8GxkWvHXoaiyKOx2iLHr41APacIXW7r\r\nqG2ICNVWuFKpJo/OIyJu03a+RsyTG3ZV6j2SuTzh/YBliF6bV1w3rjrl6CdZ\r\nYLrr2u3VKHcroEcJt0rFRPYs0u+eTag+lL21NWXzfcD7iet55Ek8vJ2EwDJB\r\nztAhk3ELtoI1nAvkxTU+paVCPj0otruG/7aNmjk0IOakJxWRid8O0j2oSxQi\r\nmXBM1Hs1f7B/JP+yc+Y41ykz+HabTB2p9mFBiZ1xHPSFIL20h9iX0farkKIO\r\nIr7M2nLXp8LghJOxOFJqiBR2sUeysNpcVvk4xKRIbb79JA1G93TKfxBAJBeP\r\nep1rEIdRd6t5Wh3fyPCGkTpfheU2wpWXFe4=\r\n=l3Wy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"angsdev","email":"angel27y27@gmail.com"},"directories":{},"maintainers":[{"name":"angsdev","email":"angel27y27@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-pagestack_1.1.1_1668562907553_0.8481761476222047"},"_hasShrinkwrap":false},"1.1.2":{"name":"@angsdev/ngx-pagestack","version":"1.1.2","description":"An animated library to make web sites/apps based on the card shuffle concept or simply make presentations like powerpoints.","peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"keywords":["pages","stack","pagestack","slides","slideshow","presentation","animation","animated","dynamic"],"author":{"name":"Angel Quiñonez","email":"angel27y27@gmail.com","url":"https://angsdev.github.io"},"funding":[{"type":"paypal","url":"https://www.paypal.com/paypalme/AngelQuinonezS"},{"type":"airtm","url":"angelwc27"}],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/angsdev/pagestack.git","directory":"src/angular"},"license":"Apache-2.0","module":"fesm2015/angsdev-ngx-pagestack.mjs","es2020":"fesm2020/angsdev-ngx-pagestack.mjs","esm2020":"esm2020/angsdev-ngx-pagestack.mjs","fesm2020":"fesm2020/angsdev-ngx-pagestack.mjs","fesm2015":"fesm2015/angsdev-ngx-pagestack.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/angsdev-ngx-pagestack.mjs","es2020":"./fesm2020/angsdev-ngx-pagestack.mjs","es2015":"./fesm2015/angsdev-ngx-pagestack.mjs","node":"./fesm2015/angsdev-ngx-pagestack.mjs","default":"./fesm2020/angsdev-ngx-pagestack.mjs"}},"sideEffects":false,"gitHead":"ba07aa58b899fe0f682a7f62a5db19aa24669d46","bugs":{"url":"https://github.com/angsdev/pagestack/issues"},"homepage":"https://github.com/angsdev/pagestack#readme","_id":"@angsdev/ngx-pagestack@1.1.2","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-NLVVskSbnn2DAyibXsTerf9t75XcIH7Mn2o46Jx8PybfW4rIpA+TtXC1DTZ75lE4kGCY/DufqAQ+xiVq7K4XWA==","shasum":"30b92494caa28cdd6e9269c45d211cc2cfe07c8c","tarball":"https://registry.npmjs.org/@angsdev/ngx-pagestack/-/ngx-pagestack-1.1.2.tgz","fileCount":22,"unpackedSize":343407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEEyLHhP2VsaCcO7os8v5+B5bOWduEt40Mm86Uij//poAiEAytXiQgA21UM1vDggxun4A50Z6Unz0jeDsEBR0IW+ofI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdEohACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqcQ//eG5Kaa+XoQcrCHXJuOjY9Clteh8umhGkmGEDFbJxCjbAbhat\r\nzK1BCTM884Kkgz+QNcI8lL3TRh/afuTVAU0pYG5s4NhSfwZYLEEAHTdOKCUS\r\n/jkOXPT5qRx2wrrPrAopUkX2Nd8dnVWytcKTMDjNz2CgbD8OWQtOoHbxq95M\r\norWrYLL5dP6iJxHKzaPD46Iv/oly23xbMyeJmhUXZDdvntj4Bk57rQ583mkj\r\nhyjFh3uQuwMj4NTBKeScTb9wjVw5eSrlhAPJmxc5lAQqANtp97rDHyA7GQ5G\r\n/Kbao27pRLLrpzxHLqYzAJ3o0rcmF02r1R0jSITGjV2nhwnt7zjeSb/uBmBw\r\ncrIjWYGuSJfaOlW2p8C89PYhWDDheXREMnGTBxBGaMPUbyWBQlOxLvZAOPoh\r\nKA4CRG5Ap6v+gxNQHL7sK4RBFHqp1vcuMDwbeRrm/iFS0cifBum0unagNxjF\r\n+09WMKN0Xm0pX277cYBWwp7rBh15SmzQo6vGdysQ4bqOGABEbpo/01tqzy0K\r\nxULp1gdG1oAN7DQkoUPTRkkBCgDg+CE4V80bvM8ppL8r7OkrOtEDX13x/cu5\r\nui9uULA1wOlpT5P3V5rDvxkVBT4jVyvDqz6EAQKiC5zM3vbqLa76sWiQzI7C\r\nBAXdNHyX3vOpr682aIolQh2HUyVBu/C6KBM=\r\n=RPpf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"angsdev","email":"angel27y27@gmail.com"},"directories":{},"maintainers":[{"name":"angsdev","email":"angel27y27@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-pagestack_1.1.2_1668565536793_0.11183015572363342"},"_hasShrinkwrap":false},"1.1.4":{"name":"@angsdev/ngx-pagestack","version":"1.1.4","description":"An animated library to make web sites/apps based on the card shuffle concept or simply make presentations like powerpoints.","peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"keywords":["pages","stack","pagestack","slides","slideshow","presentation","animation","animated","dynamic"],"author":{"name":"Angel Quiñonez","email":"angel27y27@gmail.com","url":"https://angsdev.github.io"},"funding":[{"type":"paypal","url":"https://www.paypal.com/paypalme/AngelQuinonezS"},{"type":"airtm","url":"angelwc27"}],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/angsdev/pagestack.git","directory":"src/angular"},"license":"Apache-2.0","module":"fesm2015/angsdev-ngx-pagestack.mjs","es2020":"fesm2020/angsdev-ngx-pagestack.mjs","esm2020":"esm2020/angsdev-ngx-pagestack.mjs","fesm2020":"fesm2020/angsdev-ngx-pagestack.mjs","fesm2015":"fesm2015/angsdev-ngx-pagestack.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/angsdev-ngx-pagestack.mjs","es2020":"./fesm2020/angsdev-ngx-pagestack.mjs","es2015":"./fesm2015/angsdev-ngx-pagestack.mjs","node":"./fesm2015/angsdev-ngx-pagestack.mjs","default":"./fesm2020/angsdev-ngx-pagestack.mjs"}},"sideEffects":false,"gitHead":"b860a6b4cd5cebd133d9beeb376e93c34a0371ff","bugs":{"url":"https://github.com/angsdev/pagestack/issues"},"homepage":"https://github.com/angsdev/pagestack#readme","_id":"@angsdev/ngx-pagestack@1.1.4","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ghNMgshKOeVcCU9wyGPmyfYt0oQGEfpCy37yFix7PbJubRFwmL+1i1ITDJ+N7+b+WT36nwO7DHAfyjVUU6zELA==","shasum":"6d0699e7159821c2f7680a5aa54fb02bcedb38d2","tarball":"https://registry.npmjs.org/@angsdev/ngx-pagestack/-/ngx-pagestack-1.1.4.tgz","fileCount":22,"unpackedSize":344316,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjRaatKL3XID0GMPAe5nHeVF5LxPiLtP2E3f3WDt0qvAIgXVOglVyqTBIryTooes/v6/4gQh7gXgYW3iNYybVJ3+o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd9+sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAhhAAj4mwZV7yK2hLh8FXBHO49C5W0uEDzJ8HhM0onW5VMIKeZjoy\r\nOwltCjwcMxmD8b60ZWVtdfg8TKJp0EiuU13a19xQFsyMVMqIGnhLuabyIpTs\r\nhHZqtoaALIlaXRbW/7pFJqXSSch6EXCrZ45c/6Dqm5OrDnJPiCMjNpuHph5x\r\nfLGujtRl0G00FS0RUrnxyMqLIlViwoZIOc6caVVcvA/hXBRFXwG9MMkksjCu\r\nZe04hp6PFzPjHFWe5n5xcRWQhfbQtWssmM04D8VTeRlxcU+fdewZnrR5XBK9\r\nWOT6nNi3Jkj+c9VlG3Uu1C73GcSLXa0LEd6fH6oJu0HDv60rIB0U/HpjVQsE\r\nTNX6v4csfZvc3JmooMN6yjlfdXkavncV73HXtsVe35pCb6csy+rtvSXWnrkN\r\nwzuQw4Ma19SlQMEol9bbZYN8FiO0C9n6l2unbsOvAg684spRVPbaPAWfpWKg\r\nSopbjRlIdc4Kj9HzUHH/1CSJaIBpvwLnak9fGKsUvIm7RlR7YpczXj0e+fY4\r\nQ5gRs0GmXOiBIc1usQxyjVHC5PuVhXvrTXcCpdHhvsRqlheTUqe9PtTKFW8R\r\nWkurZ4/JpoLpgOwI6IN/uqSnQS7LkJvWJ+rq4yxrAI+2jtJRrMOdeUkXKLYk\r\nVLCnX58TanqIVrBeUndcsXXqAK837sAjuLI=\r\n=CUqJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"angsdev","email":"angel27y27@gmail.com"},"directories":{},"maintainers":[{"name":"angsdev","email":"angel27y27@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-pagestack_1.1.4_1668800427872_0.018474789286468507"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-16T01:41:47.473Z","1.1.1":"2022-11-16T01:41:47.756Z","modified":"2022-11-18T19:40:28.129Z","1.1.2":"2022-11-16T02:25:37.025Z","1.1.4":"2022-11-18T19:40:28.048Z"},"maintainers":[{"name":"angsdev","email":"angel27y27@gmail.com"}],"description":"An animated library to make web sites/apps based on the card shuffle concept or simply make presentations like powerpoints.","homepage":"https://github.com/angsdev/pagestack#readme","keywords":["pages","stack","pagestack","slides","slideshow","presentation","animation","animated","dynamic"],"repository":{"type":"git","url":"git+https://github.com/angsdev/pagestack.git","directory":"src/angular"},"author":{"name":"Angel Quiñonez","email":"angel27y27@gmail.com","url":"https://angsdev.github.io"},"bugs":{"url":"https://github.com/angsdev/pagestack/issues"},"license":"Apache-2.0","readme":"# Angular PageStack\n\n## Description\nAn animated library based on the cards shuffle concept to make websites/apps or simply presentations like powerpoint.\n\n## Prerequisites\nTo execute this library wihtout any problem it's necessary to have installed ```node-sass``` and ```sass-loader```.\n\n## Installation\nTo install it you just need to run in CMD:\n```\nnpm i @angsdev/ngx-pagestack\n```\nThen, import the module:\n```\nimport { PagestackModule } from '@angsdev/ngx-pagestack';\n``` \nNext, add this to the module that you want:\n```\n@NgModule({\n  declarations: [\n    ...\n  ],\n  imports: [\n    PagestackModule\n  ]\n})\n``` \nAnd that's all, you are ready to use the components in your templates.\n\n## Setup\nTo define the library functionality you can stablish custom options or use the default, using the method\n```defineConfig``` from injected ```PagestackService``` in the class you want (like in app.component for example).\n\nAlso important, to use the required styles by the library there's some files whether css or scss, depending on what you are using, you just need to add the path in the styles section inside the angular.json file.\n\nOnce you already have configured the library, you must use the method ```init``` (from the same service) in the lifecycle hook ```ngAfterViewInit```;\n\n\n### The config object can contain the following options:\n\n- Property: ```container```\n  - Type: string\n  - Default: ```#ps-pages```\n  - Description: The container or stack id|class of all pages.\n\n- Property: ```pageSelector```\n  - Type: string\n  - Default: ```.ps-page```\n  - Description: The id|class of each pages from the stack.\n\n- Property: ```direction```\n  - Type: string\n  - Default: ```up```\n  - Description: The direction where each page will slide.\n    Possible values:\n    - To slide up: ```up```, ```top```, ```vertical```\n    - To slide right: ```right```, ```horizontal```\n    - To slide down: ```down```, ```bottom```, ```vertical-inverted```\n    - To slide left: ```left```, ```horizontal-inverted```\n\n- Property: ```scrollingSpeed```\n  - Type: number\n  - Default: ```700```\n  - Description: The speed of scrolling.\n\n\n- Property: ```hashHistorial```\n  - Type: boolean\n  - Default: ```false```\n  - Description: An option which allow manages pages changing depending on url hash.\n\n- Property: ```menu```\n  - Type: string|null\n  - Default: ```null```\n  - Description: The id|class of a menu to handle when the navigation change.\n\n- Property: ```anchors```\n  - Type: string[]\n  - Default: ```[]```\n  - Description: An array of ids to move through the pages.\n\n- Property: ```loopTop```\n  - Type: boolean\n  - Default: ```false```\n  - Description: Specify if when it reach the last page scrolling down returns to the first one.\n\n- Property: ```loopBottom```\n  - Type: boolean\n  - Default: ```false```\n  - Description: Specify if when it reach the first page scrolling up returns to the last one.\n\n- Property: ```keyboardScrolling```\n  - Type: boolean\n  - Default: ```false```\n  - Description: Specify if the pages are changeable with the keyboard.\n\n\n- Property: ```beforeSlide```\n  - Type: function\n  - Default: ```null```\n  - Description: A function to execute some instruction just before the page change.\n\n- Property: ```afterSlide```\n  - Type: function\n  - Default: ```null```\n  - Description: A function to execute some instruction just after the page change.\n\n- Property: ```navigation```\n  - Type: object\n  - Properties:\n    - Property: ```container```\n      - Type: string\n      - Default: ```#ps-nav```\n      - Description: The container id|class of the navigation bar.\n\n    - Property: ```dynamic```\n      - Type: boolean\n      - Default: ```false```\n      - Description: Establish if the pages navigation bar will be created dynamically.\n    \n    - Property: ```position```\n      - Type: string\n      - Default: ```right```\n      - Description: The position where will be positioned the pages navigation bar. Note: It only works if the dynamic is ```true```.\n        Possible values:\n        - Positioning up: ```up``` and ```top```\n        - Positioning right: ```right```\n        - Positioning down: ```down``` and ```bottom```\n        - Positioning left: ```left```\n\n    - Property: ```class```\n      - Type: string[]\n      - Default: ```[]```\n      - Description: Array of classes to add to the navigation bar container. Note: It only works if the dynamic is ```true```.\n\n    - Property: ```tooltips```\n      - Type: string\n      - Default: ```[]```\n      - Description: Array of tooltips to add to each navigation bar item. Note: It only works if the dynamic is ```true```.\n\n### Components\nTo make easier to work with this library there are some components, with a default setup:\n\n  - Component: ```ps-container```\n    - Description: Contain the pages stack container and give you a slot to put inside different pages.\n    - Attributes: \n      - id: The indentifier of the pages stack.\n      - class: The desired classes to add to the pages stack.\n\n  - Component: ```ps-page```\n    - Description: Contain all the content of a single page and give you a slot to put inside different content.\n    - Attributes: \n      - id: The indentifier of the page.\n      - scrollable: A boolean attribute to specify if the page is scrollable.\n\n  - Component: ```ps-nav```\n    - Description: Pages navigation bar.\n    - Attributes: \n      - id: The indentifier of the page.\n      - position: The desired position of the navigation bar.\n\n  - Component: ```ps-nav-item```\n    - Description: Pages navigation bar item.\n    - Attributes:\n      - anchor: The anchor which will be binded with each page.\n\n## Demo\nIf you want to see a demo of how this library works, you can take a look at: https://angsdev.github.io\n\n## Donations\nIf you have enjoyed using this library and you can and want to support it\nyou can do it in the following buttons.\n\n<a href=\"https://www.paypal.com/paypalme/AngelQuinonezS\"><img src=\"https://raw.githubusercontent.com/angsdev/pagestack/1.0/src/img/paypal-donate-button.png\" alt=\"Donations\" width=\"250\" height=\"100\"></a>\n\n## License\nCopyright 2022 - Angel Quiñonez\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","readmeFilename":"README.md"}