{"_id":"@aofl/component-utils","_rev":"135-e8dbf30adadb6452ab13c844bc957308","name":"@aofl/component-utils","dist-tags":{"next":"2.0.0-alpha.17","next-alpha":"3.0.0-alpha.12","beta":"3.5.0-beta.22","alpha":"4.0.0-alpha.45","latest":"3.14.1"},"versions":{"1.0.0-beta.28":{"name":"@aofl/component-utils","version":"1.0.0-beta.28","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.0.0-beta.28","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d4e16c830c6da41d8159a3a2f6f10ccbbfe50382","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.0.0-beta.28.tgz","fileCount":89,"integrity":"sha512-e55Roe/WLV1vBlTLV1FB9bSo3Xcm9evwamgXsMOjE95yo0D4rAbDmIRcKNcPTJUxNFS8g92xU2h3/dn7DFTPrQ==","signatures":[{"sig":"MEYCIQC1WeDWZDztAItJ+KhS9xAE28flaPOuNfbw4UJ5t+4HegIhALrJLhGWm8rRcgA9nnxgbYXe/Lzqj2eI7spvvMY1tzCc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":410325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbnKgoCRA9TVsSAnZWagAAMDMP/1Gpi95DfiRMsTo1bl1A\nHPXiLHhPJ000fVz6WJ/NC6NetD1Qi7BP2O+Bjh4Erw5wcH6iqGdE2DqBsW4O\ny1c2MLYCZcA/yiTugptMqaIfU+MqacE1Mav9Yg8BAC51o31IFWbKA7UMX+QW\npU8JVRNvMWsMqJB1YyR+j2zCz+XggsxtYuAZa6ye/iNIr/Ect/gmlDn4IPro\nCfeEPr2dVzHPHw5O42beujB44unUY7w/aZZHo3IMT+iNGzysWC5QmDeAdRaQ\nqxeW76zlnhbauz3DZBqSKdGen5DB4bT66zWk7yarj64LweGekrtDp130Rdfw\nQ9rRHIEZqPUk/CTxL2k5Dlj5FCLdAxkzyS+VsAzJt74+ng/5p4zXDY7DGJts\nz9bud6ZtvF9MW48HWzodOJSltlU0A5CG87hoBkiz9JIfD6XrwZWfS4ZWlcck\nHhuYgbmjTqQN/pprO++F3sQMYtXXzWaBMdzQJDCKdDNBl3yLWS9f3aG2JRQD\nQTnSjEjB3WAb7qzyQoFGmIbQXQMvfZPk5G8u0PP21EjqyTotbwvUfrJJCJvq\n3eAf1hqFs9OES4Te5+BN4IxdvYLWFRf/Z527QR3Sr/fGpzFO1qlhCf4HEbkw\nfvK+V6VOjf5m+UNUdVsxF3Ub2a9zKFwgexAwOehiBIATs+C3yXZe6VygArn5\n6K6+\r\n=mNHe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.0","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.9.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.0.0-beta.28_1536993319238_0.8538222613845408","host":"s3://npm-registry-packages"}},"1.0.0-beta.28.1":{"name":"@aofl/component-utils","version":"1.0.0-beta.28.1","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.0.0-beta.28.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"50eaff836799c2802e64961d1eb199d0b83032b5","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.0.0-beta.28.1.tgz","fileCount":93,"integrity":"sha512-G1GTDJN5rB4FNcRo8T7xM/98nFGAqwpQK+1xbNK2j5BNws3xXS60NEsNtk7H65TUJlSlO3KgWlNPb3idKEOPHg==","signatures":[{"sig":"MEQCIFc313tuD+ZqWNAuP9G8yEn4PovjQLA5gJY9qNxwdhfIAiAle2qDcctridzddrOk/VrKQ8XJYg2tNX8Zt98YEN1IJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":429403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrXfGCRA9TVsSAnZWagAAYVkQAJopf9IZ+qG/4f3dWS3M\nQVJ499RCMC4bm7KI3pvgv5ApGrjlt/3mez52DAlnd72l45f0KbB+HtffSf4G\nXzbyxKep3YYcbdIStfF5Fiwtpq9p0v4cbgj2alvncYZ5mr3kcL5nwf7u/M89\ntpv/bRq/hueCdu10TgYXuqsIArOFUYrLCmoCxibM6ZmcEYM54LJyyK41kOy/\nOLaSoMMZEulmh3RA8kl4LKoaqSLA3A4tbTCoUt+ylzyPgVfzORzwYL72LMvY\n4R/EwywwakaVwJPud6EUmFXjXYimLfns3tCCj/KpyzG4wIpvjsztujh45miJ\nJdDTKGhyh9yvJDbhLB/aAxB9iCjc8cttKbbRIShpXZ8u+3WSos69O2E9sFoZ\n25A+65aBT6sHILdfEy135w2gd+1v1UJJ8j+wlnt+/mnHQ+qhGANP0rXT6m9H\nO3OQxP51X9bliaRDq+gcRSPRJymM8KIuGmeSeNEiZvKV0U8qLCYyJwm2xD1I\n7XHcWv5SSukF6frF9FiVOYtQSncmRk9Wxo7N+DNOuJSKnf2CpQmu+FAccaE6\nk7BGccBC3Po2smqYObwKNd31PaUXXhfDKCYeW2LeWS7w2aFi3Jv25lBJZJAA\nzWxu480Aon7mCLHYOo1ZHYQDVN+9jXGjGvuAplV7Wjj8Lk5WsryRYPOXIIyA\nunBb\r\n=GK51\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n---\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n---\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n---\n## Methods\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_1.0.0-beta.28.1_1538095045174_0.3762438096760221","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@aofl/component-utils","version":"1.0.0","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.0.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0f5512c130f9fe3ac5dce1f2bd392d1672003619","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.0.0.tgz","fileCount":93,"integrity":"sha512-pl1cTeHBzjhe3hUfn1QJlpFdGEQwI3bEPduEX3EImFpApQ161Q98i9pHux2j3vKRhkRJkj+OlaXbzgYN7zyWzQ==","signatures":[{"sig":"MEYCIQCehG58ikSMRTKuU5bYQ0TJl3rq0mhyfKW4B/B8cbh08QIhAPa+bTkJqy++b0dyuOJPP2yp/DBuNURnXKAbWV/98/ew","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":430868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbsAQZCRA9TVsSAnZWagAAzyUP/iXZaskln2VU0RUXjDez\n/0UWkPw3vXfqSqnwNycLnt1eIkToqDqmI+7YSLgzqgbirGxJoh19NPYdO9fG\nd1hAuJ8Verxk61FMA0X0Zc/AMdiVemADhnhkueMMfbBp8CM9mQ+jlzZxFbgO\nPdWK63k8KmUyr9MeyzP8xtf8nXRy7F10tGnBUXbz4eI0T0Vvkjpr4aZBnjqT\nax5C9YV2wYvrm3DfQDf356r4JZ7M069TCvF41l8I8wQmnfKSPDmURYUidESR\n9U+Tk+yJK8MbC6oQb9NnBPO6tgyxQCWpB9VRHR3Q/0OSlcVQGpK7SJneYsyQ\nCSZuGbCwoGKBCcwgN49CCdqpdPQcRkFnLDGkfagIv5W/YrzvxksDf9fVdv5h\nv/OqfCgwPxgja1xs2wRuMIZ/DOiALxTZS++wFpySGkCv9vkFt1+gw/tcA+vI\nNluWsFBKtBOyn0TusJ+0oaLYs5b7dal5Bhzxnpz1SPniVzhxo2UY1xDeYHG/\nHo9xUB+42IAFE5DqzXgaAVqy1Z6hQgSsU08/iJrVRMpD6teYKksczUDQigNW\nPOAxCtrk/GVEA8lyBhnqU7h0JfHTGqvp8Tnyou5MTfyZng7xHBesdJAYCj/H\ntIeCB2DJNGkBJPgHhKKS+7fdOnUjH795V6P40NbAPxKvxEoXw86imW3Tu+wo\n2Kts\r\n=RwcY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.0.0_1538262040305_0.14525222819926564","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@aofl/component-utils","version":"1.1.0","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.1.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"17936d6cae8741974c9bef89498bfa6be88f79db","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.1.0.tgz","fileCount":9,"integrity":"sha512-ERbXgCtPNzrzSb2TfZRL5bW8XCb9+E+uJDtjX5KMQCWe51CgfIYjv2W0t51032NTIPQinYrGsJz3zeFF23I92g==","signatures":[{"sig":"MEUCIQDUEvfZ/eFOMmik7zrMwq63VXdVGR/3hLEgfTtouAzZSAIganjWtQ3XXc39MBO45RO+PWDuleCuSAY598fIS5dZD9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx7HZCRA9TVsSAnZWagAAiQYP/RxBxNykqs2ZK+X6zY3J\nTape5Q1qAFq2hij8tH0//myEzqrhfGae6pfVzf3XZC1RhYdCNt/uaQn2ONY8\ndO+xN85lH8zZw4dVFL0FItL992GLxqw+asv0JINX3dKzWqqpMv4rKb4FXA7q\n6v7/vnXTRtJj9EGBXYrK+mZ2H8gBIhctGZ6rIkGjsofGRCei/0S4KT6NIBnE\nytT0o4dx+peu9lmKd86F0CJXw8m3VotjVPrd87Ln4Tj7qywvyHl7TfzKaNaf\nS4dWsfkCSKiHS99O8dWD2haOF15ZNmDD+cHTNOqGBEOfanAnG8E7+lV4BiDe\nl86igElEU+v4+c0R5p94femitacPHzv0d2cqfrGZom6x54CwshNKCB6JMHzj\ncBjTdgcTL8Z4IeC1xoHA8PuB8CYTeGd/5htaU8JjfrHIoHOSFHhvR2T3WAov\n0HgqbyLaMgxN8+sG3CPAHQcra9AGnrB/p+dIKRf7ct9feztnKAkECLqM+JOD\nqJutb8Q4bNZGoJEs91sEtpkb+AptrDhNBMCTQiLJ7fmqhoBGOUabWh4NKA9I\nRiy3WMl1kFHp6Qmsq45lJbL94jb7L4HXNl1Z0BLbl7iht9JChzHHlwKefgeZ\nqNr3g3gs6gejXb1T2dQXV1VOOhOzejhj5NMgkbHFnyX1aD20rtnxAD8FxVxG\nK3Yu\r\n=8b2U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.1.0_1539813848540_0.7085960482239093","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@aofl/component-utils","version":"1.1.2","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.1.2","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"24adcedf4f66291be83df925af63f5a73e272a5a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.1.2.tgz","fileCount":9,"integrity":"sha512-7cudhFLuhJwrUSdOtjzpJmPXz4RBwtnOntxhYrDM5ZxNKiToNIS3mQx49EzNLsL7flPWt876Adqax+PRNfBkrg==","signatures":[{"sig":"MEUCIBhZASiW32JEmD3IP8ARBO78eTcn29GtwC//IFFr251kAiEAmFYw8GYFOumHeRgN8Wosec4h28Y6c1oL6UEkXrovrtk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb12A1CRA9TVsSAnZWagAA0U8P/jBhqRP4mIolxwwZ/3zB\nHhhAyqenl6zkbFnlArFNUIiWwB9w+fETwxzwY7QnVr1Z5n2V4Ma6atEaf3PN\noK0mLJPdIFzSbxqRI/zVtEKUqdVYwS7n+o8m8N6+BLg/aQUA1sbKM6jD/68H\nxJ+kn7DcFB8kIGLOj6OvdjqdT5fdzqMzAsDO6IyLGeHbzq4jq7uK+aR1xb2u\ntN1hQYIJnlStQl3I0dJdPHSye2DsmYvnOJTf+yLexKfQ706C59pDa+z1HeVr\nzBw5AqCbR4GmK8q3fcAhr/CuW+PPFskFOKkAFC6pXFgGVTaUe0PzMgVCYNUy\naYeKs2OfnYnhZBGStOpt7KoTxXHlIO5V39HU73f7btXjK7/C6HZ+b4BVrGxq\nO6gIp80vgIAgXg1SZzH0cb+tllsuKhw8o+5t+/WBg//IGgENH48zDOZpeSuq\nyYntZ0qid6VcvuJtxKwvvqjbCd9Elbly+i5Xl2TSPh4oIfH+Qry3qBqJQCd0\nAETaiTllrq+oSc1E3gWUFEA1iYIvt/eWDntNXSDjUMshXrRA4qZxh5oImem4\n/+ApvyjGobbvr+8asGskan5npnol6SxcvWj+c7ZF2B0Z57NtzA/dbZGAOo2f\n+rAOFADp09z+eHj1bCnvwL8lsfJjTBuvUAbcxelxwsHTesbGNaKTTDkYgHwZ\nAc7+\r\n=1FgT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.1.2_1540841524547_0.7266033511091414","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@aofl/component-utils","version":"1.2.0","author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.2.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b4b564ca76a1a6da0be48826e447efff68c60240","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.2.0.tgz","fileCount":9,"integrity":"sha512-lJ/urmsMGPofSYdMAnxuQPqbny4I1REytLrJRZtCZqKice2gZ25hrsvtVsL7NgrIaoQN2S+YB3/bGcttEALrzw==","signatures":[{"sig":"MEQCICcGqXtbLqRavdp1o8ajDBoz3YFKqB0KgKhoTMRydVbBAiA1qInsg1AqT37+4iR6WcTWKoQG7jLJkWTVsXv7nNIWAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4f2JCRA9TVsSAnZWagAAoUsP/2bm2Nvetgpeu77BXv7d\n0hhCi6BRQmAcn/K+slnj8d48hS4KgpznhD2BrggBtLkyRRF96G5GKIJw+g/g\nFSa4snLH8QVHFFBk3q8K9XTWipkYbnhGulAzvqTjp2/t9BuJnZf7DVUmhA/c\nGgESBwOXrm2W9D3r4oRqeZ90zFMOfTMXDK7G+OM+ilIDESbi16H5lv0NH/+q\nVSNXuaVhsdW1VXaSO53T93K1CwcncIFKlN7wgTN9w0YgblyDuZaToWdZq96J\nFrFcxIAFx1JJPJHtQZUbL1CUAB2vniAgIEdXCw8azRi/T/jFXgBzZqql7+aw\nGgpEtzHiN/H1oKdO/pxrbLLUCKZLcvjVxk8u86HFYe5l8O3uXNE5rv7FUby0\nCYb2Py+AcayL4VlVXIpEsZkH74KS+s8v8XCML1Z4zvmyA57XtVD6LdFnu43Q\nN8L+cNPbl8H5ZbRCELTJLlFoMMdt7aoLj3IJgpc/eGns4JEhZcq5AjLKnvBP\nuTeGmB5mcG4K2GVv/9puu0QtiXKmqDFNacWTShKuhrYvIYYmoTt1R4+Aq4Zy\nfCYMrVRJwVs9THTEz5rGKCWG9tSNoJnA/077NZ6YXhXsZiazj80f22uVIHFj\n1Sco0//jvkM7dhkKNMCbRge1H2uM9b0nKybNLD57hMMy+ZtBJJQUD1u4RQNr\ndWGm\r\n=7NEx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions.","directories":{},"_nodeVersion":"8.12.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.2.0_1541537161116_0.01635837265165896","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@aofl/component-utils","version":"1.2.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.2.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fce6d6f9695cdfbf8430c4ff8f346342b2969b01","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.2.1.tgz","fileCount":9,"integrity":"sha512-s8Xo4+kGxB0HIG2I4WX+uRGfsGr0oMFaR4dSZNkkf+cStEBRPVE8lo+uF/FJCTpK+YyQA5Y1GWODmbj2rcXZAw==","signatures":[{"sig":"MEQCICCgcuL3D4AvR0nQ+ypMkT5toSDVw2iqRh1Ix/9qRhyaAiBckwoS6izcmbjieodGFJbq4IKV2MUG1MrT4xidgJyK0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8dQrCRA9TVsSAnZWagAA8K0QAIWC35nTh2szV8qQ1WpB\n0hGMVJRn6+bt8YwnoeHgm0CunbfxgT61J/L2UlEB9jCXdIENvk/LRKt9dOow\nIz1xeSBvxFjNx556hkwRr0MQxajCZElmh2ByJl/Va9+pP8lb5cNrpfzD5Va1\nqGGH+2kszcLs8pwmEq++UVTkTteKLOWStEynUQpwPyTVtj8Ww2wtFxzxp5nw\nYeR5/XyWHK9XcKyYujRF6ig97l2pqCnMUSPDz58qbqxagAJS2iuIbyqjg3oy\nZgfvwODfyjrddxq218zy8g8Rr7R+nnzFtVXFUrzbO8jOM0Wyfjp+FJkr9AyQ\ncXOFLA3u7rA07CU+iAVHiRKM1YFB1zKehjIo/qKcVzcip812R8H9MCmwH4cp\nfMLYJHMEfA40dKOCT7CWYvBIb8iTyQ+x71S4OjNcQ/UYFCeLwPMVeXnsS3G6\nQJh/WAZ8ZAFd1qKAmt67bCzWaEA8n1pzvKbUdxYqBz2JJBOpFrqkfeklx9Cg\nssKV4Mawh62pNc1g6OMbTJQktXY6qhxgMxbGBGyZGYEWyXyQ+MmL/lo2ZTfD\n5kAXXUakiFAyTIV3SAqfwa6/A/7Q8ZlJhFNHrBSM+UEBK2xSffsVcWa0jjSr\nfG8spB4AdxIQ8folHxwk+oYSahw2tyHq0p+7um5W+Tdoi9W0HQbvP+/ra5Ke\nW4Xs\r\n=ylWI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.2.1_1542575146404_0.7925780550066486","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@aofl/component-utils","version":"1.2.3","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.2.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"7f29cdcb6925bf976af28f46603fadea264275c0","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.2.3.tgz","fileCount":9,"integrity":"sha512-kzPhg2MWUngSaIAenOY7q5mth9cK88713kcPR2GiuTIJaT8tLUVRPaMpQii2EWT4/H1/heLS+ADZ96Rbdb2dlA==","signatures":[{"sig":"MEQCIGfpoZH4D92uv550fnXCNmVyZFDQWW+G7PKrPJTrj1I1AiBh/zfYiGxZsD3+N/viS7Xyt48fpqmzjqz8ucKv24+8RA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9KK5CRA9TVsSAnZWagAAaWUP/17SzfCBehXz1Acl7cIF\nvG0ohNrz6BeOx5r87axC8Nmel1TcJITpuT5HmLe4DcFB7ustlkGgUgoauLAJ\ns0vWOZ8wK9LMXcAiQoxtRt77PdtLMEAxuO5u94nfYU0Geq7ME5L2zraP+w2Y\nwoHAbaUZ6Cfdv08pD1HnIB0z5Ifi38+o+yebUyuqnr8Z+rZ7anEILcte4dFD\nsGTGYlNfTeb2vENC7DBuHeY23Ao3Lqt2ZdE0FZj2t4Ljbskz4NT6InYzQllA\nsoNMs9b0bSJMJq7Xbq1lPmDD3DtEtlW8JN7KdVPrpusz3H2hgsvrl6G1Oa4F\nQ7ux0LJya+mna8ja5mk1vU2utjGnWNawL4BaUAKZ2upsAT/weASpzageNLiB\nRgUuPirkKjWVY3an2hpLEVsffgxzqsZgpOBw7b2+8psK/qjK/c+0JFNHYpet\nER+2jCJ0KD5phUe+GVd/GU6gNI8IeUheba8Ji6YpUlx5KteoZQwoojKpJ/AS\nWMBeDXC8M72RAZ7YLu4utoR6mCoO2UQ1o/uaY36lZ2gUrC+wPZ4x4N5i/2FX\nCCgnXefMZoPAv9HolkbEgKDihNr1lUSEnCJH3EFgVwJYE9/9+ChouIrFbg/o\nqUgEm1jDhI2EielJP0iBV5OAyU8hFptgoSLEuhVGE6c1x8sS3mIiNnFdW+6d\nZ6TC\r\n=CWU2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.2.3_1542759096435_0.4837184151037204","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@aofl/component-utils","version":"1.3.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.3.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"595e6653736d698597ffcefd7e47162b2746dc62","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.3.0.tgz","fileCount":9,"integrity":"sha512-Re5yak05MZfll0KbZjQ3QcJhd4Ioq6oJAZs0KPnN0ei1r7EHuThtBMBMQARSO35YBfLZu+dWngCkkFv2xgxp8w==","signatures":[{"sig":"MEUCIQC/91VRMqYAx5li7grAtP54Lj4qKm5aXUPCtyqCrZ8kfAIgF3L2x4FKqbCIwR3DZDqS/PjYFKIqrRq83Im75P/cNRk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCY1zCRA9TVsSAnZWagAAF3UP/ibT+rmuk4SxSD7BWtq3\ntA0A5N7ZcJVJCHAv6oKDMXFxfpXpC45AjoI2k2xe/FCX60D2Qs0JfsLFqXT1\ny+jn/WVDY976PCjh+nkOEqEsCnVOH7w+McbfWkf1QTmvrLlFqxSeOkzmEi2R\nJCyk1eyhgXJhxqE7vlcuI1p7awfphu337s6QokYi6d3ctI8R8hqVg9clIMtg\nXaIFpsWw+0w9gicNztr1anjlZqi6xqJoOXZ32FzdcdYQK/73uLe601skGmvN\nYrE/iPRdwwXSAVBM1lgni3YDLXsFc9AHyjguHX28gP1aWKiGb7amm6F7BVs1\nnJu5IolRPoh2xZK5Nu4n5yX/nKA5bypi7BxmRNO8+oUKQ5biVSIRJoHFfXIU\nsJ0IRsZ8Suu8OhaFhEO6oHlFeaBDWJvwMbqa9Vb4JyhyxG3gYR9urPdnzWsV\ndbWJUFVZSC0fSC4Tspx01P+NPxkYf+5JkG8+EXxc6MwyxAZXYuTOYqnFC52e\nF4Mq+Vx2ArMihN3yLV70wmlaOKph6LY4QCrwLzv67jaumVF9Si9NSjxiVP5z\nA4A6SVoxsY3+8uCDh5WmjmNsuZTMqS6YffOyzz/GgP3KPJ7TkgRG34eyHpFb\n9Zi8/1hbrnn7iTFGAlqTfu8OZMYWPbUn8ddnBzwo6FJ39yx753WLYmZSEb4H\nEVTo\r\n=4Sp9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.3.0_1544129906920_0.9621115899669155","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@aofl/component-utils","version":"1.4.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@1.4.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c4c12005da85bba94d19e8cc1733832bd50daccb","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.4.0.tgz","fileCount":9,"integrity":"sha512-Kpvfb6hEJKQ1fGp7QPKBTxeqV3v2cbtI9rnlND45b8lRuu1CN6AD1OcJ43EHJn3wHyQrGbVkUr+LqAJWEV5how==","signatures":[{"sig":"MEUCIQCclMgmOBW7s4PpInEGsM2DTxEN0yCbX9Yrf9STOqE59wIgM2B295YLWDYc7kSdzT0L/5ue8QM6Orl8LLv16LWfWE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJYyNCRA9TVsSAnZWagAAhugP/irYaDZhZTjDx9zZgf7U\nnQ+osKC6D8cYdN+yoPjwK9mf9EFzSErB/9ILVZTjba0EJuN8psY/Dnlyc9PL\nDySjA19Lp9IsTBTU17hZ7VcCRU6mkSf2luJslWVyBKZJYOL0Sf78ucF+rS+w\nKaCVHgLsnTA078Ygsp0yYtJGMHL+Zx3yDwtU6wgjiMUlYKNixuagXJj/12Pj\nYXpZpbG7Sev9M+XV9AR+6dGdPigN1ufqjiu5FNgkqA50Uqu25ny7negQQRTv\ncQcdGhnuwXCdMBY+tFLOe0wP1IH0nFdUDx3/iyg4utApje5VtFdI8mPSQ+vr\n5jDvG3CjcAyk08+ZPFzcuqBjcV5zqilW1jUQkZhr4kKRk5R9mSy/zhjX9Mii\n+R2KxcUXYv8qj77VeAU79AptuylVuIC7q3L2E7Xc9oU9UElR7mFUiZg3VKHt\nYXz9hEHnmrVqqVrBY+pzyqlSbEJ8G3DTTt7mydRG9w6kVPZfMvt5ZbQBTiDe\nypAH0tRxGPb08EbWGwIyg97B7TE9yWjg6jlL3fX83DtMBBYqNf1y4RtmSotO\niZlvaDKRLxl85bgWJtxcvkXhHdnaEHjuOoC1D7Ql2D0KFOpF7pomTif9qZF8\n421Nz2OIVS4aBcA/QQw0Y9ksrh4fiLyPtOmmoeLxsDJc/kJeo7T92pLm1RCd\nKcfz\r\n=eDo6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.4.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.4.0_1545964685293_0.27168824406880354","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@aofl/component-utils","version":"1.4.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":"Arian Khosravi ","license":"MIT","_id":"@aofl/component-utils@1.4.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":["Daniel Belisle ","Micah Blu "],"dist":{"shasum":"249a5abf8749d9039f7eb5ff3b6e5bf9cb3774aa","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-1.4.1.tgz","fileCount":10,"integrity":"sha512-tYpcj5NwYukNAxAjZEZKvwZaGZvf1cK6jcqR0ekoEBkxaK65J1Mugzd58s+SWylzUur1xpNt6yH+2NsJwenmXA==","signatures":[{"sig":"MEUCIGYxB+AfQGnbA3WKhYo+RXQzVYDzhVzUeiF/IfJFGeWGAiEAp3Xq0hTIFDSmhZvzp7lopFfVEEZLjK4mJj4VJPIq86k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM5tjCRA9TVsSAnZWagAAUB8P/3uEdNOgA5mrxKY0InCA\n4luazuH5eLYRgqWbAOP02zEH5M2geyA/OkdaHi/wuY0H0tyh9oaj2f3yOI8U\nmn465F+mi7jDekEBTVD5mWkam4bS8b5xFg0FxHGhJV+hmzK1Cvnudsulh6q7\n4Tonj4j1/uC3E6fBns11I3f45sneC8mRNiOrLh6lD6zWFT85FCyfDAIxD7O2\n7E1VYA1QSnlbgVC148cIht1txsqVzxRvPfj/7SWiaZDXqNP1GS9XMKglYeoL\nXej9SBhm3h30tMvjcxbv0Aj88M18Z/PO9tbAQk8+CRJNvSooDUL7VDneVQY/\nMGBK2owgy1Hl2Gb4aA1Ssdex0M8TkNUOSApyMpHeKd3S/njowcJ/pOqGqeK1\n6V1hHRHz6v2vA9HdDquvS0Pu9PXw9rji+/gtQDhHPa56hGe2IwCE/aCvH3/e\nA1F5Cgtd0Dv0UDHURjZw5hqnGg35FeHktTCKCX4h/krfk8k3KmURLVoLdxrf\n3EPYdBiKlSqpUQ0eynkEit0Si04cKdKAHy28+ABy+jVp417E0DHcfCZS2S1P\nL6wobQ5QzpfuGHv6XRcsY+A5lNjfCtgNd2kJs0daMMQjBKyIFcHO2E9tU5HB\nmGOAJk/Fa5o4pBLRUk2wC4wiHWQ5n5bJ1ofshRrBIVNNwb660eHnv5eyDFOW\naGkR\r\n=+M0U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"60297b316858cd061ea1c221a7e04406b910ef38","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git@github.com:AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.8.0/node@v10.13.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_1.4.1_1546885987222_0.06428872495667415","host":"s3://npm-registry-packages"}},"2.0.0-alpha.1":{"name":"@aofl/component-utils","version":"2.0.0-alpha.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@2.0.0-alpha.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"},{"name":"bill.salak","email":"bill.salak@aofl.com"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b8db86e88a50ad203a1a7fe73a0786b230f90ab7","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-2.0.0-alpha.1.tgz","fileCount":10,"integrity":"sha512-8g2RLDu6ImqFLpioPtrnw2k/3xZ9z0DmP+EMvgolSa+GXs+kXGrnya3973Q66cx2PsqjskyIrKJhldrogtQJsw==","signatures":[{"sig":"MEQCIBB2ZGOO/h0cfO68BOcx6+4yWNDwGc17Q/3y76k/zWqaAiAxOCY1RDWmsH3V2tPyxAJN6QBM/H3OFkz36LFGFGJB9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT7IwCRA9TVsSAnZWagAAnnAP/3GXKqBKFNq/c115Gl6c\nIxtOY1kkeMNo9umomdBom5z6vaz+q/YfPcDbTXvX5rHsIXeLDS1kKqJr1TQt\ni+vEDBeih0NEDMRB+YqUrO5710FaNfKW2NERhJnTBdJPuIrBp+YL0y/ktCeX\nbmapsY95UDc5M3u2DJiDTpit1BqeyJigqrmzrSvSA0aSc87WzdGar/qN02hr\n0lBgifNO0cGGL9U6RcyLoe4CrJyefRIhdJAqs8Q/LFe29NFWn16E2DCJMNp5\nYEHv80Yll3N4Mbuif29j72TF7EspPqvkO5wMiSkad3iY6fQDCy8tIeSXycbY\n6YmJ5na/7PETwkWph1srapwDwXEEK0hmZC3snjgKBKwEzJu2Gc3NztAUENpB\ntjA641lugB0SHD7q97mxaFenqoyHvQzyXDzUNMBchEjhNr+Msna05f4U/Kle\nFc6p9pOQB56TxE8p1EcwCDoPx8gpe/HZEghpONGvx6PEuAZxylZrbz8h1E1H\nF9/zGP4mUjtaow9otayIxAag3M63YGGyD0aN7WrBxjGkzO7vw1sggwJrZCeK\niV+5sfX+G0yelXEHtEEPJWgQW1y+Dbp292UNyGgWbA8ldMOgn4NZx7CHh6b5\nwRsyQ5FqqG3KcsPjzIh5W81MZcUtNKbSaCNBzWEZ2LNhjycozM4L/OjP3xF2\n1ntP\r\n=w/Lk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"afeca11d48651d7710e6942de5fdad812d9d87f9","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.10.1/node@v10.13.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_2.0.0-alpha.1_1548726831732_0.5472226371278357","host":"s3://npm-registry-packages"}},"2.0.0-alpha.5":{"name":"@aofl/component-utils","version":"2.0.0-alpha.5","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@2.0.0-alpha.5","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4a15eeec03c1944b7cd6f21796d0a161e31dd621","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-2.0.0-alpha.5.tgz","fileCount":11,"integrity":"sha512-O+d9onC+8YvbU3XTRG2NBLWESliSQ8COfMrHhLhrxxE2hu5H3nkqI1VbgQ16STQW5wE1qz6JPcQxwPgiQZCEyw==","signatures":[{"sig":"MEQCIDeY4qAz3bpxdT//PWQlm/RHUgEznu/jIppasCA88a93AiA5ZIQRPjuXnMntp4ehBdJwkHpdMre1mAQJVVoVz3F4Tg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcdciDCRA9TVsSAnZWagAAWOcP+QAliPzqY9VtOQZuhVdA\n1nBUo3UvANFz9Wb/Y7WG51VkU5L72ODaaY1tbUd0N/fbIE41wSTzYDROixii\n4tTSLhltNYquh114ckBIZWSxw0ZflxyQL3vCpN4CY89i5zmK+6Y1fkebGb4g\nuM/we8F89ahdAOwlOUokIvbm+rumwSe5g6TOAQO3eXWa/9FWItRMJaDYkp6V\nDM4tW2duRmycxuiLcH/2vpI5cj58mQHympGme3yyAhZUIgnPgSGZPNmLJ4Wu\nYrGzNFDK89wnGUuk+lZCMdd8bwIcHWqga6AI2Eg+sODU0ybfbkYKnNBEbGXT\nlVJQLiCxT0SAbb8+n/oEt7VIaeVOaZikzFg8KPz69JN2A0sdyv88PD1bqJDF\nlBBEZJGedXyHchfMeoe5hl3ZtFsQP/krWIhGmYUgczhGSsIaJo+80nI9DP4s\njutIM5mmhTBWyC8f5aa31oagcPBpvK6dmDS2cknvQZyQgj2FuW03XPpjIIt+\nbTNZq34lWUfDl0ejGxakYEntb4On2k8fNcZngTQme9XgfAlu/lM9I1fh+mAJ\niZtWF1Nxh2rJKJ97cfEHVr12XHg2ac+sN1HXHoLtflwEmVc6objbt8RUSg6t\nvYLS0OPqzhVZ6KQLKvycSCHgsAMNdBB6Nkf0rTBJ+IOF3jlTbIUR9uzwom68\n+5wu\r\n=kxEf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"00d91514e0c953e8cd998150ed5705b87db20b39","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.10.7/node@v10.13.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_2.0.0-alpha.5_1551222915373_0.16533592508633532","host":"s3://npm-registry-packages"}},"2.0.0-alpha.17":{"name":"@aofl/component-utils","version":"2.0.0-alpha.17","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@2.0.0-alpha.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d40f1afe9eea1c00823b3c1067f085f5a1f1326a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-2.0.0-alpha.17.tgz","fileCount":11,"integrity":"sha512-jqEiSXxkWlo8HLg31Ob5cgKgEmNbZrLNYognZ9WWYGoRYGQ5I9+67C+Ymrl/smsjN6o8j1XnKN39+OXu6U7UWw==","signatures":[{"sig":"MEQCIEcgg9dCqpap1SVQNoPdISh2x9ltcnebFieImdX42qSTAiBl1JXTUPe//TW2qJhVIr5Oms9JUjGv5kqKAl+HuvVn7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcw09/CRA9TVsSAnZWagAA/g8P+QELW3RNDKf0w46T4hHP\na4c6gsqsxc+dQP17l/bh33AA8WFjt/oyj3GhxOeveTEyDy6YPZJhSWnPzmPj\nRWiHvNnfyCBYYPdD+rPqpU5smNa1eq2pGNF42R8u1Ek48AOYnAcsBXQr7qxe\n0MtABtIi+ed9tbJVPkcw8kteWnQL08AP7h2P6ox2G/lmXI7ng8Q16OEPE5z3\nFQfxSjkVuj57vnZuBUEFJFDDB4Qd2OiDFXw/3LENE4JZMD4U0WdD5o+XqHT/\novqDOLwBW6RvcJUk3mMN6GPjNXyX3+3x2nUO7mvbc7A9TJnqUq9Fjd4bjfSN\n/hpErNJpcLXOYbPPHwIkwx7vW0+ZJrywLq5C+lzlXjjok+t6HG7n+riD/0IT\nZLiqtxEgahOTmnbgB2plpAl6uFY63cehJ5omyQ7PtiRIK6BDRBwzLa+IxSdl\nGpM1YOkU+sjORaPDvPGXDVfVJdQ43FKovMWVr/5SY0w9YofRJmfUUqCI/FDe\nMVEpKiZ6u8SEttG3X1YUDSTWKdxvd67E2/T258dYoItFysVdy9k6sSFrUF4s\n4zThggX13fBNS9MDzR3WIJ0eQDW0qVDFVvxtDo0KE6ob80Hvg5LLX4HeWVuP\nW/6e50yQS5R8yLQYUQGjbWEaXkZwcWr90rpz+MSjUIAX23dD3alXITtwNl3B\nYYfz\r\n=FqHi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"6a396437dcb380ba2269ac50a5b3b88e54f99027","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.10.7/node@v10.13.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_2.0.0-alpha.17_1556303742804_0.9064007118858051","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@aofl/component-utils","version":"2.0.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@2.0.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6f337eb5bcd2ecba091284d5a0d5189025bbdd51","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-2.0.0.tgz","fileCount":11,"integrity":"sha512-MT9YY3+G+XwYAI6EyMJCZJL3flRL4NyQTOn2ZUobap59fwYpm9fQyukCQjB5CY81L7Rm0JqJ3/m4SEgn3wcrvA==","signatures":[{"sig":"MEUCIQDIW/f4mmuvUvwqjiazfnG5x1dv81nENmDUyIdRBUym3gIgNiizad5hDzChtjU4lTiMYMB1XGK2s7tIiMDb29VNuXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcyKKaCRA9TVsSAnZWagAA4EYQAJe2b1ap2BWEsYvs8w1v\nq3LPVrmEr7Sc6YxRyvMAwMHpKOjeMtW7V5m7bRwuN0RQnTsGW72BClJ8syvJ\nXCOrzlRIq+BpjsjNm/jt6N/9JfFUv7gv0wLgQDg1A7WKJYc+Lde54v53wKT2\nbJaOVlcEo/9sm8f386MQFjDXs5UdCSoZ++2mM37ZFxtCv8o233TTC9SQOsvD\n4yvIIbvEULme70YcZF5fmv1P9PoWGsXLnlQFIqgLPstFG3BuINOEMHDSxeoO\n15QEgqWvk3nDm0iaMazCgFOGcKMMSLA2aGvsYGtnpqG1dw82wl8POMSuLzvX\ncHknQkXCvkgv+1NPQeFuyUdD872XS74usTrLVO7f6q1vJl9DM6egYk1im6wo\n6/2dVc3pCnX+CR1vSyNnZDyg7Awm2d0WxW23yvSwFQxljXsnPEySXXeJReY2\nr6dfgbIHu2zPZvR//MQ34UEIkOc9LsXGj2sH08LYTc7CXdJq5hH79wxrzg4+\nKyi4+84n/wB7T0NQjSWF0uGCSPVQ33l1p2/Oog2TOWynQZLPXwmfbGx2spN2\nTp2SbCjZAytMT5kyPmc08uR0iv9/imuJ4aoz3vVX4Np251SGYIekXENF23HZ\n4jtSepoel51GHepY5qLZ28WJV7JKiCskNqajlMURKOnX5xhL37qub/mNpQzh\nhjmo\r\n=Ut4U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"91b9b3074f7031a51ce7afa9b542ff5dcfd64997","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.10.7/node@v10.13.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/component-utils_2.0.0_1556652697964_0.1835019303214167","host":"s3://npm-registry-packages"}},"3.0.0-0":{"name":"@aofl/component-utils","version":"3.0.0-0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"83f6a43b7a570c8e3750d96695b06fb8d4a2a3fa","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-0.tgz","fileCount":11,"integrity":"sha512-uwAksOEqlfFf1UMflmpLz28MpnnhKD1L1TVORPvwAgBZe2ab6TWgP2ZxDbqqfqUv2699ehPIOHgx4QbhNfkFxA==","signatures":[{"sig":"MEUCIQCaBPwt0YzveGncHXQYXf3iPM5TJLhOmKlZJ8VhUp1pPwIgLcyAViIOY7wDfPQNZxaK7bActvjhB/oIRycnQ19Da/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgG1xCRA9TVsSAnZWagAAfUIP/AlIQUDXBND7wTtYjRZD\nLh05Xc9eU92pqgOJqHXNWou+JBg1kEFlj8Dz5dR9ATWGSebJh9TIGWnnW52G\nt7ubxBVNWvof7hIUwTpSjexMCQaNKBc7PcQX3ULNSfcNWDvWh0qAGnWWVaz5\nenKaTrdGSY0gyc7po/uafC78bEUzX4xVvnbqUQpYy+wPLecvUNA1Q8YWVZSZ\n3IZOqYAhjQi4RHH8riTCre+PquqJEtGdWpdwbZTCSzrxL2xlZryJpCBHvkKb\n0mrFn9JCDaXTMI9OqTOV6itBgIkpYoUwvJR9KXIT1iKuQkXpD6anPWaV/hwO\nksmuSIwUyyHBF/V7j7CMz7EQ3sJh/ehifVbyia18tb6yQXHXDjtT/JM8Hd0j\n5XmdmxggGCH5NnJGJRwf0yvcT3R1KCfScF4wAllgHkHsUK/Uz97EQI7Fpuhd\nqMflBXutpaYBdKmKL687pzncabMj788uKvMILrQ2PLDZhUpF0fS+qdF8jQx/\nMM5wheE8q3uVHR98NZzRnuEwTYR4hOXcKYv7h66nD7KWb/1BeRkUcj/b6erv\nsxum0qHXM5wgh10JsaZGjpypav5hJXv4LoGlhx0cKw51eupJUaSiLYL2cwdw\naqQIB8EKc5M3Xzb8oEH+HsR5/8xKkb2iqW7E0KIwQV/NVLu6Sx49FSurR/Tp\nAy8m\r\n=Mxrr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"68ed707a605f1a3cb02ab70ff9ed8a188867028c","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.15.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.15.3","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-0_1568697713003_0.8666020076696985","host":"s3://npm-registry-packages"}},"3.0.0-alpha.0":{"name":"@aofl/component-utils","version":"3.0.0-alpha.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-alpha.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6f08c9ae6adf29468df4d8c2bcff9bbbcb168976","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-alpha.0.tgz","fileCount":11,"integrity":"sha512-g/+3tbTNI0+dMeEOzYUBpb4OI72d0frV2n6unc0vopjuVggzOO+BILVmyiyjoN/D0y9BEC+aO+7KWwiOYUovvg==","signatures":[{"sig":"MEUCIQDkSwQxRIPCfseMb4p4VjPfuKxC1DsOeLJDKwPT4PyIfgIgOMJF7jZadttfse49Sg+16fm5XE3lzUP4lWPNAuHFY3c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgG3qCRA9TVsSAnZWagAAZMEP/R38NuCD8DbxXYshBH5Y\nwIgwiT0FEA0rUnpYYiAoTqGmJzOxXE94BjXvZ6rQKgzu/hDK00QP/Yelum3K\nuyvIt24sCujUB9F2CKX5t1vviHqWSfj9Y+F7FyJ/T0TfQe3fA1sFy+COZ1e/\nwQsd/46idSZw+ZqUH01UqBf9RCOLOt+YKTfNcwP8r+i5fEj4sQzfl+SFgDCl\nh9GhoCnxQanBSfZJCoFDHGt9/hCKbvzd44ziOlstL1hxIfmRT6O/cnlgWk4M\nCrgM1LLrM41bNEbRa7Xrr0L/dn2RgzraKjUukJqGqF794bSeiYDVEIfEY3WI\nlwjz7oUrGCx3FW/jpiaGZ7wDgryqsYNpX/bj30+0eDsZxQJSbeczMJd16wIO\nQtBJ/rEIxaqvNIhqGQO0mUU+LI2sHZvDHgg7Xycfz4A2vE+dPUd7alXUMJmG\nCYNcDkMrtbqlmb3P8DbO6MRPTHtrZcWlaMYGkiTcuEmxR6L/S2Vi3usBOATD\nYp0NjldN7/enZPW7e5++84bZR6XNQvC/+i6AJCrdQH9Uu/xYGExPsu6TQyho\njJZvRyxpTAO186RXCfiacGYAb5P4+mm2KiwiW4cp+/hK8lzpMo2cTr92qRRq\nUIauN5Si/RRANWS3sZucOaGmMkHbkqvkbtI7/0RnY4D1bDy4DGI4BPkYf6XZ\n/iKK\r\n=fETY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"c6c4d16f33cbd321585e3e7c86b1aaaeeccd3627","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.15.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.15.3","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-alpha.0_1568697834235_0.5231604564142474","host":"s3://npm-registry-packages"}},"3.0.0-alpha.5":{"name":"@aofl/component-utils","version":"3.0.0-alpha.5","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-alpha.5","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"30fc228dc3682c60cd0d2b43c1fa215023139fa4","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-alpha.5.tgz","fileCount":11,"integrity":"sha512-qyrk3FvAv16kzzHz/RZoU/VI5axUl/G2/d0G3nSTTsTrmqMFeegc1uYYdj/gWDJAZmAjPgxhI0E+ZehwsucJ5g==","signatures":[{"sig":"MEYCIQCxlI7L5VDucW234nwn4RL+qnCuTNJmfKE34qQcyFGKWAIhAPVBnZutvQ4XfqD/F85JKTTDuXlwAHvgaSqCM5Qq3GSw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhHKCCRA9TVsSAnZWagAAcOcQAJXEDGexUKRqfcbIDtTW\nJOWFtebnTvPD8qipdCrxK83T8WRdNU7V2oFXYr0+mP2PmsP//IEDsghMvmi4\nnPFhF9MWWeq0wI4rGgwFN5eOiLstKPnqS+Qrs3kAWgRks1FpzkFoWkqgqYKw\nPAM2a9j/JCu+z5wiT72kXjQzDd6wel4U5EWiHI6qLLqi/s40wyaWO5ngnROV\nsuNY4eRMW6kEcmmUa8MtEnEhExgEdkJyGFbqMNkEkytLM2W+WfRfZ63uXgHP\nZKWedav7v5NEfJv0hXfs7yaUZHRPFOLESrqHIX0T4+akD6i+qaR2s5jWmtTI\nbJKnB+r8a8Ih+XWGeXUBm574KxX9UKm5ET+PiOSNtdklgK1Kb6UYfEyky2ON\nD/4Q82fBIZwRRE6Rz/UllVCQsxpQ3k2qdzwnwlCq2jwUoG8MWGdIKDtbLrEP\ntpgO4lYApozMjTHdlklkG+LZFVS+nYSTIkQnjHDSdC3qYjtX3d0HcNCQRCWn\njxE8qieBnT1PaT1sc96D1B1DSPfbUoUrhtby1Y2H+6kx9Utr822Ev8hoxVJ3\nnOjgLSDe0oF5l5h7gigYkbYFZCe2iiDOMTlqphGMy/fYlAsdwdvbwcVnM+xk\nHcDm7IVQLxJV9vHz6FKsmZrhkL9qJI7Ci4apQVsrHXh5BdI69Nhhl2XLo2Ko\nYzZe\r\n=1U/S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"09f43882b317744481f4b6845b1cfae0461775d6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-alpha.5_1568961153681_0.8141193275303449","host":"s3://npm-registry-packages"}},"3.0.0-alpha.11":{"name":"@aofl/component-utils","version":"3.0.0-alpha.11","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-alpha.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"2038fda583c1cf4f416bb3bb2ae55bbc697f375b","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-alpha.11.tgz","fileCount":11,"integrity":"sha512-TGjkqlGtDN4nOTgcdEN+7x7V4CiHFF0f6wkk/CRY1AN7FaX1WjDlsjz5WUtjfdeeOvbDuoewvwCjITeV20BjpA==","signatures":[{"sig":"MEYCIQD36cdgBYfcqO9ZjsrvcL5XqqSgzsMv9S/1NHTLWviGbgIhAMDHTewCJHNxPDZxC8LxfpMeiN0AJJ1IyJsJDuzjgGP+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjbDwCRA9TVsSAnZWagAApssQAIWoIzxNaHLjH9gCLefA\nPvnWX7RVQ/nwCagT/vvr/pNDuwc8vBHvVDOyN2Q0P4FQVM44e+00imSmr/C9\nWKWyHHzpr/3StYDxqxRR6m+jDOVyiYk7nDf1wNq38ZOqTEZA+Z02Tr7NxQ4s\n+eL27/wYPHBBxdwapFmZfYRewNv50VEy6upJvmP3EC1MniG7vVUKDkiRDNky\nJ2vhxpxTlv0w69i2st9lMgFeXlhyyPvsbPZ08jG72t0Wgrqm+4ZSOLoz4K0i\ntC3nhQkm065f25wklYGaJf6mKkAxYv5BKisr0J02iAUiJ1cDPuokW8HXq6lR\n4hZ1/n/lgg8nAjtHVVRFWI//mWSdJ8PICCg22JJnJq+aBdeHQTgp8FXcayz8\nfs3SI8yElOj2LGMEBsobXWlc6yyQXL9hdspOr/hUOA/G3AmeuyCDG1yEEghe\nQVijuG4ICYnpk9pq0RC58XkiVJpctXzd485KNri2rMQOEW4qO+ipuQIAHKn+\nP8oKue+RbINXDYhEHo6Ry1991bRQOzap8W+WQ9lnBV0s0UQtNvn3/othZu2x\nLwgwuVv2/IlQzNr50t4MAwLvz9RujZg83Ot71cFZvP+hJQZ4ykBfLlru/6Vv\nYIaTxKvP5fFgtgSx61QLTiewM4Dr+1Y3HnZSc0GCmOXrS92fhEHSjMkl6r9Q\nZzmv\r\n=Kju0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"ecdfe7e68c95cd3ce9eca2c86626275d1d4559fe","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-alpha.11_1569566959817_0.31979556357848504","host":"s3://npm-registry-packages"}},"3.0.0-beta.1":{"name":"@aofl/component-utils","version":"3.0.0-beta.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c19aea480eb9e536fffbec2058603edd9f4108b0","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.1.tgz","fileCount":10,"integrity":"sha512-L33DA5wB6WD7U1gOWD/4LE+z1yWQEewfqV6KNEetqwRx1GBGzFroYRXijtYPRUOG6IeMrQMA55zoEdTYJRpFGQ==","signatures":[{"sig":"MEUCICl+CeGdhuM3l5oBqSkvRSN+14fuRN/rOdkO6K1d+l8JAiEApU6pHTxfQuNwNjGOZYMsH+JOF6HXRBNN5H/fVozoK4Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdmahFCRA9TVsSAnZWagAAnVMQAIJ+r6klmIdtRwBIaUQD\n5U2jM+4qEoAyC2d3u152nTl54Ta9cWk6hmmTkfZ05zXiiYrQzEWGDx3+hdQq\nOQZccbMAfhvRvfJy1/ES5D76sxCItdaaPFLw+Uij1mlhR6T/UH+LyY+MnOwy\nIaHyweaXAWPEKFPY0K/23XrIbMn5bbVB/gEYVjNpXRxIHrjBZsX0I0Z7ngTn\nKil+jE9k54/euh2IF9h8rOHDsyHeEJnpw1gRhr+RlLerJSrqV0uBaVtAC72S\npSF2erFYsx3eJq6C3brVJTTLV8zI2m+FWTtM5I7N1XsCB/A2W5xhaG9iahAZ\nZ3vclq+svm7llRq2LmxSm3oPMH+EupkQogJKmukUyfY1hd/YuP+6PTX90S6p\n66xNgIh++8Bo+raAfLYvNTo+uFxHxXQs/MhO7AmjPcTA7SWdT3oI4+qryzM1\nN9HjO4NMKazBQ4Wm6+bq06/8xGBabOx7cgiwFSJlY01f8msR8ku3uG8a8t45\nPzf3sLvfaYTnqTgMlvQMsTQykMhCvxvXDRVPnGxURzelc7YKoZ3MzLC5GBAs\npX+SOUehHKNoZbHeVqBi1NM8ILZFuXxYP8dsFgDZpxsOn73u67t/EG3yZ0Gz\nHP+jP4pGZnmKSOvkMRN00/ZoWlN6QSNvYKPfsNnJrGGkGiO95Y8im4pp5W1d\nfkS1\r\n=5SJ9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.11.3","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.1_1570351172307_0.08214493674610468","host":"s3://npm-registry-packages"}},"3.0.0-beta.6":{"name":"@aofl/component-utils","version":"3.0.0-beta.6","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.6","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"508c4357f99a36f7e74b52809b11bd045bb8c1e3","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.6.tgz","fileCount":14,"integrity":"sha512-K7KUEfbanXx11BlWcKwLJ1Qlw+/BqRLvf5JbCBLkGmAhyzrI4nfhB5hvSQAQNj3PYRudA+xoJxLgusdg3WnthA==","signatures":[{"sig":"MEYCIQDco9QY/19jKzorcxs83T//D3bA9n4b9x1Ab4MPyHwSRgIhAOkF3Da1w37vrBjmkWQaChprhwRYFQ7CrRbs3rF+68Yk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnBViCRA9TVsSAnZWagAAmYUQAJS3PN+uN9VVtdPkv1c9\nYtaXix2WNdnQyiYrZsZhC/hyS7ArhH/wmW7fxkQl9Tf82EDYDdXMAOhrqGOf\no8SEqwa2SeWmOX8doPnPLORZ9XjrkuZZmxvHSaajLV9y1Vb1rG9LzQ4HIR2X\nzscS2AVWLbkVG96LPoe+LaTnJQj+QlBUO6UDjMbSmUnk7TwIJ7CBY9lQ6+PH\n+PjElwtCi6uSDFhqkO+QHde1yXAqaZrBhiuN1AI7XnBv6E7XVcQLBx7bNz69\nlPEbIOQyDlIhdUgHEY8OP7wWbNha9dKMMFVTxt+UoI6xZiBwt5kZAahIEQeG\n/zJ/v53CbayAsepDNuGoMXnrFuSsCjcEZhFXapk3ANGxoN+kuBwt2ZPv7FjX\nHIjQ6872bqweuP0ykblw9zRD4F3KBRUs7zHsP2bqk0XB/n8YkKt1XPPBJs5/\nJQaJSaZ+zPA/RrhMSmMDZfFIFBiKCFMVVneYcmfRb+8RSVeskgTkkfAfkVG0\nkixr7TGTiuXpPEVobeDIgv3BIgLV630rtn0wO7ArZp8TRwWXBkZShhzb3cmB\nfD/Aol23qDkwHKaotkNpcHBh32ykQmTNfoItxvKxmrC7LSprQSzczhNmHjFm\njFw3p0q2N4hKMxpHZAwEB7Asjra79LOkUSERUGWq9RJ8UjWeNwHNDOkHA4sz\nyBex\r\n=VZK9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"23e8e9dd00e515c9305baf320436e43f51d7edd3","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.6_1570510177821_0.21238151567063634","host":"s3://npm-registry-packages"}},"3.0.0-beta.8":{"name":"@aofl/component-utils","version":"3.0.0-beta.8","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.8","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e0eba4b07042d126e3be0703624e511bc25d6b19","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.8.tgz","fileCount":14,"integrity":"sha512-4KGUATJ9pTOQnVweMwSU563xozpkAMz5ZjHVE3zS9jaghXk7lzLC4+K6Ygek2ykY/aYc7fTIGVT8EuN2npe2WA==","signatures":[{"sig":"MEYCIQDXSe1I9Gj20vclxjr5a+6iTKHCeNXy0bPrUp4k0DCvrgIhALo0JteqqlJFkhAO7rOGknm02uvMZAgiyX0/Hq0VegMz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":41002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCMcCRA9TVsSAnZWagAAvqUP/26BFx/eez4425/5o14D\nd9N4IepSu13IB2ChNkLSq1efLoVe84/TqOdPNVbjVymJPFSwehX0w8wdQFf9\n9/MwsUydnvWcqOe1HGCX419MrrlInwfIVdvZTpt281zHc7QcUj11nwZz0KQ1\nC2/UTBE2yFlQspUoJyg34/tnJgieCWmrlf6CQrsMoZTWjczOmRy2JA3zK9zx\nLZFIE8FcxPYkth9knoTnIoeVcyvF4UtjwpGnca2JNhjq+wMxVYvTNFiF6CRO\nmB9umIFqmFlSIXqNjWENVn5wtAA9v0t/49hqpaqDDhB376Q36tPxNuiuKElG\nevFgtAMb6d1a6ZpPPRB6EcSIz6+9kTh2SVcpnWCOT47Sg6lYp3dbz63HlIa7\n0fVIk6cbchMhxHjk6JHwGaYsgPkbWmlv+JHIYi3N3SS0Msve4myDFDKHJ2ku\nNP22DAo/ELbnG/noRICscRpEvBhKvxFTiJb15yI+FR1I/gYNM9rFk3QxmUye\nHYKY+P7PHk2T+MJirZ65C1Gf5yqQolyqJJnwuY8ihRoJQ2f19eXXpaZKUBwq\ne+BNrwVFmFVQgMLkuz0ZvnAHPFeJVht59+dJ949ZCtrZmcPPH7wA0gj8meNg\nlT1pax0RMo+DCiEUom77mXJL8+lzsUlRIDunKJCax2rerJZvARC5Rp6CcS41\nR5qK\r\n=3FgX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"31f766f3cf621147bfa1530b863757cb08e5fc10","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.8_1570513691589_0.14221162713294544","host":"s3://npm-registry-packages"}},"3.0.0-beta.9":{"name":"@aofl/component-utils","version":"3.0.0-beta.9","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9bd48aa030eb855cb564b235896cf08a55a2ee55","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.9.tgz","fileCount":14,"integrity":"sha512-VRvyNuLaNqQd0JswMJBoAM7YHQ55cw9wq5ACv3kOwwD5EDhSM+NrHr0ZL0ne5wtWOK/OIKvpH5lMtJMtoHITOw==","signatures":[{"sig":"MEQCIBJefSEJf1mz240HcexYp0fmPs1jFGO2TtD2i0kqboFLAiBoAcgigMjjTl3hgHA4SLr7UZ0yrh8kKPsuY2y8kInNFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnCiZCRA9TVsSAnZWagAAldkP/35/XrFZ5pNNJ9aPNYZn\nZenGG0OV9WPWcxXNAG9dsmuvJhkRMDl/C8n18dA9OjN8ujZ07Vee7VFp5Xbf\nFwbog6bDM48JgirtHTNpTk5LPwm9qW1lP+z6dyLTksdvPt0ldJGf8C1hnxaK\ntjxWJJ65aLzfcv9/6bv+/USU37LMjkDpZk5wJ+Ud1POAywc7Q72IhfImfFjm\namGnr7vekZudRMSO/L/KAz45xZhaZmzX93RKZSgRs/p4BGAm1QT+r+6ImLKt\n/3gJfNjx8VY/Dq1DXg4EZvstJTmQvhLDXaqeYgiHDPQPMsv9Z4jnFy8RB0Na\nN9bsTI9Z9gYUwJCypUjAd45DD5cXZPa/kz3hS62HkDb5cnaKh3h7cHO0ta02\nEoKq5jrNRGAB1gPjyERJ0g2ec9H10CcZBmONOO5Pl0IJWpn+0fdgx1Yz2GC7\nh/GbvVTGUUJ8jIGcwY0fGYSTW6Q4zI8QAcHYYZDUXkQqec1vYp4vH4QLl1yg\n5SI4BN75L1afyQAw+AEzlxqLGrXd602BhZb08GIggYeRrEoHzlnHjFJi8OzK\n7+qxPJ/u/dNykbXul5ZFaX7oDhZSqSsAQNLq3XbDeJ7t/aoMgJneTPAFmfr1\npSEpBRlf7i9tNHhBxl5gpMDQ3IkIAR9JO4P+vv9l6heMHuKy17gXhUulD4xM\nulZX\r\n=B4Sg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"e9e6bf24a51611b9b997dc99e770d43466ba063d","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@aofl/cli":"^3.0.0-beta.6","cross-env":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.9_1570515097131_0.06271975388737783","host":"s3://npm-registry-packages"}},"3.0.0-beta.11":{"name":"@aofl/component-utils","version":"3.0.0-beta.11","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"42cf58ddee1f2b5fc96b1409ead459028d633eb3","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.11.tgz","fileCount":16,"integrity":"sha512-BGRkGbYiQcD/Gyobk+Uy8o0U5C+/rslafnxbYsGuLvQ18F/lEXR18EQio6w2oMhYXsVJVHSFqDmriCZyArjQkQ==","signatures":[{"sig":"MEUCIQD5cL9OhQMwwd3ckp2ugyplOe24on0Wa65bDZRpEmWDtAIgL4TKigUIa6A084hR4Z+qlkzokwDj/M3XHh1fFn5rJ3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFoZCRA9TVsSAnZWagAAZIEP/16+1IO27mkqZMd9/XFG\nmZ8N/faKXQUrKBTnYa0xgmLk37UoFCkMkUdKArMGHPB22QwMTVJwPe+uA3du\n7gRAPoxEO/N5TeiEhMzSkAhlaLonErLm36pS3rDVPStMDaK6ftJMIn+6SfW0\nHZs1VyvXIZrEFxzzqbTUd1V9ZBMvrx9f1eOf4jSy3iH0b42hX8e5DN0IgyBE\noorP6ApbRjD1oyn/nHnxSCVUiolX2sp+1yGR5zxG5NIeO+bvERa3pyTSjW3m\nnnZ/xs808/DeKu84NdMFZniPHQQ/fKi1vh2K2tdcz4HnT4hdkPYmPgnBkfDt\n+jjx/WygId5IE3KFPUwsS1S9kKKgqjUv4aoKXzrhxDGDcBH5IzkN1k9wGDAk\nkyLO+Ox9+u4QnQkAdGnd+fxwal06i3QfDII82FeDmIBJFkTXhgW9lxgExabc\nvRxhC8qRs2q1R+62Hp7ZIhjNydLpi05tf2sB577apbZW0CZLzUbtYEEKmdL0\nEeUxPzVY8TkMUDKMUuFVQEBa07pdZCrEZDG+9w8s0jMzxSNM+kprlct7IHxa\n7Ddk6MqD8+HG7aQnQgXp27Cts0KhE05RB0uswsW/cO4UqtesUd3Kvl+XkAsM\npE1wdOKIYGuvcRTNZ8zCwuP2M4Tq77/fgdS7I4U/lhjt78AVOdXXHGV6sx8a\nrw3j\r\n=oGdc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"ad7cdc30523ea031f8d1bf5c62440f80f75a7308","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.11_1570527768838_0.17261251907279718","host":"s3://npm-registry-packages"}},"3.0.0-beta.12":{"name":"@aofl/component-utils","version":"3.0.0-beta.12","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.12","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9e115c4bfee272b0cb9c58345fae736d3faa9da2","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.12.tgz","fileCount":16,"integrity":"sha512-3mza3FRyNZdJkxDSFZkvODyVvkRQZcn+q48Xw/3Lc2Rya2CXJ+wwRBDX/4t7gHuHUSCvOIgZzQPrOqhncK6vVw==","signatures":[{"sig":"MEUCIQDQimgCluWlUCF2JkMTUrGq0GeJfbO3+adYGHGDrf6mBAIgRYNckUZlz+P6ruW8HCok99djiEvvZ3cyXu657TzQkT8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45960,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnFyfCRA9TVsSAnZWagAA4OUP/2Z2LTg1hQRruJUSNKFG\nljzv4gKBfxKpGsFZ0SDihzOhj8TE1SmYPARObgS35BkOmwzhzpVa0ZcfNB4W\n9IXPYReXT0jCGept9BQnnJ7GUZuKKxSQlw7U81di3AuYU5NotW8Y1ku3jNwC\neqQqUp315mxcLjJKTXdep0ndtRtsJ0DcD4ErIiLTJsPc1ekXLiDq0tzxem3z\nhiLRigF2ZPzGy2xzC+soK8lQwnrc/ITBLhbGgjp3ioWfeK9NDO2sMYcVqMi0\ngAL2z1UpEjcBxiqX3MipwyaKisi6u+DIzQnzk0wL4Z1p/MrR3pm8UG9faE7l\n/bX4RBbewaXKnZpbDC9MZFZXsaqUpT4wxPoWzpSUArvKmK4eEIuU2n8IV+5z\nZ1EG8M7v59ZMCGpOwOxy06KSOu6eeDw8W4uNR2kG1+2hMf6WsdsyypPgfRPI\nh03KaZKldc11w2bUQ3yaeEN5+TB5YSBJ3Ah9CgQnn2JE7No1N8viB6YRy9x+\ngjHWPslh+fRgAIBGQ8XUqdFUHXq6HqG6fILn6+IpKsucrTVbCpib9iH2VqmP\nlDzSfaBijiwEfa85DhdK0k6LmqIH3JWPBi8zLUaYXyTFjsQu2PT3mNrUFOg9\n1VlQaAeW6O75eEQOz44q82xjv20l7VienXlZDAlwTNucoRJyq4nNzCHg41Do\nAdHC\r\n=LhWz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"7fefe74af1885e7b807b6ed3522d9ae661e52645","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.12_1570528414520_0.48011051810119953","host":"s3://npm-registry-packages"}},"3.0.0-beta.13":{"name":"@aofl/component-utils","version":"3.0.0-beta.13","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d7b345f6f287b70a1d1077fdac09bf163463a69b","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.13.tgz","fileCount":16,"integrity":"sha512-NO5IjuNBEjZgohn7d7Kc4GqRlzh1Rx+NsOCwCQ/TqW15yxn9R5ZMMPFUci5WLA5Q+qPh4QvEfu1LRqAxwtQIVQ==","signatures":[{"sig":"MEUCIEj2YVGlT+bZBqDl/hSMM4mnXwBQBoDC3zgK7Yxwdv0RAiEA80mnahAWAd3sFjwqgEDHWUUZUbdoDK13t9gZrln84nQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnV5iCRA9TVsSAnZWagAA89UP/AlLawDYEZclO0P3Sfq3\na9pQPy16xjl67TQ1F9sioVL/rTw50ZVrsGy7gl0wA03vVyXR5jbNNjkGFTSz\ne3yGkV6vszJI/eEYG/iZ8q9iK5mUh2bG5fPmBBcrNsiAoMpGITuwkSz3WEda\ni/iwAAZddWkJbCryPp9d4MmDkLM8tj0bKro6lfSXqW9jfvnKWpqIGFSyk7TE\naoq3XFbP36yNKUt8oMRe30IujPZ/Tpkl3ZDrro/uYzeJsunwONbTDMidWvrm\nKQVfWofag/0cgcvV6zpre9pLWWvim1fVz5siTIGcu+3Z3DWrkgeSVneQ1/pA\nA/kN2SZ3oUZvsmD95EU5Mfu9ZR6lvFHcrwQrT+TtH3T3amVatlRa7DI9fGPT\nTQu5qEyRZu10zm7kEVVPuRp3HRe1afLW2NcE2vAw0varUeCVVFbJdKh3U5gV\n3BwapXntPd+q2j8YksJnWqqkpjtbovu+Yf/Xjk9lX7mEUAQpl38psNzFGJfb\njGzZZUM2S014afRunZ/X6BkE8mawXsXEjL98W+e2BAxXrdHoiQFQ41SU/Eke\nR53WzNb9vSmUu6BPUl7r7Q5YSbHgMNjaS0FdjouwqwoXnoqaAVVGtAFV7oV2\nRwQf9/RhWfW5nsIGJBuUG1pZ61gZ4dPSQvohYGzrUF8nLlhVYaY98DwyqExY\nlP5h\r\n=j8Gx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"aa2e52c46ae9451fde097de4734398430f2127a7","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.13","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.13_1570594401579_0.020509709491835615","host":"s3://npm-registry-packages"}},"3.0.0-beta.14":{"name":"@aofl/component-utils","version":"3.0.0-beta.14","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.14","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"519abb47149e2321f71d04bb989695f9b7daaca0","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.14.tgz","fileCount":16,"integrity":"sha512-816A/32shQwswhkyNEHF8IKW5/eokAvBGEYf7rBeKLpvDJm6RK/2PrGYm5R95RQLcFCBrNAZaauCRQNnMbs9AA==","signatures":[{"sig":"MEUCIQCNafiu411Jg/0zDn8Vi0gU8bLp2dhsLiuub83mAx7WBwIgCzTqif4ysEFdZVowaqqH64wG5WZJTzOJ+dQLsdZXrpE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWL/CRA9TVsSAnZWagAA+QoP/i4gH8OYHdtsmgV/1lrQ\nAs+jc5MqDSxxkmb9SKkrjSRBk5kATTeH3eY+Dwngrtj5/vmNj2SU8iOXMkqn\nRpAP5U72XjeCruB8A4kXn8absGKQIjAkFpMBqeN0fHc8RRPK6ARQPBFXJlyT\ngMYQFlNcPsBhC0kzfkFXt1u4f6yYRl7YUJlwXojkit4wcvyt4nBnof6CyuB8\n9Y+SkCf/0ur2jVpvltEIJZX8uL5b4N0dKQnZX1Gy9/eC+IGzO66IHfUs+0xd\nrNm4Zw8vIRtDIyOqYjHnib82xM9QD3LJQ2oTXooIksDRuCP0uP+yxOfPWteJ\nH1syvrh60qZ8Az9AP9pw0yQ5nplMr5Bu89Op4MNQ3LmiKBgHTkYQR0nDuXTj\nuWbFyuC/i1DawI/0ewD826KwLlat+m8g3qAuCTpROdA6t2mMj27NuZJtC7H9\nOit2KspFQFRLQ9sVqQk3/PYMIkpPShanPVlknBbZswogEFJD8u7VakeNjNkt\n8W2eynQ+bUgs0zzRs7k2AQq+jgFC5JWtHY5Xvrwc2Greh5LaJtnHXWoRlDDy\nQD/Ebn58MLEVXgbkwmZDz9nTqjunmw84e068iypTuPkaY7ioZ1dl8V1WoWrx\nPx/X94iBlAzV9Hd4KebpGcM7xmEF+Mvr9WeCFFBLpexVQYPo2Q3qDW/HMYNl\nqeZh\r\n=yf/l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"80c0c882f3af67f4584dc8d38de8a62ca5632c94","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.14","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.14_1570595582909_0.2384564431986349","host":"s3://npm-registry-packages"}},"3.0.0-beta.15":{"name":"@aofl/component-utils","version":"3.0.0-beta.15","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d819673f4d0d8d72d5cc928ecd1cd30cb41f9643","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.15.tgz","fileCount":16,"integrity":"sha512-QIlZEpJr2SMXgJIQKN7ZlTBh33tonABvyq2v7pIWJ0rvXYp8B14DyCwG3xirZjA5Wgb2wQ1VaJXHq8RaFcT0dA==","signatures":[{"sig":"MEUCIEGCXnzzhorpcKKXwlhlUinjBr9KY43nz/Gust2HA9kPAiEA5gOZnKm/GZmaoAuQo4cNf+4SFmS0bWuhvPjc2NGXJ8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWciCRA9TVsSAnZWagAAy2AP/1psHOaC51uJThaeb3cZ\nq5YbEkgoLhDlqHqrGjVNYvpt8cQ/2wvFavPi+b91EcuRaATS/6cOWkI45sZf\nvC+l3XhRZ06fAJzTTcZJtsHSEscTYuBsRyGBt6gJXZETL3Vs+ijxQmCZJhCw\n/rDQofgyHj+gGDyvMe5e/52O8Q8Sd5xct2jLSAV7JnoCPeHxqq2fTeOMv93W\n6iIcfpwNHbW1ki2f9rWrGlMhJ9sfx+XFCIZf35z39ky3J1N1+2cRygyUmOkb\nJxqkjri8eL2NWHh8MHIJGAM54OR+mIOZIleoHcT/NpUyRGNWqnAd6GXbm2TB\nOn4q9l71htseRa5Nz8AUkDdcFYv4Y1cApQNC0DUdvi9In21hrvaws+ZkeMv3\n3rLW02zmfcrG9HVq2qcG6J2f8bs9JfriQIFKJ/kaovoUUZ6RFKYAbMkvfajb\n57IsKjOZfXY5FdmlUomGzMwMRItaKMfzbYPKj0oEzXPAgmY0/iyMj2QEojED\nlAvpw4fZu4m19ryxVjHfo2eogVgsEbiM2pyAnfXivct9ZcIsQtkWolqVtXRO\nKWmMkgouQFKmc0YSKq+1yPt1LCNn6o2sWDmsh2FQD4JJ3gK77NKXBtsLkyFL\nvmLllSfffpK2GKhZuysRAtFaNc68KLL3qwIVwroAI4j3EyScFl8+oXpwHy8e\n0trv\r\n=eDMr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"0fab45fd3f4a1789a3683dbaece87d579e9de597","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.15_1570596641494_0.3570388026537554","host":"s3://npm-registry-packages"}},"3.0.0-beta.16":{"name":"@aofl/component-utils","version":"3.0.0-beta.16","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"281311b3961e3e71c58a2b18a7a7e6f3eb2b4a26","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.16.tgz","fileCount":17,"integrity":"sha512-dltAv0/48/G2agm37IumCu7sQcS2zKyT/h4WMf694/QKqzWDKG3BCNuVX8yPWPYoRtvgrIl/WWfNlRYltAfx0A==","signatures":[{"sig":"MEUCIQC37Ig+tXgagrQnc6hTbnHGhtq8fvkKFZexgpdl/ZBUmgIgfLUqTw1fc77s7MoptQMkV7pdU7frBm28T4S/rDwsrsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnWq3CRA9TVsSAnZWagAAlJAP/RuUPSDF87x4xW7clwC9\nDicJwdBFhTvUyORb2UpZaY/VOE4KEWeQTOi6pbh6i+rPiEhFWz7AHUW758Cl\nrmBCBgevp5YkJeWkTy+ycTJNbhD0pF9D20YdYgD7owN6E/ic0q1PXdgKqw5f\nqV8g+qlJZTMmIZrM898qQWBe7OCPLRVDIgLAcNH6d6q8A/nIyNHWkuc0NPK/\nhUwp8N1clXd536vndTwvpdByL19dlXdqtUy4pfgMrzBjptKZSWidwUOPrLqz\n9Q9uk4CYpxTT2wVuMr/MKtD1fvaBE/4wV8CwpfRD0uzxg8P4k5b1bEQTRbpp\n9BzyAQGyQ8n1zl7crRWSDriZM5oSzhg8ppbQac//j4KAGosTQIZpo8OLuRCe\natCHl14sEN8Db43lGx2fqq9Gpvv88m/2ukPIgex1zHaWI6fLOKROutaJn5Oa\nhhTySbKHbPumLYKdT4OLiMqskWk+jqi6cli9531ZUTvxDWfLSaFLigpsN90o\nkj9ZENq3Wu64+Bhn9DndotA3OKhLj0NBx6UAxvSWoXeI/PE3ZmuHeb/4nkwH\nYOaVEu79sYfSNSJIrt+0prVOwq1zuSCD4ilwplqhEayd8HIq+uplpa7siyU+\nz8QyTvTvQaIpd9p6fTgwSigaMFSAXnnnKksm4a88SH15NFr9838DdK6YAnOj\nsr77\r\n=c31h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"32c2f889b64c30fba2458f8704f7c135b47c5b95","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.16_1570597559012_0.726806073733566","host":"s3://npm-registry-packages"}},"3.0.0-beta.22":{"name":"@aofl/component-utils","version":"3.0.0-beta.22","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"94f25d157ffbdab84050a73e29b536780f58d7a2","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.22.tgz","fileCount":17,"integrity":"sha512-zJDLFG8q3c+WQ65kdv1HBbXr2WkVbeIvK9cTLMU+XwARMqw06MTlLMZGCsNtFBFhR8s1wD/Bb84XruA4Xa1KPA==","signatures":[{"sig":"MEUCIAe9Txr9qPzGTLDfZyfDuJSm1vopRARvhNu/1zdpcpfjAiEA9E5LEDKe9d+BppwqUaCZd+3dUALujUFi0L2JMaIgglc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoAfQCRA9TVsSAnZWagAAdK8QAIHHM4gJKHK+m2lMSntH\nN6h2CQx+XWXYUPge/AZYErdtVSs2w2G4YJYMpksGStIV1cADoWdTIPh29QKo\nmM/K3rMCg3MtMkZkIHTggw1WGSmlwnjlsOWIgMnJLK0Z6Q1fezdIkVLBGDcG\n2HNz3aj0V6kSXdYbqbe+w6mqtMGnWYxQw3FMxXxQsfb2o5OcEqoXz+SKWPJB\n+J2b1JiBz1iMTmHp2pXMOOolDX03UVoYjAVZlolCxiZNqwi09wmzCFW+HxPv\nHiScTSgf7OTLTtI3st1ZBs/qgOzpRr3zKlmf3dAFuKgcF0kgXKAeCRDwXnSs\na6S+vSlhUhg29OsIzwOzXE1Fa5CdhrykqBby1Wp+CqOjUhOHxEhM51uZdYpo\nP99PYa9dvQq4D71Gq6gZjCYZCy0UyXD7/EmS61ZtmCPSm5+BYPyDEft0z70H\nrwDMBQOn2e3QrVIErIyBLLExkQAqAn7b4SxYhRUwTRwBGNHl00gZj/+bpGmc\nYwgB2ISThu1rxCgsSxvp3F68mnqp07a367iscGHuuhGvQc9g5/u7akC8FP2E\nXcsleTdE8jBd+0Cy1jF7b+8lF09Ox5ogTCd5mC7+qa4jDRCazBTL77zPcr3o\netIIyZuTHTFZuRtO53zWcyIWJYpgMi3QqsVFMuxhTmKI0nYD0q+KefC+INqd\nAIpJ\r\n=cj+L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"6009b3c38f31f159b65265ddbc3653c0087909be","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.22_1570768847314_0.8205804530757943","host":"s3://npm-registry-packages"}},"3.0.0-beta.23":{"name":"@aofl/component-utils","version":"3.0.0-beta.23","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.23","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e81b716e0efce2d4e39917adff87bf9749b532ad","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.23.tgz","fileCount":17,"integrity":"sha512-ZOMiZc498oG6SGyO7N/nPasgk8/hg/25CHYp0EDfNeeFijqeRg4lwML0R9kF/R+JQPuc10P4BKSfIl1Vc6vhbQ==","signatures":[{"sig":"MEMCHw/aBID1ZCsWjBjAau2mPcKSPV6LRNnNgFuhCGZE+eYCID2oTxhiWXU/xeOqcq1V/zcZWaiY/kkDIY+vXZzl1ns9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoBWoCRA9TVsSAnZWagAArYoQAJZwC1t8ijJ3HiNPEObF\n0e/lWOBAjs4/jFAXr64H/iuUjk2+JhQ+bot9aVDyOvTI3kUU2HLDqEVWT4rh\npXhEli2OMQT6EsIOdSt0ESiOU4RSg3xvNr/yBPzPFAfZqNOo2QHSQKxS1Gqq\nZaCfUTRrAXjC9EVKq8hKU7keCB5m1iQkT4aoE5Qfz3WYVycisVlumuP13L6X\nXYG8yNg0ItUO7Cb6+/paKMFaN8wFDrXPBjoj11STZagryRBD89PjcXCsrhDH\nEoEcMtFSOZ0hOlkA2FaBwQFwXhWzZZcRZ1JhQbk42l5Mrbzh1E7LbYl5v51H\n3NZCqqK1EK6qTiVbhEF7G/ciJVoczqWuCppPGwumeJNF+zBTekMH0H2JrvVt\nnunooZ0Spexvu2o/P7QAC1QNedpxTSe3cqVm0AlU2nxI++yd/umsVjTGDyfl\nc4Iu86i1mdPOm/gZpdvwUv/EmbAEjaggZsHSJ9jNkAmI9tAA3131jnJyk7EF\ncEcCdeoP/ZzNpmTqnWIgdvgsbtAiE3U8UX9TR4IM8v+sOsAUnMbR4MMCpTsl\nvDuonSPLeGIAlFbNjVyI7E5OYchKZKMtu7/k9PNgQqMijwRqX86p530aoZHb\ndZTP/EUJGP7eLh2TFoIfXmaAr8JnwSlNxKD+ci8Sy9HjZjosC4gKLXDwLcY1\nCjx2\r\n=y/af\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"35327a525c0190a3c1ee36be061e25eeab73ed33","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.23","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.23_1570772392257_0.07417725114050655","host":"s3://npm-registry-packages"}},"3.0.0-beta.24":{"name":"@aofl/component-utils","version":"3.0.0-beta.24","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.24","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b5d5c9b8ef54cbef157e2d00a5d2ebf87901ebd9","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.24.tgz","fileCount":17,"integrity":"sha512-9nT53goc+OGEC1LdRMK9PIzkm2VBBAqpyBUK77sJccunPFr++L5m9B1wN+BgIwlSXGCcOQ8hlnRA4FrArV6Jcg==","signatures":[{"sig":"MEUCIQCtzv6j2brmF3DB6gVHsmN4frmURCzfgIDztq0DYgfG0wIgdO9HXuaDUmWOW24kMR7DzvR5efaCsitOKkRBuHioUAI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoCKDCRA9TVsSAnZWagAAcw4P/2ATlFXn48FngFUGYP8A\nme9+B27iQ1N6CfpS7Hax6e6UEsVKoe6xB3TJTvoXOtCA4IXaTNm4FGISJRh0\nXXtrYVVmrxHYbKDcuc8gDXbJ0Ii63byey1vuwntz/K89Jub0s/6Ntq8iJbMz\nCK8uRMYcJqU7BqN4ACnMnR1r4NbsemQsKkWIhz3xsj3HmP7jKOQRH6AFBeSW\n80AL7AyIup6TygNftpRQ96oyrRMjhE843pdW0I07xmF1WSGz3nlhEcWeDiB5\nnCWeJJnuIDmXcZuG2s34y6P6nYyebr8yRJXbWKSS6sj2lx0gAZ1De0WiA2YH\nLy/q5W6A/t/rSCGp4UbOAZpTD3cKWiBGIdvhha5DYi1PrJnzsLjyxNHeiE+5\nia1Ixjju2vW7QtwEUhLoXLjwYMewWawgia0CybZoEUpW0jY63J7qeN1pHz6k\ndFaKYwx32IfTKccXxiO1jXNPZ/SUYe2/kHHayezBJsTQ+oJwoz8QwyxGJ7wU\noXnEfh3haP++p/ZgFbZvZcUMzgVqZcXWpffF5RwjOnVJS5C+uiq4qg35iPGZ\nb8qRDgTozfJ7joFfMzf6ReC2hru7R69QOpqRudlDk/fqrvD1IkV75ntZB67V\ndsSW8C7m3J4Nlj4z8yIt1g9dHBmqzLctZj43hEgWX42DEyucYAHe0JJ+SNhB\n4UVs\r\n=71t7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"be81016959caf66748582258c92f8c73471a9f67","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.24","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.24_1570775682979_0.05797520069762907","host":"s3://npm-registry-packages"}},"3.0.0-beta.25":{"name":"@aofl/component-utils","version":"3.0.0-beta.25","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.25","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a5bd3b3285350ac0782ed143e2f882a04e1e1d62","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.25.tgz","fileCount":17,"integrity":"sha512-pcgbvitNs2oO8Tj2Jx4aqCOGCbRFT4TnrkClAwEeLJfxHP/oZnqnIeBhwY9PznwmAO4e9kfTiPYZFBvor0Jbcg==","signatures":[{"sig":"MEQCICxRq3Kc8PzgHi0KxAwZoAObdJAI+Pnq20E2HOhZ4ax2AiAUQUn0p2CoHU26/ipwu/8tOX0i7dSoNZyn8NRGuWDtHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDCWCRA9TVsSAnZWagAAcVEP/2wuiV3JoiuQ1NSOz7C6\nNzaq1AAilx7RR4OmiCtYENFCs4VaKtxc410xkBnk38vTG49XeO35lKUk7pui\nxRo/aj4kTPS8jmkVqoI5Sbk9G6xTTLXnAEmXqZ3Jvz59hml/w1m7wzkiMive\nWXOFMu5pkvHTUftsmNL4wxpK7C7IjASDZwYGUpo3gAkoZyOe4fNCG5qdDVIL\n+HK9UaQDOdAGqm+zURSFNNSDQN7dhOEIMauuzLBPaj2zF1FcoSgWpA0C98mc\nAMzyddIhB6OyDs24AkUn2gyQZ1KNA4OTiQAz6Jy0A8lS6ixWywcwUsfNhzWO\nk9xvkfN7UWvvcO9TyGvK9fvBoktxZHb13sf1n1bi2czCVvvk7TYi4FToFDZT\nsY5SJl5Pp+CieyAE/MhD/fON9ULfdL+hbj7nTN679p63NDbSR41vQgTVQG94\noj57m19XCusQlgzAlCu8URGJbuEHV0EQCI7XLSv0RchAo+6n0qQmVd9/fvc7\nIm+ZbCvyXW23mhkslkpzItSVHbBZh7Nk1eaLS1kT0z3Zk4pjlL9V267lOb7k\nB7eKrIo1ww261R74jHyRCa/M2FVpnp8vDkmu/qp9d5VnsPYPRv7vQUKhSc5C\nCTM1kgcY68zG/C7LOXFjWmjnvkwyjkgAZH80dQ3E+jFgSmMVAqqd4EGM9+OE\nTAFK\r\n=HY1Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"658a5f60a694ddcc2ddc62e8db80688cc6b71c68","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.25","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.25_1570779285811_0.7181071179502039","host":"s3://npm-registry-packages"}},"3.0.0-beta.26":{"name":"@aofl/component-utils","version":"3.0.0-beta.26","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.26","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ebc7b89b53a5d9dc56b0d3741082e0ca7cce9bb6","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.26.tgz","fileCount":17,"integrity":"sha512-DKc48DlxEAJlRuehGINujnW3I3R5ZLmGPsIKVrCoCKfKrkQnG7czWeud499nZ98ZYnsKkvEcBcUgjd1Rf8rwzQ==","signatures":[{"sig":"MEYCIQCCPbS5ADnn1OVB8EbGEkoYEu12jGX+cNWDdaVGo0veSwIhAKR0BGcvr5O8Gt3AoRuEBG0d7K101HbnkObcRhNN5jgr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDPyCRA9TVsSAnZWagAAFCQP/2uhiGeSnIQBszfycKzz\nCKzjkIfXumpsJYECpHqDi+dPM74YIeUtiDqa8s4+22JY1gzsF/jd3ThirhQ+\nlTJ6XlwT1k4zeeVaVgBbOgQtGLJbjzXCVP/aaUQLjX1Y98PlLlw0TVIxDKQZ\nOgdIvsYNkQUcaSN3e01kag4vxuZOd1hk99dExPMexBPMwNxpCA6eWLzO/sjm\nuKvXtJFy3uwjUNMJJ2biuei0hZqF5nSdq8OD/zGc68bonK6TPZlyPPeYVufs\nnXW7ij1rnnYQegTUSsnGzue5P0zH5+jpSZCajg+vMZv1PElktHJsbYNTQVpc\nfJd0l3LI8Atw48Zw1AaDfTZE2JrrLq9wv//UwtATRj0FdH0FGVDucFXWyTQ4\nXKCzXHMvHgPKmuYo/rJ6CJl0MmJbsEWdl7innc3sZIRoBOjTTqxZXoWtJAta\n7fTPwor2auTSD/x9rlknCJGbdcAzffaroo3TNHLQM9tL90t+1Ci+TbA5LCS9\njGZRFyNcQRaxYBGnI6IRg/ei9vek/KXN3SNLz4BoGvmEuRbWyMgUBGJD7e/t\nCsHzAGs/cva/HWmnP1HoU/VtDzw09iYsnNUKLsuIQQAuhfgUtPUIaa3M6uVx\nv2pwz1P1oOCNMbPLKHEuvgLpfpzYIgmN160AD+5IYjg6wvypVjuvF4nE+Hhf\nTFc8\r\n=vCc6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"12fa62b6d27f95d1517f1ec4707c284b865a7081","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.26","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.26_1570780145742_0.37799851874667945","host":"s3://npm-registry-packages"}},"3.0.0-beta.27":{"name":"@aofl/component-utils","version":"3.0.0-beta.27","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.27","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b4af5c50afe28cbe06aa3072fbf1de54b888179d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.27.tgz","fileCount":17,"integrity":"sha512-jricPEKWxdyTVkt0+lDg/jnR7cFwvDKAxZCDyY2uyKTNbtEsdNj3CTxPCf7M8Ovec+xRII7uYRZ/WVF+l3xfzA==","signatures":[{"sig":"MEQCIEiA/2+5pTT4+rnSmk45rcNqeN2WUb/jtCG20yU+zwK4AiBWgj+CJqb29PtFOCLGldz6Xfr1Vc56D0Yv3jhotNh5AQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDUYCRA9TVsSAnZWagAAGFcP/3Ss5ug2sRfFnWZbKc8B\nkMcnA5bEam3FB5v98RHZ834SlHRVeH3WMBRiV5QATGije3wAEsikGTlakF4z\nyKyFXJLjonaHFgFqbdqZtAjlunScfFIVYhR2vbmCwn2Trv1iVZsHrkN5hopp\nRk27peyHF2UBo9i4w/LTGJA95nWs/SFa4Dehb0w8tiURLVmQhdStqSMSPRLX\nLfOj7YsR5QgMpO6OWdqZErjoKk+GHXw3tbs7MVWwdH+IwuDzjRdvYIyUE8ES\nrI6yGGvZv+ZuaudCoPfiwo1PfQDOJgCkJJJUB3bkSOIwFw7CnsaAPcxdxQDE\nOoBQN2V47fTzjJAyff4CTroo78pfEg3NYhpDoIePIFAEuLRy896Hvy5HOi0Z\nGv6epT5hJ0IfGVfe/90/bY80881qA3WFW/HsumVzhcHeIT8rjYF2x8AHq7/G\nuO/dcNcvHJuHr+PmA5k19jxyk5GfVfT4pXIOXqJvDPmafzNgP73jh4bWFGFa\nLZ4ZSxwbvHBuRObdrlMIXm2Zwqu+5T027lQzO0NTXNvox5pMKe2FvCM6Ax+M\nLMwPYtWszwyZNnwJq8ORsZq3hibCn2CqC1kP4V/Ib6RSNlV/I0d2b5MYo4LE\n5Rp0RVZPymdBVHo89D2q1CLRVA062EZIjjbTZ3n5budntU8RiYCMi3uxlIBV\nrO82\r\n=/jLA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"de2f0be87aaadfa43212214d4f491d68930b2495","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.27","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.27_1570780439431_0.5676679912951801","host":"s3://npm-registry-packages"}},"3.0.0-beta.28":{"name":"@aofl/component-utils","version":"3.0.0-beta.28","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.28","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f0f4d2c377c0b28cc32fb2490348824fdbb54d46","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.28.tgz","fileCount":17,"integrity":"sha512-WPaF6grcgyMchZ57c5exWF6lecK2eF0FYYPqGH7pPtr+pfadZCk/3+i7NFUkVyqANfqyvZxA2Yjf3Hg5PFC/sw==","signatures":[{"sig":"MEUCIGDy0lhAk61//J6MNz+dh8rbt8RnzRANOkPYkF1PZBRPAiEA7lMLUJBjjjoCeEzfuASISdlHPswZypCCUJhirwuiQz4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoDa9CRA9TVsSAnZWagAAo3wP/iGTc18trAquzO3wmXrP\nPL8kEG/QNzSnna4S9qH2WA7jUGRlZmQ53cFx4a6uasD9PICB2U+XN5r/4M6M\nVJV9Ezwjo4n0jNGuyzV/JkhuA6jJqr3MWmlQp8pI78+81Yk4pmH4ShPXyw1u\no46gpE6cMTZF3fsjOM1wgFYqVpjrn+240JEmZ2XMKImlIVifTLow9/xy30Sb\n/YyKNqk0qDHALe8s+AzgFeOA8sXSJDqbk10d7zD0sJ14Ji2q0bnGQVAIxMco\n67CrfjGZdnQTNJz/ExQ9MJPslefkYtBNcfnndimOA06tZ9DscvxPtFomvV2Q\nCLutk2UQLa8qtJpvQpOjjqcdG4SiJYjOIgOx2b901+KWL8M+CippHET0+dtZ\nUtVZEVcn9Aj/yKM2psJogCjFkqDrx0fQUZf4dUzjzB1mbs1WORvsie+90wSd\nZCeSIs3LL2vyWjVdv/rYL7elOeF5EGcGazQCeWPjSk1ALOd6iPDaftB4zT91\nAxZlLBjSSGU/KvQTrkop9WqPcAR+l2FcphtNNqMmJ4kFO+JZmN/o1e1z3aZF\ndcOfQK4qeACMQeb3vM/MTAmOfMjqyIHwYbBcI0/HjbtmqfWgFJvMwtHK0vw5\nYBJWbz2wCkPQHV+IY9QQgLzADcA598IXQbD9Q1A/hpcdQ1f2Q3fPn18pQi7I\n0YT7\r\n=W4D6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"dbd14b0bd931ea76999d514d051dcd0a3ef6a8c0","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.16.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.28","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.28_1570780861192_0.49350629861219364","host":"s3://npm-registry-packages"}},"3.0.0-beta.30":{"name":"@aofl/component-utils","version":"3.0.0-beta.30","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.30","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cddc500d388f95721eee77ba59d83b771f11a2a4","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.30.tgz","fileCount":17,"integrity":"sha512-ukvyW0y5KzOpU5aWpMSudTvK+KSFff6Ts1xMHaRcTnn23xfRUZFBa7JHfOkigC4fTHkWxfHdJ54uBwRpkxCJJw==","signatures":[{"sig":"MEUCIQDOOumbH+lo3/xCtbTl+arvOvFLHDYxlZCQiXUJ7xp7hAIgfGJZz2Q1CtuxnzPuU3FVzplUh0neIsaLwZytr0gxr5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoQkiCRA9TVsSAnZWagAAkncP/14NvN6Nk2lL5tSdR65m\nrOneLrR+rRcy8ZV2bpVcFE/mc0kFn24yh3qrHaYKyKfPRcrf2t3vCRR3ZN+y\ni6/jPy6AnJxPloMDzbtHhqKN3nZB/swILscwq7tK3Y4Jr3PABy/eQ3RCJAS5\nfx7bCNcx1qbLgzlFVti6f7PDvVqwTC3q6IXhn9mtuoNgpaKIWEdIwAHzSwZ2\nL7xY/ISHIJN599DWblnde4TgVQGVp9CegmLMIVa37roNhlDKCZrvpD3a1ykl\norRpgFcFo7TVSrFDWgep1fnZIliAxIk9MancFX8FmlDwZZhCTUiJYKc2CK0F\nk94jwfhTT29WT8jX1rBNKal3BaVjY/vUw9xccWMu3aoSnLarWTt0Ka/t8OtW\nwxQNPgWidY1LJCZlx2gSlUBPvcxM2BbslpmgxkgLzQAwtSpBQ/ahCqEO1bV7\nWg0Th/5Kr5+WpwIRwjhRa1IbDjEWylkLOG/dFezssKTW2RQpb7dgJPRf/+r5\na1UBhcnvhAnVb4t7A6VypdsaNlRy1OG8eTh+B5R3pCsbr6OvyqJHwdEGQEQH\n4ZnDpCG1Ee6QFFVTgMXifw/uR3HylQ9Tx3Wq42Yi5CCyyfGJOa+fU8ldEW5Z\nR1d0ccNJw2LjzlAiWf5BlQpIaUd+mr4p1MLIy4LLlmeEdse/KhX1QPmFSNiy\ngK8L\r\n=tyDp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"7bb6b9b6e2c1d77cf7e65680aeb6a4c60e0300f4","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.30","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.30_1570834721927_0.27352123676222617","host":"s3://npm-registry-packages"}},"3.0.0-beta.32":{"name":"@aofl/component-utils","version":"3.0.0-beta.32","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.32","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"50fec4a463baee15104e8cec65d8330acfe52b80","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.32.tgz","fileCount":16,"integrity":"sha512-Elcp5UopSXsTOYIQJ5nE45cmKYECk6Xjr8VfeSZoWdhtECEEjNNxG56cPBFtvvm6G9gsuONZokGFGi9Xmu4vKQ==","signatures":[{"sig":"MEYCIQCLdCLFw3s7J/HyWq3sQOs7kpuW9XViXYWZvMnEVjf6sgIhAJ+D3PQkLjtP6LjpTLT/CGh81mz2HJAg4/U1SZBXoLry","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo8ldCRA9TVsSAnZWagAA1REQAJpoulMDyS5Tho9eGF9g\nZZocechkjF/pRned7aw0Ec1wYtW1jluNTZMcgeEdlK8uaArz9Q/LpJ7t+ACH\nporOUFo9UNUZcqD2844jmpI/SQtYyRekuj9R5BdA2CKs0lVy5NQbeFvgCYl5\nAYNlB1jado0KpEZnj+Vvq2Jka4lCtCPeXe9vyK3ymuVbekW0HhtunqfSEMRR\nDvTqZWKtn+RDdgFpN1ryK6jOtxU0ztrVBIt/2B6zWXXA3Fq/YLz5gp/GBYjZ\nudQQzlZCj2aj8NMV9pciRbC+fEvj/cM4RPGwSj8QrK87LxbTLvAcBWNFym8q\nUpDWBpJAyGz10oPdofdlEfsDokp5JBhrXnSBsLEJweUL4PI2uOigEMOINRdR\nj3CH4t5OxBlnRqORlW5vPExLA42CLVqFPL83gYUAS6RiwUN9ecEOHYFx1ot+\nZPIXKlqSYtKRD6ozaj8EdUAqpMr4GlHnqbAHTFaiRBpBi86N/VirtB4UesiW\nhdud37deHUTaZ49e4fWY/T+WPlb++ukSOHQ8YSAxUJ7pVKK3xkEQg98p3pvL\nQnvBED4+tdREu3symY6ad4iDvv/SFvnT4ASv3hFpKdoN8z0deFbLTVw1uGW3\niCZXi1HwW8CUJdsBixvO3CeqV7HOnGUyu/XpqAWhD1PLnMQdKkZQpWuNn8OT\n2RUk\r\n=UaCD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.11.3","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","@aofl/cli":"^3.0.0-beta.32","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.32_1571015004500_0.5405576016961731","host":"s3://npm-registry-packages"}},"3.0.0-beta.35":{"name":"@aofl/component-utils","version":"3.0.0-beta.35","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.35","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"eaf69e28b08595e90eedce7c47f0958218cfa558","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.35.tgz","fileCount":17,"integrity":"sha512-fvcCZIps4mfOfvhocBhIhIKj9S3jaon+8Xjpr5AwazQPivm7hNYwZzwp3nHd/WujOUvPSosArTGvnZothQ8A1A==","signatures":[{"sig":"MEYCIQCfmpxtD5ZDKqa5eMs99zjeCye1vPb2D+bVrqWL6fR86AIhAOJMlnlmnt3jm2s472AJPAgq3VrujM1eW7II1yaRpqOQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqWK+CRA9TVsSAnZWagAArCAP/Ai4M6pp+//XngkHFcZb\nFbQRYJO67j4ErG0u2XGxc0CHAOSrqzJXZ2RGcntp6nOJeTyDm6py/RaUXWHO\nHMQDberdA3AL2NUW12OvQZ+13zKsmENXbiSQKymXD3K2QZ/ZLmkRk9RK3Dw3\n3fS1vQwbo4gwaXvueel2Uoz5WebN3o1eJNtxjSdkQETYqtJg/qmcwgsOmFqK\nuFzJ6BX2ObBf5aV+3gUK3Ktnd99edIXX/Cpa49ob5F4OdFLG5vTpg2joYQ6T\nzYeTXcvbt6P6lJVvqmot3uYrfnp+YgnoV8C/BZMxNZ7ibP3FFNVfXGwq+7WE\npKoAIh/+1vSX8lQBkuFq6q896ZNCSK057Pr+0UBF5ViDqECD9ITmE/qlHpVL\n7J/tJpiaU1Xu0ooaNERYQbMNs3uZbpsCQkREEO5Kj++cFAFXnN03+v7s+fR3\nGIxKuFhI/xQxo4nD/h1V/TFHsADSimY58mlwTlrqZKlt7+CuebVDiqJLeBTL\nE9APIIVdjhQ3daCK9mCULniAPQX5D9Txd0yDgnXZMuTH/texagXmOL2CLHGO\nq9iO3KHRkoUKMhXQKaLGnE0ms4lTtt4Xmm3ciEn0D9BiJSgrWypHRWEJoLGG\nwtptKQ9t7DdHJEi9euYwUKoB2H1TOjfhzr0AQYVxAb2lZPRhH02PNc5Tpq2e\neljt\r\n=lMFr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"6506e91bedeb6cd9a30c22f437603e14e02a3ca3","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.1/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.35","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.35"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.35_1571381949947_0.09805190152524568","host":"s3://npm-registry-packages"}},"3.0.0-beta.36":{"name":"@aofl/component-utils","version":"3.0.0-beta.36","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.36","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ca060ae0e031dfc64f32df4d743cbf20668e0d09","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.36.tgz","fileCount":17,"integrity":"sha512-ly35Li5+FNXJpcle2wfHEefd1UWXguMNGq708wuJljgr7YH1TsPeXpnTgUPRWRjgr7UASClAYKSCfel+VlK9Aw==","signatures":[{"sig":"MEUCIGNhm0LbEhyF7Ydb0uPo/p6jwlfRg6szggRiiD/9+qYYAiEAxzlsxp3yGbgOFyjt0O+3X3IG9WxLJLjs7jpXl6UoYnM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqulfCRA9TVsSAnZWagAAEtEQAIibxv2QfOEOEK3j5fNF\nLH70HRNep10liIK5gAsHH7ysV+HaqwMzaXEGBMijAWcCUjLlvyZLfAHUqI8r\nRy6XJhabyyS5PpyyJInlvKSzHgfbz4igmrasKEW/LlxV/Ht6w6L3r4qBl+Uy\nH+c/wZNZ0o6trsh2eR4TbLSNn6nCdEFxLtq0DRD4Sx9xQi4atGJX7DwMbDvV\nLIYsCaE25R81KErJ8aRZZtOmvLmbIFR4Okhk1QfRuhpFPEsnlhLHhDoR1nRi\n1Es7TJwyR8Ei17e8hg8ihYcPjRC3THRH2v4QOQvCK8vCfqo1wwiLO9sUMoQ+\nQo7hD5t/yDvFJlUJW6fpr/qkZ9oWXYwBUuYXd67mUwVjnOJH3sG/vKllANFK\nkzaWcZ8m8rav/ZsxvjFoSGvX+z+CVW28/2TUJJmxHqE8mmrEKTneLnac5r0F\nGkfwCa8OY3FglTA0RcxTIL/vFJbjwX6zs78NLhOW4h2nH2iWAZ6ass9IeTZK\nZ5caQEgaqblNVGbBnQXI4NZqXglO7cgPHfEzUrAHaGagkPOTDQCHyn/5D4fr\nwoJDF2JsAhH4TLGdD9nuBNUClbePMwBEFxe2MkS6jVNyAjn5AS1+w0a+SmXs\n8Fn7nLh6ZxyFVW4pdMTV0WH/c3/gRo6SX28aMQyP49FNuNTUtfqMjdG2BZ+i\n+UB0\r\n=71UK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"9eae9fc87437b61f0019ffedccbc3df7c8e02a78","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.1/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.36","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.36"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.36_1571481951254_0.9183361094621043","host":"s3://npm-registry-packages"}},"3.0.0-beta.37":{"name":"@aofl/component-utils","version":"3.0.0-beta.37","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.37","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"14878f291d8a03024a440d70dfa091e354fc0c80","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.37.tgz","fileCount":17,"integrity":"sha512-BXRjugCaF30YX+N0v8wEPpO9OIpomdFyoqZav1HWGbUFgKi1AucvIuw5s5Mmeq/BTcbrFrOxCgQlFeIJHuVoWw==","signatures":[{"sig":"MEUCIGTyQL1J542NuvvGgvV5PP20nf2WyoMi1PV4HSKe1mZlAiEAyuwT38vnAS21Q+Opi6m7fG2wMLFXDFK+C/iWfHZ0mHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsT+6CRA9TVsSAnZWagAA7QUQAJ+vA+dRX9ZAUqwAm0xa\nlnGPTyaQGeobPgefVrP6J8bWLtvbqSraHSkN/cCXyeL7db9NkuWLcdAoIcmg\n3OS+qsB3XqJFAIuM99hmXjGBqWpQqR9PLMF/34XF2OahFpJH3ZZUZr95sLYB\npakFhg7lYq2c9TacQitH/bpWAe4LQQlvZblVoqf4b9N4UOmXxqo2FOUVukxP\ngr+4OwjveTg5++72Tnc8ZuOByc6TxRyRvyEhWgOji+AK10ySgBuuVMJIbk+J\nbyWctRidLxGHL6EkajpcXRXKc5ZrmHZRTXYRWNq1y5glq81y5cFi/TC4fhH7\neCxo819Q+rlta4sriKYKMQPNf78JapULqBjB6t03Pr7QuGWogNoS7nuYa3qI\nbPEmCQN3QezeBb9lNmuCpJ2H5MWtQWCsH+emXEdAElyVkdy6JjHnQR0kq6wd\n4l4kQPTvXWIplBCxBjxxSq3g6vSLP0YJs4PIZfrwv5AHeJs/ZSmGsWQA1zO3\ncjwAXr5fr1mhMfQw113F0mN16E63NrwGfvdFI3SNK2wDWkGsfSca56nwVILn\nLgNyhAOFVS7KPbwD30X6QU47NgoN5lmV1E8ZYA7IZVzfoTGfpHM6PPRBazWx\npYSsGw91ypyl+buhNBssCYAabH19JaJD9Nv4lzD0NNIRMu97cS3O0SRHRdNO\nr3aR\r\n=iy+K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"90abdfa3f72b91bd0c98e09afbd59c21621fe846","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.37","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.37"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.37_1571897274021_0.6056338086169148","host":"s3://npm-registry-packages"}},"3.0.0-beta.38":{"name":"@aofl/component-utils","version":"3.0.0-beta.38","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.38","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"717aa0a235104339405f1d22f394891feaea77f9","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.38.tgz","fileCount":17,"integrity":"sha512-FRE4hLk7Y1qIdwPySO5L/XY3EEmCidSkNXLoFFNCP+eUA9n9jT1yfVtzLIx1LeFq2bLVM0rI+y9ojpQzmzKrMg==","signatures":[{"sig":"MEYCIQCoCepjK2FXL4ZGYk3WyMlWlZedTJ13l4HX3rHawwQSEAIhAJUf0jaq4FTKstwWmenJFfpuMwhi3n6bOpns1lmU2Xnv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduhQnCRA9TVsSAnZWagAAwQsP/ik7H3fg0gLE5nzKJ9KH\n+nX3WslAiUw4HutgqdCUIFTfyPctfPb8qzoAPR43hpS11eoKRRjyLXQ5mf9I\nTcD2+Ky+MDkbEiUXYCsV7hcxxnzF8SPY9WKYuFhfzDPpyUIC85b7jsXY7UPR\ncMABCHXUf+qIQQB0X/mHordLrVOd0W8bQibaZnepeSLKk9aRZ+ZEOwvYnAU1\nTQtjex9sTMZLhp+otuELEk5eNuyqer4twyfmQ4tNa1HbtkYU10t40VuATe2D\nFW+NtJilMmjrT/EeoLBnLicAgW2f8cFfiDgnWJ6y0MdSyt3Ydl07jM87v1BF\nwW/zjBI/cEBucOmvTWa4GRZ9UMa8buv/l5+kldohgppn6dZimE1V0wG/978v\numTZtX1FI+N8VV1Gu2em1xDYUS+L7ghwipgxx8jj90uJV6C6RcJGHVPtILCi\nj+G4x5Ut2ltnnRgLxZYPL5Rkw2FWLxNla1shgssYrZX0fVMBIx09ypWzpNzb\nm2PG+tDj4M5QyYi6iebmF+m74EQu+N6ZRPVW1GhS7lWQKROM4il+RqHyNiCy\nd9sq+4AkHXJ4c/VryIfchv1f0K4/+B/ogEjxirCeaC1mODfujFN30syogw41\nj3fHi0pHRDyhq+mYyhCw6o+gMMbgAuuZqR9wC0B/SEtYhYpw5tzMEa4/XKHR\nlO0Y\r\n=c2sA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"9fff03a99453d439b551d48a69e5d642b9957854","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.38","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.38"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.38_1572475943023_0.6287694442153902","host":"s3://npm-registry-packages"}},"3.0.0-beta.39":{"name":"@aofl/component-utils","version":"3.0.0-beta.39","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.39","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fc6f35bed21b2e45decab2c162a6f7e911fe882d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.39.tgz","fileCount":17,"integrity":"sha512-Msi5KcSUQ3+aH5G5JanPYQHn0VEwrHAFuZ4sxWbQOUQM1JMEe1zfcMyf1LSZsSDtYZXXDik0OmkQN+e91wXL5g==","signatures":[{"sig":"MEUCIAaN3RPBZ87CrhXF8Dwm31Vi7G37loAEUUI9jC9q6Dx7AiEAuWEdBrBbu7ZRU0/czEQrpZuav8qDxy9WmKIWLqVSgg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdujP0CRA9TVsSAnZWagAA4MEP/0GSAlPG1/fs3C10MagR\nzK7QIEbf6YNErH6Lbjodea4SMb6Q5yf9GElzCbaiJlk1c7OgYf67xlAwJDb5\ndyQ5WtCdovP4TSXhmO65b4/+g19uLwlsBZlksPV70roOR35fY0caAZB54icP\np1/s6qkkpNL59aVeqRDPoPXCJ5Y3nsyJDx3lHGvYUGt+ibHkDznYynLC8/RW\nPla+m/EF4eUADiJLY6o91fhtHKqvKZwEyGfuUPATOqGwdrAUiAG7l6IPzZWC\nbzkeBdbZAKfmSZPesAhmYoqTX9zDsWDK+Gl0xwL/dfP74UBqq7PUPZlp3wyI\nggUyaJvlkfuGD+OOYwszvkdL4BhOd6W/oVMZPkE5x6NRS85yvLBMtf8L7jMS\nCWCD89IaukZjL0cWDhU1oihuMx2YT9rl6T3myr7UkYP9aYVBnYY67lMVeK89\nJz/3HIOSZiF2gqoHZ5uiiaKCdHSgEfiJaHu2nw8VNQpgalSXUyDf0jFlYBCa\nj62LrJKwGFvNxEtf0D+agA7QR18aqEGzzHfVje4EFCcK6NrM+q1Ec5U6xdHE\n+tG2QI7fOOSHMaldyOSA7WLk46+DoEfDDEJKYP96DT8xkIe9XGmC1QJzxM81\nu1hjc1apWrBP2OndE7VAotkjMbaF17ThTvHo2WTwmfCClPrKiYPH4MbqHowj\na/yZ\r\n=K/x6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"34d49dff4ba970447c184bbe8809a533b1146a27","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.17.0/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.38","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.39"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.39_1572484083492_0.706961670684928","host":"s3://npm-registry-packages"}},"3.0.0-alpha.12":{"name":"@aofl/component-utils","version":"3.0.0-alpha.12","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-alpha.12","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"85520ea682b3b8f82220fa464f878156d0f409b5","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-alpha.12.tgz","fileCount":11,"integrity":"sha512-vc/H7joDV1HYO8lD8yPDh/LkSeAv8M8VxfsFSHiXe3bASLoBNHitdJWGI0I0D7ndIXVsuXR/+qxD4y4uUucasA==","signatures":[{"sig":"MEUCIQDYukweZQFc7Yjpfn2C5FW2mFvVt3ZobxpctTUqi4gRkAIgbIYWVhmVBowcAn+wohn2gdKgWZl2Rt4JRAI1CQzD2FM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvNfICRA9TVsSAnZWagAAKUwP/iyBGB1zpvxr5tLx4V7y\nTrp8du52oveoobVzCRJqxzQFft5S3llD5ZwZhsyAgk4osSYOVIwl5rD8gMp/\nZirST9ddK3dIapZsO+CFzMaLUA1nuzJs26oZApP3vs0E1I7tNJIYJow2a7Xg\negT8GeUXC8/NB76niQZ6MwNTWaEPZzLb6QgyGit9XYKRiHiuqgxcikrspkPG\nPbUdSFTHQC8H6iIgH2r8uy8DWg84KsX34uuAfmhT8HBrsVAievseyLW/KGE7\ngDFeDHn2DgEWxVlmRAl7gIz1cY8oLKz0GNuyHgxTg93jc41vHZsgHu1mGVVG\nP92ItrQ0t9t12c5BwN7U8vVovYn6dmLFdqb1yhv1yYVhgc/ffOYht/gvitmt\nKwWNE98P6md7C8e1E5W8/wUELoQ44/mhp59P0wvoORbBASVZGtbwBg8wfdiK\nhKa+q6i50F/pmKBADnPL9Cnjm64HI9U3eo+VXJjQxxoh1lxgLjkKk3Mya8/o\nFc01Sinyf3Fq2kSTNrLJYpgFvvOZsX2Gsp6fCvO1XjEp9OUzq3hh2ADMRwsB\nSPCbXL+ezcvsHPmMaFIO2U025bCEAF3vi2WERwYp1w4KFLstGDms8Hr5hMbN\ntu+DSdz+GuEr42ZomF8jwOPDuioU/MFSsDinwbJvKiub9P6Bh66c//5qjNM3\nAGVo\r\n=XpSU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n## Examples\n* [`findParent()`](https://stackblitz.com/edit/1-0-0-component-utils-1?embed=1)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","gitHead":"e76c3cfc8d75ca087492088254c9ef0e4010c0c9","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.3/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","dependencies":{"@polymer/polymer":"^3.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-alpha.12_1572657095917_0.5854401875330133","host":"s3://npm-registry-packages"}},"3.0.0-beta.40":{"name":"@aofl/component-utils","version":"3.0.0-beta.40","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.40","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ac8a64c26e37e62f810047f0a0e0936dcbcec620","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.40.tgz","fileCount":17,"integrity":"sha512-2yXZzFoGln9Q8//VUBKLiDAzqClma5mS4+cqE2WQ9Jm8BBotL88/o9p6zgsd+PdQDAkIM0PUedTrU0Eu5ctndw==","signatures":[{"sig":"MEQCIGFdB90EpBEtDHPqEZhEGqNhGpo890v2U31oatVprwIfAiAX7impyDb/GvkIBDvz/cBlpYXeZKN5CKiJX5Babif1dQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyeE0CRA9TVsSAnZWagAAPOoQAJlwTcuLrDW9ZmrXC/hu\nUGZ3PQflr4Ty6sjbC54xq7SHPmdHlmc/vIy9X2MU4hR6alqHus2b/GTE1/8s\n5KAe/SoZH1LM6Pf0FealoNTx47ATLHhFMelNm6h3ZMBHrM/1lgtQL1qytGQv\nnbs/XI0nbK0ilVD7ZTdekLinHZUlm/F93QwYuI+F6y/QE3y7HIh1rULMwNk+\nWe20dSWLIMQdw26bZTRO29rXzJgdpESvYi9NWtzm8L08RqWZLzQM6rX2H06f\n80K8U9L8toLca4gtB4nMFEANFlkswO0UKHdQ4R6wJnG+ol241quDPGd4zrvK\n/wYQ7+0wLQKLENmJcecMHYKCF5fhuDCWUZUJjqDjXV3brpSYgo1uPrM5qYqF\nXA2sQpocwmijRQlIOboVxoo/3MU7yYbB28Bnh9XvT7eadPEcQ2NR+wwq1Vpg\nF1TxD4G+VkSgSwhIceIiFtm0ZqbkVsk3tlI4txMBkQM8J2hl3/Rp9VBuW0V1\n5mlFpPrybeuh6avS+dQmjVPve8MGbMXfQ8m/FBvG3zvM7qoM9l1UjAJwbwOq\n4kt5KkOp+DCormLGM1Q1mD3ZzOAF/oz0s6B7yau1Kx2XagsucwfZwvTkuwXW\nes0SJm1oyRlxdmYIRVf+191UDpZlZvvrTSvh6BODBJD9o+Y6DQv9YYHRkvXP\nhEQO\r\n=JpFr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"0bfdc05f0d4406219d0b432a55fe53ab1726f4c0","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.3/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.40","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.40"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.40_1573511475736_0.11985187413782761","host":"s3://npm-registry-packages"}},"3.0.0-beta.41":{"name":"@aofl/component-utils","version":"3.0.0-beta.41","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.41","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"acb2da18785751336922f7129e475cfa67b6be70","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.41.tgz","fileCount":17,"integrity":"sha512-GbiOvqoBiMfnnKLBHymhE3lqTZRBBzEiqQx0OgRRlDVFrGroido0bgAUt+2s4FnZ2F0BTJWfEjW97bZR7OKD/A==","signatures":[{"sig":"MEYCIQCuDsnl3nlBIMxjKXPAE6P2Yc03/oWXE8/Np7BkwKkmeAIhAMF3f1lOFoleTTpCxAr7JyXRn+2oPujbmiYwSl4B1WLv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyjtICRA9TVsSAnZWagAA8SQP/jDCTdO8KI2pm6FY7QgX\nbxzw3zqRCchIhrhDTkGI0Zyb74Km8NExnMkvL3dEAUcyip/JHf6aGQ9IKfBP\n4blTxQfWqXpxwkJzpDkuhyn3AOcOqQ7GeOZwDEdijwsGq5nMoB9Usyc3gh/d\n/GGStypba6FUcw7B2+2IPmdunaSbCqG3GYDCYwpCneCvkM7fiZ8p+ym4DnLe\nqVZYR0aDhIbiQuDYX7M3arAUu+4YOAzcteZMJl6DVbTB4HSIQJOlgav/neYn\nlrHl2WI5mOXjCWP3H06FhOFpj7qacRnU0j1lpQ2WOCi8E0cwTbJ0KkyH/a3Q\nnZqJzks4nFLDxJhfAyDzPPFljCzqZ6GOa+2iPutGUTNVJhiNjVB8Js+c+u2P\nVjdGVQOSwsCXWGvl50M+i3BlT20JtvK3E1NdelFtOrhnJ1dzP3Ei4j3gHhWu\n5SrR41PQAkqoOmZ0fK3sT4bkTBhbjuAcfF1kWUn1yMQIYNBno7kPgjUXmyZw\nwYnPp5XiqK/m5UK4iCHOxOQ+jSZbTygIYSDBjUS3TjVs+XMzRTLfOkFNuXOJ\n8CzuBCMCI6znY4ghGDycuzx59G+jsJ+YdEMwCALWhxGmRun57VRYbjwgqcoD\n+Z/Pe6TqTWuSLhhoQRJnEjb1wWMUZayV3ZvoyrkF5/rHzcZFnRHwoGCceDDO\nQXg1\r\n=uRls\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"212bc663acbda22a9679fadb2aa64484e35dc068","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.41","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.41"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.41_1573534536158_0.6754491795504891","host":"s3://npm-registry-packages"}},"3.0.0-beta.42":{"name":"@aofl/component-utils","version":"3.0.0-beta.42","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.42","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c6de1afdfbabcf2bc72e4e5ccf3400f8130bf430","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.42.tgz","fileCount":17,"integrity":"sha512-to58bbxD/RfHnKHVCk57OoArY0NlGBVPCV/22hU0AJmZeO4WknkXvEfRef9aX+9iKH9Nv2dphCoh5QsmPtxl7w==","signatures":[{"sig":"MEUCIQCfgdS35kfJdDXd2zFkZsJu/mgImsjr9aH+Ef9h9qHJ7QIgecGVaOTeZ6kcGPA3YHGwZV7z301gFClr0ILTgO49i2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdykjoCRA9TVsSAnZWagAAQ1QP+gNG5jmUuZqc29EntKgI\n7qQch/JQy2Qe/r+GRuZOyDOXYTtk4XEk5iPpruQ9bR3u2NrwgqHpPqytQlT8\novWqwEr/FABkQXLoCHecRsZT00EteYCWajjvS+7+MADjNfUuavrE/D4H3zIy\nOlzTl445J6JSMOBwPKr4tNHWmiTIcwjREkIrKpCsO157B5M/obUqYPNKZT7p\nEdOOToIbnK+xcPVjWxDtruaioBOv+1XA3Z7n/S+s9J0lQ/pV/7kjnOnmyrj9\ny9myvzH5IBhIy8FkiUFFRs5Y94sjMOKfnKtjqz9Zg5Jo1bwfOSOXdlfj8+yl\nMLp0kkJjPXNv1lieKiIIHmxq4UPouSxELHOhT0vsiyLgIRDZuBhw+IpNNGRX\nDX8IlMtwrbFuD5Wo1adiSVdOdcw6Sr4/JTrCg82egvuCS3JmlQWp2/yObaQw\nQiodksxKEamCIZ1TU4OSbHc1MDvnvvqtHpelTwqrO7Ki85zGkiPRZqy5wcGO\nDdk8MTePMXZxD9t8XUPImdyPtoqqLPmK2VH628nO4uyULLX/UL/FZgDC7ZNM\nmvxI0Hu5wqYpK7TTPIIL7NsqAdjA8EXuNPs6P9Nk/6ryWSe3HnB/pAHSgVTn\nQdqXndOAlI0mTNWa623+/djSC9LuFsBBqmszMrPTqqGoogeMMJ60qqVQi56q\n1C4i\r\n=B0Lg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"699b13b7bf651fa15a25ee2873b72d9fa1ef14a1","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.42","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.42"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.42_1573538024068_0.14098871084907438","host":"s3://npm-registry-packages"}},"3.0.0-beta.46":{"name":"@aofl/component-utils","version":"3.0.0-beta.46","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.46","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"14e29dc7cb469bf333be2ca3048d568fd7626f11","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.46.tgz","fileCount":17,"integrity":"sha512-b6fKCTQKXYfEyAMdYDszL02R+vStiL+9e+iaqSFmVpbhnT/nvYTf8cYno1NEOeNFvNxFP3EnJZpWCONYgKYxsQ==","signatures":[{"sig":"MEQCIF36eIIRDqkBsaRoHm+IMGEKBJFcV9Dw9V/dV+UQy2N2AiAmtwaKi/GzlLbWTS6GmuB01YW8hljkt/kQ+XiiUv4NXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzc33CRA9TVsSAnZWagAAEzoQAII+GN+okKy8VGbXqS2n\n4O3pVj5KMa5bgJHP4JLtUf220/qsCYtziie2846woMFmlOlTi+a99jDOJbVN\n2344BDfx7OLNam/VmZD640l8ntUqY6gZPwlzNSyrUYzaL+A2bj6N6jszoQ5n\nzFl3ZJtWVPuhACYM6Y8hJHpQ71SzW+g2MuOixdD12vvtBjhYvqzFSgqYXQSW\nYNbdjgHrd47t0wo2EuGl+JxiQK5AXH5HLxaUBQ/jCoe5411ifvJf6tce9OLg\nDIPc96cHhptxXA42sehc0tR/myA0m3rWhXZQStzrFNLBe0oMB8z+WRWeE+a2\nbUeLgRe2581Tjcdfbasb094kne0fetNiiomZR6ilbGM42O7U5Sip43MPPD2y\nMPlNbi/f94tgftdQFUJ1IADHPtE7aGjVtaQpkWkUOfLZsOzAlBPMTR9GG5f2\nmDjc14Q2WB2joloWfXMNzk4U1k6IQ8zEKxNPIZIY0yfRraYMc89M8428KyzW\nzPah7r7CfQMgKFLtqqn+USEZnqrCI4SHwa4aounLdzGuIr8xtR3elX83RM59\nX/Gdfl26cRMCriVEHZmNgd6havihj2b+4UK2DuzJpRVXxfNFjpUczXr9ppIw\n2DDhbWYRx2f4tlIraZNkxwayGpnT2DBNusRRtQjJ1RI3eMSymRSnyp/q5Smv\nId0/\r\n=tqNU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"4d18597a6b3e63324cc8b2f401d986dff832a62f","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.46","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.46"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.46_1573768695258_0.5585405820620453","host":"s3://npm-registry-packages"}},"3.0.0-beta.47":{"name":"@aofl/component-utils","version":"3.0.0-beta.47","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.47","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f1503bd9c0b3297cd479c706db0a5660a4a37823","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.47.tgz","fileCount":13,"integrity":"sha512-oVHKpIjPHQxHdMPaHXoSFYUhzMbo7mJVeI5/dk9du+TbR4wYUYJ+2zDy8pipz5Qo8BkJCwIfOWNHS7LdDBrfzg==","signatures":[{"sig":"MEUCIQDGZFcTArOBFHZPtWgpo/cjAa5vwCqTKM/e2WaefheJWAIgfD09JHGo2BXiVBvujFy47+XlddUmOD/D9joxx86NBz8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfXuCRA9TVsSAnZWagAAvhoQAIl3TupmzxVur8vnViBh\nhjrNuoCIqToPNvG0rhdKw3iioZIXYulmnsDWalXPos1q54BLPwTdAmveaQZ+\nN8W6nLz5LOrDdzmsW+n+sIxC9VpG1bqx7j2OQq9jeG4DoN+tJ3IZDYpLNYlW\nrCWE3oP5vGn49hL00B8ORT2d/dQhjw5LygqGmch7ylQirw9TiaYwlOFPfqIQ\nr8GPCEDjxFJeNwvXV4kozVGdEhHJQvSekU9+AVxW5EvhjRc2EOWSAyJxzjQv\nHq7KXmoc2JuBv+AKpTxeU5x+mTXGOONzkfrumxw0vvpc9boGMJeq7Ak2Mg75\n53efSGwC8+fXJ8DL+qGUjmZYhnKYtmSymiTeG9GCHXmKIwpZ5efuvpxj1M4U\n/OkMU6E1vg/q4geHdk1/dWaVs2C1+7E2hBioK42uBQEFAs4+M0Pyr32rCSo4\nN7dt8PyP0PqzFFpmWQQMppAo7xuPsBQ42F8Ca0C2ghZWL7179ubiHPV0mwyg\n7zdlao5jWdOA2giYmaNLoR0RgymMZp891/KjyKq9BlqRQBaNKkrsatVWFyQm\nY3sI6G0a4na/G7k76OwsA3kJaybVU1hEPfDcfeXLBzFvSSsV9oKq6Qlx0B7P\nBnLrz05Pcr/FPJTQ420XqTZceXYmsybzF+S3Je1cxHNUcI/gVGIRcdrBGpyy\nhnqH\r\n=I/H+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"11344382e361206a6f67f05f4904149ead37c1ed","scripts":{"docs":"jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.46","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.47"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.47_1573778925784_0.2284506301198863","host":"s3://npm-registry-packages"}},"3.0.0-beta.48":{"name":"@aofl/component-utils","version":"3.0.0-beta.48","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.48","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f238e4b22daec2d947dad22977477684fc759d37","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.48.tgz","fileCount":13,"integrity":"sha512-L0qEwVObkriJeGW1aITVAtLVGbuuOppmeqYfKuSThRxTHLgX/BDL4gVTibJij5oT8bX22mMDCxz187L29RMDVA==","signatures":[{"sig":"MEUCIFivFnwnAWETgvp2mUXVu5kMGZPlhg3lM8h7qqlA2aIBAiEAsmDwhz59e/5QtJ+sySCpCDTZQm2gRCAZPInvIQw7F3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0IfgCRA9TVsSAnZWagAA7vwP/jK2Iw3o6LqoSwM8fndm\nFHtFqTY2xD2Zg1gFKxHhWrUFiUopWyjZ7qcaaK5Dydh5+7p4tLvnqkzmdTg9\n8Z3DiebApnaXIKZZIW0hK809UjbaDn1XspndvIRtVzvVYLl5Y69KJEEv4llZ\n5krLk5kJBjXhFGL6SsAPNspsGaYxj0vq/A4mAHDu6lHe7axG7ch/i3HQZDSq\nxpyhEK0w9zCEe4mfccu7LY2HjmoV7plvs5xBU+1iVhq2rxLiKGkHmmw3ncrs\n+LbroYPevvI53FqqHMkcq8bkJaWw//qN6NUwp9DwfRTcDSx+WR4y9fo3vTiB\nz8VurzLDh9cYTKmUEHUHZYV8cAegI2SK+WrvYZ5+ysHMrAq8vXF8CC/xzyyJ\nz5GuHsC2vXTDAUgflUHrTSX2Dp40t+oX+MqgpL7TTRogc1lG7me7HWkob3SU\n5Eou6vfQSyedSAb4J9K73BPkSesJLkrWWcn6AlqBunRQ7bYp/TloGAENMVfj\n5auUVie1GhFrx905p5BJUvNYZP335zRkzrZUTFiCVlY6xIKSrmqgF7YxOzSx\ncbJo1HJLZYl1Ir2SlP1f1oODTRj/tM89jaC1+H5yTUfifGGR4O7jM6wU2po4\nd/J6hSAAZLGR2yLL7eVSZiwtd1hLrTToU0Rs8GStCEFxphF7DMrV2tNjyNCS\nrHob\r\n=Xwdg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"d77a51a21b591d1ac0032de47395878116e8566a","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.48","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","jsdoc-babel":"^0.5.0","@aofl/element":"^3.0.0-beta.48"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.48_1573947360449_0.5561610772037808","host":"s3://npm-registry-packages"}},"3.0.0-beta.49":{"name":"@aofl/component-utils","version":"3.0.0-beta.49","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0-beta.49","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"de3ba7cb135ef60d4d4621dc03a23d91e63e3ba1","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0-beta.49.tgz","fileCount":13,"integrity":"sha512-tUsgxC041o99bmOjcR5ULhflM9+6EMF/a7b9tFN9bivdc8mAbxLNmASpVSLQscb94yFGYDD3f0hSHieHpO9JTg==","signatures":[{"sig":"MEYCIQDVu9Dyz0L/WYBDKWYlBEAIuVkwIKgW1KOOeO7LnN9pIQIhAM62uWM4/zIvMKIDzu1iVQS3jXvW+JON4EE31bmkQZd3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0MCRCRA9TVsSAnZWagAA1LQQAJsPnX4eFKWmw2ww2x56\ncFqyv0VuJTgb02eK1qKXEUFIXsvwBhttKbzGivLNhCfEtRPVMeaCNDCtlGPx\ncetk/RBJXx5VN6neZ/6wpjCMgKgPuuMC5IGeLqUmI9/fJUQYGPP3Et5CYSfp\nQCC2UsMQI4VdnT2E/BMNgrEvKtUv6W9/ivSo0Kd5thMsZTaUCbYF4HMc865q\ntceaysroReiTxSjID0HcyGy5iAArqRbPiFgm09s29syz547e/Ht7s+k4IX1f\nVknVYTbeUq9aeIwDhVkaSqFwe4bEle5Lj1Mo+pUDROf/Q1tJGnlh0REfZrn6\n/jmCAhxhGhp+Cb+x1XNl6AH5KGLi2EyXsHVFYnj0jtXSQey0QEB0YFL5H8aE\nlQGpECDZ8s1qPGLOqGXGpD/IVunLksTlC4F42dDq9UgaaWUTl9OSuqojAorh\nErZsz7N9B5DDLjUp0DqM1f0EYYB+mhEhaaVnoCS3/ud3j/Pg/htExw/YxlGw\nctL61Rth2fVcO7VhU35y/A6Ft0vW3mepqXHpck7NalJQry3SDMbm7fIiv4L0\nHtg7Xdmaj5PDaQ8bjDhdqqJBynYbVX1F+pU+oxaE47XEMPRvsjcei6gjZj39\ntOAaFWKbYZv3dx9Aluq9eMEHdQHw+srsYKX5RK/qyJr2eZjXnD4GO3jWqrJb\n8tXO\r\n=5uuq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"a2642ff8dd100adac8db3d609f63e2bc6a2247f5","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0-beta.49","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.0.0-beta.49"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0-beta.49_1573961873129_0.43360643359481954","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@aofl/component-utils","version":"3.0.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.0.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c0a81673af0f8329ab255354a338fa7458ba0e9f","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.0.0.tgz","fileCount":13,"integrity":"sha512-RxZOGY6pl7DLHPQWWl9teEGtFCczzCGyK3zKRCDUekMwQA+singmYUoaSMdSk+pizkIXP6DGJsdAFGeUPNH7HQ==","signatures":[{"sig":"MEQCID4jUhvl1XqXSKZFILs7NJQs/6aczJmSs+Nmc8NggPrAAiBOgpeqIHqZ/2/VulacHgX1XgyMxpX8ZFvWL9SOkqm66g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0PFfCRA9TVsSAnZWagAApdAP/3Khz6PlFSGfXWR0Pxta\naI3LI/1JVz7YpIUcQP3vp5TLLcZoCD4rI3gTpqAIC+YXD2iByJmz82W5/gRI\nk0wKBWSMIssAm5VTsEZeH60b++EJLbzuybsuZCyrLyD3aPx28rZ/yZ50nDCg\nIC4MXlGomzbZcb9US2EFYiRwl9Md3L2Typ6NKtPd7vgePRZ6mH7iMIlr1byD\nhWEYby+DaE5EhXy07EIIM0Bt326SIYGXuXb9Uiofp1KT4yXOSsJ9gjPJrPuq\nbmgAwa14Z7hoMIi9iBv+liZKYHIrvUnjFLXa5igwSsD6hSxmilQnq2eJkq0E\nSXN1Om61qpXm64fIhjTKKgp5uwcy7mwMLGB5X2Cv/+wk0prMz7ndaj1/Y7UJ\n6QyeOW3lxJVdu2P8qGG2Rz+VIWc3IWI25dmbVzhr4HBmPX0sH44wWaC9aZs4\npmyaB7UB2Y3LaIoQsLv6c+Ym0sU3wTMWBUAzIhn2FC+ApflgQrFs0rGmFl8H\nbf8K60hc5uuXvsOu01mGOsCz5w2uUzXm2AE7y7DNBPnnGNp3Lk1phcc+6imP\nT9nVnXp3OTKQvF7jjNNdbkdHGqJ5eKjBUdj4+tgd+1krqdfl6tDrZeVkfr/0\nhv9dHbI4UZMozbk7gnsJPZtJYIpW5ZMMya5njX2JyQvk7n51pENBVI3ocelN\nYh2b\r\n=l+5j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"bd783440a25a2c579fbb506b92d90bf4fb7e0289","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.3+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.0.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.0.0_1573974366806_0.7509692529005312","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@aofl/component-utils","version":"3.1.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.1.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"5f73c301d10070b35bc0a111dee672b1495d9059","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.1.0.tgz","fileCount":13,"integrity":"sha512-V3B803A3u2bTknrewY+DBx3A0EADBrsDcxbXWgFn8E0ymhkpMvGH+SbOkcw7YDCG6NhQnXeDetim3TOK8tz9YA==","signatures":[{"sig":"MEYCIQD5Nq3F9KgpLlRtSK2a98qtxAPkxyz9YDvmS45GiyA8IwIhALQPB/+G61z4Cf+NlNZvrMEjqAdVyFUVX8rwdtXOmaIt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd11XLCRA9TVsSAnZWagAALVsP/jwEbXJPNg9l1PhT0Xb0\npC7ejAQbVUJTRYsQs5zhPn7dFY6vPZB2i6Jiqh4kDRhjjbH4p28+dbvFFH2M\naTQZ9b40274f9kyxj1GzCGB4s38l2uN3yuHsjQVdY76Pxjau4LJ2023EUajX\n9ocr41MKr4j4N5GXRjRIgfP86suhTi1j5dwRLWBrTcD1w/d/GNGhnDh1P0Yv\nhimDrB4VaicMhcOWcdvTqsxSxAjcdr/cQEwpXb7/kM0TBwhBuDiJqx4/o2zj\nTq6q9WXH66NbRc0OJJess20Q77Dx7BRh8ZsvzKQhTjQpauhV3+K8vnqJl2cP\nextsQaOckJv2Z9LmzZ12sMBgEh+C6Sgv6XPqeUtyxs3vNcrqoq81XlzCt1oO\n3qt8uqGFjHfuGH8o06gtcZhSFP0SY1FZz/egMygTYV9GQhd6Y+mhHZ3UYpUp\nCVeYHzlMAMWlP0/AcvEIyTKftDRuoJcep4byu7wZ1MLmoeiw8+S6DBauJlr0\n2gMrUWsHQMlx7NpltMwa74XSfyzilE0MIjapOZNGPzegd6NNriG1KR3HOu2d\ncHO3e2pPSwTSq5OhMT3rt8bvychFgz42+xhRIhh+FQPNu378STLjkFyZ2iR8\n+APN/yZIBT8u6IoHnP9lJWsa/ZKsmY1JmDFhueu2o1d4D3z3dWK1A5WRqF/5\nI04Z\r\n=I+xk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"cb7c610ce117e6fe41168dcb3e2758d12900b277","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.1.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.1.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.1.0_1574393291552_0.7825058661154847","host":"s3://npm-registry-packages"}},"3.2.0":{"name":"@aofl/component-utils","version":"3.2.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.2.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c27ee3a39a2a51953c4cb21c63f36c6b8dcb1347","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.2.0.tgz","fileCount":13,"integrity":"sha512-s3jHND5NqySR7WcdKtJiH7oCeL39DWym6eOzQz/4eSF0tLS4Iqvk8DVcLNIDP0+NkN8OPrKw4P0ouvLPuZdwbQ==","signatures":[{"sig":"MEUCIER8eV64bM9EBODtElEb/7S40OPV8xA2U9dDvRCAk5iYAiEAkoocZcZtzMpi8T71Iz8HeK8x3glLv6qTU7N4S6i8Cqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jKJCRA9TVsSAnZWagAAjJkQAJNdQesZuAdQxz0iwXDO\nqNFF703VIIywcdtNTTKky3swggtbE8kuQgyi+9Jxz0An2BJ3GrrsqFAjI2bZ\nCdRDH4Frs1FWiUwDtNx5DBsJOA87BsXnAPiue+Ut3FcqLRc7C7aIADXpc0cH\np7jtoGe1Ua8hbFYXnR8+1gYICiHfwiySPY0zkjATXwmvOHn7SAB6MxvQBXvo\nOfhPTfQkG5lYtCu5SqAdD25pzTGYsMBde6Lzm2HHxycCuvk1oVdCtYmVjcRz\n+bzr4XJc+yCGa/f7ODUidoiSq/o80df3cHNbQrIwnwR6ZE3/4m5prwxjkQrW\ntZ4xPhb75iBPwsyaMzZVOxmsJSaxFUQ4H93X0qetd6TBij+JyKQDEyaRP7uy\nCDUYfWicjrosqdh3JWP9h5y+5c7xypX6CW7N7gZDGkGzibRpl6J3EaZQ2arm\nAv3Z+iW9t8E+cJVBi2Jf20HVz7ehh3tl2wBjIbFf3CT/I/sIA7+DjxxQj6g4\nyqnuKbi5CvNTWrQgR/mKdhNmwQxTtfuwgEO4cnZ2OnOkmudmYNw0fmBqKHiY\nnilFB83771ZC1Ts333xJZIaXL1YSSKIS6fMTnetOdQB+ojh+s0741ZRRmE53\n6jSI0Qrgl5ASJ+nXbDzRz2T4/VtnyQTk8rYn3sKPPu/1J0PVpDin6vcQZgEg\nHcTv\r\n=OvTL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"8275111725390a8f797467a12e045c905a78623b","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.2.0_1574580873448_0.15697550170449603","host":"s3://npm-registry-packages"}},"3.2.1":{"name":"@aofl/component-utils","version":"3.2.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.2.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"adfb8385d2dac2ceea4b456fe78267e0bbbf03a5","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.2.1.tgz","fileCount":13,"integrity":"sha512-gk2tikOKzNe4sr61+TN3h10VHj1YMa8COF9PibffWYi8wNbraOWiLCBjPppMCHZVlGsrh4ECEtx7E2a15mTvtw==","signatures":[{"sig":"MEUCIHgMbjA3dyfMeSt5mUUkByfG9LYI2mJuxecqzLyJixlaAiEAwhcmfx9+zFXdA3UrgVjzpZ8WOu1wP2VKIcSn/xHPDEQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2jlkCRA9TVsSAnZWagAADawQAJe8GGF2fi/lE0QbzaES\nNTC0G8NhP6Ak8MgDO9COp8Uavf3jRP9/2XjjYgQbQgBBg+3uAWv10g77ktrA\nvqgg7mw7BAjymLBjXRBq6DW+JtGRzUTI6Rwiq8ODp79u+L6xFst3pyfo392G\nddfl3xsbygYrz0cBqw7dolGV49jOO2Jo8pEL3+m9lykXWWWGHCoQOXeeWvoY\nCMLzFoKvzMt8n9Ii2xvTgQZi8I8RB50s6fNIdgojUB3A7gbqbBL754v2HLeN\nF44JM6bGYVKuWU117jHACxYYlWA3y90IREpuNg73/CceeUqUSemuxU7wYDoM\nXSDFCxRkTIVmae0BFDSZQjjncknkLvk5XL005Z1T9J/f7AnhKmFXi8UGFxaY\nl3ip8+r4UW0pHa9byLQ9mbUXmyd3NJ0LRSkVZLfG/1ZZb93wRtXg99Toqyk6\nruGwKHiZEpVM9zoNO2zu36kkPvl/e09wYN3pW8EQbeKMuh2aWlkFUtSVgygJ\nCpUhvHOS+POhZ48bLaaXe6swNzSHWJae8FVjOQg15Rd4BNTLHxsvKViJD347\nql7vdASq0Ehty6DC0x41f8m4m5iVzDFztSkFTSY9nRKxuIDsMp8VE1UxMa3T\nhGO6lhgBvmDoNNoEIeIl3JchK4MqNIU5XoivDQhbokMCDzllgS05WtAHaj7K\nd1Mz\r\n=7jle\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"a3a91753b98e4423d9fa5bc05d8cc8f8754fd040","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.2.1_1574582628460_0.6284391383780512","host":"s3://npm-registry-packages"}},"3.2.2-alpha.2":{"name":"@aofl/component-utils","version":"3.2.2-alpha.2","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.2.2-alpha.2","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9ee55f9ca49e0701945f062f4a15e37c2ab54cb8","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.2.2-alpha.2.tgz","fileCount":12,"integrity":"sha512-P+ZqlQkmreIpMUVVwP6sS6HxkBitfXFt33+pkX2p35xWooe6ZAm6pmJoChzgUjMJx48auUFHNV0WeMbday8RVg==","signatures":[{"sig":"MEUCIQD16x3xfpQzZzNqKzpky1ujJmvI5GmY6BlhcSMTOnhvAAIgWsxv5bz2hUCtZH4C2Ga2DaVasQcHZOC1fub/yRHlseI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHiRNCRA9TVsSAnZWagAAFggP/1EtlUr0UD8QJuszCJNM\nL+maEVXhDW1B5qAn7IyK7LLYJl6/7wSMBR22bzoJgtqmanUMhFhIL9PujFRr\n3Zz4KsywdSSqE/dGqFrtr4JksQYDTeeWdKcrlIHFU6aIQ7AHYUT9b5czvMn2\nDl1y3wzdgnYtn6kDzSoQ3sYnzCDRjkXzHhMx0TzxRlvl6lV+QOlr+CHBn3WQ\nW2Bs8UwhbldB84fhRoRRakPU1dI9DANlzEK++mGRm23mRrJs+0d2QT1nHbyK\n0tmG8Dfh8K1F5rzANBhoX4tQPT2IW/8iX1sJywc9iGdMakwOMlzFtz+mKhC5\ns+hRjTYgX0uo8UyZJ3JFsoXlhX82fQLjxFVufPdQEAL2tojsOySO6dVL1UmJ\ntuRZb53ki2LflfcV3eifO3fsXEgRfX8S0+JCgSC986vBQImLWa4AG0wnujoD\n8fQ9MS35H4BzicAvQOD7fvp8+Dc82biByQHHK9vAVROoZ4mcqkAK5ZChVJCK\nkQleG33pvAOT/Deda/6MIsn2fUQk2XHxlFm4b7tgDEkHvNwlh34HUJ3Zlgh+\n3u0jOhmWiutYIHE0hY/cjzJZy6oKggxpE3GuRGuPW4Pe82zNEIufoERtPI4o\nLLOBMWCePlve2X7KuJuY6fZXSXlIgVObl0phrWg48ke+bBvtunRzJSyxHge5\ny6pF\r\n=GUeD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.2-alpha.2","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.2-alpha.2"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.2.2-alpha.2_1579033677425_0.26985166438718355","host":"s3://npm-registry-packages"}},"3.2.2-alpha.3":{"name":"@aofl/component-utils","version":"3.2.2-alpha.3","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.2.2-alpha.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"99ed712c4d830a70c57e1e0785edea1e8f92970e","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.2.2-alpha.3.tgz","fileCount":12,"integrity":"sha512-2QeaWpIaBz2214hqXrwxE1CJ2Lk7fo62Nw5oSq7wt9nfzLFi2f6S52ovf/myfWavYyduAFOljfo4OvtgsDBQgw==","signatures":[{"sig":"MEQCIFBmXhUi2UAlOqPPdAzpuYR/CgEEUx5LhHJjgr2hSCBNAiAKgeNJf6zIV32zj2hZ/H2QkPf1J2AQDDi1lDjHRO0CpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHi7wCRA9TVsSAnZWagAAjW0P/RU7w9XYDjBhOrjYHtym\n4SdKqlcIOAdVglYPq6g6oZk8r0yDgGTun/699hty2pNiG9G+XASjPKWJN3sb\nI8LENUTcUMEOGHKtFhHKhxaNOZ/zHueZ1wFar6upiV1jufeB3nuNktZvHh4N\nzHgX4KmCtXCUgjdROzNGWY9O9BgYIcsPl/tWVzWYn7Yy/A+S+dfHRDqN0H79\nAwDHE6hYfuRsWVaZSgrqyOyFNP4u3th/0cS5wXG69qO40Q5n6YlsgOZ4PC/i\nfDNTFD8flNN9i2Nd2TYdMHZrMqtpJnB78CNlyXuOiXENbMXdpHW93OQIotKY\nKMZxFwRCv6S6wSKTULH3bYOJZVMV6TNUgQX4ARtT5hslbnhxKT2DocBtdaux\nmRrF9yfGdNHtEqxufGqa3U5/sqWQ8OuFxetk5rJ9m8R1/W6UNcWi7pbJZFjB\n6iCUo001gYADn+Wu/QU8iXTbrQ+lvvcYVwixdHaTvkH1aVu4W1l8PiY80D5b\nAsMHaRY07Wiv2hfrHfNaAf2t7GkCJoHTVZa+fDrSDkfw4C8OdpG8crTvizuo\nmp3cc3L17Sz7WSDCJE9kOpRMjT3kyxLhyOxzqIiMvRPRB59U3wDSU0FmZP8a\nhFdtdH4aEuCEoTpBSWIFSxfA/Qj+lEb7SHwKevYl9H7D2GvZMCMQd68gofQI\ntU/0\r\n=nWfd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.2.2-alpha.3","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.2.2-alpha.3"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.2.2-alpha.3_1579036400367_0.32206418214695476","host":"s3://npm-registry-packages"}},"3.3.0":{"name":"@aofl/component-utils","version":"3.3.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.3.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"322c4570f0403568ed77bd7e86461aa70c636482","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.3.0.tgz","fileCount":12,"integrity":"sha512-i+t7+Vs0b5gAHliWSZsYKTUAW6VENpGS3dYCAATgf0yZ99ZxzwGeHFHaGqMGh0KMa9jjDRTyLHpZjGoa8JkuCQ==","signatures":[{"sig":"MEUCIAa8k4j7rch2GtXfH6D0tGOhIpHjERZuMibSK+beeITPAiEAuBS66isk2klRxNAHoryUHhi33fBJaCr1e8B4AU0PeRk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNtWCRA9TVsSAnZWagAAG64P/2Utr80XKpAtVIkpZuio\nqleSbb60uhSdOtl6ajwNDhYsGg5Ovu3kPhbuiaOtLMnOHW/g6aKh/4hDf9Ak\nFaR2Ng4SniqswGMKs6GOzkyVtXuIWXlKLvVItOQw3w4NZWVPdAdS1SGmIDJ3\nGYnY9FQhJCedHat+qvJdxD9FiIF4rU6fm2qjEGU/yEU14U0Hql1dvhxxaLKs\n9VXy5bsKneGpzVuiybf1cpOlkWvRF8V0+coCSzUrsmnB2PjjwQrD+Jw1Ta2Q\nzRsiLsTAtE+DNqv8g0H54ZSg4pMJdwvqI+EiaitkZ6bMaKgZ8RFkZkfL2/sy\nVOWmCCZAfm81Grn6NuhxJO57zy7HcDnPy4jE89wZlw1+jOVvuO5RyOUpx+//\n5VEvrtr5ZQ/BKZ3kEQZopK2EgEdH8MKrVe/IngSF5DX+kErEV04JjHXtkSIG\n4DKuaQZigsxAljSpcWD3NeQjgrE7CJJGBGEuL5qjrPMr0SSc6ryDsGfFbjvy\n99Tmb4tZFkEmwL/Dd5bRo3k6ZQERwXqdAoY7GdQI8G8oc+G7jg4abFdham75\no5STSdGS3XEBe8vtgzu/wKLV5M4EREdilTXB76b92cF1FRgupeItjXQuPa0Q\nYQF1eGAAGsTTxwrE8uX0pv+b+z2uZ43AF8HcYC9eFrfD2D8mBy+UFieGnp83\nIqh+\r\n=iYCW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.3.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.3.0_1579735894032_0.22263040292131508","host":"s3://npm-registry-packages"}},"3.5.0-beta.1":{"name":"@aofl/component-utils","version":"3.5.0-beta.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"20b669671a4ee66dbbebb7a5dbdb8b60558d572d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.1.tgz","fileCount":9,"integrity":"sha512-ddK5wsKh2d7jP8f6QXL833WJtl3chzF8jGgiLi1kJDBaBz3K3DHRxb3xwQ5zzInZ8TLkC/+Dwyw+Mwjw1Uuarw==","signatures":[{"sig":"MEYCIQD151s6Oo0ezgSIX6oVFUqdxkxKsNNXyreOE1T/Hq0lUgIhAMQUAjR/ZCdZBZVU1b3MgF41PqAnHfRMcE7Wn0lHN/fe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUbi+CRA9TVsSAnZWagAAvcwP/R3PfkEVfJZmDbfd0aD1\nZiy1xAPH3wpPu5G1taY0eOkFLSUBAJJywzB9uuXd3lk75IG46sm+pL69fh0p\ncgsmc/CaXe78VlwAbthN6Q+levacf7y010EMGVUSnn0cmmkjaBDc9TkGFznI\nHFQr+EI9v1hfStpKwWrs+ZR9UFnEMvLH+98xk03ltsugkGCOLFTQwwSPTh9k\nz7Vaa8vownvgjJ2oXTsiAlI4EB2xf3fl6Z9oLRfGw7hxLxvIVkmxbm+yfMJY\n2knjMoXzPqp/DvORn130GxllVScKd5MENt29Tpl5OAX2ZvDIzUC27SgQslxM\nf0Aqmc5PxDVxH1orZBHW8DNp9V/xCC1/NXc9RLzobG2A6IlxvMCnj6UyFtLS\nQZifPrx+SURZwWFIqA7aJv8MjQGXvY9bXZMBbXLkSe9t/C4+lVziDox8Dppd\n4uNG452PaM4VuNkOSIdyy2LHr4jlyifuK+0lBlL+d2VvyinDxCiv949YKjOW\nIbk43wdHacl5m1zyAiCppxNHsETbWrp72b9CNePJyhnflb5DTrOfaal1gfMX\ncuLBM/oaSjRV8jhpDUhR9UOGIQuTWQGZ4hSj4LjKdcQYp9tNxdYKY+0yKzlR\n0ZKeFIQt146MOvDe+SFpp8e8b7F073DIx2kQUwX2NLpdGLAYyo3deF+V2MLG\nh+XZ\r\n=h+ov\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.1_1582414013811_0.4338092219625489","host":"s3://npm-registry-packages"}},"3.5.0-beta.2":{"name":"@aofl/component-utils","version":"3.5.0-beta.2","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.2","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"287d5afe3df7bd065e1fac4896464c1789743a22","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.2.tgz","fileCount":9,"integrity":"sha512-eWcBX6I5+/pgeOg/pKcJO1IPZ4wfTu46wKd7j6c3i/sHkz6HWpvd2EUaTHkCQutZ3+m5lqfuMb1y0CpoxmPg7g==","signatures":[{"sig":"MEQCIAh3oKUkstPLSqC1HaYh0C5ETOiz3f7gkj9kZK5H0d1ZAiAeg/bSLhO6JuUIh2uzWa8DAY9WsFN3lN6oxdZM+uVi7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUb7dCRA9TVsSAnZWagAAJR4P/3oqcq9iKKP0SD8WRWJR\nRkB5BU8iwUIHslATVuigawwRvcxooRmbXAJDpjbOImpHgYRcn/jCs2/t4Oui\nBp/P+zbeLdRmqNyptoAJQKtsFfudkCu5A+QX15ylW+AxzNRSe74RBInfqPpg\nA/63L6ozA/mSMJT1UwqeiTCwm1q/C6dDHj5FOUCDcLYYFZk7HeONdztoL68O\nJ1YWBG4poMJHFKRD7SOm/iJMMH5dklz13uAzDfjkBxYr+4Z0k7xF+cdthR48\nMWj3pQ3wa5JhYlKpqp6tw+62BopwRhMHV4b28Ujj6cLJMnDplDCUAQSGu11u\nGem3ZzG1MlTXi71m27e0OzpSxMkL2pFfdTkjvO1mrAzEQOjKPCjdab4XHoCO\ng3XGISFwtPnx3rvPucqHeOabOIYZR+y3w81/a081WtnSUSfSm5GBYVC2htch\nrLi785Et/NHLGRnHRRqcuuDB1K6/r1jiHqcmudI2H7Xj7HU34X0ue7/CImqT\nxNIEkJVpth4uGY3Wr3PheOCz7cYYBb3Qq4LbuPIaleylOW1GGPJ6MzAg2EtW\npxlcVzlpB9kbxjnJ6dm2NQcZIaw+6+Dz2UZ/DppvGslS/iOm+5hgejF9LTBc\nou+DXrKXoxynOLWlBqh0oCLKooel9jplAXasyGiLMwP8aV5JjXOZPEzJtiO3\nEDsk\r\n=hf51\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.2","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.2"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.2_1582415580877_0.807019183282822","host":"s3://npm-registry-packages"}},"3.5.0-beta.3":{"name":"@aofl/component-utils","version":"3.5.0-beta.3","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.3","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b38152240eb924ae49eb90e9da160f54d6b4ba5e","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.3.tgz","fileCount":9,"integrity":"sha512-obB84zZSfL5hHQoktV59IO/gh22q0YPsaE/cBIRyXPyJhr2h75GzLwYCIALOlQgHOFcUG/aqKq7xOBzQGinYsQ==","signatures":[{"sig":"MEYCIQCe6E41ABp3N6emYCECNjim0XLkNk4kSKGJKxW/BVbg2wIhAL53M0YKq39OgAyFlcAPx9vEveJMYkDrEiaG96aO+7L6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUcJPCRA9TVsSAnZWagAAEwYP/Rt3rBjlXJCGV4EotUl0\nJ6tnq/musvpIRgqjg4Uwgr/z+OY9CjUsnsLK+OfGI075jUOf6nLwYYIF/g3s\nyvH/R3B/mu8/PkhH7G635J87QxoSJuNb0wmBziuqpnl270aZODdgywjhsMsp\n1b3Tc5dTK6kLSOAY5zurLzs/P3nbvMCyHJMuJU/PCsk06kjZzGySbhFGUkoj\nr8f2u3hQ5+kK7kt8n7NE8Nf61xS5lROjo5XEIoSIfSDBMxhU9DBtu0aOJnvR\nwOJNxEMVVEAg6LHt9grNM8KFW+9iLmf9nkdCmGXw+2ZlVFaB689yD/22zT1X\nuy2asyBk6MddSfTvBWx23GJdvfvJUOd0oGq+bfjv/qtATZD8QiHJHMfleer8\nz4GGjMFJL5PqoCaKePMNzmfJ+xMi7UoHSkz9qXw/Cy8aabH66xxwbxKh8GBX\n/iuBvwdSV0ZQuG33Kkzd+mvvU0QVBxswUIGt23tNGOQoEfm26rz3mGKHgMRS\ng0+T4ryiQ1I3mj5v9PnJrnrxrcstgNfVWsVFNQ7xx8sKgRRHKwtTcMPaj3cF\n6N7nSy1uanQsTuQZuyCVjPTbCxcTIVgG37HdWiPvlc70LVJTXuXvELprt61B\nB7YvIMQI4tEzPXW2CMvqDcq7x8lZLCwCdgKUVla1gTwXLNvbujAz+DvXmd3U\nLNNn\r\n=7WxC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.3","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.3_1582416463449_0.29215576554592415","host":"s3://npm-registry-packages"}},"3.5.0-beta.4":{"name":"@aofl/component-utils","version":"3.5.0-beta.4","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.4","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c13a7e925bc3a637650c70ad071e5724fa374cda","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.4.tgz","fileCount":9,"integrity":"sha512-sejyvXjCHXYPyLKKKlPME08B0pXsQaj6QpR76DQMbOtrbmliBk192AT4oXofgyP5+w/+cMJCg01de0G8zLxcng==","signatures":[{"sig":"MEQCIEgVE7D5vkrdEGer4bqSPysmnZsHPUnhkTD4WFAxNRQfAiA+oBJ1NRlBnd++FAqBHPVCD4Hx6C6yvPfU4DrC1fzqnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUdwgCRA9TVsSAnZWagAAlPEP/j1YV5tySqb0D7PRUGno\ncnEzwvkoX0pcEmloVwX2NwTw5BZKyitm6umyY45gu3cLU/dsaafil3Bq+tZk\npwaje7Fva1mbw4abimBL+FklxP2qB82kZp0A2hVvGKFakdS12ArFPA4Ifbps\nzyZkj4KpiEeyxISDsvf7qgwNFNWWzNRsl8qjoQXIb1O/rTSfS9POMV6YQHg9\nIS+m88tHxFHrx5eiUTYAL83q9DV80PIQXCEYZl8v3fPhGdPkMKOK05E0+LnS\n7ldsM0mJTCb1M3B0mAdHmKKEElUAM4xA8TGXUoaGMxpCd6ZAHu6fvid1KSRn\n5tfH6nVcCZR7agI5CiVoyXEtLIcT527XIJpruMQG66tOKT5acNy27lNC76hn\nhIyR8xF0ewmYHFsAWcyL6hKlSoljmYPun9a3g1ffkQXQDFEF/EvgUiejWSnM\nxQTp0fkoyAe5H7Rp3OCeHYJbvCfZEjBuK63n4ePGLYCNhvzGvaQ+FnubaWP9\neztBQkBjdyjMH6pYHkgqIZAbK7Ev71i49+DSjkVk+RvZeMThjEfBQB1wA2XB\nqTp5uCTj3Vgs/q7mOkI3bG/kqgMTtngi68lnkKjrhUFTgKLQTsVAoMUq0zUF\ndM2zTEaTSszeS0xzqV3sGWQl+uNFboxHLTG+xsIbO2wKmUlFCQdh8B8D8unt\nDsc1\r\n=Iyr1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.4","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.4_1582423071898_0.1230909982059496","host":"s3://npm-registry-packages"}},"3.5.0-beta.5":{"name":"@aofl/component-utils","version":"3.5.0-beta.5","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.5","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0b0d8c834689ded076ac4ac0f2968b5862784854","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.5.tgz","fileCount":9,"integrity":"sha512-gK4WkWLlUQL+Hq+ecLOEURXq5BG7y6Gw1UW5/Et0OtewcuIrdSkpouOZ/sW7bTqzUQ7CLqDMyjgf9NhPcwDNMw==","signatures":[{"sig":"MEUCIA50kMFbm+s9x5CZqbLYo/PcybhjRMV7U/85sgBGhI/qAiEA7Ar6A7jkN4VQJJUAk85UyHFqGU6/sjk0ajBDZPlNpFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe0iCRA9TVsSAnZWagAAZxoP+gJ/yy+uQ2b1jxLb3H5a\n+93g6XLZOefjQHLJ+pCGP5vXrRZYPWYT0Lrg83HMuyzGZIFiRhrO9CbucDMY\n26TQm2gQKBQjtnLNe/7QdA8T2/Y7srPZ30hP8bBlKI6MZVYmak3TyH5g0Dia\nBsLBkipR5doQqSZ5jUSj7WMcffJ+kg6wBvw7BA+Wi0FISqzJlwTp5yTUs6NJ\nJhRyWgnd3PkfgJEz+QrE8A9lWfpYjYUq3pKAdYfBXoxAuQTxy4+Sr1OB82QD\nQ7WDtnWPfRh7nLO0a5zBi09wcLpQfgUiURX3morRKgAGDqKt2s8uXFXqkA7Q\nlO2Zd1n09B13OuTDqTLnkgErUNUqFjOGE0hk2MCa28hgZjYXFFI8lt0pd1pe\n9ak9Mi3qYZCqum5TYsi/UXDjEkQTZFWiScSqeU0GULUw1Lol1ijCs1ERFCpu\npOoMx4ZpaKR6ewwinXp+ycMrO6UrdqTzAs8MtR/SF3yKo4jVzAK0jZ+WeI8w\ntk7sNOVzyWfw9XVxR8T3vdSxKfCn7apZDPjEzTPEuyPj41s5GIinw7p0kkM9\npJc0QrPDzzZNbt/FblMX9VRmNKt1Y/v2jzdNqYx99rkoAaAJujay7sp3cYnG\nEFAV/p8lSEDa+8NBGLkA2agrFGeoX03DH6VaaT6Jd5d7l4ljd0C7DkoyRsMm\nuWmF\r\n=w+KJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.5","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.5"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.5_1582427426460_0.9046305629837421","host":"s3://npm-registry-packages"}},"3.5.0-beta.6":{"name":"@aofl/component-utils","version":"3.5.0-beta.6","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.6","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"31111b49eac358ca3e2972223fb88c08b7dd7b83","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.6.tgz","fileCount":9,"integrity":"sha512-0VKEVN4ZykPscjx8rtOb3kdu3whVBVGcpGXyc8C4GxDMixwhqAcnNmgB+TqzdVqBFjs1i1I6uYBLBts3Pr+bsQ==","signatures":[{"sig":"MEUCIBVHqUA+OhhO8Ag4CpsmEVDpSmiABWEMd/Bwe9YyjT8vAiEAymZ9ol8gj6oRQ6giDH+BxWMC9qnhWnJPXCbRNN+SpRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUe7vCRA9TVsSAnZWagAAeOUP/Ayg2jNycljWvZ/Vo01T\nEe1p8xIMmyGHcneBftwjixMU4nz36+JkYU/oPpSZeUtFefIrZn6RrKQyryHw\neMdT1mvUjR8lJf+/nV9s58bOvIMSHx7Gyk5tdujuVbsrWolL9JWaO0xLt+CQ\n4mAdI3ibk/EmE7UJTvDzqgKzQ1hKdv2Xp8FQpHSESZhKEaJ3J5uYgCK5YuIf\nm4cJzQ4d8dmzPC7T4vcd5o7WmRnbg5t+/hJGqj3JGYQWTnjP+DoRsB6u2dnJ\n+5BrPvm3BY5kWdbIgOZWq99nH7YanjrRKUq7y0By7WRDtG1bnkeSqBeJtf8g\nl6hKn/fCq98VfZV/cKrMWxusRHAP0rAOg/5kuX3UKrzw+k9ev/RjDsJQTRxg\nVakyCNrc6n2Sd7KiEM4Jtb4BVHTfxmvjqEarxfimNYvJoBCT4j2NWMZh26wf\noXQN3krb4rMGC9LEdpOh/ouqYPbyTTPQJHMgs2egiwktMgxPBEN5ShMN3KQK\n/fDv1IlvrIu3FzIAMAobF9t1JVNxq8GS1haY4o1M+Bj77IsLveqmfFmVZoiK\nuA4+IHvakIW5ZtsnPfqeUph2oRIMuVTOMvGyd6M+ZtuFSPL0hXBGmj2UQPwP\nhLGvb9Sp1kJ92NfqYul1rumvg38oLGc7yNch6ZI+mGocZhMpOLZE8va4zMHc\nj5ap\r\n=hsbp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.6","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.6"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.6_1582427887448_0.8388221413276258","host":"s3://npm-registry-packages"}},"3.5.0-beta.7":{"name":"@aofl/component-utils","version":"3.5.0-beta.7","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.7","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8b9649bdef708cba21fe31cc950ec1c526f859a5","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.7.tgz","fileCount":9,"integrity":"sha512-ebadBka5VFZk8iAGTybzNPeyNQWyiakyqVeLh59JuP9Wi80S0YcvKyOmdTzD0TKduGT9KOGaaxQIgRI03khUuQ==","signatures":[{"sig":"MEQCIBUBfL409NJ8p9dgxuW1ABVMZb60p+hdZoI/ZMxRj4RyAiBBwrdxpPLzun5debXkbnA8w1Nx6tPpiUJgwfXtd/cDQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUggxCRA9TVsSAnZWagAAAi8P/RO9z7Xw4Ema/eibD5DH\nRlmcdTZzJgxCxjwxQ3AxLrdAEbnBLSJU+taIZIFWmqnewMS+N0zw2Up/lsrv\nCOysLAnBDSJnad7QsITCgoTY265uIQSzxJw6ZUnXJROzvYyv2ZQNquedYT2H\nWhPP6x7C8saPW9+AV/0v0VygRFZzXFNLOcguO4+Uw1teZmDIbPU4cVD8T3Kn\n0bVvrHZAAinAOnHFxgiMCNf3B2VL5QyXnqrMPstItBHGFyB7tQgZJoVYTR8N\n2++9TcnAvKtF5TtUTpHz2B1OboqXgFZk2e5N7TDOmcgdbE6+O5X5WcS4kk92\nDvgiLbfVXGuCa+CeH/V0ORw9o1FlkOS+MTwnVyoW+tUvgQWBPjZ4a13Fktvv\n3rGxgczzaJu98kG8Emz3REob/PT3j8g24zS8T9hniqTcopssUb05ZTlwobL4\nkjywH4azWN5Pc5NYwUS0wWiLzEcISlJdvJrezelpRK6G8mJYDAzzWidG41mM\nBxJBcQ5/KJFR+s+0TFEhKpzfIOI0gejUdhMhUlN68kL60flciAl7wEvL9dIh\nRSqsZ4vVJZwCupW5jxSwZrJYWR7NQ8gyCRCZJ01FdR7jWB78ZlZf8PRf0GGr\nQIoYX33TT03ngGnp8J5cVWROERggmnajXCwz0Z87l74Y8lAUxGvoE3NPClmc\n42x5\r\n=Yfkk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.7","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.7"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.7_1582434353232_0.4647599216332796","host":"s3://npm-registry-packages"}},"3.5.0-beta.8":{"name":"@aofl/component-utils","version":"3.5.0-beta.8","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.8","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4b13d043445c2ce7cc405546ff4f7d28d41ed9c2","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.8.tgz","fileCount":9,"integrity":"sha512-mj4HscJ7WdRRiqZUMNcyFdUJC8FlGX0CGEN4u4SVFkAHkxCA2y9UykoEnqtnHeRLq9Kzhb6ZdcCB6TerimFqMA==","signatures":[{"sig":"MEYCIQCRVsLhiTSWDDzAAc44UkcIFBeHcevb7eS3IT0fAmfBKQIhANKUhLP2ZMVwg7IUMcyom1lo+rDbEps1bdw/MvAPhjzh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUgjwCRA9TVsSAnZWagAAR18P/04zEyB1iV6lbxXnK5+b\nqVIwcAMn0V0PydcQB2itQB+oTlCDMgLBAcObALo5Vng14EvQK7aTGIQT1vgF\nVrX9QF/Z40pGp/dxUAL9bUXTYBO49FcAlcwI9U+XuVlpi/oQv9529kMQTyWv\n4obJAV5+zv7+UZhhhzTcB/COTFvdl46l3vse3OynSUuMFBOnLoyoHHZdv4ut\nhj0YQlB++mYwjfR7Iu463EsmKkCAjP+7+K3J6L8Rt9wHp97h0pvfUiBL0O5C\nVRrwOvHApyt0DdFBX3+MrS804pNw8C63bHy2060nP/gp/gjDHuCoIHfmt538\ny3HUQ1Ynf/OxxLab5PAjpYwi9GxXhrplfsmOhkAnK94HStWxZdlNEqDCCeeY\nr2tVIOmqRle+DA7xgAkwF0zfoCjYdpTU08cpKwb2LEi+1bd6aT24K1kv7lKL\nO5qN/eTWiRFbSTZ9PWyUMONtEz+eT4Thn4OBlpxOXPky+7/hY3WAKwzjDdOq\nDeM4UOjf/cMAolP4HbWxCnG7vmKFFVkHsCVgA55ExAU0WpfQ8atv13VeIE27\nbqap0rIkQMzYm71wSRnGg6fg/jC2l8T5yfHekAs0wpRWzfxq+KAFDNUdEy4u\nAfTOhe7v5aBiNJ29aEUKC4/CiroBe/S8dpYLm08q5WunfiUfl/19YuVtbJqD\nDDfO\r\n=EZc2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.8","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.8"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.8_1582434543804_0.6276138289819313","host":"s3://npm-registry-packages"}},"3.5.0-beta.9":{"name":"@aofl/component-utils","version":"3.5.0-beta.9","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"bfb24103cd357146acc45c5cdd7452ea2749db2c","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.9.tgz","fileCount":9,"integrity":"sha512-cHBIG76q7QuuofIhE81Y5XmiSNFDpGmU7HKetDOfiW+ZpsayJHQRlSgnkP2kIplKY272sUvUwipt2w9YtI+Ulw==","signatures":[{"sig":"MEUCIQCgDNtdwz0vhjNkCUizAm+Uc+pMKJ5J+AEzXJ3YGA8XVAIgOgRwJR18q6145R+jrXV4lZo8PxhWr8Chwtqty5FEuos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUg6qCRA9TVsSAnZWagAASlMP/3DqePTACglH3nbAhDaT\nTvCOIGAMQYl1dlZ+SGYWh4ZEoW2O7NAm/lx3/Sp/DRsRJO4BB+Pb7lP0ZN50\nurwPQHIXGF40xlXjikSh8qYlI06SQqR8JH5npjuEqWx1M2FDXctSlOk0nNKd\nq/Wq3Ah6pQmtZiFojANgtQjfXO+S/5v6oJmBI9gif91ydOzCTnCWgdKfBlYS\ncb0GwzVj1ir9O8MDSs35WawExE6epxgpZYikTtacbnHVbWYfOlC53WzY4Ui3\nJSPZxouBmdzGZUP8OnSG12CDhrsEXIKFJBjtINzkxZuzkaMGOd4z6oc0Kos6\nnVdQTHhHLXg2NmHsst0t47NUx5V9lzvyOyNA0yuuBqt6rI4+/rPQRAzNkYZF\nkM4HQ+MMfakBWRpEosuvq8L7ZTCP+awP2wotYGI/fCdZxIOXHddslYEq30NE\nO/Oa2MViJJmIMO0bpKzHS/Y0cQHlv6PPeMIrOwE7O/vvt2TyVwZCZ7Os329G\nU/mXoOczvnoodGqBoblwfQ35dLCw6fcE/d8TezPVOUN/cFvWrhcVoYoDBKeE\n91oXcRC5KwptO9h0niSU99RYHtIG0sssaTP2lkx/r0TmK4hCGXgZ3nuyGXOP\nuHkLJtuPT4TAVRSzXcUehIQAurrhehYw12n5kL06fRDnEFRPlwcWXUBPx/a5\nN+nr\r\n=57Vp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.9","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.9_1582436010062_0.1729918907407768","host":"s3://npm-registry-packages"}},"3.5.0-beta.10":{"name":"@aofl/component-utils","version":"3.5.0-beta.10","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.10","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"34aa3c7d9db15528ebff54f2d53feae4776b09a6","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.10.tgz","fileCount":9,"integrity":"sha512-j+xM6jLl6GK9TF3L0Amp6Nc81FS+YGwrO53Gq0onRA5Qy8fS7AJXCRhlpP+NsoSe8rfFP51r3dHm3uEoIwS/Cg==","signatures":[{"sig":"MEYCIQCZfddi/dPErJKeuesTcfqVTCGlgImXhaDJxzVLRZ9BfQIhAMgrwJIndykIYUJcoNudh5HxMD8JjuTuzz3gBrByro05","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUhK7CRA9TVsSAnZWagAA2QwP/jtfqXQBe6uvZc6jSJKG\nxbMsS1U/dLhzp/t0dayFQh0XSjPgBiXS0HsOLQHsAHXMAmUPj189jarGNHXC\neatZxhqwN1lxxQONJM7KY+PkI1WSutBI/g1pSXr/mk9ln1iQ/pl0I3CeP6n5\nlgEoTik6E8mg5m2vPMiA1h2F4clwTvwTcvYFrFrjhUHWVOWt13RJUPNHBUi/\n38iUY/zTpvc/DXZESzuclpU3hUDTjqr5v+C5W+TytsETuKNJ8EFlPI1bOrTN\n2zmqs9B9+N0vde2VmiOxCCqCGBxiw9KuhXoF0vFTfCzi6HmyxqO5HhHWQazV\n5ui65XJ50YZxZQfMjSXdushdIxp/jTAhIATe4GDyEpCpyRufiLRqiezesqqU\nW+0bceHH9PKQRxFbGpAR7W2pZWcaPcqGIOhgMNNVam3/EhRP5QYTBFJgkhHl\n+rXDlL1okMaxQqHSbroyU2XZe8S2gNIUpx0w5P0Kxsaxh9nw3S0BN6BjP3lJ\nrdT/lJUOHMuByVc7Xv4ljUkngZB8dzjBhryjmljRBiP8oNsDLCdapT1YLn7y\nT+GdZPR5g9/eAXkmyjkFe+dqE6+rjY59CP94vrMysYoONwRAC39qhSj80FtD\nKgUwbbsY9AILpoB4X9b+tQAPFyB3l5Ea0UPR/Bwac7jhqct22af+ap6U8glM\niXZl\r\n=I5NG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.10","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.10"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.10_1582437050860_0.1856683890788009","host":"s3://npm-registry-packages"}},"3.5.0-beta.11":{"name":"@aofl/component-utils","version":"3.5.0-beta.11","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cc880251aff557771f69f2e0de7059c68f8eb666","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.11.tgz","fileCount":9,"integrity":"sha512-I7kZ/c5F4KLD3xuSVIUTTppP66O7T8M3avPFpfhYFdJL4GIIp4Z+DQW9OLS+OU4/tGuT9Rh2Gh+5pY17XmT7tw==","signatures":[{"sig":"MEUCIGnpgzdAWM22HFD9LOcItfwiG4+z7JsWHIwVNaGI3E69AiEAh0XHY2GXZLVjDSfjkOr2d61JlR6ZdFp2e3EfZAepaaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUiu+CRA9TVsSAnZWagAAHasP/ReCd2X90iqCOWfCgXHz\nsW/3fiiumfl2/QBKe6HAM9q2SmaXDFR4kUzzO84oX/c89BucKeo8XCaPA/gE\nCVzUiUPzShdMYQ/q5DrPiwS3ruQDfv94lDaAolWyKrN2u0/nARQzfehJ0Clp\nES3b3fIoqlEqLm56vY0/v+wkYWZS1rTZB+KVVIw5n+VOKUl3whAevxBRcxfL\nF734kDtF/OCuVLhq1htVOShOJYlEb+9z8TRR5edyoxmlj4qxGfETSPT4bTMI\nN3jmWr80yybMm1QSTa8yjdUPOPAKiP5TJYn8uaQmKkB/9lWO2Gf4wkxpwcbH\nXsRCZXsNS1+pDdH4T/AQY3wu2y3uLSXPYqZDGRn6nOTDt2/y5kp3f6fzRAol\nwIZhjXyiMfepUzCKDHBaGNuKyzWYFQMG59FyTF//6Quxw1Dg8Kj7ROxkrlsx\n3zzlLpchQF/vIMs2+w3F/DYPOjQSEb2mmNnLcH5bHt7VxJfTUsh3sOZWInYK\n5c8bUK70RFG92mIdDcQxBUbcxvsizcL51Yo1vP/LV45/NHaKc5ZLMfK1g3IG\npJo1UkI6aIdDlONiM7fakJenob2kUx/h/z0Gifj2tQlCGRd2St6/2wkJIRR4\nGAV6PUz5FKRcJhFkKz/wyLrJAlMK4iLxPSC4CLV1MMrL0SU0DL0YNFiG3dSB\nYa8m\r\n=ytY4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.11","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.11"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.11_1582443453918_0.638593695603128","host":"s3://npm-registry-packages"}},"3.5.0-beta.12":{"name":"@aofl/component-utils","version":"3.5.0-beta.12","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.12","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"0e15b28423990a6c722bf99baccbc659d4919a65","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.12.tgz","fileCount":9,"integrity":"sha512-aePp67oKunrbHpjAOMCSbgTAVWr5tgZkM86pVJgObc3UGx87JXmwqx/L101y+Y/mF/Lvf/eajqejlZisqJzC4A==","signatures":[{"sig":"MEUCIF2ije9ViHza7YVHDW6MgDtiJpLbOG0GAvQf3iUPbShfAiEAiowXcIpfS2o9xMTuDKIxs7+h9Ywa0OCG8ZdrJUBiU24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj8vCRA9TVsSAnZWagAAra4P/1A0DbDTtHU/Jj0NP8aK\njVFIDRsLltqoeXIdj/99cThsOralRnfsVoRmvUHUfb8yKvR30AMPoAHvqlGZ\neRqFGRYcxX/XKQLIz+tysqs8uXFFswcFpelnvSbLf/jXkVzCD2R0QnbqN71a\n/UTX114SfN2xXXvr7MRttHb2ePijsR6EC+qudmCzB/RyCRJTL4vmuvaNFtb1\n4ivs0iy1RyFZLucKWb3dinj3gzHS1K/fnDgEzWQ5rkRvxh3v28HEXpvLuOee\nIKShmsX+f9wEqgcI733s8mQuZghelaDElw8vQYW97Lv00m0wW+GXB/qr1yfA\nMfGX+lRppVi5t7duprPTYFhsx63XVzrQS81TUtWiGDDVZEWD9m5t1MUBli/e\nVVNelkUjTOqmMB/dUOVfnE64zPD91ySt/muFi8SqslS2KPGlZ9scLuaSY31m\nB7NqI1ZfHpwDMVqBx6pDl7y+rAryNK37OwIhK0bsy1bqVbqLf8Jx/bXEOHW/\n36d515emKk8fodaatspACTRcZdsE1925JyLh0zs63JNLlMm/E5r36LQSxb8y\n8AdWbQHVhe1l59zD1RxpWP6nmBfJFc61Pg5Am/hWBz3sYEpqcSyVsauDpbN+\nkMu8sDlmNx48Ux00G6TsLyrDx8TRaSY1ezC7dNMl58W2vHf4DdLMY18Nc4jJ\nOitV\r\n=Tgfg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.12","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.12"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.12_1582448431102_0.1515705636430289","host":"s3://npm-registry-packages"}},"3.5.0-beta.13":{"name":"@aofl/component-utils","version":"3.5.0-beta.13","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"25146fe2d96b37b3b23086191298dd1419647319","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.13.tgz","fileCount":9,"integrity":"sha512-rLh39MBkBCG1etgGqQOo2OvcSQ/iQJus07Tc4euvBSRblbsyMfvSui50Szk35fFvKRlt3c+LHevHvMqA/k9/7w==","signatures":[{"sig":"MEUCIQCpnq0T6tNXxf3nvlqIlvyT+qBKoY7ecuopIvbspaADmwIgQvB7qGRu2UsgONA8FVlUG8l+1nPpygxc12tHml7oPes=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUj+kCRA9TVsSAnZWagAAoyAP/3ZellRyNfZx5k/roN+p\nI/NbFt5jPWQ0IWKjfihWAjBpXUJ6uuEr4KAWvdPRKjIO4+PcWaJUFOUf0jkd\nNrb+dh3NQVVx//n7s1UXXuRKS4q7+N6DvvJUylGA+vvSUFadIiy3Km6qaVmS\nmlmUhlf8FArw0ZcqRHuYkV9ZOS0JYyDhyjk7nXRm6naQFkskzoWCfWjhfTGf\n+Bl/Tqr3shx3Bws9AsIZyw0ay7OdgAG5gjOtz02MX5g1mZO7PUeL+WGGA+A/\nmCEVEJO7Za20l7hleYRRqbyO6x8k8goWK2hOVDU9JkW9HlpRyW/xySQLEtdg\nKt183Xq4UVemMmKOSjAV+LDvRFJ6jW+5FP//PpxF1ovR3Pc+f6Y+QMU2C4et\nEqmMaL09XFVj/EPvX0bPz8xvN4CXID4T99gWDKHYCGEyiEHRJcCTQO4aoiHO\normtyuJQDme1604QRzS/BTc5f9OznhOD+U1+qESwS61ghDftj2IJZC5TJOi4\nDh3e85LL1iiGXCkIF3le5JbUdozBBLWzeYkYwVqZ8He08so3fpAc4/3busVt\nsfmxcxwS0hJJ+H7XJojkDEnOYojxdAJo/j+xd+9polVI8CkNQGyqg9bFpX63\n2QKVSgCEpJYE1uukCk7E6/i9NBLBJLgoqFuRsJUwNCjQArn2Msu6WZuhbMGm\nQQcV\r\n=p0OC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.13","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.13"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.13_1582448548069_0.2401340900817237","host":"s3://npm-registry-packages"}},"3.5.0-beta.14":{"name":"@aofl/component-utils","version":"3.5.0-beta.14","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.14","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c0f9d17f5919f89a07cf0670474457b20e409047","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.14.tgz","fileCount":9,"integrity":"sha512-Kc4t81r6yYlUbj/AJwBGP6XBzUFTANgUTWlyVE5Vr8KCXmTjWDCH2cmckqAzgDlVxiDXrIXGINDxPUGLUidktA==","signatures":[{"sig":"MEUCIBihj7eH+l4JqK9KztEwlpXezJDhrjo8PAl98eMqm5HwAiEA/edpUFm5dPkNrhDZLsn4VeyiwKwR7KZmhVkOi86v5h8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUk0/CRA9TVsSAnZWagAAERwP+gI4AoqCoJpDs4DGWCKz\n+I/6YBKwbWuaVPoQTJehBNMHdRohM0wuTQDS9V/ZOY15tqAwylwyOUG2nMNi\nmT8pFlKoc+rv4+H8V0t1nzAfuoCwBHUpAXQJPX/rnHuIirz4rHZhgk9sksPN\ngf76nG6VYMmHqRvqt33td8dqfAf4co2CEk9hHHcLULJE73FnvsGbgAq7rhyI\n4AC+P+2Dj8lUaU/kL9Nld+4hcSabWk8+Ktk9KmVfeKcDPPaTHAj0GeU/NcU6\ngBtN0T9xhWLiERL4DI9iW/+HqI+9qJc7r1izyY7Mc9N1qeRM6K4G4HTN8Ges\nT1ZtuwvNMhxHL9Y1CN7mRqk0octOCmRRDfrlQe0XfJr2vyM4Wo0p1lpBicVC\nLuLytCSXhdZDSgjOwGMq0qRyUI8YywNtT7m9aMKsMgBQWVc57ka88zU/ED85\nHygAhtsj46b6ZL2IIUW1GFB05IwhwSvQnnRpX1J98veGFBEnwaYgo4yw3mGR\npjoxZdz7IpOCCyqmHw8wT3K1tUANxVPqC+Gv2HM+fbeQ4ot1+uWV7xwFl6vg\nythDeQLnCE6YJLfkpbF0aDh3zRXCC8a1lfp13u1EJ4UK8KxADXnbJDGz6ksC\nLqSXYP5vTWJYX/nnX2ymh7+nAw1KcsOJxog+MR1rV8hNYEyV2qrdyBX+4lkP\nwLhu\r\n=5hkX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.14","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.14"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.14_1582452031196_0.04670759922305612","host":"s3://npm-registry-packages"}},"3.5.0-beta.15":{"name":"@aofl/component-utils","version":"3.5.0-beta.15","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8079db58a4e3a933bd86fbb500d20ac3f8c23688","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.15.tgz","fileCount":9,"integrity":"sha512-iiy3YvfOAHWjUH4k6mn3nT05Y3bGMTu71HClTpnEOWu5g2Ip+FS3AXXxFYhbsRji2Aw7DQSMj2QD/imejZi9Xg==","signatures":[{"sig":"MEQCIAaODPqqWB3GHKkaHgcCvBDqEFH7Irv4LN/amO6Pl6O+AiBpkSQYLNP4/A52rxyvDdymyZOqY051/Pp1uNmGsQKENA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmbRCRA9TVsSAnZWagAA+C4P/0EhyjGGbtl/MulSU/hS\npSNc9/q7nQfvZFxz3y+8t4TwKPYPObGxM6IJB9kEnvO41BCs5PvCRH8rOcla\nxQVfZYl3b5Nmttm0SxhQUTRVEhvmhiIQx3lk6mnGZJvjUSDkSYBN5BBwMQzY\nRlUzdT8f2g1Y4L2WQqZNI517WdONZT54oInCKfdyFsIfKRKlg7rSyL55OUxJ\nHZ2ACvnXbyD8QbyO7DwcoKI/ohDwovvpGoDRIhzhV2eqcf0usv19ZPfAUqb5\nBfk3mlgoU3o6NXMM1I4U3WqTbSHG+4WVUlgan/W7U+GbQtxPfkEZyn0rx5Ds\nOzpc89j1WJhstvNEbHzskMsh5kZTwpX+c3FbxxMLfMXmbZPlbtGqrSMMdSVW\njinouEUJ8Ym0tCqulHxMC69pqOcOcJeTHWaNBcM1Cx2CL/cbcSXmhMZzD54M\n5Dt1l1ja4WRha2hC9IH0d64tkLqMMS8qvwZLdCI5tguPS8IsQjiO5HbtcX3J\nu84w307K4FIiIdihV9gfeStRh4F6DJqCHzmD97xnIF23vN6mBDrGB3r5KbG5\nARAfbMjBpXjyXKy01Pt4NkPpAUc+d1GnMOZkFxNh4zznuoGRIk1VxgwBeYqq\naUfq5SaEcbIesCf0s86uuytYK1Fgxr1DqbEslm3nSseEYgomhOmNaybhrxoo\necFC\r\n=0ILs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.15","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.15"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.15_1582458577375_0.3135011056354833","host":"s3://npm-registry-packages"}},"3.5.0-beta.16":{"name":"@aofl/component-utils","version":"3.5.0-beta.16","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"398a3ab2ed49db63f058723af052948211c9ecbb","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.16.tgz","fileCount":9,"integrity":"sha512-LgfopROva/PcvUZQmKXFIB61wuHJr7L+UyZQJ9CkqhcQ07pdAY0Ww19c1AfMLTS22oX6809Al2vJRHwqoNl/Og==","signatures":[{"sig":"MEUCIQC3QGFeHZ57qrR1ItckkBUl4smXjMYfOK9L8qDuM44IkwIgTNiZ1XnrtYHe7jEX5Yo3KFZJxNsQo6P44u0z2XD6CL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmkFCRA9TVsSAnZWagAAtWsP/1JHOrsR/Y+FDHoD+mOS\nsy7kTdx9/7JpvNE5OwTvNPQbggiYdWg51r18Ay2qm3/xu+tEnLR4rTmYY+9G\nMHoN2cXLWmCmaMHKO/9wyHyo32H2/iEuKXvXtFll2ndKMJp4ewX6AROX3ILX\nB1uowfyh1hdyPEzZpQxvkDA6Vzeb4AVakbw+zn/YlShKazMTJm0c1wX1tlaI\nIACrTGyPQdQ8Jim+pH+1KDE1gtyH/zlUHF8pjonlBylo12VcJjFuhIlfKm5g\nr9DAgQE806OSwnyHgCvEiYVdRw8gP0eH27Q7SRPtBY+EcbqKj6Q0RCOjXL3K\nQ0+vWw/LMJ+ycy4NM0P3e/4phBeuTS8Yar5gg+vhrMrApHh5uckTsx5mjx3J\ncMiba3Dvyf7ZV8UI2SFYbpGyMSF3x8fK/2wSmdCJTKDY+6OIwn+UtemAb2N/\nkcIC0li+VJziFbuqezjJhovbp2iNCT0uvj1fSj01qSazE2LOqXnSjJM3I5hs\nTu8U+PusjE2tpOwyZJSokJI2grIoJmO8Qnvez7DgeyfAvXfCzqCG8/oGxi5g\nrOSQIlHxEoKVPalK0J04H+iOWR1s/FMA4U2hifiBaSCmsOfBn1mFv2yu5HsA\n9jC4YJfHk9LTSkZcvBubb3WmtdOA3vNjpqijny4hmN/rNsRISu72fJEpMVEs\nNLM+\r\n=Q7a4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.16","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.16"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.16_1582459141088_0.14294755522026437","host":"s3://npm-registry-packages"}},"3.5.0-beta.17":{"name":"@aofl/component-utils","version":"3.5.0-beta.17","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"758a951ebf30528136e3b2afe7335ec822874dd8","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.17.tgz","fileCount":9,"integrity":"sha512-OVJ0Ze6cV0NuM/8VHgaqIU3ogy03rEsaIP1pjT5ibhvcqhKuDaUmqD6N4G4vwK1sVHdpay9uJ9FewZKp5kH7DQ==","signatures":[{"sig":"MEYCIQDNMtK2Y5FtdHmfQAl39Fs7ZDgdZ0efI/yfhHW3EZ+w4QIhANp2KZ6ESxwGq955juCPBGCBZIi4L7tz/V5oSQ/Es0Rx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUmy6CRA9TVsSAnZWagAAON8P/RtOt8fRYcGD0MdCE5/1\nRZj2sJoati5Rnb9WtpPrXLxSFWkEuN4xBd9kae/j5hQElAgh4mfnydjMTPs5\nA7juPZv5ucg4ZKl8RfkxiiZgncys6bn6JVhJ+aYOyW56C/dR+KLQFFHoSCgU\nrcBI+4lHGMxECTFssXYUvwJR5H9id3Ug5m5TtX5l0BizvwU/e0xs+dnqeawA\ndVctQc7BZQpsgx77rE9kj32poMVdctUbYghkCnm4T7zy/KwashwulBGuxmkD\nMOAKWnq/hevEOn3Np4xogTHjhspT9XoebiejCVy5D41VDzhMs5Td6TGjGJm7\nU+Q1JegJ8+g6LnGhhRvTB/Ld5bwLJh0euGye/NxbcYaMpgAC8L15lJjWPMcz\nqAb+Kh55XrpKl/QJQDG+WFc5/Olrl6JkDRByPKW9oD68EpajKe1rU/UjvLjH\neHxQrOujQ6gluWCdK31GeIm+3FkUFtKVhYekpJW/vBLiQU162BnfoWQoZ42+\nhc2Qk2xbl4lDgBuXGsmcEbjYLo+LfurruUrFAWPS/LWHhh02iqmvyJILOkt7\n/Lu1mFsegOIQLlYCM0sgW4frCSvd347HQvl5BMALYDdtYW0UNMsZ+ieefZle\n+ErvcY64nbb5BxXCMsL+5vKXbKYOKNBhU2NZmQ3jrLnMiC1svFrlx8EIhwyr\nuZW1\r\n=lwGE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.17","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.17"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.17_1582460089976_0.4867242021316436","host":"s3://npm-registry-packages"}},"3.5.0-beta.18":{"name":"@aofl/component-utils","version":"3.5.0-beta.18","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.18","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"35af7a0afa8ebd45301debc0a34a5c0cdd795718","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.18.tgz","fileCount":9,"integrity":"sha512-UVNP82PDV/wJVTSwyfvNREk5rmMr+bVgqDqFAWJhtxzBlT8iUbRcypikuRbVM+TYByArzZCJQRdMIJa8OVcJ4g==","signatures":[{"sig":"MEQCIEsVCaFpX/I3LWX7S1Ri3gXrvBhFk+vjOcqi8r9JtiakAiApG28PQEbVWAXxdpONB83J8Co63e7Lys4QhmRgmQFIzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVJu9CRA9TVsSAnZWagAAwV4P/jjdsoBIhnnYE1vHmbXd\nOTUuFCLh8h8A8jEI2GLLsNBcJST3TiET3pnEYkA5Q2LWP6zxj73hjCVgc7I7\ncP7Nmhz+9kt/lKZLFA0rb/CcG96aco6nPzzhJseuSbrNw+iH/n4hOwccFqBk\nPVJYxkAK1jCe/DgP8mNdcbKOtDRLm0l8AJ7+pvBX6BB052tJwhOwF+5tRs7O\nw6aj9Acdcpq3cMI/BKmMrY1gw8aRCL0SLnknbl6W53i/CYr4LA2VFf6CLFaP\nNFPWPAmlXUfqohsYfSB/iOv1ehEEIuNhyDxXVipjvKHhPAPdxew222wJ8ip5\nCVEqBctsMVs27/xjPnpYx4Vq5A0CDMiOTQy+AKq0CDDpIvRPqnuBU1WdEqdz\nRZQtp0tzz3Vi0W5ik7GpTzIGr9i9n7FZtaAR2Clu9fUws4+48d8m4+66QlGp\nEhwLL4DYt6JkYW6xDCRBBWaJzhpD6jyox7RF9bskqRIO/IW5Zj4eZIXD+vsP\n75lgJs2lj5/rQN9tJweUTbL9YPy/7GuXXNqbmRQcovd3TKDxA5HHpKPy8iBi\n8BDkC9WkQYcykoWn3KBGWIW6DxTcTdb2IW1UCpbVEaQ9T1aZ1XRrOXvPO1LJ\nAIVNawG11LncUsCcxNU7OUNBorQviHuYGrR7Z0nsxJ+8oW8CjJ2UeBV8ZG84\na82E\r\n=mcjm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.18","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.18"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.18_1582603196988_0.25333605806125004","host":"s3://npm-registry-packages"}},"3.5.0-beta.19":{"name":"@aofl/component-utils","version":"3.5.0-beta.19","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.19","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9355e682755cfe65bd7f1b923361a4e97cd02506","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.19.tgz","fileCount":9,"integrity":"sha512-2n+HgH6i7M4hZyQPc7xkZw2gCyWGm+SOaYPPcnICmomsj9cGKJELFsoZbac8Qp9LQp/Bt1zXBYAllU39JP09lw==","signatures":[{"sig":"MEUCIAIJfNm4qo8p7r9NIaS9tsnz3jdOvYqckvajz4fXezSAAiEAjYeV/ArTCOzeZyxBNOKUPu9FeDetBsOM7A0j3nfjZ/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVbRqCRA9TVsSAnZWagAAOzYP/jxWnKPcFblGzepMhi0c\n6CuhmACzlwhCFZZqEI5PuJCEdkOA+o9/nCpi6s9XJ55NHax8Qw1uFEoWZi2N\nTdutQKTymAju+kV0P1bsjT3O200f+AEO8gtrLpurL61ivf8snoDbbH8hOs1/\nDIQQ55KAKuiVPLiseXz5uuyuvFV/VquFhFV47c5W/v5T4ZH3RODPzc+ywyhE\nZtEkLxIhpVKCxFmoMPFc9evGCvHOYWOMmmrYJOrsyx9U956tomoDfr/YXoFT\njnbbN53BtlOKYrmV+Jeeh3NPh5NXi+ZDDjR7IFGsNYrdWQ3tW7lzXrA4bNoB\npmSkrSb6AnHkrH8KhN0prXy20+VUYrN9M5Id7HcwkSZffstqzbxaj9PeUUSO\nebM9SQXTfOpYL+qaBaE259k0g+Jk281w202j6u2HU+C37ISylVMHyxL/deGI\nQoDPpc0iog/3E2o3eTA40v10WFp4LuXGbXGm+rmztUvBEFfbLlYS12eBuwwX\nuhUu9WxSZykC6TvJtgVaV6GQXN7dbMkt4yjrQkBkg0hAbsQ6tr9sTRldXOMk\nizPKnQOEUCL4Z06kWatgFZraNl1HPazxFR0Dv5bZ8oalxvOUBlNs7Nz/1fX/\n2VcnLtKmF7cBNx+cIsw/DI0ImmjUWkIxO9r9hMqpAS7A5SbxAPpwqchwgLyn\n8gWv\r\n=TfFF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.19","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.19"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.19_1582675049841_0.521164493753915","host":"s3://npm-registry-packages"}},"3.5.0-beta.20":{"name":"@aofl/component-utils","version":"3.5.0-beta.20","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.20","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fdd4aacb1a3b879d1bf31c0fb15bd5ae61f0c4d7","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.20.tgz","fileCount":9,"integrity":"sha512-L51tb54BKsqEqfpjCQ5TAd3FyyZb3jVp1R6teWueDVFGS9ZIgyukTkcmfPzungwC+gv5YkBxcuGcAUA/gckNAg==","signatures":[{"sig":"MEQCIH7TbbwGoTGOxxo2KMzDJJrRSom7mJ1rpcCfs9bs5jDtAiAT44chiP5ZPO3PMSgsNRDYsZVeTlFQmT4y9bECYd5IkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZVXCRA9TVsSAnZWagAAZbEQAIYJ2Xs85YLxNxaYaoFl\nyvuY1xUXHlhAklb/5u/DZPuVuktcDhGOhtEnLXxXXyCJI9FFyUpRn17FGf4g\nzoOMcBP+9tqotZQCmTMPK2ZGWU+5/gaPXTACF7XmoVVKFiNXVqTDGZfAPJ13\nk3Gr1AL6l7RP/6TeZYQdm2XzMQINh1mw9gxCSDojMDWSvrtgeiTHM7nnsXEq\nO7xHM3ZdwKrr6i8E523FrChC32zkotiROw8LeKQzQisBE2IZ6HjUP/93G/QO\nzQlUIOJC3tSaCu4x3yvT8MXVyGeIQRYiFDmAMVILUuRWMlPM9N3NFSYLjj4b\nFoPBDveSCt0CXHriVwf7SkIVs6Wr3baC6DRcdMgbKxG017Bmmzg0jdBGVyIQ\nftBIi4OcgDJ9PuiDGd9npzjIXpjay9XoEPqx7PfkzW/FYsMyQMVWWKoNB81e\nBpqI1XtQWq3R0v8ng/TiMTVO/1ON8KKrVZHdqi7VOq3D1H37VinIrgd8eVSV\n3DvbZJWqqJnZPcFniO70YZk0ZIp8AYwQ1AC/OYasE88RQmoNKcDQSNcoe+QO\ntnqZV3W95xnWsXOLVgLXDWjGpdLOOo8d6DNGHQjVf4NSpsLnIDAf3e1khJjR\npjCvUiqAUup7NyZQX6ky7d8lrJthzrPkm5lc2m6zCtisOnoWps4KnhexraLm\nFkFR\r\n=gvlP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.20","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.20"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.20_1583191383460_0.17734305414498897","host":"s3://npm-registry-packages"}},"3.5.0-beta.21":{"name":"@aofl/component-utils","version":"3.5.0-beta.21","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.21","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f65bf55adc5c4988c9905454a3e272feef63fa23","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.21.tgz","fileCount":9,"integrity":"sha512-Oybi1/iwhVsHjUW5NsD0Mp0rrcbZhgfREweInHnjHtSMEyJ9PqJuahKZr5JF7BFU23efAmAtV0LZ9ZetIRgP+g==","signatures":[{"sig":"MEQCIBdWchocj0qqlpUV2uwRhjvNxprcIcHBg8okLTvazp6vAiAvPnTNHF+ELz+yXks37QFiDd8oot1OiI+YjqguSlinxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZZcCRA9TVsSAnZWagAAMKQP/3QZjeNnqRdD6pEKoDO+\nk8Kt/Uxd8SjFAIF5H7ihb3yIBWGVGRVQBP3aXKEeAlRA6x/dzR5xxuJuiQE6\n6xGFuaWpcllVF/kpiM1F8k57L0mU/jSQXoTK0YpGvOnXT1Lhtn9S2FYKmGV8\nmUavePBZknvtZ7/2W9+6I3d8GO3MpTh68q3v+iEkiAESHMNjCaAbNKRHeLqi\nP6SnpG5spQ2BzxYYwsH8L/yHQXEkk+4MErlgNnEo+nR3RjDQS9TWOrkrdAl3\noh7G5LW2iecOzQQxTzjpSlvg25gmMq/07UpWYDQlWwVjApDmpS3lH9wvZKsy\nH7d2swMlYu4iJm2bs45cAadpf6CDZzgjThCUe4MgyYLrUQfhSzGeHCkHQ4of\n1WbBs2+1m8cTrv52nu47gyeejj/gc5qjSOqmVy+6t7p28150H6jdP90TX7IZ\nzi380eFV6i/PTw4FcV74GWt11fpzP8LlnkJuzdPckHKZihDCnPOWHfBGmCiT\nA9EIk0lcyCzpitb6pHXGWMtX3+VHLkAjA3EMWx44bxH2KxcXZOU+M1UsGMr8\nX8txF3KnWTrMqbGKGOJvERbrIFvEs9g/Pwl+wp9drJUcqGKDHaiYAYr4KHrW\na5j2oFWcxdqO72W5mB/5dXJddQX85AXtO7e6Id5LwUglHjWWlh1/0neV88TY\nQVOq\r\n=HV4R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.21","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.21"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.21_1583191644293_0.4598907336056226","host":"s3://npm-registry-packages"}},"3.5.0-beta.22":{"name":"@aofl/component-utils","version":"3.5.0-beta.22","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0-beta.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"22ac24cc1e466a3d748ef837fd6f932515458b79","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0-beta.22.tgz","fileCount":9,"integrity":"sha512-hiInCzwStxaLpIJ/OTTzpeA2YklZhp+ykAjCRd6fSJMtMiijOy8u1IN1TkXadznGha1aMQ1T3wSMo6ZRIVbG/A==","signatures":[{"sig":"MEUCIQDxSwL6il9d3PBiSkHTXWmNTvQHuAKwoclBih+i1m7S8wIgTaA4WuGhneYY6zyIj5gjrKQm3ASLNabJAsESoGh1I08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZnsCRA9TVsSAnZWagAA5LUP/1CRN5sl7M4Bvlg+SOzL\nxjKvjJhMyQuMYuAryZK0WgxWhegupGfSjpPTgG30BMHbyRXxRqssa6kWFwyV\nOvYDpVdzeniAGtQmDm9C1d/+DHenTR7BxupDUXBp3GGT7kKpKTt7tI8ySW3P\nic9m2g7/kuSiRSKoG/i5F/vSa1yLDTWIiaRaXMGtSQAHmMUAtaqC4Kn4gibl\nEvbzbuCuAQDoMs7pSnVgSE2zmP6nyPesU9chzj6UUnWnv925UH4Y5l9dNC/r\ne28cMYTY668Sv19fEtCDtzoXzu6aoSS7MVUQBvGu+4t94YFyckX3TSZyBrkp\nYPG+9uyrIEQVDlieB+4bUMvZYLwLpW7Y/ICglhM64uyWcuCIYiQthdxAv2TA\n9Mxz3RPqREO1uJMYXNPRwUaUl6ROKFNPDOwlLCBB1ivybtzxWkYjfiSnxFga\nQld645M+WjSRSVx8pzKSZAzB0/g86HQbL/9VwsLvu8PZfdPsfmJDhjnte22k\nk926Urpa6tQSwRALPcZ6gYXp+sPcvsZpXQf22ldQjq7BVvNfFpRjFVcPojnR\nfJh2nC74293IujR6WqaH0c/zpo0RqMLQVX1LVY1hs9Zr4xizmrmozOGHPAuT\n8PLmWm2veUjuVvAp7eWBlM6BKL47zziiXXbh2Vg7SXZ60/XKcrXj0l53n9p5\nQauW\r\n=T3je\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0-beta.22","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0-beta.22"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0-beta.22_1583192555798_0.07423949038772726","host":"s3://npm-registry-packages"}},"3.5.0":{"name":"@aofl/component-utils","version":"3.5.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.5.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"26b560c48c0ce871552941ccab8905d643332eea","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.5.0.tgz","fileCount":9,"integrity":"sha512-UR1XM8RyB0Do2F7oFoA4o3BEKkeuJ+351YmXLH7XvGTZViV/ozgzxwh/c4zd2CXs6kcLOj1JxTApGO7g7TMgbA==","signatures":[{"sig":"MEQCIGlZyBLY98l0iF96hlVDUopHs13PfkVNDDiYR5YOcoJpAiBLVyzrybTh2N3Qp2HKLTrVPZQ3ydIRUOLztXTb4ZiuJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXZ7QCRA9TVsSAnZWagAAUHAP/3pQYiygRkW0OzPHM3EU\nUO98EBMXdvH16Pv4HIw8dbFkGb+Vsyx/KVMusQTicmDS6dhycQ/4Q5rTtGSv\nc/zRnkGu7LZAPK6Ong8wg6fgt1cGoeg1oa6yvVZSb0tCBCA5wLlD1D9q4EyK\n4TDdVMZVezILlTibJToAk1JMoTFbrP00q9dYWJMCovd4X50Ga21CtnVH+wGN\nxrtbB8VIx8FHRCcgPDqr5RTAf1/OqhsgTlLiVs1VV/X3+aImV05C1IUyg7rg\ndt8bkM5+H/8/jAxshkw9zG5n8gVHNKlrywEDLGZpYbmzw9+PvCjndk3igveh\n21o2tLEIrbmCP6hZs73PPiUau1xn4wQje/KLOwS+I317VtEKFskxXApp9miB\nreNKoNYA0sKPghUh8HoWgHcJHoMPwiL465Xij/Xd7Zd0xT+Opq69uQLueZ3T\ncXOKoIJ6STmvx7pCp8mA72fpCMATKf9pkCwKf6sqjOlLiRTQ9HNwbrMpuyPK\naQcVIi2u3dGszv3Cf4XG9bkvcXNjEgWaYFy0mIPxRGXhBgFbnw/XiWSPrLAf\nK0vtmQomR8pGP2JXKQXNivrGUfkoWAvXDv1WG42inqW/oq2qyNLcl8lcwkLe\nj6UJhD/ljjFTolgcAuD2/gL4iCoPTyRnI8go6NsORAFqr4cuf7g4kN3GNail\nd9RF\r\n=b2eX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.5.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.5.0_1583193807777_0.9101734134577824","host":"s3://npm-registry-packages"}},"3.6.1":{"name":"@aofl/component-utils","version":"3.6.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.6.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e44ba37b77dad0ffd9f89a11f22922fe17d5ebec","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.6.1.tgz","fileCount":9,"integrity":"sha512-vDgyagOgSYiC7QyiCVX7UtZBGTa2yQoQCM0sCXYeHHmqahEH1VJTAsq3oWO4W+0TP1SmWAqvOMDFjqOprsRYkg==","signatures":[{"sig":"MEYCIQCfHpH1EZ0WqdQ07MLhW+sRDetm7RpyBQM/SZAe+eBanAIhAMwIs0QaF4x9ftjNrKfnBtFJgEtwAdxGdo08nvjTcgDM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ9/ECRA9TVsSAnZWagAAl8kQAIOhr8U0XKCETvJSsoVn\nn+uKebN7dm9liThh7e9SiYg02MLczn4g3Y51CIKJS9GNtN8bC+5fHBqQd8hy\n+aHHNl4Fx6lnFZpOOyZIjPNCWDDkB68JolRKBn91Y+u8iO9FPkYEZUEREDRq\niXLE70BWjB9zY6p+3k6fktl2Khk+3+CidpNMF+PiqkB5Vgv2al7RoQhYOPTb\n5VJQVHZpU1oSGlvbyA8wUku1VZ8CEV184TNc8Viu7nbrvUpBQffi5sn+jqUw\nF5L/35tUtOCITIprx7LWMlwM+eIGje9z7yv7U72ZWznBgWhWILOSGA8h/wSt\ntxIyTTl0p7chSEVyGCahEdZY6vjtVF2tI7mVjN8QtwicVy5ysJe4XPeI3QOA\ndegRwNArrSk0iSWd1teY8R0rBKQw6wxQP+n1dU5qIGRB9LZJ9GGz7aMgecwQ\nNrWbKEHSaTCNLfOKIUhbwxw70g+Q1IYcU3c1YZtS6+Wf/EAIZ5Ffqd72hRgy\nK8zhW8QWneQm9D+cTRlOM640TWlrQo2W5RryaXIdHsOyFIYd3IgMI5MwxUBI\nwEEJofedThTyYo2aDbKZF04ugbMeWPzSu1UPCA4306g/NyEorXVDQojo6Dbu\nVAD2SkbR+CI5CO1XBrEC4SBiwrDsfLCCM0ZZyDdPbHJAweMFnE8pZxHG4uG+\nblf0\r\n=2v4U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.12.1","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.13.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.6.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.6.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.6.1_1583865796081_0.886316436188435","host":"s3://npm-registry-packages"}},"3.8.0":{"name":"@aofl/component-utils","version":"3.8.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.8.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"fcd72461e89d01e1b83edf6cf2662a5b63a07663","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.8.0.tgz","fileCount":9,"integrity":"sha512-A0wlk4Q3tP1anH5dwFwwLj0tqLx0jA5Sj6VZekve45zVTBa6VOAh/00/nRC3RG2bndRPGQu7je0TGZ5KbBOxSQ==","signatures":[{"sig":"MEUCIFBKnFBq42yPAdIZ+BIsLniQGYB1mvV6oqv81QR7FSRUAiEAs5hTOAyLIRekIiwLG3rAP+4JEBNdSnvMhPgqLODPzUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvbTCRA9TVsSAnZWagAAviIP/2Dy0KKEXt6BeI5IM+lT\nShSj/FR7tInOwhT9TxIBedko5B6Nsl97FJRnf01dqiv7NQyRU+ZxpznBPcj8\nvHVmQKWYFwNMw0qTJdkoOyNI6dHxzznW0gv3t7EsFlYXwA5Wb3Edl6/i5pkG\n+KQMff0yIa0rwlAuYzIaP4LvfAEQXBtTi4e78goKGgv1f5w1tKcIs2VOJ7uk\nWllX1BDC1RgGJWQyRSdZPHzHYi7Ve7hU3rnc6M5Ha2PCAMHzyA6XzRpqSbbi\nbeGlD6aSe9v3AnYh72ZYg3JiJSKhJdgBWPM9nsGwA+p9/6AmtlmuKQmTzpEs\nStH2hW8bapKxljEfk19k0FUypJDsf2oGSJ6JwGRdKHL814YjfrvE2A90D560\nJwoXSIey1YxJ/9iK+Q/tOpJjFAp3uaWQCgumzeL4UJXACpovmUwVKRa3sJik\nWfiqRtKG1mkXnXuPO+lL9uyziqCeWn3iUxuxsdx2UnfgZaT/GmVptF/1ZZlb\nH4vcilaBlpvFwuQFt+L/O8i5cNihHEC5lcUPFcBm3sPbmt4D/QRtth05th48\nHma1HRgkbGK9pLZ8xUIJ7WGiqMDz8GbpO6LrQpUtKQmbGUu9y+wqqYhLwl0P\nJYi8id2t3kqp+PlhHSNOxEt4xbQEduYbNdkZC5GiLgCGanYOF9SdGAsabZFS\nu+Kq\r\n=pIOz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.8.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.8.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.8.0_1589311186594_0.29106618988815725","host":"s3://npm-registry-packages"}},"3.9.0-alpha.0":{"name":"@aofl/component-utils","version":"3.9.0-alpha.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.9.0-alpha.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3938ba24166966fcaff301ad119f781ed789e18a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.9.0-alpha.0.tgz","fileCount":9,"integrity":"sha512-qvrtaLlGUpDFFYPM/zRUgyYp2AWNYzx8Aq8fz9OnaDf+aSEMvRF5nydvEiqs0RMa2CZRydpsfjGwkSIKNR4VrA==","signatures":[{"sig":"MEUCIQDTeDWIGnbASoMTELD3tFScSJlpg5ePizhuTwfSubcOswIgDRJh0//7bBiCZAecLlChEwO4Qk2lyBAkVrrI+idS4mk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvlPCRA9TVsSAnZWagAAz+kQAIDLtjkmcTUHIQrg9j1M\n8H2mnihvtB/+apqL3FhWkQuEo3BfYZEuStn8fWsI2hOBgxJbQlt1SsuOqkVv\n+lTjDrpS/Zz2lIyXssH6Yg71IUfIhqZgxl6UKeuu28TiQLonSLd+AeO4RT6u\n+aO78iaZcgHBcNsqSAofrD3WOyxRx/EHd+SpDctl7CzhlK8B/9gKWKjYR/hh\nafgzm9XCi0Tj3Dj+u4OZu1XWf2jb+/gNXicoDlGQIQ7F0WLNpVGmTGHk74R1\npVpKa5tdOnQ8nZXwMOmJmg6B0ch6r94XjoGGPF/oS1UL7skRXSoKXrabZkKf\ndxhnGoaGCJ9Mkt79THvzGMtZE5EKS+lWyAAADwX1fJj3BC/E5IuJvxJ1EPjV\ncxGlwYB9Y36yxPHa/HY7d5ojUMhCXmC8JoDar6l4+8MYcZMTJvhuIEEX1IsI\nWCvGhNx3sgJcGgLV540OL+YQyuSf/VJzLe+zM0bn7BbIx15EozuswdV62s8G\nqKPNgcLEXlaWbzTCRcdOdloeajp5uj2qPmJNzF50ciV25xIEFWtZWBQ07Z7K\nxLxBphv3lgfcKWVgncaxt3tdp+8GlClbL8rJ6+6XCMPqdCzafjSFwR8a8Hl6\n3EFOlufLaysClZZV79W+rrEuk01LrSPAyTZa5ulek0opNoUCEmkcmi5YyKXj\nGsDe\r\n=AcvP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.9.0-alpha.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.9.0-alpha.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.9.0-alpha.0_1589311822952_0.4153574064361387","host":"s3://npm-registry-packages"}},"3.8.1":{"name":"@aofl/component-utils","version":"3.8.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.8.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"83e1a27e14bcf4e52de6a5a1f98efd8c80b1eb11","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.8.1.tgz","fileCount":9,"integrity":"sha512-uY9Qy8YHwArxM+UwGmluMgDiNMgz8ZmsmbZ1niFbbCgL8HFCJtK1BugPxRm8sh64z+l3SkZ0Xa6/+hnaK/QpOQ==","signatures":[{"sig":"MEQCICHkEmwpVgQiNk4aPUXtVDapCjdOhqlegXOLvK3JRXWqAiBOfd+G51XIpKaO5foPf6X1EPSlqMebrwikUFR/UseX1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuvvVCRA9TVsSAnZWagAANj4P/0kGuH52PCSJIMP6XSRA\nf48ANyLJRz8QM6bD4xvuj1CpkqZhBOxr88njjZ41QLHM208em0uiOFlh/Z7G\nBP7R1CWbjSleLRJaX/NYKRlx1ykwEAoZrlwTjDTwuazH9HlD7S4db8qUDHMy\nwzjSfL9IDv9fLBlvA8bDJj75V8FsZrqdLvmuOXhA++Q1GVEfzDyY47yTPkbF\nxzlZWdbvM83gjHM4XLsepzrW/Ke+TiWGb9PYBgON+i3qSMdz81OVZQDvUgKj\nETbAQnB7Upol0DkSw+8Pxn+E7rkNuxPiuC7WXf5pCpLnyDbZHggHQL4LTOdl\nM5xff7Un6633PK3uQN5s3Gysye9iO0zhIaXhAOYATIqsKB0+em9aawxSmSbP\nYvIFi1EXLf1ovYDAKx8AbCLJNPgFZUTc2fMGO1z5wC+E7+QWKNrUGL4Ghj8n\n8dMDomD4UMcrjNKaoev5mIdEboOsgqMtIEM55TSMcaraZMszG1RrZMNiDBbQ\nk4+1DOy1i5wB57Ef8Hks7p3ZICQgotUfGayF0SFbnDHF6qMDxnKq9iSr9Ree\nDvWKUms2hSdbBY8RI7UbFi6Sh6ZTnfmxj6W7HFiFH02hpHNSIjULXij2C4sl\nzgkrjjLHFPTMIZdKdFXtjaZY6R+bAOXy8jFW96WeDp7MueOluxlC8zIwRT3O\nG7+c\r\n=VI6C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.8.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.8.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.8.1_1589312468910_0.44004895983144743","host":"s3://npm-registry-packages"}},"3.9.0":{"name":"@aofl/component-utils","version":"3.9.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.9.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c7e9defd09ddca49c1f67f499f5106cccc22e179","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.9.0.tgz","fileCount":9,"integrity":"sha512-waFV2zfxDX561oi5IyXoS6w7HUUqfaUvSGSXIar8iLpqMVbMz1y/8uORXHubCVs435d61H6Ps5mfr9gDp9CIJg==","signatures":[{"sig":"MEQCICuQPgoVQLtcFO85Rg0mVMWjS1fhsOqbmeZEa5zjTJNdAiAlSbi9Ddf26ZX5orGYU+uPyA5BGb3l086XNTncgV4gWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevthICRA9TVsSAnZWagAA5PoQAItAcRjE+DfbEUlxuFzQ\nOi7FpYUYCPyWHHe1t+uldcyKmpU64tLVnQ5gKN+gv61vhCnov0pV3rgcJDT5\niBHCUIJKxPmcTHHTc01FktqJYAOCMt05mzohy6hP43Bqh1OxzuA/veXAnZU1\nqYjQFxvUoDEzI/lKwKoZIKsEp1a16WMkAkXUfudyY/oKq/ROFW4edCINlPzz\nU3munPCHrsdgOaGZ0JjyZSTVw2ChEsGArmmNYN8cVzyrWYOJoU86QAjzSDH7\ncG2avI0roDRvccgGvMcP3+XL75u2f/IOpfiR5V+RkQ4jjsINO7l7DLRrWEyj\nn3CBbnJvSJTmL2HhD/ISFtWy2DLyoKdr4e3jX113XdpTTchyWBsHmALq4do3\nhAeGJBzFRxxkl8i3dYM7BG6hJYmiptkf5qfJrwAHuqvZ7Mun4qcD53MCozim\nrsGAh8ybSflIEzxh/FcHpPLxLb1yjOKb4AkTddpmAF8MeOAEiPMScdGmPZBO\ngc8MIL/fEZejobOmMNKDUfDEBfLA8l74Cr8ACvHQSkJPMLjkxXUn3KBh/7lS\nUtjQEeo7ArlDhisxT0ZFrXKU7I2Bky0TPlcKljq0drrdbwWPEei5roSYmFsk\nwQBCtJJrMemFM5kPdlnkfs5f7ymPr/k1EBnog1ttCudy6git2ZQs07/tqBjB\nWGiE\r\n=eJK9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.9.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.9.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.9.0_1589565511658_0.97498574378525","host":"s3://npm-registry-packages"}},"3.10.0":{"name":"@aofl/component-utils","version":"3.10.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.10.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3a3380c8062a8b292f189ddd7ce996118c3c3376","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.10.0.tgz","fileCount":9,"integrity":"sha512-c+wkgA2iFW8t3budRqY412OaQEIuPK+c5Z24Wxa81OTjrpisxa4MA9qt/UbqOnklzO7DPq24e0S4wmKjGO7lrQ==","signatures":[{"sig":"MEYCIQDEykfZwLImfzfKPE8F3AWRYO7grxLCl0Kz17uJ4fhJQAIhAKegPDrMQNIp5lgSCIzaNURfktp9x5qNfvRt3QaARkXC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevwaFCRA9TVsSAnZWagAA6jUP/0wM8twSfLw0BWY3uXmo\na0cwmQ2nVJ9HAswQ4lYhhUnS0KejKdmtPIdVEiaLavweL0DzpYm3JWEjD9ak\nyTYcLVbzHpPAlSgdmpMINdj+WeUypxU9gq6ja1aAWs4zAXhzz8xmLQ8o1tLn\nOPpmK99A6pdYckQZTqFUsaSprc5DHddw8fjVKqqRc4S2q/VahbKhT9JfbkBg\ncN2M4+fHw9PIhiPeq+S07kR1oAHsNSVelpFUb9GC1QTx9K0QYsclbxUl8D4G\n3CCr8RgDuDjzX4fmHFvsEjQyCl7lX5QNV7tIdhhXpn4u6zB7j0DjUmnPSAcx\nqZRJ8kOmCa9x6BnWIynOEBVGzvUre1c+ROoEHr3zOqUiVFEw8fNEu/ysm5YT\nW1mSH29oFlSPiYbD+55n6tTDRfUiiYgWaOwXow0qf2n1KFpQ2CZWtJryTmhT\nU/AZZMVPoqBhDdaUjXXByy508Gb5jm47qcb7dreKxu0s90ZO7hswkMFILEc1\nWvpN7qjxqHBW6Jt7lBrZf/UIbfRrr4tlEnnSAc4AxFTZjZ8GnEAiHK8SJKeV\nRZVBrRiUzmmQFlSaWZmf7v9NdfkAeJOXjq1Yp27Zwkd3TxtdjnZLFa6hrIuI\nDH0Xz6EGLbDYUxVI6eVxaB1ANMP7GWpNTt7LVky4gDOH20vAU3QbgEID0u9l\noNh1\r\n=AaWG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.5","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.8.0","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.10.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.10.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.10.0_1589577349350_0.626506511650698","host":"s3://npm-registry-packages"}},"3.12.0":{"name":"@aofl/component-utils","version":"3.12.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.12.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"32774269e64e837bee687021f79b14a7d2aae43c","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.12.0.tgz","fileCount":9,"integrity":"sha512-4q50GwvCPpBJLrpGr9fpsBQpJmKnGMou0Za3TMJvANM7m6zdaTQcQM0Pr/OZ10HDKa/1dNJe1EyavIFdsuUyQg==","signatures":[{"sig":"MEQCIAZkmIsIKhEMKdKylVmXCiKTeq/TzwqACz9UUFcbeXXIAiBi32+g1Cg2mISBMTcQmFovI/I/CLXl7Aqaex85sCv4aQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3MBCRA9TVsSAnZWagAAf2wP+wTLCqeTNBbtkwER5opy\nrmyiXEOx/CmHRwmlunzGShheZdcjGx/hg0Y6GeHBSNnJhUm6ub6a6sq7uuP+\nrvwITfZgYF+kGZK89NGDXbE20qEM21ZYFkUQKrrmUXTXFgocmTMPcQJHoQRG\nSSOyX6Il/pcoz0QBYr7uIbpnxo8NUda0lyR0j7HgAuXGeHhZOmvJ5PmVdMxa\nunDQLozuXJb8C88OnakqLhc0wpNFuwJJvM9hZp+PR2HWLn8ACyvKTxY3eOPm\nWsCd6z4v4roRvPy/8HvCI9wc2kVp5mVWbCfuCmBsVmXLCRTQIkQzVmQqmqnN\nl1C8Atx1HeEQCUKDGmZqUgbYwvPFkzbJrDV9yvXPWroLdIGlt2mjpwAMMNny\nloI6XWByc3q4foPtD11r5GdrcBHWeSctTzjctbEWEF2GyzDHcS6/lcnWL9pg\neBtAMXliv7mV+8bN+MT18cqqHTL4f6SKkDsSVrEEqCTeDhFIWQk3qYJi/AjU\nXLlbiQ68IGaKrKFiTQi2hBft8L+iq9vRHmofnfnqDJuC9JEqn0CNSZ0nKyQP\nHVse3Z2z2uC30a6RBksw52I5qTMtGnDfBehwLVE7xlennTLtruVPILKudqDV\nixT535meL7TEZJofRBRDolpTuDAz9p1dGwXgrdBOjmlMMbsvHw5k77huVYWm\nDhA0\r\n=OEel\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.4","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.12.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.12.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.12.0_1611100929203_0.6919913559059829","host":"s3://npm-registry-packages"}},"3.12.1":{"name":"@aofl/component-utils","version":"3.12.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.12.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"55425fb978b4e67e61ff42a8bc5c7ce0fb7e4bc2","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.12.1.tgz","fileCount":9,"integrity":"sha512-+redUWHtjQDDQmC8oYaZcDup257csz/sjHJC6hoiSvoeBEES7J5H6veYBk9L6mc65tZaIAJjsH8CcCk4q3JBTw==","signatures":[{"sig":"MEYCIQCmj4CrktCtgm4ZugyBWJZiwKNI4AvMLwi6yfzgZY8eogIhAKkMCiJxwVMlpfZY3VMyokBbHmCk9pp+qUZ1iSMAdQKm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB3WSCRA9TVsSAnZWagAAg0oP/itGZvR7MJVdTnFu4sCE\nZ/bLth2ofsVi2cWp8rDj5V3m+Bk4ite+hXcdyJdD24b2BDOKtWgV3DbSmkhh\nl8EDNcJRrU6jzm4frq4cZeI6/5t+Q5kj3x8SD7mOAB7rnqh9glccu+7LN5AD\nrS8biuoUyqJeurIgDDEgPVDCAFWIATJQD5a00u0Z6GAyh3rnUd42uNiBcmkH\n9MyURq7vsUMTtoGF10Fz3hxUCQn2hXcNUSztz5VAibTu5MOLJ9JAp6rkD98c\naCa/0V3cfyKraG+L/X8Jc6s94HVEO3jd4l4BexotZePcSgHRfWSo5gyn/RYA\naeTnYpJWVXbHguZ4iIvB+sKx1CR+gDAIhXTgmZ25EuD5iqy90dMInVs4nYF3\nQL/yegNQmkbVFiT6doQMOMP3OU/bg0ljsPkeiqRClMKeiAxsu+mzHSm3zVVN\nvRXKMSyT3WU/P4Jih2yhRN04RDLDDG3gJ3ZrYYOSQb/LcUv25w/6nuQyeg9c\nkvVcbg8/mucpxgEg1WwQDRtaiELxFMF1EYEmC3vY0gN+HTNS8WTgvB/7l7Oo\nYEWuJ2i0Nm5zdUWvII5Qa5BpWjjF+fQEJuT1CmW2+/8tdvt2a2NlZHrBc9hD\nmGf0S5Yb6SoPBsNaZ8891rl19IxvLVQradHBQm/e7kvTRexoSkhwnhV5frzv\nLGzX\r\n=oUXw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.4","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.16.3","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.12.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.12.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.12.1_1611101586163_0.11736981084165055","host":"s3://npm-registry-packages"}},"4.0.0-alpha.9":{"name":"@aofl/component-utils","version":"4.0.0-alpha.9","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.9","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"cb06e16af820999a2c0e38e118b43ffa7fb60175","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.9.tgz","fileCount":9,"integrity":"sha512-6B2cLgf2wTMElKxYuUBx8RAh9sVgkJ1dP0uKn+57bNHD6E7RL5gcTPGilNZwsFO9pBir9HHMH0WrFAVBznbtdQ==","signatures":[{"sig":"MEUCIB0HzI0W+FkYrSN2bPrd3BExqpKx02c3hAYR6vI2SqHeAiEA6EkHixHF3nx9+8d/UteMzX4OXRP+qT5V9Iy092l8raU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgDqCRA9TVsSAnZWagAAaRwP/1jtJM0smIrCWWYfln47\nqNHMsw5+FV5WxDbwGGGKiKhEy30fxm3WoqTtOMOYFRh/4bEsXSVOcTGDsAgR\n/YEp87sK2RLng3I7iAAwpf1tYUqVwzyUHaK6JriHrPAmo5DVgngD+j+iRvEt\nnLWjcuDw+RKqoo4fC7SOekz4800QEk7isII+m9mVi/eH236pBMRXt2foTa70\nPk3byL5Yx9oJbtOnPyGcofvPIWSkL5lvSrjX96vy4sXmOYEvVjW4Pzzkr8Xt\nLEVtne5gSwq6cPqJKZHxmSKLAL1PT8Ls0m9UenArl2efzrCF6DZ5fXCLPkaB\nabHWp16c1+YeRmq0Kg4QfT45X9kLz7w/21B+mop3Wqiv2wxOOIdIb/hTrMMs\noyUIeCe9Af2OKMoWWZULJwMl450HZ+eBXTKhojprFfhdEHzLb7NacN6JZOrT\nhZOwQkGjnQn2uuGUNy0FgpIdQdD5U0ZGxxufL5DV2haryYwNbjkKy8UlRTxp\n+RZBPyFmk2OShdZCluJ94kxTF5+SFX8b8Z/JxQHr8Cg9tAWFK0zqRI6+kAUI\n5gu2B4LBke8gJUjRANwZIKAzV6r0cxJLO7ZXIq1vSxuwgDUbiHC2/euFbL9E\nFz8BLixLKiv7S5wVy+LwHUEK2iEYslPbbIQPfZMl4hrM51oZneyHs03axAvz\n5r8X\r\n=WgKl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.9","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.9"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.9_1612316906127_0.4356463570424616","host":"s3://npm-registry-packages"}},"4.0.0-alpha.10":{"name":"@aofl/component-utils","version":"4.0.0-alpha.10","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.10","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"9d7bfb7a4dc40782a97e63dbb610500be0d4176c","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.10.tgz","fileCount":9,"integrity":"sha512-Q9xGN9dEswKoS4Wm4scnS3LMF4Z1E/BUybSI/mCVEb96dbfxmRHRxUcPK5kS19ug8tAvDV+i8EVZTL2IsRxQ7A==","signatures":[{"sig":"MEUCIQDHySmCL+wuCG7du7LOU/bItJGa9f+nyUbjm4UqKRdHigIgVn0/5J2DSR6un8ooG1VrhKmrzgyS2v3o8J3q2bujW10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgLMCRA9TVsSAnZWagAAUNAP/iF2UpaytRSqQVmfimlM\n3MUHGNMjmAa6iG2fWhyJVQ9+E0GMaVL5dvnGmKrq0MMjtO0eD+XOaOtc+fLa\nroLnsDkpMK7l0PZcf/5+i2+4phVh3F3M8osGk61TbeGpew5E3cvetPmBYVdN\nn9DjfANk3J03XLmJfPc6eGvqIGYmnRAiCbrsN2PrJtPu1bFOtuqPDe7rx578\n9SSL3vC9ctro8FNf8lJkxAhfNaUdChprxvnpHm0RaiGilZQX7vPQQYk+jVzY\nD0Yq3rrACyJeymzsuVgZFJGWtbHC+8sZe2zVQqxFrv5qKETkKmt8tzyH0DgM\nGjo6STiLPjB+HYy7uQCRgJ5rGMx+P+/4UND+WWJSBvdnY7OqPvzXFOpNwKJr\ntY9ALYpgTlnYmm/SZB1D+Tn+uEHV1Y7HO+VZ7R0UZ7Cun11UDNmdhb+wuEO2\n1gpLPNwSWGoNuMyTBqhPEyCSIBqbBuyUt0qcgWPH9R2gnmDyKa7R3Ge0qtl8\n50T7czY/1x9wb04Js9h9qSoe72vZD4OmgXVXcWDtqBnRcg7BZJXWPsVzhe7N\nCjfffgNkZzYzES8eWv6xhSWCy37s912sg8dgvB/qQ79xJunBpeSF/Jt4xzcF\niNEKkqRiYjNrbS39PbocsX1jou+w1LDXHK48nv1yYyFmb8lhFVRGBhGQQJe9\na7ga\r\n=1P4L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.10","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.10"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.10_1612317388066_0.02016412388611366","host":"s3://npm-registry-packages"}},"4.0.0-alpha.11":{"name":"@aofl/component-utils","version":"4.0.0-alpha.11","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.11","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"965c5ec6639bbd049a8a322421ee0310fc5ec455","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.11.tgz","fileCount":9,"integrity":"sha512-0LX6q/7Z/wMPYIX1XmwNDf9sDnSDj32psR3dtowGcN9UHsTtZjojt2hzxhMoz7v+F02gaWVJXZ+VAFYb3q+x8Q==","signatures":[{"sig":"MEQCIF3vixq+sHD5zsFMRcfvZsh4ge5TemRFNWpYRV6YtkwjAiBf/spWozZ8gh/DblpOePBhDOMNjJcwb7eZkBRVnlKV1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGglkCRA9TVsSAnZWagAAIRQQAIeGYDHLP0JcsNzRfzsH\nIQKsVTKUXxcKk9HLE3n6P+bpiG0U3+gD1SmRKYkddMiwgtecnxqGKCnGFowW\nGXHtu5ffK6iUsY2F4xZvWMrFmmh6Z4BycHm6ZKRJLxQVEKL0tOa7AF69Z4pV\nrf+5KnDXXiWrxyq7I1OCxf2LQTXNHGL0r25iFw4tkUkyYPM6DhT5UUjg6WD4\nlB7kDpaUHOPDym42KhnL84m7gu7FILuugfTYYcDtiU6NjB8crKhSmLw4yn//\nJqedsf+HAfCT0wh6gEa5M5brHyN/LmZuH1HhOtMtQTuxQD2rjuzQluZTzqBP\nzxlWKpAjR+jc6SqeDqa6wWOVUVWVVNgq3EcfGGBx4DrqCJQTh/TlVNl61BaE\ntGrDCsDLnuqaXDEQP/VCSQtwTd6nFOrAq6q8qMWqGkcfM94K1x3uSOb4W6kk\nPY90cKcxw1E00LbiZGYkgKqDQTUae9s7VS1bRL+UABoq0r3LUSOXQ2MXvghd\niiYFgtP0aqnCSYGU7zwpxbRxm/vm/6UtnY+NJSOPgc3zRznoAKJlc/BItEzd\nSAsWDSdmuCX3aRM79Ap+tiiCsBJBif6TSQ2AlYXLfQUOrqklPjN3UKWyQOWg\nyxsUjBvv354epweh7N3RExB8t6fMbDkKOsVTbvbdZe2VuJHhNaYNq/nf2V7R\n4KsK\r\n=REG/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx @aofl/cli build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx @aofl/cli build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.5.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.15.4","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.11","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.11"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.11_1612319075638_0.32364852484654194","host":"s3://npm-registry-packages"}},"3.13.0":{"name":"@aofl/component-utils","version":"3.13.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.13.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1ee042d1ce9289033b09f50b1ede31430514d3a4","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.13.0.tgz","fileCount":9,"integrity":"sha512-DT97ZIiJcIn/xoi3tMdaK0BrsFZ36ZaQhJjgG2pO78gzbX2JB0xJ50BUbjxG0tosrzeRNiVUelm9MfPkU7lsSQ==","signatures":[{"sig":"MEUCICxJssXnJnPpxKhZ/5f4fzvMdWp1X9ydr9kalACnZuhtAiEAxmADjwSkjc4h2v0qpLjCyS5hsnf27nGvk16rRTWG6b4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODY5CRA9TVsSAnZWagAAGKkP/31bPWN5PhMkgueCCUEb\nYCAsaAwokpoq80XD4Kuh72KLRmK7c1Qqej5QWn54q26lX4HrFwqP/oJz5QXd\nNFtJXRScEbt4axjHpu7YBBz56eNCQD6SYIy3BgBnZN4pWRs+sgzSda9CPguq\neRrifywLvdrwZ1c7enGWE9R3jctSmr3YUgpPWP5t7ePvg0V9yrEsgtIePmPB\nvL6yo33MJ2qz7hizgjS0kxD7HY3xqYBM0Ea8Fgf+/MKIdgYKpEEYGVCRiudy\nXLVbr7/gNHCnyvbMqSRjQZ5aFT6fM6J6gcu/HpsFGaqPzLv1Bo/npUl0rlU/\nOXfj//wPUyVgwSMJwfd5aHTBOzKvAYKlZRVvvHd0B0BULKDI3upBK+0Zu33E\ntBJnm2bG++QoSp2NWCuXdyoGRvim6+88oUnZ4qCW8r34ODlLhL8asxWmsaqW\n5NLJdwc5WaYWrHx1eHKMepRDCcwpdNukE3cuLiMaDGXb5fm8BEPOelasBWze\nVEeP86PCiZxsXXytS7a3X/nEWQnJ08mVrAFMDEu6gWIZHt5XmMZ7GaOlBij0\n/fp7mmC70rC3qjH24nnkkCAJj2aAUgSlpdRDpWyL3ZCj+bkehesD5WJ/AGcQ\nX7bVps3iifXMMzcgwvtGTpbeEjtuTIuD+CZ+m1yWpW4mpd7g+s6nRsg9TOdb\n+kvm\r\n=OJAk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.13.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.13.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.13.0_1614296632777_0.043376340673821456","host":"s3://npm-registry-packages"}},"3.13.1":{"name":"@aofl/component-utils","version":"3.13.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.13.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1868cc5125319647a5f55449acdc4a59ffa479c8","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.13.1.tgz","fileCount":9,"integrity":"sha512-W44Qpuq8eVwFOcGX4X7lAo/lP6XEzGuORpQVEw7hmtmPlxuNuJPAzqcynTzDcjjuGzgKSmBWSw1J1xSh3iLtbQ==","signatures":[{"sig":"MEYCIQDTVoy/amHsxJzt7bXkLHpaL7WTmqtO/b8t8RuuvTaJCwIhAJW39m7cRfjm/8xri/G8kjld2GRHHMuxu9q/5oxWULPe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh11qICRA9TVsSAnZWagAApkkP+QECtjZcSfDSHnLjcy+A\nfI5Y+/P9zzyP/FRnhNZgFzDQyD0zneqp5Z+xYHjv3lxL93YE4XHSVivtQjde\n7BteBcwx1gaFwUkuUYNyaljMDBUMdB1fWS5lzyyqpYgCKlyl6fMHMsGG/sp8\nTIxz/IeRDH8H2xM9CiF20GE/wHfYmalcHvgjfgcj02fL+0QyXeRqBbwyMHS4\n0HInsEo5cmj4vRK5XkygI+FiZFIXVIDiFdQISvFoVQfbAde/FBxFfODttuUF\nZryCJE0RKJik74fy4/tNbp3IGk9XjRfgVIcM0B3ci01eyIecTwclixDSSG7B\niaKXo3F85AzRKvAj7vUe/asGM2fi8dxWjK1g+a0TPsJEbGcBGUNVkGnmjTIB\nTXhZCbSBtwv+gOq300+Ivv4miLT163X/27ZZo3ZnL6wM4aUMemg64E2CPwyr\nrj/Ea0i2uVUEmshEhv5Zt6zuGPiylAc5L2m5CG5VeKeMsoQj0gds9wCGGH9X\nz65t3UwDWtXYt2NUWF9bsT5zqPXuaXQqFGUmJez9G/io/p6PJb/kIckQfTV5\np4SUny2fiPXIL0eNUYORkkKws2bUgC4k9hnG+3OPdkqSlrGNwYsa9Ha9G84h\noizRH1Nh1StjSTRgf2T22n+qnNI3wPYcvMMj1vKdoqDtF++XOyQMFGVKZmmY\nA++b\r\n=8zh6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.13.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.13.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.13.1_1623800941831_0.09357476924578156","host":"s3://npm-registry-packages"}},"4.0.0-alpha.13":{"name":"@aofl/component-utils","version":"4.0.0-alpha.13","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.13","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"d9e85034c52d6939e44b59cb3e14c959ad75b80f","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.13.tgz","fileCount":9,"integrity":"sha512-Dxfvu0EurejOlbgVMA84BXxW5PFEg733UE0BhTJcPzGvi8Z7hGvNAkx52Ck+/aFkQatsVtouS1oEDXd5JRRojQ==","signatures":[{"sig":"MEUCIQCvv8gXx9UdpXgdl3jwmSatNbLTYPsYy90UHVvGDIp5sQIgMlgPC92uT6/SXCuv+NKRIMSyeXCtudnCPUErdaCcrbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32631},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.15","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.13","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.13"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.13_1632439943757_0.7731286226315413","host":"s3://npm-registry-packages"}},"4.0.0-alpha.15":{"name":"@aofl/component-utils","version":"4.0.0-alpha.15","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.15","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6dd860a9313b4ab2ca984e1748b9d44e0e77b6e8","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.15.tgz","fileCount":9,"integrity":"sha512-F7eN/gHMbRiFx5sZjAYskR2DmUjH0V0eXga8zzeH0Ik3LpFZ5epm4UfqQ4k0y49VM/jgAba6NWvxlCom7gCOaw==","signatures":[{"sig":"MEUCIFQF23V3mUXbPxL32iquHLkjZ6KrgCmSxZTTWjRll3NuAiEA7nI0Lttz2th+kvxgp86HLqPImgY3vwFx3xMLEkjB6/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.15","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.15"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.15_1633539839313_0.6173144924885114","host":"s3://npm-registry-packages"}},"4.0.0-alpha.16":{"name":"@aofl/component-utils","version":"4.0.0-alpha.16","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.16","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"759fc05aba1ae4dbac596c0087c7b2ad68c5aaf4","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.16.tgz","fileCount":9,"integrity":"sha512-OaDyeEYD0520wL9sfrwH1G4cslHlh96mSpcn1XIcf4DuYloobuR4k9FRzQZcfY/1Zne5zRPTqVDOQ+xfP4elLg==","signatures":[{"sig":"MEYCIQDqVsD+S/CiQ8nZ6ANIEhVQqyLwd2DXY3Eu7+7UUTQi5wIhAMFenPNqLnEuGU7bBXrtC7sWwyoGiIGtWoJ52yPdJZUx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"7b448cf64b30502883b3422662a9480ea25f2d60","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.16","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.16"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.16_1633539914199_0.053699066428137154","host":"s3://npm-registry-packages"}},"4.0.0-alpha.17":{"name":"@aofl/component-utils","version":"4.0.0-alpha.17","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.17","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"01ba808fa6b4534b364942a8cdec5417ca5ed46d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.17.tgz","fileCount":9,"integrity":"sha512-o0uliDSoGpr3XFFMSUWxJSQ5H09inyv6HocxKSuZBdQxdt3eyeohQd6X73q44QW3aG8Om0uAtDwlkDUDQp+U2w==","signatures":[{"sig":"MEYCIQDJx0UNNbBwqMOeW1XmOqDDM2Aa4eA/4AxvVgzLPttAQQIhAO3Nqg7ttUDEuuWN10UenmlhpY9l9R6TDoag5C3XNNez","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"c7b3ad6feb17eaf3721a5528e86a31ddfb350ef3","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.17","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.17"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.17_1633546057168_0.07142549961680178","host":"s3://npm-registry-packages"}},"4.0.0-alpha.18":{"name":"@aofl/component-utils","version":"4.0.0-alpha.18","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.18","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"dd3ec8f6da85cf025c2bdb571a29771554b2ce6f","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.18.tgz","fileCount":9,"integrity":"sha512-OqqWnu/PEf13J2XyRgzb4k45G7pVou7Zt3XZPXv6HPZgsVPaorvBOhZZShQshZwKJ/wIOIsZiJgKK2UV5Sj42A==","signatures":[{"sig":"MEQCICVWd+mreKjBSbvpKg+ovLwoAAnR9qFYJaGTqzcbIPLsAiALIjlB4wWAMkiU2VWrC0RF89xx4s9wlIyxc1zlcXbgvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"3971875a8be8fc1e4ed7f6c737cc9aa1653e049b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.18","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.18"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.18_1633563640006_0.9664590480999837","host":"s3://npm-registry-packages"}},"4.0.0-alpha.19":{"name":"@aofl/component-utils","version":"4.0.0-alpha.19","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.19","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"de2e31ada59aba13dddc58ba58bfc6d88f1cd464","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.19.tgz","fileCount":9,"integrity":"sha512-JRkyJOK9aTzpSy3UZbuqTQ72JJucMClFIaFZZksRnDCT57o9xE43DQREIr0k8A0kgPEIKtuwUA04RoRkPLKmLg==","signatures":[{"sig":"MEYCIQD6xkkSXzH8HFcyMsVuusyQUTTaIs4oJNKyRu8c3Mcz/wIhALMJ+FZVU2qwkyMKCJPEWJaTWBnAx18KLfR0R8HtZ1eW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"79369e766cd4fe78098059b93d1cbd7bb5dd8830","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.19","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.19"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.19_1633564056174_0.03399511706459357","host":"s3://npm-registry-packages"}},"4.0.0-alpha.20":{"name":"@aofl/component-utils","version":"4.0.0-alpha.20","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.20","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6eebc98c6870887906f870df13093b9b44b5c99d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.20.tgz","fileCount":9,"integrity":"sha512-B7+PcA1o24fnyZSpSQh4OVg8cfohETRPEENlA+Ot9R6vkT5Vfu/4LiqMRcCY/Of2VZI86RhBfA0L2w+dtQoa6w==","signatures":[{"sig":"MEQCIACUjNE0qeee9oRIuATKrn1IoGbOvtrbCoLqPvxoSw4tAiBgxwuG7yUnsb1BDPOipDDsla1fgxPPFfV6Yx0bbOkz9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.20","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.20"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.20_1633564503469_0.153159886837978","host":"s3://npm-registry-packages"}},"4.0.0-alpha.21":{"name":"@aofl/component-utils","version":"4.0.0-alpha.21","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.21","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6727737d2df2b06d7d4445dc4850a4bc8a798a1a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.21.tgz","fileCount":9,"integrity":"sha512-6vUtUxLhIdEieS8Cv+AGZ/pfQRJ52xuSF0Vb6/NlBuIVivIk45QH4KVjoWEVEWFfV1616wqfsaUfaQYATqz0UQ==","signatures":[{"sig":"MEUCIQCQT2lHxutEACYGKdp6AsDZetDnB0B9fXjdhJSuB+uQLgIgMr2RES3q+0GkE55hP6rRTk2vBrEM66LP7gzdPhcshZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32342},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"398f195bda4d61023d6d7889598f5688c276f1bf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","@aofl/cli":"^4.0.0-alpha.21","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.21"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.21_1633712770069_0.23316259092135794","host":"s3://npm-registry-packages"}},"4.0.0-alpha.22":{"name":"@aofl/component-utils","version":"4.0.0-alpha.22","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.22","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"22dae620e31bcaec4f3eaa7ac112f6c6bb739093","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.22.tgz","fileCount":9,"integrity":"sha512-OpUwTuXWajveIjNGWytoa0MRIiw/v60A0WI2ma13m2CxpVnwBlmHQ16WaHB4r6An08bRJiq1NVgUxLrQA9Cu0A==","signatures":[{"sig":"MEQCIFmroUXa9N9cmWtR+c3v0MbR3+gC0JESq6VCxpFwM2hqAiALXhkfnudvk7inMjnQMKaotYeogL9LUNW6Api5ZYL+HQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"289b7f60d1cd721d68cff783afc623c3f51cc2cf","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.22"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.22_1633984771668_0.5638083663155968","host":"s3://npm-registry-packages"}},"4.0.0-alpha.23":{"name":"@aofl/component-utils","version":"4.0.0-alpha.23","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.23","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b93854a0ba98287165a3996e03e08b168151e7af","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.23.tgz","fileCount":9,"integrity":"sha512-zHkG9Dx21i0KTtTw5GTE/PBXZmwA9IwDS+vqqO3tUHpvfnzK+lijTtZX6poSZ7F7k+hFceTWHmrR7aoMoRaRCg==","signatures":[{"sig":"MEQCIFgZorTF3qTeZ8bdiD8sup5Bos3L8TB+zawk5v8hncm3AiBoulYA3thpfx2p4I2IHnYfgk/aXdWrQ7OZeYP/i1cPlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.23_1633986449328_0.5817959818312004","host":"s3://npm-registry-packages"}},"4.0.0-alpha.24":{"name":"@aofl/component-utils","version":"4.0.0-alpha.24","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.24","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"33c0b1d11a9211145a7c2ba3d1e9d2ed1b746d9e","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.24.tgz","fileCount":9,"integrity":"sha512-TFhE2uwyZGGzicDPm5lKU019TbIZehsFaYB9ZI8S9McaJlZYDYJIUqCf/zUDJjCYPSqm7cSIXeUyQEAJhP54Sw==","signatures":[{"sig":"MEUCIAsGTZGiBKpYecuwiBSYRbPxM4S+/kaQkpEWI7DwP4RhAiEA3b3AZbuZc0wmd1uUdXT1y9oUJnxZaJ4QhuMaeCh87vQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"a2829d023883e5cc51126ee549f70629ceae8e8d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.24"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.24_1633988821405_0.36870137040609374","host":"s3://npm-registry-packages"}},"4.0.0-alpha.25":{"name":"@aofl/component-utils","version":"4.0.0-alpha.25","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.25","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"75ade77b150e44a5eb94e6c5c76247636da482b1","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.25.tgz","fileCount":9,"integrity":"sha512-Ne1dhUOJoL50y0th6dLkSGmfk76MmeMxUzO50jKNnKOoqWRHVfy0Nr+KXUyGuRdxE28IrIAx9qkGNrKzsz6mDQ==","signatures":[{"sig":"MEUCIQCVwtyY0CbhZm9HTTI7wVvHT78u1nyh6wNKSBQxOCzG2AIgcEWn/9w0M9KMbRln3BSQ4EeLYGEbUNFPU1e3/BqiUnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"8e4d611be609be11acccb9135091aadd10134e8a","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.25"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.25_1634001650654_0.6975403057787566","host":"s3://npm-registry-packages"}},"4.0.0-alpha.26":{"name":"@aofl/component-utils","version":"4.0.0-alpha.26","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.26","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"27a0efcde4201870abdccbfc2447bcb773f9b278","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.26.tgz","fileCount":9,"integrity":"sha512-bYjWTY6qAVR9QX640XCXop4qaAsw/Tlm6AvdAMCW07ln/4R53W6JkG+LUwLUfMZCWgcLr8Ro6tdCw2RjZZPwaA==","signatures":[{"sig":"MEQCIDcxJ4oZvEw9pCwBHygSAJ/Q0ACxRLttHBem5XP/1tEzAiBgGsVswPE/E5hi3uPaoyHZHa58KvwveX51sPeaH50Qew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"bdd06521b3653befa1b4c07318cc120a700672b2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.26"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.26_1634002481742_0.16374463016089047","host":"s3://npm-registry-packages"}},"4.0.0-alpha.27":{"name":"@aofl/component-utils","version":"4.0.0-alpha.27","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.27","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"e28782dfc883e60b0462cbadaa2606f7758c6da7","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.27.tgz","fileCount":9,"integrity":"sha512-RD1eaGRKz/GluT6J8d9HaT1RTia0dl545boF1Ggs+Zh4JNrBUhO1lMT1vgzopMqfbCN4M5bv3Z72B8Ffp37gPA==","signatures":[{"sig":"MEYCIQDowKufaInr0mJo0p7pXSL01IK985CxMwqTC/sBzsO5MgIhAMj+rW93iD7sY1kx3ViS68IyiMTtQoHy+OrwQZ5BiNxu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"bc755f21b39459dc3a8b57ab25075a22313bc107","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.27"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.27_1634152000442_0.05675901080846679","host":"s3://npm-registry-packages"}},"4.0.0-alpha.28":{"name":"@aofl/component-utils","version":"4.0.0-alpha.28","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.28","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3773a1691f97092c82605203cd21de4ee64aa0d3","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.28.tgz","fileCount":9,"integrity":"sha512-3BOXNUl9z98z26tow32BWC5hnlCXNJtgunBArBgleeUrddMRYzfUA5BuPrGVv5H7ynQvXe1VCyN6uzeQYI3sLA==","signatures":[{"sig":"MEUCIQDsQeIc0n8RqmneYydrmZfM5CwqMbuL/3X4pcKiJlKU3wIgAbBxaL0Mqd3Hx5u6W2X8bWtQPmyxQdFN/yxp4E/A2gA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"7dceb248f691c3214f73ba1d048f26b2653bcac1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.28"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.28_1634163509707_0.42097875560392883","host":"s3://npm-registry-packages"}},"4.0.0-alpha.29":{"name":"@aofl/component-utils","version":"4.0.0-alpha.29","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.29","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"5df91a1add8c2357060cd3a45a76c5ae732b0ee9","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.29.tgz","fileCount":9,"integrity":"sha512-M4F/ZGjKCK9VrNDf01UR5zt8yVEeXulvtweNaKMNg4i3zFvWNWGRRT3Gt74jIA4iyGIpIfO5CNLiPlK+tYDERw==","signatures":[{"sig":"MEUCIA2lUmpjpc5OvPjYgu6Qn5eakU+QzeHYBXKp0W4TNDxmAiEA6np04NjsV2pESoHGYPKbXn9aAnmVSRMqTEQx+VxqLqk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.29"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.29_1634319360881_0.04665752323377026","host":"s3://npm-registry-packages"}},"4.0.0-alpha.30":{"name":"@aofl/component-utils","version":"4.0.0-alpha.30","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.30","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"32780c1f478a9f0d2f04116d5d464901c509e73a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.30.tgz","fileCount":9,"integrity":"sha512-8alZBt+w8RoxVKXQhjJXEq6XAaiIoCr9V3JCI1972uoVa1dW3hD7lEYs79+T7gmKmEni4MAXYIlSNWo2QT8L+Q==","signatures":[{"sig":"MEUCIQD+yAewY+sge5yY24Wfq9YVbOM00dWxPnxIQcseYs8xdQIgaU9ydXSKWNlN7ewR1PUbJdYsAoriq3ptnFzKuIxmB30=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"13ed83fe4429533b22fd669328dd6c8829dffec0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.30"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.30_1634323867927_0.3448043667789864","host":"s3://npm-registry-packages"}},"4.0.0-alpha.31":{"name":"@aofl/component-utils","version":"4.0.0-alpha.31","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.31","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"a9e929c1f4ae39a85c9092a89bb18b9e1922661e","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.31.tgz","fileCount":9,"integrity":"sha512-5pmJwboWXrT+50twXEDBQbBf3wTiEdAdbnezcKfSQmF9+tIKyqcqR70NVcce/2vRZe5Pus4nufCm1A2s5Xmj+w==","signatures":[{"sig":"MEUCIDmHW+qa2LC5/HTB0KeRrHxOgs5RyoiOoelUxazCik6hAiEAyrshqUlQIzC/WtqCyn9UhOJFrI46zsrx1Vk/K1Xp2XM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"5bc1713dfbc60e5029713b6ad88a4a9fd46d3413","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.31"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.31_1634324131566_0.9031918875988791","host":"s3://npm-registry-packages"}},"4.0.0-alpha.32":{"name":"@aofl/component-utils","version":"4.0.0-alpha.32","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.32","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"62b14e025b913ffaf3c9e97fefe187d181e5bcab","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.32.tgz","fileCount":9,"integrity":"sha512-kiq2tZAYqJfIOeTtImjODYxAjgOc0Oz6uwa8Fj+URHW70Oo5gswVV5ZbkYCQFiJXzKxBFdcdQiTyDoKYFPuToQ==","signatures":[{"sig":"MEUCIB8QGkdnKyqS2nowkiDA77vtquaW+YOHCu82bBENpSeFAiEA+/2pLSDuqbBLmhmc/AMazuyGAXrASKvwfULIhWszC6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"77786a7e5219aff408e59d051e8380ca1a63021d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.32"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.32_1634326793052_0.7475507577187355","host":"s3://npm-registry-packages"}},"4.0.0-alpha.33":{"name":"@aofl/component-utils","version":"4.0.0-alpha.33","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.33","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"905075959cdd9c586f4ba936887cbe4fa3a05df4","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.33.tgz","fileCount":9,"integrity":"sha512-jQzATf5LFt+YUZO+W++DaCQQreOsp9LeOpOmY3duXOG1AR/2uiS4M/X55gVe+5yaL5xqLg6bWGLRG0ymrZrBOw==","signatures":[{"sig":"MEUCIQC9FGkOS/CftXRhtcxPjBXKkpuJHTsOM/kcNERNBOxO9AIgD4b5a2zWtmPnm7vd/VfuGOfeSC54H1+WDE/qld8X4R8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"41b432602965620ce989f21e02748f53f69f7ea5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.33"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.33_1634326992908_0.08802440376703746","host":"s3://npm-registry-packages"}},"4.0.0-alpha.34":{"name":"@aofl/component-utils","version":"4.0.0-alpha.34","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.34","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"3c3f70f4bf615d78f71d72f4b2c855797735cbe6","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.34.tgz","fileCount":9,"integrity":"sha512-ay+usXKjMqF5PrgW1FFEe7XOVBGmoLpKrL2g3Ij8t7Kk24V+w/JPY7CHD7uZyjin28BzOW+24HI8X9kkhIPY2Q==","signatures":[{"sig":"MEQCIDvTJbr+eb/CmqHvQLKo9TSi7JQIC4iVfSx5QckecUxBAiBNg4HqeuIt27iSXo4xaOnSaz+En/81NnPNPoVA1fYuag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"1b993e65b04444692f40eaecfc3dfbb29d50d98b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.34"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.34_1634327598575_0.5699916571706187","host":"s3://npm-registry-packages"}},"4.0.0-alpha.35":{"name":"@aofl/component-utils","version":"4.0.0-alpha.35","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.35","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"1a49cfb65114a38bcb2bb205654f5724b79ae2cc","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.35.tgz","fileCount":9,"integrity":"sha512-8ABlgwXQrJ+uswrsxoAuDue0vrdn3zh6lHpbv1YBfVKNgvXquZHtdedT3G30qG3OKJACe240YogZXeDbJI9i+g==","signatures":[{"sig":"MEUCIQCksZ9VtqRRMD9Nu2Ofm1ZssEwanb/a2R0DlZT2nHIlRQIgJqK2QnDH2+YnNAwfcuQiwogvs590vISWZY8+fwKOz0Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"5a6a7f303fc21acc73b55413f38f534ed4bfb714","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.35"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.35_1634328022878_0.06846281653341935","host":"s3://npm-registry-packages"}},"4.0.0-alpha.36":{"name":"@aofl/component-utils","version":"4.0.0-alpha.36","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.36","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"ef82ae3584ca1189e8ecdae829ff3908a73c771a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.36.tgz","fileCount":9,"integrity":"sha512-Mqec31hofHuuV6sMC0Pi5lqw4Lyo5xAfO3Jjjw8pl7pV5YYqhNDABXtd5Zko1mOJk78z4EshWHnxt8+P5O5oGA==","signatures":[{"sig":"MEUCIQDk7zsxy1snuDx5XpgPj2nNZzwz9zeWe/kYnGrBNdiAVgIgLH+bE9m3jncAiUPQav1pKY/Yc1dqmjhpqrmVy5vnSLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"24aeaf86244b6f9f352b26d04fd9976f9430bfe7","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.36"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.36_1634328233212_0.15289828809979156","host":"s3://npm-registry-packages"}},"4.0.0-alpha.37":{"name":"@aofl/component-utils","version":"4.0.0-alpha.37","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.37","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"23fa5f96ce2e14e650aec74099170396a8e58add","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.37.tgz","fileCount":9,"integrity":"sha512-1LPyNkMsJaPhL5KdeZim7rhuHJOOHxwW65RhPUO5vq+ZhqcCRKF0Mfii6o+bFfVfcTitRzYa20F8wGnRKMokvQ==","signatures":[{"sig":"MEQCIHrx+wSHRCvsyHuMWg424zRDRIjGn1LCHUsEZmyJtGnRAiBpFizaAAYJdts+CNP5a/sdqq5W3aYevcDPJB2E4Qv2Ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"d5e9c5a7ef77e315b759fb5bee226aa3bd3aaffb","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.37"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.37_1634328395658_0.7236994335612894","host":"s3://npm-registry-packages"}},"4.0.0-alpha.38":{"name":"@aofl/component-utils","version":"4.0.0-alpha.38","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.38","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"f6ed0af1eb3f19ce7e56c9f1ff45d698ba9629bf","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.38.tgz","fileCount":9,"integrity":"sha512-sux+Mac3YwmymUoeaoOosVM/B/MDzI/ByQVszM78BpqmKpJ+6P2v8u7Y5UDoEKKwENnpeNO9ngH3aDgYz6zSFA==","signatures":[{"sig":"MEQCIBudu4jTffqTXNaNLt/TFmCEIHHGgDUm+UsWNGOdEtGsAiALPnF8Yt4KE6MLqznm0GqlJMLCkNCT3bDg0tulSVjtGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"91457836070b2b300b852a461787c56ec880a85d","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.38"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.38_1634330774112_0.6766759582764468","host":"s3://npm-registry-packages"}},"4.0.0-alpha.39":{"name":"@aofl/component-utils","version":"4.0.0-alpha.39","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.39","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"05ba48020b220ebb41020ab0dacb76e7984d5e0d","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.39.tgz","fileCount":9,"integrity":"sha512-2Uf8y8BAMnf+Iz7ErS+yywQj34mi0C58EjUIU1kEcYOIuPyfuWd9h36z3QKhn6mGjlnO6u2Z+vr098BPkGQSRA==","signatures":[{"sig":"MEQCICpdhuv7uXUv29a3aIzfPM2wmtW7F6l+NFZ9ZvZLx0g2AiBmiqi/WLUOBh6t9Pe6vZVAYJkoyr9Lk8qXuLwdbWgF+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"f4c22e986eb7eb2e564e469dedb36c65858bf5cc","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.39"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.39_1634332211642_0.5077600645498528","host":"s3://npm-registry-packages"}},"4.0.0-alpha.40":{"name":"@aofl/component-utils","version":"4.0.0-alpha.40","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.40","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"560e5ab286f18801829ff258e55e3f106d54259b","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.40.tgz","fileCount":9,"integrity":"sha512-5Miwgu9SevpnUcq8xVxnxXxUIMeCE55wP/lyhLxqjmL4Hgviyuws2V4JkLlre3s3+oKeDaHa9p4rTecRH8GA4Q==","signatures":[{"sig":"MEYCIQCTl6v+Gu0IECiRJ90vByN6WS+e0IVzqdswOeG/7PexVAIhAI4RKjJH2JfqFHCvLOuLs/Pq3mcuCHqxnDzaWt7lFdMy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"e93b1f585c2cd94383438abd74737a856ca68a77","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.40"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.40_1634332806458_0.768565056949293","host":"s3://npm-registry-packages"}},"4.0.0-alpha.41":{"name":"@aofl/component-utils","version":"4.0.0-alpha.41","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.41","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"020ab0cb7be9fa89c0e050a3024fd01a1f49d836","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.41.tgz","fileCount":9,"integrity":"sha512-ABeyKeYIba28qmZv6xGyToZZQ4uVDZcBa1wNcNfUgBJGiafe2M8jiQ5UUkGpJ7gml5lbxuujfEXbAyrhQpVg1Q==","signatures":[{"sig":"MEQCIETPo9t1fBx/ERl8LUCw3lhfDcW5wMKqahjpFDO1tJbJAiAyM/SVvMPFYIzqbKv8vOvtiKJqKuYBUiHTQbG9oeX+UA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"cbd55bfa3cf5e87bf7b5f27b3d9b6efb34e3ad85","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.41"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.41_1634582072688_0.7758881271760623","host":"s3://npm-registry-packages"}},"4.0.0-alpha.42":{"name":"@aofl/component-utils","version":"4.0.0-alpha.42","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.42","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"6d4df2e5ec7cb0f13043c07158fedcfe2ec8a66a","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.42.tgz","fileCount":9,"integrity":"sha512-XibQZo2b8/sH0uceeBfCM6DEc40A7xYdd8Wl9UjtPRP9kjWLb0idJyQRaUemx/5RTiy9Y3gATBBokcrcHczrdA==","signatures":[{"sig":"MEUCIBj95hCQnvYW8JtvWhfUetwGjYDdkK752RQVavwEVJb2AiEAnRPRe+ITq+xi4uuTQrYYyoCbQ18SlJQWsRw8KTSrzuA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"f64d10ec558694ce4c2d4e8b0562d4167f8e28d5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.42"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.42_1634586040651_0.9476658398981643","host":"s3://npm-registry-packages"}},"4.0.0-alpha.43":{"name":"@aofl/component-utils","version":"4.0.0-alpha.43","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.43","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"c3580993bc839e03b3f80fced276872a0cb17a0b","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.43.tgz","fileCount":9,"integrity":"sha512-NqTw77rHRSc+1b5IUV/fwzAEZn6nLIhIBcnaby47dB18Y6kvIYJnDddjJSbp7+D2aAv0dc6gNyixK5ANAvdzyw==","signatures":[{"sig":"MEUCIDin5Lxw2v8RUZ++rZ/8XlyORRn1WR+BeJlspyLuhe1BAiEA5Xu5X1x4ZnUeuTzWgp3dKKIEchbypDCdZNXjcwVBKbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","gitHead":"6763365b38cb5be764e669a3b568be9f1cc4cfed","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"7.24.2","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.43"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.43_1634586293525_0.7593199236599493","host":"s3://npm-registry-packages"}},"4.0.0-alpha.44":{"name":"@aofl/component-utils","version":"4.0.0-alpha.44","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.44","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"4780938783ac74e262ecd6f6ef16a0cb55d698bc","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.44.tgz","fileCount":9,"integrity":"sha512-eUiaylOuZB/soWe9NxUSckRt/SgMBKUtUrvam5/qaclOvxm5CxwTkOX0bRNq7UxvP8sFPk4vuXNyx3RD2IcfNA==","signatures":[{"sig":"MEUCIArMxTh4Ari3uGd+TrmhCnLl1g9+apOtC2jDD9bMu8qJAiEAy8jI0XG5cdvcJ5UgveAx0XfFHgZsgrs5KMqokXnC/xc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.44"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.44_1635874779261_0.9875043168374633","host":"s3://npm-registry-packages"}},"4.0.0-alpha.45":{"name":"@aofl/component-utils","version":"4.0.0-alpha.45","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@4.0.0-alpha.45","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"89b982c97d844946a967697a85186109b85a8b92","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-4.0.0-alpha.45.tgz","fileCount":9,"integrity":"sha512-A8RGgzJzlOPln4oCq35Q3FGH+3cdx/LVP27/yhe2a/zxlDusqmWOewaCaCxFentCbEC8mKmAToVIGFiwCKSC0A==","signatures":[{"sig":"MEUCID6ermhAbZ9Nkj03HZv9HVy7dlA/5bc2f79LHseTNpEuAiEAuzrG3mXemypylLOQrG0A4Gz2vFB54mHQCNaC3kkpeio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32306},"main":"index.js","module":"index.js","readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","browser":"dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"6.14.11","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jsdoc":"^3.6.6","lit-html":"^1.3.0","cross-env":"^7.0.3","tsd-jsdoc":"^2.5.0","@aofl/element":"^4.0.0-alpha.45"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_4.0.0-alpha.45_1635876959096_0.9363906113713925","host":"s3://npm-registry-packages"}},"3.14.0":{"name":"@aofl/component-utils","version":"3.14.0","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.14.0","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"8bde0bb9c8ab9fecef34c66ccc765bd075f8d089","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.14.0.tgz","fileCount":10,"integrity":"sha512-+7P/tKugZbKBizm09JuWcTt2aHJq/UoWKrCK7P1ZufI3phCKB+rxllmagOadQofVb7paxlh85kDE1M80XaVcdw==","signatures":[{"sig":"MEQCIGB0HaeB8nR4JSrvypRa5hrU25b5kDhKH7w8QAZe/AhgAiBCVQ6E4qknwXN4gP94vJIlMTrPY63hpM7uybBV/JUX9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM8/fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7URAAg0nyXfnJYDK1DAG+EFiDTAWR80KOIXlyfMvJs/tSCg5V7j25\r\nmvjMbNPKVY6uvNyyHOs3v3IrbaSurix/ofjvvdOG9Zsdw1ooWDMgGQePk1Or\r\nW+HTQur1o/gX799s/TpyZ7Dw7oZ0T5qFt9AGxEsUuGMvkPzn+vUmWfLnHbyF\r\n7PAjuqdivY+3r+z2b7//WDcD+mfvLhebbAfYMETxlvPc0jrMU4ae8GBYoT4G\r\np+fUFXn4/+qGb8dLgGhcu7tDbgGlNSmaRimRK9Eeht5DtTEBfUdR2GAIVV0H\r\nuWGplUFskJowrP3PHHBS4Y5JlTkLigx+z11qcCW0kEKOOkLmp42IiWraeOhu\r\nOsalPFksxcisWonurdtlJVaxJ7HViB1QEybiKfY8SBHoKOBCpXunB/vx0enA\r\naT0T2YH/tli7/bC814vE4DphzN9ZMqpwhq+lfi5nYOxELs0dfCr+VpyEoQKG\r\n6fP4FH+tMoSk76HcMnfimyg8Nwht8HvVbvd2mWqmR+LvMteuQJp8U0L9XepT\r\nvgr3Xq0JD25yrDL20mc4GxtnZa5A2PhiXRw/CVui6FXVVJ67KEumPe5l9j0h\r\nFJ4pmGTb3OG2aT05h5zb3zduJS9cMUhbEyRRhb2sFUNklEcI6FD246vRTRLb\r\nVIPdlF5JSWVMiMUUvDQZiVoAs9lDWuKzIm8=\r\n=qnWn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"01a200342c31c108d1ab1039ee4c972f2ee63fa9","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.20.1+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.14.0","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.14.0"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.14.0_1647562718723_0.22358755404374375","host":"s3://npm-registry-packages"}},"3.14.1":{"name":"@aofl/component-utils","version":"3.14.1","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","_id":"@aofl/component-utils@3.14.1","maintainers":[{"name":"alexdinari","email":"alexdinari@me.com"},{"name":"ariankhosravi","email":"arian@arin.io"}],"contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"homepage":"https://github.com/AgeOfLearning/aofl#readme","bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"dist":{"shasum":"b260a1b29927314ed8f07b73904fd3be74567f0e","tarball":"https://registry.npmjs.org/@aofl/component-utils/-/component-utils-3.14.1.tgz","fileCount":10,"integrity":"sha512-965+q7Z/2THOlDBThW41y44bws56ofHWVFZ+PZI/spAcVr58c5MvuHSjMAzrWUqlfXAK/z9y/RfYgCvqcGUEqg==","signatures":[{"sig":"MEYCIQDwK0thuUvjEV3dKjJCeaQ/ljOqXDKqGpTDnurv5OIFmQIhAOuufYceceiJh0+Jg7RMjaXI36WoXaS82uwjv4nRdZgC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM9bTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrz1RAAgivmKn+E/hCgw49C09QKdwoJ+HLyL5Y6PJt3RuTzhqqNsknS\r\nj4T4Y4Q530w324O/zqNDH77JemDBC3eNd8h+n6XubxUjUxm8caKCtJ9ji3hV\r\nmovYERxXvHJkyv6Mmn1pflA96eOjR2FljymdPPMEUthil0Q/qYB0AfaowPGv\r\nLBMwnhCX83ecDihfy8kQUlifKVqw4zY5N+QkHG3MQBq0tmNjXg6EYhQzzrA0\r\noqD59bPtpaYQ9KSTRe/BwkptQOtOhbILmBcufIQa18AVSMplx+FwdiauCiwR\r\nr+RzUyvn2tYXjNwia/xjfcvEahxCALXs8pQA/TBbKHiWRgo3pUN7JlxEqKlW\r\nPwWA+r0efpg7IMuLqknGM6XbYbf9b9AvmYEwkjj0L9PTwrVkBwhBVqfIh1H9\r\ni+9PqpoRf24XNsjIiaQ1BBpbcfUtLZl7lYYeM30J9ESu/uN0i5p6xjjOnv7e\r\nMVbtVkWIP29zvfr2PiS1ZkRkjyxTCHebFlEjmaFoMqWcm6zmAu1K4ztx93Ni\r\n9maFVMyItFpGB/hajHXEDnD692u4ue7aWiMoL4TRA7a+0frt6AcU3iZ4/lYO\r\nF/3z1tbjNEN+NMMw9R7G5WhkRXDsKjErG97ty3xmKRHpKc5/4QON2zES6S/J\r\nVl8JXUIVXUsPHocvyDky0HIp/3jJNA4RVvA=\r\n=K4Mx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","browser":"dist/index.js","gitHead":"65857163479f835ec51cc1e23ec01c45eab43008","scripts":{"docs":"npx jsdoc -c .jsdocrc.json .","test":"echo \"Error: no test specified\" && exit 1","build":"cross-env NODE_ENV=production npx aofl build","build-ci":"cross-env NODE_ENV=production aofl build --debug","build:dev":"cross-env NODE_ENV=development npx aofl build","prepublishOnly":"npm run build-ci && npm run docs"},"typings":"types.d.ts","_npmUser":{"name":"ariankhosravi","email":"arian@arin.io"},"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.20.1+x64 (darwin)","description":"A small collection of component utility functions","directories":{},"_nodeVersion":"12.20.1","_hasShrinkwrap":false,"devDependencies":{"jsdoc":"^3.6.3","lit-html":"1.1.2","@aofl/cli":"^3.14.1","cross-env":"^6.0.3","tsd-jsdoc":"^2.4.0","@aofl/element":"^3.14.1"},"_npmOperationalInternal":{"tmp":"tmp/component-utils_3.14.1_1647564499611_0.047768889777884294","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-09-15T06:35:19.237Z","modified":"2025-01-18T00:20:36.413Z","1.0.0-beta.28":"2018-09-15T06:35:19.477Z","1.0.0-beta.28.1":"2018-09-28T00:37:25.447Z","1.0.0":"2018-09-29T23:00:40.576Z","1.1.0":"2018-10-17T22:04:08.624Z","1.1.2":"2018-10-29T19:32:04.664Z","1.2.0":"2018-11-06T20:46:01.249Z","1.2.1":"2018-11-18T21:05:46.573Z","1.2.3":"2018-11-21T00:11:36.561Z","1.3.0":"2018-12-06T20:58:27.044Z","1.4.0":"2018-12-28T02:38:05.513Z","1.4.1":"2019-01-07T18:33:07.329Z","2.0.0-alpha.1":"2019-01-29T01:53:51.832Z","2.0.0-alpha.5":"2019-02-26T23:15:15.503Z","2.0.0-alpha.17":"2019-04-26T18:35:42.901Z","2.0.0":"2019-04-30T19:31:38.107Z","3.0.0-0":"2019-09-17T05:21:53.224Z","3.0.0-alpha.0":"2019-09-17T05:23:54.356Z","3.0.0-alpha.5":"2019-09-20T06:32:33.875Z","3.0.0-alpha.11":"2019-09-27T06:49:19.933Z","3.0.0-beta.1":"2019-10-06T08:39:32.485Z","3.0.0-beta.6":"2019-10-08T04:49:37.958Z","3.0.0-beta.8":"2019-10-08T05:48:11.711Z","3.0.0-beta.9":"2019-10-08T06:11:37.259Z","3.0.0-beta.11":"2019-10-08T09:42:49.021Z","3.0.0-beta.12":"2019-10-08T09:53:34.617Z","3.0.0-beta.13":"2019-10-09T04:13:21.704Z","3.0.0-beta.14":"2019-10-09T04:33:03.063Z","3.0.0-beta.15":"2019-10-09T04:50:41.636Z","3.0.0-beta.16":"2019-10-09T05:05:59.152Z","3.0.0-beta.22":"2019-10-11T04:40:47.531Z","3.0.0-beta.23":"2019-10-11T05:39:52.412Z","3.0.0-beta.24":"2019-10-11T06:34:43.107Z","3.0.0-beta.25":"2019-10-11T07:34:45.919Z","3.0.0-beta.26":"2019-10-11T07:49:05.857Z","3.0.0-beta.27":"2019-10-11T07:53:59.574Z","3.0.0-beta.28":"2019-10-11T08:01:01.344Z","3.0.0-beta.30":"2019-10-11T22:58:42.142Z","3.0.0-beta.32":"2019-10-14T01:03:24.685Z","3.0.0-beta.35":"2019-10-18T06:59:10.058Z","3.0.0-beta.36":"2019-10-19T10:45:51.422Z","3.0.0-beta.37":"2019-10-24T06:07:54.163Z","3.0.0-beta.38":"2019-10-30T22:52:23.163Z","3.0.0-beta.39":"2019-10-31T01:08:03.711Z","3.0.0-alpha.12":"2019-11-02T01:11:36.055Z","3.0.0-beta.40":"2019-11-11T22:31:15.954Z","3.0.0-beta.41":"2019-11-12T04:55:36.310Z","3.0.0-beta.42":"2019-11-12T05:53:44.202Z","3.0.0-beta.46":"2019-11-14T21:58:15.444Z","3.0.0-beta.47":"2019-11-15T00:48:45.921Z","3.0.0-beta.48":"2019-11-16T23:36:00.610Z","3.0.0-beta.49":"2019-11-17T03:37:53.285Z","3.0.0":"2019-11-17T07:06:06.988Z","3.1.0":"2019-11-22T03:28:11.705Z","3.2.0":"2019-11-24T07:34:33.677Z","3.2.1":"2019-11-24T08:03:48.575Z","3.2.2-alpha.2":"2020-01-14T20:27:57.576Z","3.2.2-alpha.3":"2020-01-14T21:13:20.579Z","3.3.0":"2020-01-22T23:31:34.151Z","3.5.0-beta.1":"2020-02-22T23:26:53.944Z","3.5.0-beta.2":"2020-02-22T23:53:01.059Z","3.5.0-beta.3":"2020-02-23T00:07:43.607Z","3.5.0-beta.4":"2020-02-23T01:57:52.028Z","3.5.0-beta.5":"2020-02-23T03:10:26.663Z","3.5.0-beta.6":"2020-02-23T03:18:07.549Z","3.5.0-beta.7":"2020-02-23T05:05:53.388Z","3.5.0-beta.8":"2020-02-23T05:09:03.951Z","3.5.0-beta.9":"2020-02-23T05:33:30.178Z","3.5.0-beta.10":"2020-02-23T05:50:50.990Z","3.5.0-beta.11":"2020-02-23T07:37:34.085Z","3.5.0-beta.12":"2020-02-23T09:00:31.232Z","3.5.0-beta.13":"2020-02-23T09:02:28.174Z","3.5.0-beta.14":"2020-02-23T10:00:31.381Z","3.5.0-beta.15":"2020-02-23T11:49:37.496Z","3.5.0-beta.16":"2020-02-23T11:59:01.190Z","3.5.0-beta.17":"2020-02-23T12:14:50.099Z","3.5.0-beta.18":"2020-02-25T03:59:57.184Z","3.5.0-beta.19":"2020-02-25T23:57:29.968Z","3.5.0-beta.20":"2020-03-02T23:23:03.593Z","3.5.0-beta.21":"2020-03-02T23:27:24.459Z","3.5.0-beta.22":"2020-03-02T23:42:35.955Z","3.5.0":"2020-03-03T00:03:27.928Z","3.6.1":"2020-03-10T18:43:16.214Z","3.8.0":"2020-05-12T19:19:46.784Z","3.9.0-alpha.0":"2020-05-12T19:30:23.076Z","3.8.1":"2020-05-12T19:41:09.101Z","3.9.0":"2020-05-15T17:58:31.770Z","3.10.0":"2020-05-15T21:15:49.457Z","3.12.0":"2021-01-20T00:02:09.321Z","3.12.1":"2021-01-20T00:13:06.355Z","4.0.0-alpha.9":"2021-02-03T01:48:26.236Z","4.0.0-alpha.10":"2021-02-03T01:56:28.216Z","4.0.0-alpha.11":"2021-02-03T02:24:35.799Z","3.13.0":"2021-02-25T23:43:52.908Z","3.13.1":"2021-06-15T23:49:01.956Z","4.0.0-alpha.13":"2021-09-23T23:32:23.919Z","4.0.0-alpha.15":"2021-10-06T17:03:59.458Z","4.0.0-alpha.16":"2021-10-06T17:05:14.340Z","4.0.0-alpha.17":"2021-10-06T18:47:37.301Z","4.0.0-alpha.18":"2021-10-06T23:40:40.159Z","4.0.0-alpha.19":"2021-10-06T23:47:36.326Z","4.0.0-alpha.20":"2021-10-06T23:55:03.594Z","4.0.0-alpha.21":"2021-10-08T17:06:10.244Z","4.0.0-alpha.22":"2021-10-11T20:39:31.822Z","4.0.0-alpha.23":"2021-10-11T21:07:29.457Z","4.0.0-alpha.24":"2021-10-11T21:47:01.650Z","4.0.0-alpha.25":"2021-10-12T01:20:50.842Z","4.0.0-alpha.26":"2021-10-12T01:34:41.892Z","4.0.0-alpha.27":"2021-10-13T19:06:40.609Z","4.0.0-alpha.28":"2021-10-13T22:18:29.878Z","4.0.0-alpha.29":"2021-10-15T17:36:01.059Z","4.0.0-alpha.30":"2021-10-15T18:51:08.124Z","4.0.0-alpha.31":"2021-10-15T18:55:31.698Z","4.0.0-alpha.32":"2021-10-15T19:39:53.244Z","4.0.0-alpha.33":"2021-10-15T19:43:13.099Z","4.0.0-alpha.34":"2021-10-15T19:53:18.733Z","4.0.0-alpha.35":"2021-10-15T20:00:23.019Z","4.0.0-alpha.36":"2021-10-15T20:03:53.378Z","4.0.0-alpha.37":"2021-10-15T20:06:35.891Z","4.0.0-alpha.38":"2021-10-15T20:46:14.258Z","4.0.0-alpha.39":"2021-10-15T21:10:11.780Z","4.0.0-alpha.40":"2021-10-15T21:20:06.684Z","4.0.0-alpha.41":"2021-10-18T18:34:32.837Z","4.0.0-alpha.42":"2021-10-18T19:40:40.809Z","4.0.0-alpha.43":"2021-10-18T19:44:53.689Z","4.0.0-alpha.44":"2021-11-02T17:39:39.458Z","4.0.0-alpha.45":"2021-11-02T18:15:59.251Z","3.14.0":"2022-03-18T00:18:39.013Z","3.14.1":"2022-03-18T00:48:19.834Z"},"bugs":{"url":"https://github.com/AgeOfLearning/aofl/issues"},"author":{"name":"Arian Khosravi","email":"arian.khosravi@aofl.com"},"license":"MIT","homepage":"https://github.com/AgeOfLearning/aofl#readme","keywords":["aofljs","@aofl/component-utils","component","utility","findParent","isInViewPort","isInViewPortMixin"],"repository":{"url":"git+ssh://git@github.com/AgeOfLearning/aofl.git","type":"git"},"description":"A small collection of component utility functions","contributors":[{"name":"Daniel Belisle","email":"daniel.belisle@aofl.com"},{"name":"Micah Blu","email":"micah.blu@aofl.com"}],"maintainers":[{"email":"alexdinari@me.com","name":"alexdinari"},{"email":"lorenzo.battigelli@aofl.com","name":"lorenzo.battigelli"},{"email":"alex.dinari@aofl.com","name":"alex.dinari"},{"email":"it@aofl.com","name":"ageoflearning"},{"email":"jie.zhang@aofl.com","name":"jiezhangaofl"}],"readme":"# @aofl/component-utils\n\nA small collection of component utility functions.\n\n[Api Documentation](https://ageoflearning.github.io/aofl/v3.x/api-docs/module-@aofl_component-utils.html)\n\n## Installation\n\n```bash\nnpm i -S @aofl/component-utils\n```\n\n## Usage\n```javascript\nimport {findParent} from '@aofl/component-utils';\n\nclass MyElement extends AoflELement {\n...\nconnectedCallback() {\n super.connectedCallback();\n this.targetParent = findParent(this, 'addOption'); // register this list option with a parent who supports it\n this.targetParent.addOption(this);\n }\n...\n```\n\n## Methods\n### `traverseParents()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n### `findParent()`\nFinds a parent component which matches the method signature provided\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|-----------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Method names that must be found on the parent |\n\n### `findParentByAttributes()`\nFinds a parent component which has all the matching attributes\n\n#### Arguments\n| Name | Type | Description |\n|-------------|-------------|--------------------------------------------------|\n| node | HTMLElement | The child component |\n| ...args | String | Attribute names that must be found on the parent |\n\n\n### `isInViewport()`\nCheck whether or not the supplied element is within the visible area of the screen. The threshold values are multipliers of their respective dimension. 0 means the exact viewport dimensions and .5 means viewport + half of viewport.\n\n#### Arguments\n| Name | Type | Description |\n|-----------------|-------------|---------------------------|\n| node | HTMLElement | target node |\n| widthThreshold | String | viewport width multiplier |\n| heightThreshold | String | viewport width multiplier |\n\n### `isInViewportMixin()`\nMixes the superClass with functions necessary to detect if the element is within the visible area of the page.\n\n#### Methods\n* `firstWithinViewport()` is invoked when element scrolls into view for the first time.\n* `withinViewportUpdated(newValue, oldValue)` withinViewportUpdated() is invoked anytime the element enters or exists the viewport.\n* `stopIsInViewportCheck()` when invoked it removes the event listeners and stops invoking the withinViewportUpdated() function. This is useful when we want to disconnect the event listeners and keep the component attached to dom. For example, conside lazy loading images with aofl-img. Once the image is loaded it is no longer necessary to check isInViewStatus.\n","readmeFilename":"README.md"}