{"_id":"@documint/grapesjs-property-toggle","_rev":"1-e1ecadfcd5cd932290dfc8c1426800d3","name":"@documint/grapesjs-property-toggle","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@documint/grapesjs-property-toggle","version":"1.0.1","description":"Grapesjs Property Toggle","main":"dist/index.js","author":{"name":"Documint"},"private":false,"repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-property-toggle.git"},"scripts":{"start":"grapesjs-cli serve","build":"grapesjs-cli build","bump":"npm version patch -m 'Bump v%s'"},"keywords":["grapesjs","plugin"],"devDependencies":{"grapesjs-cli":"^3.0.1"},"license":"MIT","gitHead":"018865587ce236f8b6eb0d58d0c07a04741384a3","bugs":{"url":"https://github.com/documint-me/grapesjs-property-toggle/issues"},"homepage":"https://github.com/documint-me/grapesjs-property-toggle#readme","_id":"@documint/grapesjs-property-toggle@1.0.1","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-eZns4RZjCUZkM1rcya25LXr3i/wDX3oTiO7CwULI13LF7Zh72FI+jcYQRibB4N+2e5cSrYS80CAZWSyqvjdIFA==","shasum":"20297e0c3d721ebbc06ae1f31317a7e9468e6225","tarball":"https://registry.npmjs.org/@documint/grapesjs-property-toggle/-/grapesjs-property-toggle-1.0.1.tgz","fileCount":5,"unpackedSize":14451,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzYABrK9CjFZGMtzdvUElgfjq1HeHZwU3Nw4NWEmy5kAiBxRU4gKI3Zk4HJ5obfMu5ztlHB4aiwW7R1PnI6QTgkLg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivNdfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplgxAAnFVoZ6cYER5LtH4aIhI4HVvbY+sBO3TafnP1Cg+xBxB6huLG\r\nSKMrF0o+X1RCH2P8KwKsKySfzPrU0sYgik8d2QG3MMc5gd+A+TMypc8iM00y\r\nIrwpcQlgfOZrsD/xpdRwDJuxsmUd+DouRP1KrQizcVhi1e7YLmBIIbmZTbEg\r\nNC9rFkJJO3NnQirjBXW4nNy5qAtBXduHfd8UHH2PRUGptM94PBWpXD8AMkkj\r\n1D80tnt+5Lr2ETryV+4+gBW9lI/0baDesxTUU61+IZsB3tobSZpnzwT8qr/7\r\n7FUeC9vZA0Mt+xs6mjzkBqQ/vvaN+vWq+08kS0KOss8JbDV3flMRFWezO2Vm\r\n/Ca1IKFSjQqX6Cs/mnk5B/VT3AcC2i4FX4ShUkk6l9EBv0AAUruW2o9N4L1o\r\nYUfKK4MrBJwKivsveoAfsL76+tmS7MjgoVE+3rHFxZQqpbbf8BQGpWGuZAuu\r\nwJUQU5rZSrJnnj8oTjV+9PyuDKd1GGWOipnNyzkDOYWtbCLlWJKt3rE+5bTs\r\n+R9BnCBX1q1lYS9m/bdCQgN/xqty6VqcSMW7D17q7RPnGgywFYxwZ0p9CDzO\r\nVTFzItQUQhc2SUViMe8lUYJm5IRUBH5G1tC4w09ZgUScjalXkuxR4GPSpTSQ\r\ndAyP9owFx+2AYHrU5jimpzyvsyHFx4G1XmI=\r\n=MPZr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"joshmamroud","email":"josh.mamroud@documint.me"},"directories":{},"maintainers":[{"name":"joshmamroud","email":"josh.mamroud@documint.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-property-toggle_1.0.1_1656543071237_0.48583509238480316"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-29T22:51:11.182Z","1.0.1":"2022-06-29T22:51:11.453Z","modified":"2023-10-01T21:13:55.735Z"},"maintainers":[{"email":"brendonzee@gmail.com","name":"ju99ernaut"},{"email":"josh.mamroud@documint.me","name":"joshmamroud"}],"description":"Grapesjs Property Toggle","homepage":"https://github.com/documint-me/grapesjs-property-toggle#readme","keywords":["grapesjs","plugin"],"repository":{"type":"git","url":"git+https://github.com/documint-me/grapesjs-property-toggle.git"},"author":{"name":"Documint"},"bugs":{"url":"https://github.com/documint-me/grapesjs-property-toggle/issues"},"license":"MIT","readme":"# Grapesjs Property Toggle\r\n\r\nAdd Toggle/Checkbox style manager property\r\n\r\n### HTML\r\n```html\r\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\">\r\n<script src=\"https://unpkg.com/grapesjs\"></script>\r\n<script src=\"https://unpkg.com/grapesjs-property-toggle\"></script>\r\n\r\n<div id=\"gjs\"></div>\r\n```\r\n\r\n### JS\r\n```js\r\nconst editor = grapesjs.init({\r\n\tcontainer: '#gjs',\r\n  height: '100%',\r\n  fromElement: true,\r\n  storageManager: false,\r\n  plugins: ['grapesjs-property-toggle'],\r\n  styleManager: {\r\n    sectors: [\r\n      {\r\n        name: 'Sample',\r\n        properties: [\r\n          {\r\n            type: 'toggle',\r\n            property: 'font-weight',\r\n            on: 'bold',\r\n            off: 'normal',\r\n            default: 'normal',\r\n            iconClass: 'fa fa-bold'\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n});\r\n```\r\n\r\n### CSS\r\n```css\r\nbody, html {\r\n  margin: 0;\r\n  height: 100%;\r\n}\r\n```\r\n\r\n\r\n## Summary\r\n\r\n* Plugin name: `grapesjs-property-toggle`\r\n\r\n## Download\r\n\r\n* CDN\r\n  * `https://unpkg.com/grapesjs-property-toggle`\r\n* NPM\r\n  * `npm i grapesjs-property-toggle`\r\n* GIT\r\n  * `git clone https://github.com/{USERNAME}/grapesjs-property-toggle.git`\r\n\r\n\r\n\r\n## Usage\r\n\r\nDirectly in the browser\r\n```html\r\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\"/>\r\n<script src=\"https://unpkg.com/grapesjs\"></script>\r\n<script src=\"path/to/grapesjs-property-toggle.min.js\"></script>\r\n\r\n<div id=\"gjs\"></div>\r\n\r\n<script type=\"text/javascript\">\r\n  var editor = grapesjs.init({\r\n      container: '#gjs',\r\n      // ...\r\n      plugins: ['grapesjs-property-toggle'],\r\n      styleManager: {\r\n      sectors: [\r\n        {\r\n          name: 'Sample',\r\n          properties: [\r\n            {\r\n              type: 'toggle',\r\n              property: 'font-weight',\r\n              on: 'bold',\r\n              off: 'normal',\r\n              default: 'normal',\r\n              iconClass: 'fa fa-bold'\r\n            }\r\n          ]\r\n        }\r\n      ]\r\n    }\r\n  });\r\n</script>\r\n```\r\n\r\nModern javascript\r\n```js\r\nimport grapesjs from 'grapesjs';\r\nimport plugin from 'grapesjs-property-toggle';\r\nimport 'grapesjs/dist/css/grapes.min.css';\r\n\r\nconst editor = grapesjs.init({\r\n  container : '#gjs',\r\n  // ...\r\n  plugins: [plugin],\r\n  pluginsOpts: {\r\n    [plugin]: { /* options */ }\r\n  }\r\n  // or\r\n  plugins: [\r\n    editor => plugin(editor, { /* options */ }),\r\n  ],\r\n  styleManager: {\r\n    sectors: [\r\n      {\r\n        name: 'Sample',\r\n        properties: [\r\n          {\r\n            type: 'toggle',\r\n            property: 'font-weight',\r\n            on: 'bold',\r\n            off: 'normal',\r\n            default: 'normal',\r\n            iconClass: 'fa fa-bold'\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n});\r\n```\r\n\r\n\r\n\r\n## Development\r\n\r\nClone the repository\r\n\r\n```sh\r\n$ git clone https://github.com/{USERNAME}/grapesjs-property-toggle.git\r\n$ cd grapesjs-property-toggle\r\n```\r\n\r\nInstall dependencies\r\n\r\n```sh\r\n$ npm i\r\n```\r\n\r\nStart the dev server\r\n\r\n```sh\r\n$ npm start\r\n```\r\n\r\nBuild the source\r\n\r\n```sh\r\n$ npm run build\r\n```\r\n\r\n\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}