{"_id":"@dreamworld/dw-placeholder-element","_rev":"4-d75def3c0601bf248ab4ab64a42bef40","name":"@dreamworld/dw-placeholder-element","dist-tags":{"placeholder-element":"1.0.0-placeholder-element.2","latest":"1.0.1","update-config":"1.0.1-update-config.1"},"versions":{"1.0.0-placeholder-element.2":{"name":"@dreamworld/dw-placeholder-element","version":"1.0.0-placeholder-element.2","description":"Provide way to destroy existing doms whenever model is changed","main":"dw-placeholder-element.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/DreamworldSolutions/dw-placeholder-element.git"},"author":{"name":"chirag@dreamworldsolution.com"},"license":"ISC","bugs":{"url":"https://github.com/DreamworldSolutions/dw-placeholder-element/issues"},"publishConfig":{"access":"public"},"devDependencies":{"semantic-release":"beta"},"homepage":"https://github.com/DreamworldSolutions/dw-placeholder-element#readme","gitHead":"5c416e4c33cc1838004af0436a218f879793b5a2","_id":"@dreamworld/dw-placeholder-element@1.0.0-placeholder-element.2","_nodeVersion":"10.16.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Le8H3pwCFpXfiW2XGRLWXlrpNNECEEsF4vU36T8f3NhDSW5pGp7R/94dpwVaN7byb0EHt828Tza9N26+OPuvow==","shasum":"2c32cbbcd7098d9f22833aeb2d4cbc316172b594","tarball":"https://registry.npmjs.org/@dreamworld/dw-placeholder-element/-/dw-placeholder-element-1.0.0-placeholder-element.2.tgz","fileCount":5,"unpackedSize":7230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcfM+CRA9TVsSAnZWagAAV0sP/3M9g3AeyQMrHsSEnvXf\nVbJsJoPikitKox5y9FzoFfPk5zGOAKQLDCbHsQmqm/DBFIWgCxlo5wRL00iT\nEKpa18NWabIhfz3iYnkzG4GUhq8EVHTMeANh2hKlXPCLDItQJQ7Qz76elG0k\nkEYHgnfX1AMQlWPWXJdV2zxe8iLNpqa/mu51NjtDtNoNHkGJr17grth5M9Xk\nMxZlIeIiegKevxAJCQ2S7YUihjVSvj3Ma8pnguw2qPBue5HsVh9GwdW5Pk1n\nxRr998j2WFmLzIsyJO3/WJCSJGlWk7PlY42U1pwkQRUjZikMpQsNZ/PdIIFr\nFrJbS63bxLtfsputTYZmXGkFMrq6HkxfXIrrn2fNuC5MkVtd1FfTDup3VL3f\ntnhTzZjhr7CFdEfdRq6Qm4OGE0BKLyDc7BWUIjRlzQpicjOFIWZfA2x2+xhh\nl6AEWF0Av5RqeK5aO1iBsEYERSmkygjREXQd79NdtIFjh0ERiUMULprRTbIZ\nXaaNVNBOV+kKPDVfsqAQGCMYyCOfjDHYYtsnNf7kVxbMIf4sy7g4BfYpyEMc\nxqGrFGCi+YRBf4Ou7HikFqtUQk+UtSK7GZKzehSlXgxpuM7163wufnVmKoCl\nW1gQEawGlcU8VtXM1jSz5cM3InA3O/yvoVsQrv9tIk5kGLD/m5ubii3ac7ks\nBlbt\r\n=2yKX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIERHmKups6T+XRXpuDqio9iOYT3IL86NxT6N9VKy6d7vAiB6rdf0nDeEKUo/E7M8O/TvG0Q/N0U081sBee9G8BHzTw=="}]},"maintainers":[{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},{"name":"ajay-dhameliya","email":"ajay@dreamworldsolutions.com"},{"name":"chetang7","email":"chetan@dreamworldsolutions.com"},{"name":"chiragmoradiya","email":"chirag@dreamworldsolutions.com"}],"_npmUser":{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dw-placeholder-element_1.0.0-placeholder-element.2_1567748925574_0.9842253302487516"},"_hasShrinkwrap":false},"1.0.0":{"name":"@dreamworld/dw-placeholder-element","version":"1.0.0","description":"Provide way to destroy existing doms whenever model is changed","main":"dw-placeholder-element.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/DreamworldSolutions/dw-placeholder-element.git"},"author":{"name":"chirag@dreamworldsolution.com"},"license":"ISC","bugs":{"url":"https://github.com/DreamworldSolutions/dw-placeholder-element/issues"},"publishConfig":{"access":"public"},"devDependencies":{"semantic-release":"beta"},"homepage":"https://github.com/DreamworldSolutions/dw-placeholder-element#readme","gitHead":"1d29150fbfd42e6f86cd23cacb6c3a8164938835","_id":"@dreamworld/dw-placeholder-element@1.0.0","_nodeVersion":"10.16.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Zl4uHohTTL9zPd+pKaEhMTxAtupHGF1HOjLNMQLdSaBVvbBbXHt9eH3u0MzyoBkDkcspTzOB2jDHyuFjqSINbQ==","shasum":"a8949b5fa62b8688bbbaf24f9b773af8a073e4e1","tarball":"https://registry.npmjs.org/@dreamworld/dw-placeholder-element/-/dw-placeholder-element-1.0.0.tgz","fileCount":5,"unpackedSize":7208,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdclQuCRA9TVsSAnZWagAALCwP/R3zVIWX9YWSnK/zmasr\n4ate/Fv34P8fDQ5cZ5TxXOhiYQTNu34PVlXFmxu+kE/7kIvKv5IfJ7qEHk6Q\nTzPenAGmDfz3Ch9IGjnJq7yPoCKWsFqJukfKstnXkZl/7gc9HxTegDOEpDbd\nWpXOJAIgyQ6qDpERlNfe6kMTHI4drwWkz6q0yMyIpMpUHA0Ikcf69EwG59b8\nrUaw48nWASwQYQLRrvHTlmGjgnpbU3xAxB+vu1zm4NeYK71hJr2FshwTzolw\nlsgAUKF3ufO6qfBh5jfBsfgjeVTyCSqr2MPpnqHBttrjNHfCakDf6rAghe9l\n+WexGBBG7GLRHCfY3YypJ/suCqcrRVWyXXhELEvzLyTU2QgxJJIrH5f2f0/U\nsXuBNZ4+v+/CyO2C9GtdoQ0EaBzui7SzGrreIx+Vr5OMH3AJL3dUW/m8JHHX\nBowAEzWM6cpOM6eH4EPbd85rgUOvAkjvhomKugVc1ap9FJLIrnioO6IKI7y7\ndYv+F1OHyLMAujsvOXtTT2s2uaUXTfi1YfasdbLsjigNA6zw81mMDjQ0uVOO\nUOxDWiu9wtw0W+qJ1AD+/+z78pDpYm+3dA/jgH6ajfxxqgUtdgCHZCPsVPJB\noO8tEH3bXx7DmVp4TIqauaSJRPW+UflAQuSB0N5ljF+ZGLcoMuil+9MP8Cpd\nzTNY\r\n=qvpp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCk2iy8bUma4W9Cuyz9TD3aHWmKdxgwhFaPVWbytY3UAAIged7hPHuMuRFGRQUe2eErEZ3krHd9FUcmHipDyaMzJ+w="}]},"maintainers":[{"name":"ajay-dhameliya","email":"ajay@dreamworldsolutions.com"},{"name":"chetang7","email":"chetan@dreamworldsolutions.com"},{"name":"chiragmoradiya","email":"chirag@dreamworldsolutions.com"},{"name":"dw-devops","email":"dreamworld.devops@gmail.com"}],"_npmUser":{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dw-placeholder-element_1.0.0_1567773742270_0.8731266723560347"},"_hasShrinkwrap":false},"1.0.1-update-config.1":{"name":"@dreamworld/dw-placeholder-element","version":"1.0.1-update-config.1","description":"Provide way to destroy existing doms whenever model is changed","main":"dw-placeholder-element.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/DreamworldSolutions/dw-placeholder-element.git"},"author":{"name":"chirag@dreamworldsolution.com"},"license":"ISC","bugs":{"url":"https://github.com/DreamworldSolutions/dw-placeholder-element/issues"},"publishConfig":{"access":"public"},"devDependencies":{"semantic-release":"17.0.8"},"homepage":"https://github.com/DreamworldSolutions/dw-placeholder-element#readme","release":{"branches":["+([0-9])?(.{+([0-9]),x}).x","master",{"name":"feature/*","prerelease":"${name.replace(/^feature\\//g,\"\")}","channel":"${name.replace(/^feature\\//g,\"\")}"}]},"readme":"# dw-placeholder-element\nA Base LitElement class to recreate placeholder element which ensures that element is re-created when entity model(id) is changed based onn `primaryProps` instance variable.\n\nPurpose: Do not reuse existing component when model is changed.\n\n\n## How to use this component\n  - Create component which extends this class\n  - From constructor set value of `primaryProps` to the array of property names. When one of these property value is changed DOMs are re-created.\n  - Implement `_contentTemplate()` instead of `render()`.\n  - Invoke _stateChanged() from stateChanged()\n    > This step is necessary as `redux` mixin provides no-op implementation of `stateChanged` method. So, it hides `stateChanged` of this class.\n  - Provide implementation of `getProps(state)` which retuns all properties key and value(from state) map.\n\n### Example  \n  ```javascript\n\n    import { LitElement } from  \"lit-element\";\n    import  \"./my-view\";\n\n    class MyViewPlaceholder extends DWPlaceholderElement()(LitElement) {\n\n      constructor() {\n        super();\n        this.primaryProps = ['viewId']\n      }\n\n      static get properties() {\n        return {\n          viewId: { type: String}\n          viewName: { type: String}\n        };\n      }\n\n      /**\n       * Overrider parent class method and return a view page template\n       */\n      _contentTemplate() {\n        return  html `<my-view></my-view>`;\n      }\n\n      /**\n       * @param { Object } state - Redux state object\n       * @return { Object } - Return all properties hash with its value based on given state\n       */\n      getProps(state) {\n        return {\n          viewId: state.app.view.id,\n          viewName: state.app.view.name\n        }\n      }\n\n      stateChanged(state) {\n        //NOTE: Do not set any instance property value from state here. It will be set by extended class\n        //TODO: Write what you want\n\n        this.stateChanged(state);\n\n        //TODO: Write what you want\n      }\n      \n    }\n\n    window.customElements.define('my-view-placeholder', MyViewPlaceholder);\n  ```\n","readmeFilename":"README.md","gitHead":"40d7103a415df80de5c3b6e0670dbb707209172c","_id":"@dreamworld/dw-placeholder-element@1.0.1-update-config.1","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-0P6V53u9NGvbjbfdvOXrDYbXeY0VIZxHVbYxD+Qql4lbYcTjwZLZUm7DnhmHZbndHFShQBSmVktMJ5J+7rk8sw==","shasum":"facb6cd418d9005392ef25f10490ed0c20ec49cd","tarball":"https://registry.npmjs.org/@dreamworld/dw-placeholder-element/-/dw-placeholder-element-1.0.1-update-config.1.tgz","fileCount":4,"unpackedSize":7222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfluuGCRA9TVsSAnZWagAALz0P/1Pseuyh9xzG92xxiNDP\npaO+S65ZIrTZUi4d36bN2P7k1b6ynARYtUiG1uecff1A/3try7QAvMyzw077\n/mL3erxTYwPgAlFbhjgjCOJnUgmPSK72fX5sSr/3jp36f9uj7/O/4NzrBsNB\n8GKiM+yxbX/rq6+VhBKmmiycMvbasixXBnJKCc7hwGXC21CYJQq3p8u107Ss\nysCfNoyLh2RhIZ4Jj11GKS98Qq+FNpJbfpzyz6GYbPzOry3Jcg7lBUqUyTRO\nMmqyzkDzC8k67OxbtruhrneBljvAnYIEOWsN9kL+uuEfAHpfcN/dcZudyLS7\ngFKgsHoVtdA9asGDc6suVd4bINPT0kKmhygrpWo7TXjJlBqlugMOJTbIZX7b\ncta3dwyt1/bAlUAIhellBSZfjOFint0pv3RR9OGxhvFODJV2hQ9p1IzhRoyX\nt4Gg2bNIqpTcET6Bvq//Fl+bnvgQjr22u6q/mhnXylKt5yOHNGnz7oS7e/k6\nxfqxPsw2/CiHCm7T2Gpq4AcQ24w1zWbvnQ8GX240M6F/a+N25fe3DLqfLmZe\n4bqy0jva7hltVrYjvLmS4H2BIvbk4T1AXiYsEp8Ql2wMu33fRHEhx24XEDTU\nHMER6rJj8ypAxx5Lus7kgcptpWiZVEc5hbKqpzpE+LyFWwfK03C/sDzsXOgt\nmlYL\r\n=UNIR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnjTKAWYi2IGgHW0mGqFEoNfMDh2CTTCwDp5OY/J0hjQIhALwQALp5foBsGOkRo9WYkkE2+OXGWESAObFDIqW28oGI"}]},"maintainers":[{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},{"name":"ajay-dhameliya","email":"ajay@dreamworldsolutions.com"},{"name":"chetang7","email":"chetan@dreamworldsolutions.com"},{"name":"chiragmoradiya","email":"chirag@dreamworldsolutions.com"}],"_npmUser":{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dw-placeholder-element_1.0.1-update-config.1_1603726213928_0.2263321749141174"},"_hasShrinkwrap":false},"1.0.1":{"name":"@dreamworld/dw-placeholder-element","version":"1.0.1","description":"Provide way to destroy existing doms whenever model is changed","main":"dw-placeholder-element.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/DreamworldSolutions/dw-placeholder-element.git"},"author":{"name":"chirag@dreamworldsolution.com"},"license":"ISC","bugs":{"url":"https://github.com/DreamworldSolutions/dw-placeholder-element/issues"},"publishConfig":{"access":"public"},"devDependencies":{"semantic-release":"17.0.8"},"homepage":"https://github.com/DreamworldSolutions/dw-placeholder-element#readme","release":{"branches":["+([0-9])?(.{+([0-9]),x}).x","master",{"name":"feature/*","prerelease":"${name.replace(/^feature\\//g,\"\")}","channel":"${name.replace(/^feature\\//g,\"\")}"}]},"gitHead":"6b6ccfa97012b78b80f9f0b01e87f914a648b230","_id":"@dreamworld/dw-placeholder-element@1.0.1","_nodeVersion":"12.19.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-XhpM0Y7Z37QD0yCTuzWiyff/M2neXuZ9zoqF4bu5RKjP63e45UTqS2KqL+Sg6eUtfYvcTxAECq0jMKg3bcknzA==","shasum":"6dd75631d6c3ad27ad5bbd0247e1d042a7cfed29","tarball":"https://registry.npmjs.org/@dreamworld/dw-placeholder-element/-/dw-placeholder-element-1.0.1.tgz","fileCount":4,"unpackedSize":7206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfluw/CRA9TVsSAnZWagAAOfIP/Rdft22H8B1xnMueJu2K\nr5oe81VvhS1McpUzeOasv2zNFl12xoXcRza8RO2Kj5uQSk67UeCihBUf+zCc\n4vTC4+nu5QsCep7qq347yQBErcU1d3PhHFpy6PaxOpBXGuuwtgjFrOYEQNF+\nZNX0jOFK/1QGf/7pjyQlYpUaUdwZsp5w9rxxNTqnTslrpqbIlSHhMBESmqrv\nujFu5TBuMRlXdR/+NEt8GVyYu+P+WmwSv29TdmwZKVOh6BY/rnS/qPaVBM7C\nnWpHtklmR1aStCOy4FkzBTi2Ylx5MlAwqzYRRTY7L0Pga7AmHydkzFdTzCBJ\n/NhL5aWOH+Edxah2GEUI94Gy7qXSGg6IVs1z7Ij58qNLZG+fT1Dm77yZIcLJ\nlnS+viEnel+1T3KlTLYy1Su2+0Iedsl8PzU80NYYhbqMi2CZLcplVWhxOVTF\na97jQiUgd+Vcf5jEdx0GWnLrwv9PA/rligQ9SKw+iUQvURIqTvCh08TnZxQO\n9UDuY5BI5WqYu0n3LAbCG2wtC16IO+P4XUVB63N4dTJ9/sfgGFheNcmmUiW3\nbyQI/xnCUvkDlC1dVMB4f/RAvFCzavN3p4z6gnqK0vG/CpaxxBeGaEx3+2P8\n4wDyHxDQf4WxTtu5iPmiiBjlQVGtWvjlSIQqCTCUTSdhtSy2LkcgFgBSMwr6\nNhpO\r\n=zucH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVhidrin4w4RgGMTyDHnGiN5oyAm/Ma/kwddS32GPDoAIhAPyPwLbwmty+oU12qtVJ9hqWmZ7+GSQr0A7GiXFp4tS0"}]},"maintainers":[{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},{"name":"ajay-dhameliya","email":"ajay@dreamworldsolutions.com"},{"name":"chetang7","email":"chetan@dreamworldsolutions.com"},{"name":"chiragmoradiya","email":"chirag@dreamworldsolutions.com"}],"_npmUser":{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dw-placeholder-element_1.0.1_1603726398936_0.44648037988743794"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-06T05:48:45.337Z","1.0.0-placeholder-element.2":"2019-09-06T05:48:45.811Z","modified":"2022-04-05T05:38:09.710Z","1.0.0":"2019-09-06T12:42:22.366Z","1.0.1-update-config.1":"2020-10-26T15:30:14.071Z","1.0.1":"2020-10-26T15:33:19.108Z"},"maintainers":[{"name":"dw-devops","email":"dreamworld.devops@gmail.com"},{"name":"ajay-dhameliya","email":"ajay@dreamworldsolutions.com"},{"name":"chetang7","email":"chetan@dreamworldsolutions.com"},{"name":"chiragmoradiya","email":"chirag@dreamworldsolutions.com"}],"description":"Provide way to destroy existing doms whenever model is changed","homepage":"https://github.com/DreamworldSolutions/dw-placeholder-element#readme","repository":{"type":"git","url":"git+https://github.com/DreamworldSolutions/dw-placeholder-element.git"},"author":{"name":"chirag@dreamworldsolution.com"},"bugs":{"url":"https://github.com/DreamworldSolutions/dw-placeholder-element/issues"},"license":"ISC","readme":"# dw-placeholder-element\nA Base LitElement class to recreate placeholder element which ensures that element is re-created when entity model(id) is changed based onn `primaryProps` instance variable.\n\nPurpose: Do not reuse existing component when model is changed.\n\n\n## How to use this component\n  - Create component which extends this class\n  - From constructor set value of `primaryProps` to the array of property names. When one of these property value is changed DOMs are re-created.\n  - Implement `_contentTemplate()` instead of `render()`.\n  - Invoke _stateChanged() from stateChanged()\n    > This step is necessary as `redux` mixin provides no-op implementation of `stateChanged` method. So, it hides `stateChanged` of this class.\n  - Provide implementation of `getProps(state)` which retuns all properties key and value(from state) map.\n\n### Example  \n  ```javascript\n\n    import { LitElement } from  \"lit-element\";\n    import  \"./my-view\";\n\n    class MyViewPlaceholder extends DWPlaceholderElement()(LitElement) {\n\n      constructor() {\n        super();\n        this.primaryProps = ['viewId']\n      }\n\n      static get properties() {\n        return {\n          viewId: { type: String}\n          viewName: { type: String}\n        };\n      }\n\n      /**\n       * Overrider parent class method and return a view page template\n       */\n      _contentTemplate() {\n        return  html `<my-view></my-view>`;\n      }\n\n      /**\n       * @param { Object } state - Redux state object\n       * @return { Object } - Return all properties hash with its value based on given state\n       */\n      getProps(state) {\n        return {\n          viewId: state.app.view.id,\n          viewName: state.app.view.name\n        }\n      }\n\n      stateChanged(state) {\n        //NOTE: Do not set any instance property value from state here. It will be set by extended class\n        //TODO: Write what you want\n\n        this.stateChanged(state);\n\n        //TODO: Write what you want\n      }\n      \n    }\n\n    window.customElements.define('my-view-placeholder', MyViewPlaceholder);\n  ```\n","readmeFilename":"README.md"}