{"_id":"@acryps/page-tagged-editor","_rev":"6-5cbd2b5e001865bc58f97ae8489d6cba","name":"@acryps/page-tagged-editor","dist-tags":{"latest":"0.2.0"},"versions":{"0.0.19":{"name":"@acryps/page-tagged-editor","version":"0.0.19","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.0.19","gitHead":"830cb71fbb251f50653b5af8dec4e7651b25e23a","_nodeVersion":"20.6.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-W6YSroU3L7E7am9MyEPKtM+en1ikdiJvgFlZZHkSH5y4UA9Cs8mDKSkl31m+43E86eexO2AYbBOZrS9MseXblg==","shasum":"ffff11a1cc98bcd57ff84a47e00c62ffaa61dc98","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.0.19.tgz","fileCount":5,"unpackedSize":5263,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeg2FafqCETQ4lgjr2pj80/rU4w0IMGb2iTuN3TlwOlAIhANQ2aVR//flgol0WsCbOiAibJN7P5YGev+jHY2HNVPCd"}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.0.19_1698410902539_0.8440965171428099"},"_hasShrinkwrap":false},"0.1.0":{"name":"@acryps/page-tagged-editor","version":"0.1.0","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.1.0","gitHead":"5150739e884f20a26d3cfbd1f39d2d7c2e616090","types":"./built/index.d.ts","_nodeVersion":"20.6.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-sRDxZPE1NyhJ+ttc74Skvn04gEoykWYdlD5I+xFMuV91KfG0+J4pfaI9Jn7CILiDNBFxFITiwno3dRvFqbHi0Q==","shasum":"d7ca9daf7710d493d6a60ab62585b8753529e70a","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.1.0.tgz","fileCount":7,"unpackedSize":10933,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz17+Nhw7QnglFlJIxI+b2wDcfOHQeCqe4UVFcgYYhowIgRetUnMKpVVooSfxuO6Nr6IlBLLLSstQOiChVVV89YW4="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.1.0_1698410998315_0.37696940974631743"},"_hasShrinkwrap":false},"0.1.1":{"name":"@acryps/page-tagged-editor","version":"0.1.1","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.1.1","gitHead":"e0f0b47303d070525f041bd07cc6dce72f8c9919","types":"./built/index.d.ts","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-3qczcwuzPx/Gd7uw4JwhEn4Hsmh8UdCbdflkwT1r+1Vtuht9espv97oo9j+o678RofdZ8elj/rM+2R2TCPcl8A==","shasum":"94265aa57367fae05eb21e8e1ec30f99b2718e9f","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.1.1.tgz","fileCount":7,"unpackedSize":10931,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG2luv+QAOAgbbIdHyVVDLVWEJgPDmgzCROJJXyiWOQPAiAEG3TWDVuzS4DMRN0KvymKqz3FF/ETeRHmH1rjkruUig=="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.1.1_1711032188059_0.20754784211678756"},"_hasShrinkwrap":false},"0.1.2":{"name":"@acryps/page-tagged-editor","version":"0.1.2","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.1.2","gitHead":"ceeb601ad9ce0311f5c02e51650513126583ffd2","types":"./built/index.d.ts","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-RMVEwMIp7T+8Kv5fCZiWTNaVi9LcwJQ1x+jrxbyfakdfPgdDB+0HOdsIN+B7zoCN766lXAEYVp/6uSbVfR7AIA==","shasum":"93d6db10bad480cbda03907280ff4b128458b418","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.1.2.tgz","fileCount":7,"unpackedSize":12333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQXZCNs6OZwOT7/AdzRSukARX+0wkpULdrRL9lcvqClAiEAoTj4SZS1hNqUas6K8Q9XUy7cYZobFr50nmqG0hQnmx0="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.1.2_1713972079712_0.33515190892348334"},"_hasShrinkwrap":false},"0.1.3":{"name":"@acryps/page-tagged-editor","version":"0.1.3","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.1.3","gitHead":"153e33bd4d79f6a07aa5083046c855fa3ab9158f","types":"./built/index.d.ts","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-tPrxvS4IhL0QRK0tuslhmKrCEnxqHAM5Iv9NXTB6GFifAVN8yD8EyUycTSeTtLUUPnbm5rvlMM3nmVg6tzqWdw==","shasum":"7777d1cc00ab04d6a6803c83cbf70fdc119b54e3","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.1.3.tgz","fileCount":7,"unpackedSize":12333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFe4BDxq2w82bjMUAHLGnNfWV6lKkcdsgW6n/+Motwn2AiBl/lZVxt8LKlfZZ4xPw3E2iSr2/yLLD4ZJv0d0Ku60vw=="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.1.3_1713972090711_0.47967392716012003"},"_hasShrinkwrap":false},"0.1.4":{"name":"@acryps/page-tagged-editor","version":"0.1.4","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.1.4","gitHead":"c54f68c381c3d91239bf42103cc002c87e0d0cd8","types":"./built/index.d.ts","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-+znOKQSTMb35/MrlIEwHSCcPsAO9tqI6F1o3ZefxQ/iyk6DZsp2V/qzGOo+wqkZO+zIwjTFkDYynkBa6Xy84aA==","shasum":"2ff0134613c4cb1919e92f8cbaa0fb6739b15ddd","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.1.4.tgz","fileCount":7,"unpackedSize":12576,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPWrCq66ZVNsDQgZwHXC6l0mBhjOYBk7FOiHCHpZvROAiApNlq0P46qG4x7cbWs9iYG8h9m3TccoM1k+5vKqj9HcA=="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.1.4_1714399371579_0.05001723792722612"},"_hasShrinkwrap":false},"0.2.0":{"name":"@acryps/page-tagged-editor","version":"0.2.0","description":"acryps page tagged editor","main":"built/index.js","scripts":{"build":"tsc && page compile","version":"npm run build"},"peerDependencies":{"@acryps/page":"^1.3.0"},"devDependencies":{"typescript":"^4.6.4"},"_id":"@acryps/page-tagged-editor@0.2.0","gitHead":"077d966bb49a24c40ac6544cda81e271fe6be8ce","types":"./built/index.d.ts","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-2takDiKJExEzvRQCMggFKQZ3SZnvFUATIVY0VvjR3eKhbb8yBzE5XNqgJGyTetpqA+C8oRc3wotIRC3yAkXLdg==","shasum":"b056026871d3adc2c6f82df14ff017f68ebefad7","tarball":"https://registry.npmjs.org/@acryps/page-tagged-editor/-/page-tagged-editor-0.2.0.tgz","fileCount":7,"unpackedSize":14916,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdQvY8n2IAhaPpogHzSoAmVujEk6dirPd3QmQGAu0vNwIgalwb3XYgvQQQZex49Pqar+42F4IV0CQzAm00+9XKhzI="}]},"_npmUser":{"name":"levvij","email":"levi.hechenberger@gmail.com"},"directories":{},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/page-tagged-editor_0.2.0_1714485077023_0.11434629925246953"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-27T12:48:22.452Z","0.0.19":"2023-10-27T12:48:22.749Z","modified":"2024-04-30T13:51:17.430Z","0.1.0":"2023-10-27T12:49:58.462Z","0.1.1":"2024-03-21T14:43:08.204Z","0.1.2":"2024-04-24T15:21:19.862Z","0.1.3":"2024-04-24T15:21:30.850Z","0.1.4":"2024-04-29T14:02:51.729Z","0.2.0":"2024-04-30T13:51:17.175Z"},"maintainers":[{"name":"levvij","email":"levi.hechenberger@gmail.com"},{"name":"eggsecuter","email":"adrian.habeler@gmail.com"},{"name":"acryps-admin","email":"git@acryps.com"}],"description":"acryps page tagged editor","readme":"# page tagged editor\nCreate templates visually with ease.\n\n## usage\nAdd the editor to your component.\nDefine your tags by passing them to the component.\n\n```\nexport class BroadcastMailComposer extends Component {\n\tmail: MailTemplate;\n\n\tonload() {\n\t\t// load your template and prepare the component\n\t}\n\t\n\trender() {\n\t\treturn <ui-composer>\n\t\t\t<ui-title>\n\t\t\t\tBroadcast Mail\n\t\t\t</ui-title>\n\n\t\t\t{new TaggedEditor(\n\t\t\t\tmail.template,\n\t\t\t\t[\n\t\t\t\t\tnew Tag('Recipient Mail', 'address', '${recipient}'),\n\t\t\t\t\tnew Tag('Given Name', 'name', '${name:given}'),\n\t\t\t\t\tnew Tag('Family Name', 'name', '${name:family}'),\n\t\t\t\t],\n\t\t\t\ttemplate => {\n\t\t\t\t\tmail.template = template;\n\n\t\t\t\t\t// save your template\n\t\t\t\t}\n\t\t\t)}\n\t\t</ui-composer>;\n\t}\n}\n```\n\nWe do not provide default styling, but the editor requires some controlling styles to work properly, include them from `source/index.scss`.\n\nThe `type` argument of a `Tag` will be set as an attribute, which can be used to style the tag by type\n```\n&[ui-type=\"address\"] {\n\tcolor: #f00;\n}\n\n&[ui-type=\"name\"] { \n\tcolor: #0f0; \n}\n```\n\n`renderTagList`, `renderTag` and `extractValue` may be overwritten by creating a custom subclass\n\n```\nclass GroupedTaggedEditor extends TaggedEditor {\n\tconstructor(\n\t\tprivate source: string,\n\t\tprivate groups: Map<string, Tag[]>\n\t\tprivate save: (value: string) => void\n\t) {\n\t\tsuper(source, [...groups.values()], save);\n\t}\n\n\trenderTagList() {\n\t\treturn <ui-tag-template>\n\t\t\t{this.groups.entries().map((group, tags) => <ui-group>\n\t\t\t\t<ui-name>\n\t\t\t\t\t{group}\n\t\t\t\t</ui-name>\n\t\t\t\n\t\t\t\t<ui-tags>\n\t\t\t\t\t{this.renderTag(tag)}\n\t\t\t\t</ui-tags>\n\t\t\t</ui-group>)}\n\t\t</ui-tag-template>\n\t}\n}\n```\n","readmeFilename":"readme.md"}