{"version":3,"file":"2946.972b1c0cded5c7511836.js","mappings":";+5CAIe,SAASA,EAAgBC,GACtC,IAEMC,GAAW,SAACC,EAAA,EAAI,CAACC,KAFH,2DAEsBC,UAAQ,WAAC,gBAEnD,OACE,SAACC,EAAA,EAAK,WACJ,UAACC,EAAA,EAAS,OAAKN,GAAK,eAClB,wBAAI,wBACJ,uBAAG,iIAIH,wBAAI,cACJ,2BACE,2BACE,4BAAQ,oBAAwB,uGAGlC,2BACE,4BAAQ,sBAA0B,yIAEF,0BAAM,YAAc,oCAGtD,2BACE,4BAAQ,uBAA2B,MAAE,wBAAI,oBAAoB,yCAC9B,0BAAM,YAAc,wFAIvD,wBAAI,kBACJ,yBAAG,yFAEgB,SAACE,EAAA,EAAI,CAACC,KAhCX,mEAgC8BC,UAAQ,WAAC,yBACpC,2CAAyCH,EAAS,+EAM3E,sIClCIM,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAA1B,IAKO,EAAe,KAAW,WAAiB,gBAAiBM,qPCzBnE,gnGAAAC,GAAA,wBAAAA,EAAA,sBAAAA,GAAA,iBAAAA,GAAA,ssDAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,4bAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,yhBAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,qGAAAA,EAAA,yBAAAA,GAAA,IAAAA,EAAA,uBAAAA,GAAA,2bAAAA,EAAA,iBAAAA,EAAA,EAAAA,IAAA,EAAAA,GAAA,EAAAA,GAAA,SAkCA,MA5BA,SAAmB,GAAgB,IANnC,EAAAA,EAMuBC,EAAQ,EAARA,SAC8C,GAPrE,GAOsDC,EAAAA,EAAAA,WAAS,GAP/DF,EAOqE,EAPrE,yDAAAA,GAAA,0JAAAA,EAAA,6FAAAA,GAAA,mIAAAA,IAAA,+RAAAA,IAAA,gLAOSG,EAAkB,KAAEC,EAAqB,KAShD,OAPAC,EAAAA,EAAAA,YAAU,WATZ,SAUI,UAAC,wGACkC,qCAA0B,gBAAnDC,EAAM,EAANA,OAAQC,EAAM,EAANA,OAChBN,EAAS,CAAEO,OAAQ,OAAQF,OAAAA,EAAQC,OAAAA,IAAS,0CAZlD,gLAcE,GAAG,CAACN,KAGF,iCACE,UAAC,KAAM,CACLQ,MAAO,CAAEC,WAAY,OAAQC,OAAQ,QACrCC,QAAS,kBAAMR,GAAsB,EAAK,EAAC,WAE3C,SAACS,EAAA,EAAI,CACHC,KAAK,OACLC,UAAWC,EAAAA,OACX,oBAEHb,IACC,SAAClB,EAAc,CAACgC,UAAW,kBAAMb,GAAsB,EAAM,MAIrE,4DC9BIc,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,qQAAsQ,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iDAAiD,MAAQ,GAAG,SAAW,yIAAyI,eAAiB,CAAC,sOAAsO,WAAa,MAE/xBH,EAAwBI,OAAS,CAChC,KAAQ,wBAET","sources":["webpack:///./src/Sources/Demo/Dialogs/DemoHelpDialog.js","webpack:///./src/Sources/Demo/style.module.css?ff7f","webpack:///./src/Sources/Demo/Picker.js","webpack:///./src/Sources/Demo/style.module.css"],"sourcesContent":["import Link from '../../../Common/Link'\nimport DialogBox from '../../../Common/DialogBox'\nimport Modal from '../../../Common/Modal'\n\nexport default function DemoHelpDialog (props) {\n  const demoRepoUrl = 'https://github.com/nickcoutsos/keymap-editor-demo-crkbd/'\n  const templateUrl = 'https://github.com/nickcoutsos/keymap-editor-demo-crkbd/generate'\n  const demoLink = <Link href={demoRepoUrl} external>GitHub Repo</Link>\n\n  return (\n    <Modal>\n      <DialogBox {...props}>\n        <h2>Keymap Editor Demo</h2>\n        <p>\n          Welcome! This demo keyboard is provided to let you experiment with the\n          keymap editor before setting up your own repository.\n        </p>\n        <h3>Features</h3>\n        <ul>\n          <li>\n            <strong>WYSIWYG Editing</strong>. Just click on key and behaviour\n            bindings to make changes, add or remove layers in the sidebar.\n          </li>\n          <li>\n            <strong>Keymap generation</strong>. The editor can export keymap to\n            ZMK's syntax (when running locally or integrated with GitHub), and\n            will even attempt to format the <code>.keymap</code> file for better\n            readability.\n          </li>\n          <li>\n            <strong>Devicetree parsing</strong>. <em>(Experimental!)</em> Read\n            and write to your existing ZMK <code>.keymap</code> file so that you\n            can still use ZMK features that the app doesn't support yet.\n          </li>\n        </ul>\n        <h3>What's next?</h3>\n        <p>\n          If you like the editor, try integrating with your own GitHub hosted\n          keyboard config. <Link href={templateUrl} external>Use it as a\n          template</Link> for your own, or just read through the {demoLink} for\n          this keyboard to learn what to apply to your existing keyboard.\n        </p>\n      </DialogBox>\n    </Modal>\n  )\n}\n","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./style.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./style.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import { useEffect, useState } from 'react'\nimport Icon from '../../Common/Icon'\n\nimport { Button } from '../Controls'\nimport DemoHelpDialog from './Dialogs/DemoHelpDialog'\nimport styles from './style.module.css'\n\nfunction DemoPicker ({ onSelect }) {\n  const [showDemoHelpDialog, setShowDemoHelpDialog] = useState(false)\n\n  useEffect(() => {\n    (async function () {\n      const { layout, keymap } = await import('./data/demo.json')\n      onSelect({ source: 'demo', layout, keymap })\n    })()\n  }, [onSelect])\n\n  return (\n    <>\n      <Button\n        style={{ background: 'none', border: 'none' }}\n        onClick={() => setShowDemoHelpDialog(true)}\n      >\n        <Icon\n          name=\"info\"\n          className={styles.help}\n        /> What is this?\n      </Button>\n      {showDemoHelpDialog && (\n        <DemoHelpDialog onDismiss={() => setShowDemoHelpDialog(false)} />\n      )}\n    </>\n  )\n}\n\nexport default DemoPicker\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".QkewNzGagIbndi3rJpKm {\\n  border: none;\\n  cursor: pointer;\\n  color: white;\\n  background: #248;\\n  border-radius: 100%;\\n  width: 24px;\\n  height: 24px;\\n  line-height: 24px;\\n  text-align: center;\\n}\\n.QkewNzGagIbndi3rJpKm:hover {\\n  background: #48F;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/Sources/Demo/style.module.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\".help {\\n  border: none;\\n  cursor: pointer;\\n  color: white;\\n  background: #248;\\n  border-radius: 100%;\\n  width: 24px;\\n  height: 24px;\\n  line-height: 24px;\\n  text-align: center;\\n}\\n.help:hover {\\n  background: #48F;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"help\": \"QkewNzGagIbndi3rJpKm\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n"],"names":["DemoHelpDialog","props","demoLink","Link","href","external","Modal","DialogBox","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","i","onSelect","useState","showDemoHelpDialog","setShowDemoHelpDialog","useEffect","layout","keymap","source","style","background","border","onClick","Icon","name","className","styles","onDismiss","___CSS_LOADER_EXPORT___","push","module","id","locals"],"sourceRoot":""}