{"_id":"@almothafar/ionic-hidenav","_rev":"13-6d9832c18527dc11baf07566d8aa4be0","name":"@almothafar/ionic-hidenav","dist-tags":{"latest":"8.0.0"},"versions":{"5.0.0":{"name":"@almothafar/ionic-hidenav","version":"5.0.0","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@5.0.0","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"50e165693a7580afa30ebb56937dfffca2105128","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-5.0.0.tgz","fileCount":45,"integrity":"sha512-MynGp3a6gBqFUitikimm/XnMAqrs2SfI8YUf7T2OBxIpCYjd03Ak5u2fzUbvGat81XZ6teXGfb6xHF/9n0VHRg==","signatures":[{"sig":"MEUCIQDRSqD/X8/mjIwzE8CIkQkVTje6+jS7XhDnq6h4yIxFaAIgdP8ulNVTcZfq8sQFAZsXsIkvn67OUU5qosLAzn25/yM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcelPCRA9TVsSAnZWagAAyo0QAJMY58RsalipDVQjm0K3\nKgt8adB+SulDytgPz9uBPEa/KBmDm9McsxrrRyXgf75kUuGrFnXvBq7Ob0qi\nBLdOCxYO29ODwa0mRWUqbwkBbAcp9B63ABGoq326nKyGLnRHDpb7eCKDQrgC\nWGrKGwV4z9H0m+9/dmYP3d2NUVk6sqWMhjYyHCKLQJqz5yRyUuIfe4rc72kL\nPXo2gOXqgorbdgJfAvcbBIDfYuuJuRDzNVjFqQALB5xTsQkEAhTJvBRLS26x\npM+/7qTzfIvErpIUg5B1Ro+plNzTYcGmzG5toExPfMAT5/Rq85hZbOTKDGoT\nhVMRvMen9uaAGWWeIo7hghAC5VZXaBxIyJ51Jau+XHHGfYrkCpSrdLXtiKVU\n4ZdwMlw3YUDhyGwllmudct9pjDTGtTQhW4CBBR/YIicDbG4gtOnCwW60Na9Q\n+arlEFAxP2tyMglt4cghBGlxZHAcpEdCSsjRU6X3wrIK3JOOSBPDyQ3Oj/qr\n+L2o9fCMi2xpuLGaZNWoaAIUtaCHQcDi5EOGiY3L6pN4odGYPtRD1NSjOXVQ\nNeodTBH39qSSNpyCzXC4POCZZK8Gk/HWBLzMCAx0mzpbBua+lp7L/UlP2yUX\noWK8kSbxsOcPzNgQcPtzYWth2esagkIcexQbH97bYmCp2VHWetxax2ZsVk6I\nsAbd\r\n=w5vZ\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/almothafar-ionic-hidenav.js","main":"bundles/almothafar-ionic-hidenav.umd.js","fesm5":"fesm5/almothafar-ionic-hidenav.js","es2015":"fesm2015/almothafar-ionic-hidenav.js","module":"fesm5/almothafar-ionic-hidenav.js","esm2015":"esm2015/almothafar-ionic-hidenav.js","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.js","metadata":"almothafar-ionic-hidenav.metadata.json","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"6.14.8","description":"[![NPM version][npm-image]][npm-url]","directories":{},"sideEffects":false,"_nodeVersion":"13.14.0","dependencies":{"tslib":"^1.10.0","jquery":"^3.5.1","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^9.0.0 || ^10.0.0","@angular/common":"^9.0.0 || ^10.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_5.0.0_1601300814841_0.8504646448857658","host":"s3://npm-registry-packages"}},"6.0.0":{"name":"@almothafar/ionic-hidenav","version":"6.0.0","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@6.0.0","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"c70bdd105046369bc4eec0eeff4facf88a1a78ee","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-6.0.0.tgz","fileCount":31,"integrity":"sha512-932yJ5NrhPS14W4Y2x87x1PS4JFElI7zOLU/+0fac0E3qSynre4T0yG8jUBv7yeRJzOXEA/I5/9X6CF9KsMt7Q==","signatures":[{"sig":"MEYCIQDX2v3Qc2WDX22TdqcbalsYPWH3ut42D6ON4lXNtoyFcgIhALLPCmIXNEK87BdiwxbL1mt8SsIQpyBeMMmIQcBtovtl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":822173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD/afCRA9TVsSAnZWagAArAMP/RbZzSD1sT/ANMAmoliS\nkNtFl1euOa/xlgeVXctPINiHYu5f4RJjVjY7nn7WEdWgiI1IAq56eQ9/n/AX\nnWtjpkvfjGg3LvagIdL0fzLq647NFKLOXj8JanupkkxbZbGNqBDlZlsvuNJl\nD6t2JDerQ+o46FYFedZpjaKTWJzGvNij50Ch06WfDszlDeOyrvT3ooKIvNas\nY6YjpOLglUJmexlOmgf3hsZ61IY3a8T5G/EzEW74rfmcbWqgeaHLs4fBW0J4\n0vk6z/pCAT3XnbBwwEDfRjDbgetorb5pfODVjA+d5T5aD7O2/EdKhYuTWUfc\n9EHWDj5g0fOS5cD65orqs14abAgKsFGy8xRkDrhkuV6IFWvzWFot6UvYtXAC\n6vLufah8aUC1qYOwjgBW8jFfjN6D51/IGX42VELqBqFunNCRlSvKWyXRNdU/\nSo0wcecXkLZnGK3QpbbBMg/8A8xdfR6UR6Lsb8Tw/R9fBEBHm5xp1l1KbUI+\n1xZGlDBYi2hgKAKD8zPISXUeXwDi04qpwOP0nuL1Ka/ECop29DnzSnihKst4\n6pEnoBkV+kOSZ2LAB3RTUUJMDupWLmYRI7a5Is8PvE/MzKJcrYXj48Gs+IvQ\n8clPpBKdiQ8Et/kB+AG6v1WstTENcAO3mwAQwlT03cuolaLkoP4bZGADnGnJ\n3Egq\r\n=DvIx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/almothafar-ionic-hidenav.umd.js","es2015":"fesm2015/almothafar-ionic-hidenav.js","module":"fesm2015/almothafar-ionic-hidenav.js","esm2015":"esm2015/almothafar-ionic-hidenav.js","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.js","metadata":"almothafar-ionic-hidenav.metadata.json","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"6.14.9","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"13.14.0","dependencies":{"tslib":"^2.0.0","jquery":"^3.5.1","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"latest","@ionic/angular":"^5.5.2","@angular/common":"latest"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_6.0.0_1611658910226_0.2995018715662088","host":"s3://npm-registry-packages"}},"6.0.1":{"name":"@almothafar/ionic-hidenav","version":"6.0.1","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@6.0.1","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"da95db666d2cbaf02ad0629981deb8b77740f654","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-6.0.1.tgz","fileCount":31,"integrity":"sha512-L3yBbQ//nI5/yeAVWsE0zgUT1jUGLE/3nSIJ75aTtJ5EwIp+C5YO+kaNOWImLRKp53FlHL73R2VLi9bxB7fCnA==","signatures":[{"sig":"MEYCIQDyMJz6zvWIk3oeeF/di7DrIRZLwgx+lStw525scy/e6QIhAOjyIr12MQ+YDh8yry5yVUARCvdY7IDMw0wxIb19IUGX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":822175,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD/2tCRA9TVsSAnZWagAAYFkP/2lSKmqQkPukoA7VRh/6\nqM5W+f1I8KDnOTRMXm2HEbbI52I+fzrd494653Zs/USx6otpJOobfixgxhL8\nKViqXPwjcKvxLVVHn15QUPg5jU4ZQtsezjbQ22f5WAeiFCclpJTWnLuZuejL\nGiEUoeLFCd6jyCX+Bg1BVb3IWf19uEJnJAo9QouOtBFTj0/fH7xdKZ6Zb/GQ\naDowywINw2MktuBgyFxXeKpuwvk/+4yHltx9QhjjKrnVa3nbKkJNcmsG9IkU\nGcqkK/bnB4Nz09TrxBjwbmk+HBIbbD4T7gfJjjs1DwZ02r6TjKG8e5+dGRrV\n3+1tCuX7kAhYqe5KwISW9+F1/5d5BLr7dowvVspVnN1jzqmrnvdAGfNBFl/p\nBgVThEkeW2wA4pxsPqyAwD/e6F3M6HmyW9D7IzldDcFbp7LgkFq6/5iUxTA6\nTuTxmfm6cEweOinfmUbpbaVWTSgLavywolI+eRAWh+nQBTY4D8+AccVei3xq\nA93V1ILZReVWwwPfGMWx5StUmC6W7NNNP9eEqmW9bIC2FU5GhZVkUhVSAAg4\nKE7MBLxbDXZZ4vutG5WoWcwNRVxfJcLTyXVxvrYNnQCzWlZ2HLfJLF4Y92FN\njBGmZCf1wKfY2/Mujke6eseEZGeSImAvKslnWF4GxUWWDE6+VbtHQUty8TcB\nweXc\r\n=/KCz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/almothafar-ionic-hidenav.umd.js","es2015":"fesm2015/almothafar-ionic-hidenav.js","module":"fesm2015/almothafar-ionic-hidenav.js","esm2015":"esm2015/almothafar-ionic-hidenav.js","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.js","metadata":"almothafar-ionic-hidenav.metadata.json","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"6.14.9","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"13.14.0","dependencies":{"tslib":"^2.0.0","jquery":"^3.5.1","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^11.1.0","@ionic/angular":"^5.5.2","@angular/common":"^11.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_6.0.1_1611660717324_0.5772971127348614","host":"s3://npm-registry-packages"}},"6.0.2":{"name":"@almothafar/ionic-hidenav","version":"6.0.2","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@6.0.2","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"1fcafd1abfedc0c582e4517a127a03d4d3d1d924","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-6.0.2.tgz","fileCount":29,"integrity":"sha512-4iddj1P2z1uDxtRVpY/JaM8846Vn7OSbBEWoJ22d92Aobdf13ez6sMkH/utkfdriDb2+HoApZzogCmEhcy0clQ==","signatures":[{"sig":"MEUCIQDoPUQbMtcXYzF4Oq7iKx96mVhrDWYc2hNg0BLczDTuMwIgfrBcpH2rs55fa2GIGQWV9q5FVhgFr/9LzHV4/0PSSqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":623586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrkCfCRA9TVsSAnZWagAAfWcP/3wURnL04NPwz7hCILRH\npQ6h2rsjN9zNydd8lyLAi5II4wy9eaU7y8SxBEUfxAkbgwuxrEuTitlS2d2k\nzRqu13Jv5w3gEcluq74gmUWJ0xC4JuA55vO04wxROJkdluvJGw0yOYfmXWf3\nI/1s9B5xzu6tVBiBgwkyW33VDyNnNhjPTAE2mCxOv8dBIqcuOTJhdRHlC4Al\nhfZwzs00Lnbf2AG1x1tSn+i/DbtBoFeznwekFVG+R4b98FpriFUiu4xn0BsE\nalurXWrSpI+o6LG+/qxXyOp2plb/KyS0qT+Lf8RWc1J2Hfa95sbCkHosZMEA\nQMj8NQNkWdgjQuJKSIP6VwM4WTgSSzFvGRZBjrdDN9mSEDDV86CvQCQg9O9g\nEJuR8pI2e5kntffAlcIxIBITPiod6wD1tQ7BL8wM1Xkd3+0rbZ+LbZRCQkuX\nds6FwR/9vzaHzBODMCWtlGS8fSBL0/jgnVhWfZMD64PUX7y4BuagVXRQWsEW\nvFuoh2JRxuRK90uep1dx5wq+8+MCyXn01zEmw5sssLLFxqHIzB9iWvU1u4xY\n2O9Sp3zTUed5ugElU0errYr64hKsITLoyO3bRaVsZ8fGkYd5B6a2NWkq4vSd\nel04yBdwxpzBq3aOD86enTcnNNNv7mj6BY4oqrChTbPdDFxtUnfJ51aZGyt7\n7X2U\r\n=CfDz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/almothafar-ionic-hidenav.umd.js","es2015":"fesm2015/almothafar-ionic-hidenav.js","module":"fesm2015/almothafar-ionic-hidenav.js","esm2015":"esm2015/almothafar-ionic-hidenav.js","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.js","metadata":"almothafar-ionic-hidenav.metadata.json","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"7.14.0","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"16.2.0","dependencies":{"tslib":"^2.1.0","jquery":"^3.6.0","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^12.0.1","@ionic/angular":"^5.6.7","@angular/common":"^12.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_6.0.2_1622032542923_0.003700838521523586","host":"s3://npm-registry-packages"}},"6.1.0":{"name":"@almothafar/ionic-hidenav","version":"6.1.0","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@6.1.0","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"feafd115586937c928f7709f922511855c50560f","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-6.1.0.tgz","fileCount":29,"integrity":"sha512-W4/nwSl+UMp+isFgE/Ex+NZuvoIF6i7wzxlmfgN/dZ8v4pKwFSNKCEsJMaDlgQ4Eyz0G9gD9CuUIEFRwYz7R6Q==","signatures":[{"sig":"MEQCID32vFZXXYilnYz5Ffa3cUIOfygKNWpFbMstggFqaBcwAiB6VrKq35VkVM+XoUHpJD9nArBB1JYu3uR1AXai/NVR1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":623586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrkMOCRA9TVsSAnZWagAAfD8P/1PGYJLKd7bTM+tX79MU\nD0pjpVHAjYmo8GzXMuHesaVVFfHmAHHoKtOXqse31+Nsfm/0fDlI7BgVFxiY\ntLrX0ojypBafnTzTKjEbjONAEyKx9RQRYSp6OtPNcLfV/zmLn9CGEk8i0m7r\neASeZOfVhjrlnSixfJ1C2NU2/YzFfO+naqOkQotL6jIE/uZh24uda0KsDDz1\nH5rdPYKOD4g2joZe3o8Q4dHKyfOp5CGBxeQBu5O4nxr6gxM2HuOBk0RRC6hf\n2ERCVfoIr8IP9S+n6GbO03S8JgCmFdsbBJFbRmlsbBduarkDinZYXDf5ETBa\nR9q5KpsmdHY+nj3Uh9xx6yv29BuJFgTa/3mFhXIUrdAdJX111DXaTDzJa1PK\nCQq649fzh5dIz8rd4g54nYKZTaUz3/XdH2Fs1RM1aDltUNjkQ98EAlaHrI14\nkxmJfF43mHOTQ6XplNKMT/i1okSsl/LT6pWMQZ5lFaUGcJsEKJvOYhpem83v\n1bZCztsR2OFeLLSc3JkO+CFHlqasBmfmoXmW2WhUPpJkxn6MjNagsdO0guZb\nanpmvJgIA6gid5Y5e+biyarWnQttpvZ7+pwOCYrfZBBSrJUc4ZdksVzy/oLJ\nh4aIbgSg9ZbJPtgLwnCdPpjOLSREw01xBCm0gU+sAD7Gkv1bpR4bZwmUJtdJ\nSZEG\r\n=6V02\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/almothafar-ionic-hidenav.umd.js","es2015":"fesm2015/almothafar-ionic-hidenav.js","module":"fesm2015/almothafar-ionic-hidenav.js","esm2015":"esm2015/almothafar-ionic-hidenav.js","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.js","metadata":"almothafar-ionic-hidenav.metadata.json","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"7.14.0","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"16.2.0","dependencies":{"tslib":"^2.1.0","jquery":"^3.6.0","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^12.0.1","@ionic/angular":"^5.6.7","@angular/common":"^12.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_6.1.0_1622033166358_0.44806592956044833","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"@almothafar/ionic-hidenav","version":"7.0.0","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@7.0.0","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"79c1b4d7bf09b5500699d8f6b5be8158c6808cc8","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-7.0.0.tgz","fileCount":28,"integrity":"sha512-UiMxlAb6Pg7yCiee3m1uKLLljDTZVLBG+Hxn3LiZd/L8ltzlMptMwVakPMxlXZblpvvevq5a0DxxLrPh82gFDQ==","signatures":[{"sig":"MEQCIAxof+TIQ6a+P/mkpXlcwfZBHpQvZFD04cQODs7fH0JwAiA4BSFtEN1YKPBjhChZZW4dNUF/gSRq930wSbK3zPHskw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":594121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhteAyCRA9TVsSAnZWagAA2vwP/3c9K8l58v2Dpz0VSOx+\nDietqDKS2UJQJ39/cqBpp69/+zdbzaunhUmglgy+o27rqxE+KPOuyGlHmYOb\n84gzZ4syXsDxTjMsJBI8ED2kMtSZ9FeeEHDuuvcuZaxr5zSMN1idrEsa2tkV\nlOS46nBSMoPtQrG3pwz26n+pECGg0Qtc4oK8aLC5/9XJqEjGnft47MnIO3rO\nUD0+w5h34IKrqjSHY8b4iApsLsmu7THZpgLzyZ61qBqob5f1/VWqyqSgzNNF\niRmumqf23BYF6OtaGHCnzre3TSEt+/YYBS4wkDKfyH1X++7S8nXwsJT4XaGd\nz8sWP5YOdBJuLoX4av0oE+MFue7txwGlQC3pwpnF90uTX0ONgQYG2QXd/p8B\nM7E+0GC2WPxKFzY9sZ8zljreKyWv1G6+GTWYhjeeg3+gLrL39DJJiIMY3ceT\nSHLUb6At4OIU3ukDPI+QTN5F0Ns7p5JWwhlQGQCycn4hgUBPRxY+P8czLIWC\nnY9nQJ5YEtCdN1VQC6UfThL8OocrgP6B0uF60c4ypx/t6eVAtFacA+Hg/TCm\nSjQ+t3GQSDQfkwGVD6BdD5BOzelze4VBIDRiNaACiZV1lrakXb4F0ejuvAZM\nxxk280hh7rpV018Tc3a2KuqSA1Jxa2MAFUUvn+1EL4LSNNcCeASCSrII2/Pg\nNLdA\r\n=ypVI\r\n-----END PGP SIGNATURE-----\r\n"},"es2020":"fesm2020/almothafar-ionic-hidenav.mjs","module":"fesm2015/almothafar-ionic-hidenav.mjs","esm2020":"esm2020/almothafar-ionic-hidenav.mjs","exports":{".":{"node":"./fesm2015/almothafar-ionic-hidenav.mjs","types":"./almothafar-ionic-hidenav.d.ts","es2015":"./fesm2015/almothafar-ionic-hidenav.mjs","es2020":"./fesm2020/almothafar-ionic-hidenav.mjs","default":"./fesm2020/almothafar-ionic-hidenav.mjs","esm2020":"./esm2020/almothafar-ionic-hidenav.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8499b377514b107500da5136717a11f1bfc22699","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.mjs","fesm2020":"fesm2020/almothafar-ionic-hidenav.mjs","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"8.3.0","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"tslib":"^2.3.0","jquery":"^3.6.0","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^13.1.0","@ionic/angular":"^6.0.0","@angular/common":"^13.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_7.0.0_1639309362816_0.9186644692236745","host":"s3://npm-registry-packages"}},"7.0.1":{"name":"@almothafar/ionic-hidenav","version":"7.0.1","keywords":[],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@7.0.1","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"1198c9ff2294ef516438d912d6de1581bef81520","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-7.0.1.tgz","fileCount":28,"integrity":"sha512-x9xx04Ua+SBZI6j9rHDAvuQthgrRtimPP4mlJVW57+9eLeIvn8uS5Wv2jXVS0QlPJS32COA175LwygWrNcYuJg==","signatures":[{"sig":"MEQCIGgNDFazVfcxZ/mx4+IJJcRayIEPNo/ElUHx4/Umxfw3AiAkE7cbElgcydPtB5NGGW9bpvgkYwd+a4dkUo9GS5OEaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":593679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhtfw4CRA9TVsSAnZWagAA8F8P/R/U7ik/ncxDyJKshlnt\nF846i2ZOXFlJQGWp0NAu7yuU0Ze+rEIoGh4RRwll5hj1PSwniywittVfXfhz\nS35CTFMffBKraXZaceYY+iR/qLnA3QwuVTlODf3axvZEVp2Oaz2dbsRFewvC\n9/RN+phsyetWnvnW0i5PtGU3H7fU41CUFMaYjpeOrIAIgLkzpY02DjhJNkNI\nw7eFaUl43cG4zh3i0dXJNQ+xJtfu7HQyItIt5UO1tMzE9fJnKIebPIgQ1ydD\nfVc2KUiKozYSwLZ06JAjQELJY60i1foBQK14grMuLWiS6j3ThbXQ6QKhrBkh\nMv5guxMcBe1xDYGxY7It6kPpspIh1HqSaUgfA+QYx3DxdkmnQ+OJi0QwEJFW\n93/EWBXfBUbWDjYQgMLpZo3evHl8Ta9a8rY9KKyLnUPRL0Fuj2OUkqq6w5OX\n60r6b4XchctF3TOEggXISWJbFeKQ1pZIkVI98KcHU44hOSdsdpbKQRrGQsG9\n+Wp2pAkTIO0PCR5Usx+LpynwuUkEvpK4jBkEl4Iqkfn3JOhbH4vsUJoYb0+U\nBE4baqrEpipOIFOkJIBNQGuvZ86oIXqr3aLwEkbpwml9Kk0KgfrT+nkBd9PK\n34oZ1jbDToSO4D+bPdatUppgIfZ0M0vDPIckG508WaQyb9D5U8H/hbCDUcfg\ns4Vn\r\n=mD9z\r\n-----END PGP SIGNATURE-----\r\n"},"es2020":"fesm2020/almothafar-ionic-hidenav.mjs","module":"fesm2015/almothafar-ionic-hidenav.mjs","esm2020":"esm2020/almothafar-ionic-hidenav.mjs","exports":{".":{"node":"./fesm2015/almothafar-ionic-hidenav.mjs","types":"./almothafar-ionic-hidenav.d.ts","es2015":"./fesm2015/almothafar-ionic-hidenav.mjs","es2020":"./fesm2020/almothafar-ionic-hidenav.mjs","default":"./fesm2020/almothafar-ionic-hidenav.mjs","esm2020":"./esm2020/almothafar-ionic-hidenav.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8499b377514b107500da5136717a11f1bfc22699","typings":"almothafar-ionic-hidenav.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.mjs","fesm2020":"fesm2020/almothafar-ionic-hidenav.mjs","deprecated":"Unmaintained. v8.0.0 is the final release and fixes hide-on-scroll, which never worked in earlier versions. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"8.3.0","description":"With this module you can: - implement an expansible header that stretches when pulling the page down - auto-hide the page header when scrolling down","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"tslib":"^2.3.0","jquery":"~3.6.0","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^13.1.0","@ionic/angular":"^6.0.0","@angular/common":"^13.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_7.0.1_1639316536590_0.22883357294913176","host":"s3://npm-registry-packages"}},"8.0.0":{"name":"@almothafar/ionic-hidenav","version":"8.0.0","keywords":["ionic","angular","header","collapsible-header","hide-on-scroll","autohide","stretch-header","deprecated"],"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","_id":"@almothafar/ionic-hidenav@8.0.0","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"homepage":"https://github.com/almothafar/ionic-hidenav#readme","bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"dist":{"shasum":"73c456cc15de25decea9e4ce7e838f7835a28f13","tarball":"https://registry.npmjs.org/@almothafar/ionic-hidenav/-/ionic-hidenav-8.0.0.tgz","fileCount":30,"integrity":"sha512-otMBsSHBxgOdwDZtrrUIMgz0SEb5UFIJ7TTEIUdrRszp33Ff25AaGvhb3eTUTPRqFb9yaUSkR5vlZqvVV4AOyw==","signatures":[{"sig":"MEUCIQDlEJxePy3f76fplXJk31uaWrHjSe7/dHpU5E9PwrNjKgIgCvGQAcFXZqiRLFTI5hJTObK9byxXNoel44cjkXE2bHk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":645101},"es2020":"fesm2020/almothafar-ionic-hidenav.mjs","module":"fesm2015/almothafar-ionic-hidenav.mjs","esm2020":"esm2020/almothafar-ionic-hidenav.mjs","exports":{".":{"node":"./fesm2015/almothafar-ionic-hidenav.mjs","types":"./index.d.ts","es2015":"./fesm2015/almothafar-ionic-hidenav.mjs","es2020":"./fesm2020/almothafar-ionic-hidenav.mjs","default":"./fesm2020/almothafar-ionic-hidenav.mjs","esm2020":"./esm2020/almothafar-ionic-hidenav.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"be270065f9fcb54d9d354349dd256375fbdced1f","typings":"index.d.ts","_npmUser":{"name":"almothafar","email":"almothafar@gmail.com"},"fesm2015":"fesm2015/almothafar-ionic-hidenav.mjs","fesm2020":"fesm2020/almothafar-ionic-hidenav.mjs","deprecated":"Final release. No longer maintained; Angular 15 is the ceiling. Use the built-in Ionic collapsible header (ion-header collapse=condense) instead: https://github.com/almothafar/ionic-hidenav#what-to-use-instead","repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"_npmVersion":"12.0.2","description":"Auto-hiding and stretchable (collapsible) headers for Ionic + Angular. Deprecated and unmaintained — see the README for modern alternatives.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"tslib":"^2.8.1","@ionic-super-tabs/angular":"^7.0.8"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^14.0.0 || ^15.0.0","@ionic/angular":"^6.0.0 || ^7.0.0","@angular/common":"^14.0.0 || ^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ionic-hidenav_8.0.0_1789591335497_0.36436778724893615","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2020-09-28T13:46:54.804Z","modified":"2026-09-16T20:46:07.562Z","5.0.0":"2020-09-28T13:46:55.059Z","6.0.0":"2021-01-26T11:01:50.381Z","6.0.1":"2021-01-26T11:31:57.460Z","6.0.2":"2021-05-26T12:35:43.098Z","6.1.0":"2021-05-26T12:46:06.613Z","7.0.0":"2021-12-12T11:42:42.992Z","7.0.1":"2021-12-12T13:42:16.739Z","8.0.0":"2026-09-16T20:42:15.657Z"},"bugs":{"url":"https://github.com/almothafar/ionic-hidenav/issues"},"author":{"name":"Al-Mothafar Al-Hasan"},"license":"MIT","homepage":"https://github.com/almothafar/ionic-hidenav#readme","keywords":["ionic","angular","header","collapsible-header","hide-on-scroll","autohide","stretch-header","deprecated"],"repository":{"url":"git+https://github.com/almothafar/ionic-hidenav.git","type":"git"},"description":"Auto-hiding and stretchable (collapsible) headers for Ionic + Angular. Deprecated and unmaintained — see the README for modern alternatives.","maintainers":[{"name":"almothafar","email":"almothafar@gmail.com"}],"readme":"# Hide Navigation Bar for Ionic\r\n\r\nAuto-hiding and stretchable (collapsible) headers for Ionic + Angular.\r\n\r\n[![npm version][npm-image]][npm-url] [![license](https://img.shields.io/npm/l/@almothafar/ionic-hidenav)](LICENSE.md) [![Angular](https://img.shields.io/badge/Angular-14%20%7C%2015-dd0031?logo=angular&logoColor=white)](#compatibility) [![Ionic](https://img.shields.io/badge/Ionic-6%20%7C%207-3880ff?logo=ionic&logoColor=white)](#compatibility) [![status: unmaintained](https://img.shields.io/badge/status-unmaintained-critical)](#-this-project-is-deprecated) [![CI](https://github.com/almothafar/ionic-hidenav/actions/workflows/ci.yml/badge.svg)](https://github.com/almothafar/ionic-hidenav/actions/workflows/ci.yml) [![Live demo](https://img.shields.io/badge/demo-live-2dd36f)](https://almothafar.github.io/ionic-hidenav/)\r\n\r\n---\r\n\r\n## 🪦 This project is deprecated\r\n\r\n**`v8.0.0` is the final release. This package is no longer maintained, and this repository is archived.**\r\n\r\nIt still works on the versions listed below, and the source stays up for anyone pinned to it — but there will be no further releases, no Angular upgrades, and no bug fixes. Please migrate.\r\n\r\n👉 **[Live demo](https://almothafar.github.io/ionic-hidenav/)** — both library features and the recommended replacement, running side by side.\r\n\r\n> **Viewing tip — emulate a phone, and specifically an iPhone.** The demo works fine in an ordinary desktop browser, but Ionic picks its mode from the user agent, so a desktop window gives you Material (`md`) rendering stretched to full width. Open your browser's device toolbar (in Chrome DevTools, *Toggle device toolbar*) and choose an **iPhone** profile to get `ios` mode — which is where `<hidenav-stretchheader>` swaps its Material drop shadow for the iOS hairline border. An Android profile renders the same `md` as the desktop does, so it only fixes the viewport, not the mode.\r\n\r\n### Why\r\n\r\nThis library cannot move past **Angular 15**, and the reason is structural rather than a matter of effort:\r\n\r\n- It depends on [`@ionic-super-tabs/angular`](https://www.npmjs.com/package/@ionic-super-tabs/angular) for its tabs support. That package was **last published in June 2020** and ships as a **View Engine** library (it has a `metadata.json` and `fesm5`/UMD bundles, with no partial-Ivy output).\r\n- View Engine libraries can only be consumed via **ngcc**, and **ngcc was removed in Angular 16**.\r\n- The tabs directives import it unconditionally, so it cannot simply be made optional without dropping half of the library's feature set.\r\n\r\nOn top of that, Ionic has since shipped a **first-party collapsible header** (`<ion-header collapse=\"condense\">`, available since Ionic 5), which covers the main reason this library existed. Maintaining a jQuery-era shim against Ionic's private shadow-DOM internals is no longer a sensible trade.\r\n\r\n---\r\n\r\n## What to use instead\r\n\r\n### 1. Collapsible / stretchable header → use Ionic's built-in `collapse=\"condense\"`\r\n\r\nNo dependencies, first-party, and maintained. Add a second `ion-header` *inside* `ion-content`:\r\n\r\n```html\r\n<ion-header [translucent]=\"true\">\r\n  <ion-toolbar>\r\n    <ion-title>My Page</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content [fullscreen]=\"true\">\r\n  <!-- This one collapses into the toolbar above as you scroll -->\r\n  <ion-header collapse=\"condense\">\r\n    <ion-toolbar>\r\n      <ion-title size=\"large\">My Page</ion-title>\r\n    </ion-toolbar>\r\n  </ion-header>\r\n\r\n  <!-- page content -->\r\n</ion-content>\r\n```\r\n\r\n> **Note:** `collapse=\"condense\"` renders in **iOS mode only**, mirroring native iOS large titles. `collapse=\"fade\"` is also available. See the [ion-header docs](https://ionicframework.com/docs/api/header).\r\n\r\n### 2. Hide header on scroll → a small standalone directive\r\n\r\nIonic has no first-party equivalent for this one, but it no longer needs a library. This is a complete, dependency-free replacement for the `hidenav-header` / `hidenav-content` pair, and it works on any modern Angular + Ionic:\r\n\r\n```ts\r\nimport { AfterViewInit, Directive, ElementRef, HostListener, Input, inject } from '@angular/core';\r\nimport { IonContent } from '@ionic/angular';\r\n\r\n@Directive({\r\n  selector: 'ion-content[hideHeaderOnScroll]',\r\n  standalone: true,\r\n})\r\nexport class HideHeaderOnScrollDirective implements AfterViewInit {\r\n  /** CSS selector for the header to hide, resolved within the current page. */\r\n  @Input() headerSelector = 'ion-header';\r\n\r\n  private readonly content = inject(IonContent, { self: true });\r\n  private readonly host: HTMLElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\r\n  private header: HTMLElement | null = null;\r\n  private headerHeight = 0;\r\n  private offset = 0;\r\n  private lastTop = 0;\r\n\r\n  ngAfterViewInit(): void {\r\n    // ion-content only emits ionScroll when scroll events are enabled.\r\n    this.content.scrollEvents = true;\r\n\r\n    const page: Element | Document = this.host.closest('.ion-page') ?? document;\r\n    this.header = page.querySelector<HTMLElement>(this.headerSelector);\r\n\r\n    if (this.header) {\r\n      this.header.style.willChange = 'transform';\r\n      this.header.style.transition = 'transform 120ms ease-out';\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Measured lazily: Ionic's web components hydrate after ngAfterViewInit, so\r\n   * reading clientHeight there yields 0 and clamps every offset to nothing.\r\n   */\r\n  private get height(): number {\r\n    if (!this.headerHeight && this.header) {\r\n      this.headerHeight = this.header.clientHeight;\r\n    }\r\n    return this.headerHeight;\r\n  }\r\n\r\n  @HostListener('ionScroll', ['$event'])\r\n  protected onScroll(ev: CustomEvent<{ scrollTop: number }>): void {\r\n    if (!this.header) {\r\n      return;\r\n    }\r\n\r\n    const top = Math.max(ev.detail.scrollTop, 0);\r\n    const delta = top - this.lastTop;\r\n    this.lastTop = top;\r\n\r\n    // Accumulate scroll delta, clamped to the header's height, so the header\r\n    // follows the finger in both directions instead of snapping.\r\n    this.offset = Math.min(Math.max(this.offset + delta, 0), this.height);\r\n    this.header.style.transform = `translate3d(0, ${-this.offset}px, 0)`;\r\n  }\r\n}\r\n```\r\n\r\n> On Ionic 8+ standalone projects, import `IonContent` from `@ionic/angular/standalone` instead.\r\n\r\nUsage:\r\n\r\n```html\r\n<ion-header>...</ion-header>\r\n<ion-content hideHeaderOnScroll>...</ion-content>\r\n```\r\n\r\n### 3. Super tabs → `ion-segment` or `ion-tabs`\r\n\r\n`@ionic-super-tabs` is itself unmaintained (last release June 2020). Use Ionic's own [`ion-tabs`](https://ionicframework.com/docs/api/tabs), or [`ion-segment`](https://ionicframework.com/docs/api/segment) paired with a swiper for swipeable tabs.\r\n\r\n---\r\n\r\n## Compatibility\r\n\r\nVerified by building this repository against each combination:\r\n\r\n| Angular | Ionic | Supported | Notes                                                       |\r\n| ------- | ----- | :-------: | ----------------------------------------------------------- |\r\n| 14      | 6 – 7 |     ✅    | Minimum. `v8.0.0` emits partial-Ivy with `minVersion 14.0.0`. |\r\n| 15      | 6 – 7 |     ✅    | **Recommended ceiling** — last Angular release with ngcc.     |\r\n| ≥ 16    | ≥ 8   |     ❌    | ngcc removed, so the View Engine tabs dependency cannot link. |\r\n| ≤ 13    | ≤ 6   |     ❌    | Use [`v7.0.1`](https://www.npmjs.com/package/@almothafar/ionic-hidenav/v/7.0.1) for Angular 13. |\r\n\r\n> The library's *own* code compiles fine on Angular 16+. It is the `@ionic-super-tabs/angular` dependency that hard-stops it at 15.\r\n\r\n## Installation\r\n\r\n```sh\r\nnpm i @almothafar/ionic-hidenav\r\n```\r\n\r\n## What changed in `v8.0.0` (final release)\r\n\r\nThe farewell release — all housekeeping, no new features:\r\n\r\n- **Removed the jQuery runtime dependency.** It was used for a handful of `attr()` / `closest()` / `parents()` calls, now replaced with equivalent native DOM in `src/lib/hidenav-dom.ts`. This drops ~30 KB gzipped from every consumer bundle.\r\n- **Removed all `eval()` usage.** Three call sites passed code as strings to poll for element dimensions; they are plain closures now, so the library works under a strict Content-Security-Policy and no longer trips the bundler's `eval` warnings.\r\n- **Fixed the hide-on-scroll feature, which did not work at all.** `initiate2()` guarded its state setup with `=== null`, but the per-page state is an array whose properties are `undefined`, so `scrollTop` and `lastscroll` were never initialised. Every subsequent calculation evaluated to `NaN` and the library emitted `translate3d(0, NaNpx, 0)` — invalid CSS that browsers silently drop, so the header never moved. Found by the new e2e suite; see `src/lib/hidenav-service.service.ts`.\r\n- **Fixed `npm run build:prod`**, which was broken: `tsconfig.lib.prod.json` still set the removed View Engine flag `enableIvy: false`. It now builds in `compilationMode: \"partial\"`, the correct Angular Package Format output for a published library.\r\n- **Fixed `npm run build`**, which pointed at `package.json` instead of `ng-package.json`.\r\n- **Removed the `ModuleWithProviders` global type patch**, an Angular 8-era workaround that broke compilation on Angular 15+.\r\n- **Pinned every dependency.** The toolchain previously used `\"latest\"` for Angular and the CLI, so a fresh `npm install` would pull Angular 22 against an Angular 13 codebase and fail immediately.\r\n- **Widened peer ranges** to Angular 14–15 and Ionic 6–7, and dropped the peer-dependency conflicts (installs cleanly without `--legacy-peer-deps`).\r\n- Replaced the dead, broken Karma scaffolding (no specs existed; its `core-js/es7` and `zone.js/dist` imports no longer resolved) with unit tests for the new DOM helper, run on Node's built-in test runner against jsdom — `npm test`. They pin the jQuery semantics the helper preserves, and each was checked by mutation to confirm it actually fails when the behaviour changes.\r\n- Scoped linting to `src/`, and added CI running lint, unit tests, the production build and e2e.\r\n- **Added a demo app and an end-to-end suite.** `demo/` is a small Ionic 7 app published to [GitHub Pages](https://almothafar.github.io/ionic-hidenav/), and `e2e/` drives it with Playwright in a mobile Chromium. This is the project's first runtime coverage — and it immediately caught the hide-on-scroll bug above, which no amount of compiling would have surfaced.\r\n\r\n---\r\n\r\n# Original documentation\r\n\r\n<details>\r\n<summary>The original usage docs, kept for anyone still pinned to this package (click to expand)</summary>\r\n\r\nWith this module you can:\r\n- implement an expansible header that stretches when pulling the page down\r\n- auto-hide the page header when scrolling down\r\n\r\n### 🔥 ..Also works with Supertabs 🔥\r\n\r\n![](https://github.com/heidji/readme-content/blob/master/ionic4hidenav.gif?raw=true)\r\n\r\nCheck out the [example](https://github.com/heidji/ionic4-hidenav-example)\r\n\r\n#### Note:\r\n_Both should not be used together on the same page, either you want to make room for reading content or you want to add an expansible header, not both together :)_\r\n\r\n_This plugin is also made as generic as possible, making it maybe a bit harder to setup but giving the user much more freedom to design what he wants._\r\n\r\n## Implementation\r\n\r\nCreate (or modify if you already have) a **shared.module.ts** in your project root folder:\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport { HidenavModule } from '@almothafar/ionic-hidenav';\r\n\r\n@NgModule({\r\n    imports: [HidenavModule],\r\n    exports: [HidenavModule]\r\n})\r\nexport class SharedModule { }\r\n```\r\nand import the SharedModule on every page you intend to use this plugin:\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { IonicModule } from '@ionic/angular';\r\n\r\nimport { HomePage } from './home.page';\r\nimport { SharedModule } from '../shared.module';\r\n\r\nconst routes: Routes = [\r\n    {\r\n        path: '',\r\n        component: HomePage\r\n    }\r\n];\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        FormsModule,\r\n        IonicModule,\r\n        RouterModule.forChild(routes),\r\n        SharedModule\r\n    ],\r\n    declarations: [HomePage]\r\n})\r\nexport class HomePageModule {\r\n}\r\n```\r\n---\r\n\r\n## Part 1: Expansible header\r\nThis is a custom component defined using this HTML tag:\r\n```html\r\n<hidenav-stretchheader></hidenav-stretchheader>\r\n```\r\nThis component must be defined outside of `<ion-content>` and comes with required and optional child DOM elements:\r\n\r\n## Creating the expansible header element\r\n\r\n**home.page.html**\r\n\r\n`#shrinkexpand`: This is the element that will shrink and expand with scrolling the page `#static`: Element(s) with this tag will be left alone. You can use these to create buttons on your header for example.\r\n\r\n```html\r\n<hidenav-stretchheader header-height=\"50\">\r\n    <div #shrinkexpand><!-- Expanding DOM element --></div>\r\n    <div #static><!-- Title --></div>\r\n    <div #static><!-- Nav button --></div>\r\n</hidenav-stretchheader>\r\n```\r\n\r\nInputs for `<hidenav-stretchheader>`:\r\n\r\n| input             | type                         | Description                                                                    |\r\n| ----------------- | ---------------------------- | ------------------------------------------------------------------------------ |\r\n| `header-height`   | **required**                 | height to which the header shrinks to                                          |\r\n| `opacity-factor`  | optional / default = 0       | `1 - 10` opacity of shrunk header overlay                                      |\r\n| `opacity-color`   | optional / default = black   | accepts any css color description (name, rgb, # ..)                            |\r\n| `blur-factor`     | optional / default = 0       | the maximum blur when the header is collapsed (accepts integer)                |\r\n| `init-expanded`   | optional / default = false   | set to `true` if you want the header to initiate expanded                      |\r\n| `no-border`       | optional / default = false   | set to `true` if you want to remove the bottom styling of the header           |\r\n| Tabspage params only:                                                                                                             |\r\n| `preserve-header` | optional / default = false   | set to `true` if you want to keep the header state separate on each tab        | \r\n\r\n### Adding your Header to a simple page: \r\nadd the `hidenav-sh-content` directive to your `<ion-content>`\r\n````html\r\n<hidenav-stretchheader header-height=\"50\">\r\n    <div #shrinkexpand>...</div>\r\n</hidenav-stretchheader>\r\n<ion-content hidenav-sh-content>\r\n    ....\r\n</ion-content>\r\n````\r\n\r\n### Adding your Header to a Supertabs Page:\r\nYou need to give the the `<ion-content>` that holds the `<super-tabs>` element the directive `hidenav-sh-tabscontent` then you need to add to each `<ion-content>` on every tab two directives: `hidenav-sh-content` and `hidenav-tabspage`\r\n````html\r\n<hidenav-stretchheader header-height=\"50\">\r\n  <div #shrinkexpand style=\"background: darkblue; color: gold\" (click)=\"expand()\" >...</div>\r\n</hidenav-stretchheader>\r\n<ion-content hidenav-sh-tabscontent>\r\n  <super-tabs>\r\n    <super-tabs-toolbar slot=\"top\">\r\n      <super-tab-button>...</super-tab-button>\r\n      <super-tab-button>...</super-tab-button>\r\n    </super-tabs-toolbar>\r\n    <super-tabs-container>\r\n      <super-tab>\r\n        <ion-content hidenav-sh-content hidenav-tabspage>...</ion-content>\r\n      </super-tab>\r\n      <super-tab>\r\n        <ion-content hidenav-sh-content hidenav-tabspage>...</ion-content>\r\n      </super-tab>\r\n    </super-tabs-container>\r\n  </super-tabs>\r\n</ion-content>\r\n````\r\n\r\n### Events: \r\nyou can subscribe to the `(scroll)` event for example like:\r\n```html\r\n<hidenav-stretchheader (scroll)=\"handleScrollEvent($event)\">...</hidenav-stretchheader>\r\n```\r\nThe **$event** variable returns the current header height.\r\n### Functions:\r\n\r\n- `expand(duration)`: scrolls content to top and expands the header.\r\n- `shrink(duration)`: scrolls just about enought to shrink the header if it is expanded.\r\n- `toggle(duration)`: toggles between `expand()` and `shrink()`.\r\n\r\nNote that `duration` is optional and defaults to 200.\r\n\r\n---\r\n## Part 2: Hide Header on scroll\r\nThis function is fairly simple to implement than the previous one, all you will have to do is define directives `hidenav-header` and `hidenav-content` in the page you want to use.\r\n\r\n### Adding the hidenav component to a simple page\r\nIn the following example, both header and content carry the previously mentioned directives.\r\n```html\r\n<ion-header hidenav-header>...</ion-header>\r\n<ion-content hidenav-content>...</ion-content>\r\n```\r\n\r\n### Adding the hidenav component to a Supertabs page\r\nGive the `<ion-header>` the `hidenav-header` directive and the `<ion-content>` that holds the `<super-tabs>` component the directive `hidenav-tabscontent`. As for the `<ion-content>` elements in each of the tabs give them the `hidenav-content` and `hidenav-tabspage` directive.\r\n````html\r\n<ion-header hidenav-header>...</ion-header>\r\n<ion-content hidenav-tabscontent>\r\n  <super-tabs>\r\n    <super-tabs-toolbar slot=\"top\">\r\n      <super-tab-button>...</super-tab-button>\r\n      <super-tab-button>...</super-tab-button>\r\n    </super-tabs-toolbar>\r\n    <super-tabs-container>\r\n      <super-tab>\r\n        <ion-content hidenav-content hidenav-tabspage>...</ion-content>\r\n      </super-tab>\r\n      <super-tab>\r\n        <ion-content hidenav-content hidenav-tabspage>...</ion-content>\r\n      </super-tab>\r\n    </super-tabs-container>\r\n  </super-tabs>\r\n</ion-content>\r\n\r\n````\r\n\r\n**PS**.: as mentioned in the beginning, you should not use both methods (Part1 and Part2) together on one page. It was never tested and is not intended to be used.\r\n\r\n</details>\r\n\r\n---\r\n\r\n## Credits\r\n\r\nThis is a fork of [heidji/ionic4-hidenav](https://github.com/heidji/ionic4-hidenav), maintained here for Angular 11–15 after the original went quiet. Thanks to [@heidji](https://github.com/heidji) for the original work.\r\n\r\n## License\r\n\r\n[MIT](LICENSE.md)\r\n\r\n[npm-url]: https://npmjs.org/package/@almothafar/ionic-hidenav\r\n[npm-image]: https://img.shields.io/npm/v/@almothafar/ionic-hidenav/latest\r\n","readmeFilename":"README.md"}