(self.webpackChunkapp=self.webpackChunkapp||[]).push([[5819],{94062:function(n,r,e){"use strict";e.d(r,{Z:function(){return a}});var t=e(41051),o=e(2968),i=e(85893);function a(n){var r=n.url,e=n.text;return(0,i.jsxs)(o.Z,{external:!0,href:r,children:[(0,i.jsx)(t.Z,{name:"book"})," ",(0,i.jsx)("span",{children:e})]})}},97494:function(n,r,e){"use strict";e.d(r,{Z:function(){return B}});var t=e(45697),o=e.n(t),i=e(93379),a=e.n(i),l=e(7795),c=e.n(l),u=e(90569),s=e.n(u),d=e(3565),p=e.n(d),A=e(19216),f=e.n(A),b=e(44589),m=e.n(b),y=e(33988),h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=s().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=f(),a()(y.Z,h);var g=y.Z&&y.Z.locals?y.Z.locals:void 0,v=e(85893);function x(n){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},x(n)}var C=["validator","required","value"];function E(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function j(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?E(Object(e),!0).forEach((function(r){w(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):E(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function w(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==x(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==x(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===x(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function B(n){var r=n.validator,e=n.required,t=void 0!==e&&e,o=n.value,i=void 0===o?"":o,a=function(n,r){if(null==n)return{};var e,t,o=function(n,r){if(null==n)return{};var e,t,o={},i=Object.keys(n);for(t=0;t<i.length;t++)e=i[t],r.indexOf(e)>=0||(o[e]=n[e]);return o}(n,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(t=0;t<i.length;t++)e=i[t],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}(n,C),l=r(i)||!i&&t&&"cannot be empty";return(0,v.jsxs)("span",{className:g.wrapper,children:[(0,v.jsx)("input",j({type:"text",value:i},a)),l&&(0,v.jsx)("span",{className:g.error,children:l})]})}B.propTypes={value:o().any.isRequired,required:o().bool,validator:o().func}},49443:function(n,r,e){"use strict";e.d(r,{Z:function(){return g}});var t=e(67294),o=e(45697),i=e.n(o),a=e(97494),l={useRaw:i().bool,raw:i().string,parsed:i().any},c={name:i().string.isRequired,labels:i().arrayOf(i().string).isRequired,properties:i().objectOf((function(n,r,e,t,o){try{i().checkPropTypes({propValue:i().shape(l).isRequired},{propValue:n},t,e)}catch(n){return new Error("Invalid prop `"+o+"` supplied to `"+e+"`. Validation failed.")}})).isRequired},u=e(62417),s=e(85893);function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}function p(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function A(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?p(Object(e),!0).forEach((function(r){f(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function f(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==d(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==d(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===d(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function b(n,r){return function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,r)||m(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(n,r){if(n){if("string"==typeof n)return y(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?y(n,r):void 0}}function y(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function h(n){var r=n.name,e=n.labels,t=b(void 0===e?[]:e,1)[0],o=n.properties.label;return r.toLowerCase()===(t||"").toLowerCase()&&r.toLowerCase()===((null==o?void 0:o.parsed)||"").toLowerCase()}function g(n){var r=n.node,e=n.onUpdate,o=b((0,t.useState)(h(r)),2),i=o[0],l=o[1],c=b((0,t.useState)(h(r)),2),d=c[0],p=c[1],f=function(n,r,e,o){return[(0,t.useCallback)((function(e){r(A(A({},n),{},{name:e.target.value}))}),[n,r]),(0,t.useCallback)((function(t){var i,a=t.target.value,l=[a].concat(function(n){if(Array.isArray(n))return y(n)}(i=n.labels.slice(1))||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(i)||m(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=e?a:n.name,u=o?A(A({},n.properties),{},{label:{parsed:a.toUpperCase(),raw:'"'.concat(a.toUpperCase(),'"'),useRaw:!1}}):n.properties;r(A(A({},n),{},{name:c,labels:l,properties:u}))}),[n,r,e,o]),(0,t.useCallback)((function(e){return r(A(A({},n),{},{properties:A(A({},n.properties),{},{label:A(A({},n.properties.label),{},{parsed:e.target.value,useRaw:!1})})}))}),[n,r])]}(r,e,i,d),g=b(f,3),v=g[0],x=g[1],C=g[2];return(0,s.jsx)("table",{children:(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Bind"}),(0,s.jsx)("td",{children:(0,s.jsx)(a.Z,{type:"text",value:r.labels[0]||"",required:!0,validator:u.zq,onChange:x})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Node"}),(0,s.jsxs)("td",{children:[(0,s.jsx)(a.Z,{value:r.name,required:!0,readOnly:i,disabled:i,validator:u.Gk,onChange:v}),(0,s.jsxs)("label",{title:"Set automatically using bind name",children:[(0,s.jsx)("input",{type:"checkbox",checked:i,onChange:function(n){return l(n.target.checked)}})," Automatic"]})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Label"}),(0,s.jsxs)("td",{children:[(0,s.jsx)(a.Z,{type:"text",value:r.properties.label.parsed||"",required:!0,readOnly:d,disabled:d,validator:function(){return null},onChange:C}),(0,s.jsxs)("label",{title:"Set automatically using bind name",children:[(0,s.jsx)("input",{type:"checkbox",checked:d,onChange:function(n){return p(n.target.checked)}})," Automatic"]})]})]})]})})}g.propTypes={node:i().shape(c).isRequired,onUpdate:i().func.isRequired}},35634:function(n,r,e){"use strict";e.r(r),e.d(r,{default:function(){return Yn}});var t=e(67294),o=e(95998),i=e(45697),a=e.n(i);function l(n){return["&macro_tap","&macro_press","&macro_release","&macro_tap_time","&macro_wait_time","&macro_pause_for_release"].includes(n.value)}var c=e(93379),u=e.n(c),s=e(7795),d=e.n(s),p=e(90569),A=e.n(p),f=e(3565),b=e.n(f),m=e(19216),y=e.n(m),h=e(44589),g=e.n(h),v=e(96201),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=A().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=y(),u()(v.Z,x);var C=v.Z&&v.Z.locals?v.Z.locals:void 0,E=e(18446),j=e.n(E),w=e(35839),B={};B.styleTagTransform=g(),B.setAttributes=b(),B.insert=A().bind(null,"head"),B.domAPI=d(),B.insertStyleElement=y(),u()(w.Z,B);var S=w.Z&&w.Z.locals?w.Z.locals:void 0,O=e(85893),k=["bindings","children","dragging","dragMode"],D=["isDropping","control","classes"],P=["bind"],T=["bind"],Z=["row","isDropping"];function I(n){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},I(n)}function R(n,r){return function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,r)||N(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(n,r){if(n){if("string"==typeof n)return Y(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Y(n,r):void 0}}function Y(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function W(n,r){if(null==n)return{};var e,t,o=function(n,r){if(null==n)return{};var e,t,o={},i=Object.keys(n);for(t=0;t<i.length;t++)e=i[t],r.indexOf(e)>=0||(o[e]=n[e]);return o}(n,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(t=0;t<i.length;t++)e=i[t],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}function U(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function M(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?U(Object(e),!0).forEach((function(r){H(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function H(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==I(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==I(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===I(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function q(n){var r=n.bindings,e=(n.children,n.dragging),o=n.dragMode,i=W(n,k),a=R((0,t.useState)([null,null]),2),c=a[0],u=a[1],s=(0,t.useMemo)((function(){return function(n){return n.reduce((function(n,r,e){var t=function(){return 0===n.at(-1).length};return(l(r)&&!t()||!t()&&l(n.at(-1)[0])||6===n.at(-1).length)&&n.push([]),n.at(-1).push(M(M({},r),{},{index:e})),n}),[[]])}(r)}),[r]);function d(n){console.log("enter",n),u((function(){return n}))}function p(n){return j()(c,n)}function A(n){u((function(r){return console.log("leaving",n,"currently in",r),j()(r,n)?[null,null]:r}))}function f(){console.log("handleDrop",c);var n=R(c,3),e=n[0],t=n[1],o=n[2],a=s[e][t].index,l=a<r.length-1?a+1:-1;i.onDrop(1===o?l:a)}return e&&(0,O.jsxs)("div",{className:[S.dropTargets,e?S.dragging:"","row"===o?S.dropRowOnly:""].join(" "),children:[s.map((function(n,r){return(0,O.jsxs)(t.Fragment,{children:[(0,O.jsx)(L,{row:n,isDropping:p([r,0,-1]),onDragEnter:function(){return d([r,0,-1])},onDragLeave:function(){return A([r,0,-1])},onDrop:f}),n.map((function(e,o){return(0,O.jsxs)(t.Fragment,{children:[(0,O.jsx)(_,{bind:e,isDropping:p([r,o,0]),onDragEnter:function(){return d([r,o,0])},onDragLeave:function(){return A([r,o,0])},onDrop:f}),(0,O.jsx)(G,{bind:e,isDropping:p([r,o,1]),onDragEnter:function(){return d([r,o,1])},onDragLeave:function(){return A([r,o,1])},onDrop:f,"data-extend":l(e)||o!==n.length-1?0:Math.max(0,5-o)})]},o)}))]},r)})),(0,O.jsx)(L,{row:s.length-1,isDropping:p([s.length-1,s.at(-1).length-1,1]),onDragEnter:function(){return d([s.length-1,s.at(-1).length-1,1])},onDragLeave:function(){return A([s.length-1,s.at(-1).length-1,1])},onDrop:f})]})}function V(n){var r,e=n.isDropping,t=n.control,o=void 0!==t&&t,i=n.classes,a=void 0===i?[]:i,l=W(n,D);return(0,O.jsx)("div",M({"data-is-control":o,className:[S.dropTargetHalf,e?S.droppable:""].concat((r=a,function(n){if(Array.isArray(n))return Y(n)}(r)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(r)||N(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())).join(" ")},l))}function _(n){var r=n.bind,e=W(n,P);return(0,O.jsx)(V,M({control:l(r)},e))}function G(n){var r=n.bind,e=W(n,T);return(0,O.jsx)(V,M({control:l(r),classes:[S.secondHalf]},e))}function L(n){n.row;var r=n.isDropping,e=W(n,Z);return(0,O.jsx)("div",M({"data-drop-mode":"row",className:[S.dropTargetRow,r?S.droppable:""].join(" ")},e))}var K=e(64261),z=e(96186),Q=e(91118),X=e(61953),F=e(81404),J=e(27926),$=e(94184),nn=e.n($),rn=e(39017);function en(n,r){if(n){if("string"==typeof n)return tn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?tn(n,r):void 0}}function tn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}var on=function(n){return{value:"&kp",params:[{value:n,params:[]}]}},an=[{pattern:/[0-9]/,convert:function(n){return on("N".concat(n))}},{pattern:/[a-z]/,convert:function(n){return on(n.toUpperCase())}},{pattern:/[A-Z]/,convert:function(n){return{value:"&kp",params:[{value:"LS",params:[{value:n.toUpperCase(),params:[]}]}]}}}],ln={"!":on("EXCL"),"@":on("AT"),"#":on("POUND"),$:on("DLLR"),"%":on("PRCNT"),"^":on("CARET"),"&":on("AMPS"),"*":on("STAR"),"(":on("LPAR"),")":on("RPAR"),"\n":on("RET")," ":on("SPACE"),"-":on("MINUS"),_:on("UNDER"),"=":on("EQUAL"),"+":on("PLUS"),"[":on("LBKT"),"]":on("LBRC"),"{":on("RBKT"),"}":on("RBRC"),"\\":on("BSLH"),"|":on("PIPE"),"":on("TILDE2"),";":on("SEMI"),":":on("COLON"),"'":on("SQT"),'"':on("DQT"),"`":on("GRAVE"),"~":on("TILDE"),",":on("COMMA"),"<":on("LT"),".":on("DOT"),">":on("GT"),"/":on("FSLH"),"?":on("QMARK")};var cn=function(n){var r,e,o=n.onClose,i=(r=(0,t.useState)("Type something..."),e=2,function(n){if(Array.isArray(n))return n}(r)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,e)||en(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=i[0],l=i[1],c=(0,t.useMemo)((function(){return a.split("").reduce((function(n,r){var e=function(n){if(ln[n])return ln[n];var r,e=function(n,r){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!e){if(Array.isArray(n)||(e=en(n))){e&&(n=e);var t=0,o=function(){};return{s:o,n:function(){return t>=n.length?{done:!0}:{done:!1,value:n[t++]}},e:function(n){throw n},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return a=n.done,n},e:function(n){l=!0,i=n},f:function(){try{a||null==e.return||e.return()}finally{if(l)throw i}}}}(an);try{for(e.s();!(r=e.n()).done;){var t=r.value,o=t.pattern,i=t.convert;if(n.match(o))return i(n)}}catch(n){e.e(n)}finally{e.f()}}(r);return e&&n.push(e),n}),[])}),[a]),u=(0,rn.NE)(c),s=(0,t.useCallback)((function(n){n&&(n.focus(),n.select())}),[]);return(0,O.jsx)(K.Z,{children:(0,O.jsxs)(z.Z,{dismissText:!1,children:[(0,O.jsx)("h2",{children:"Create Typing Sequence"}),(0,O.jsx)("p",{children:"Type a message to generate a sequence of bindings in the macro."}),(0,O.jsx)("textarea",{value:a,ref:s,style:{width:"100%",height:"6rem"},onChange:function(n){return l(n.target.value)}}),(0,O.jsx)("div",{className:C.macroBindings,children:u.map((function(n,r){return(0,O.jsx)(t.Fragment,{children:(0,O.jsx)(Q.Z,{selectable:!1,themeClass:nn()(X.Z.keyDefaultTheme,X.Z.unified),children:(0,O.jsx)(F.Z,{node:n.params[0],onSelect:function(){}})})},r)}))}),(0,O.jsxs)("div",{className:C.macroActions,children:[(0,O.jsx)(J.Z,{onClick:function(){return o(u)},children:"Add to macro"}),(0,O.jsx)(J.Z,{onClick:function(){return o([])},secondary:!0,children:"Cancel"})]})]})})},un=e(82607),sn=e(41051),dn=e(56803),pn=e(29709),An=e(80671);function fn(n){return fn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},fn(n)}function bn(n){return function(n){if(Array.isArray(n))return hn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||yn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function mn(n,r){return function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,r)||yn(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function yn(n,r){if(n){if("string"==typeof n)return hn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?hn(n,r):void 0}}function hn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function gn(n){var r=n.bindings,e=n.onUpdate,o=mn((0,t.useState)(null),2),i=o[0],a=o[1],c=mn((0,t.useState)(null),2),u=c[0],s=c[1],d=mn((0,K.X)(),3),p=d[0],A=d[1],f=d[2],b=function(n,r){var e=(0,t.useCallback)((function(e,t){r((0,pn.xw)(n,e,t))}),[n,r]),o=(0,t.useCallback)((function(e){r((0,pn.f5)(n,e))}),[n,r]),i=(0,t.useCallback)((function(e){r([].concat(bn(n),bn(e)))}),[n,r]),a=(0,t.useCallback)((function(){i([{value:"&macro_press",params:[]}])}),[i]),l=(0,t.useCallback)((function(){i([{value:"&kp",params:[]}])}),[i]);return[e,o,i,a,l]}(r,e),m=mn(b,5),y=m[0],h=m[1],g=m[2],v=m[3],x=m[4];return(0,t.useEffect)((function(){function n(){a(null)}function r(n){n.stopPropagation(),n.preventDefault()}return document.body.addEventListener("drop",n),document.body.addEventListener("dragover",r),function(){document.body.removeEventListener("drop",n),document.body.removeEventListener("dragover",r)}}),[a]),(0,O.jsxs)(O.Fragment,{children:[null!==u&&(0,O.jsx)(An.Z,{context:l(r[u])?"macros":"none",binding:r[u],bindingIndex:u,onCancel:function(){return s(null)},onUpdate:function(n){y(u,n),s(null)},Heading:function(){return null}}),(0,O.jsxs)("div",{className:C.macroBindings,children:[r.map((function(n,e){return(0,O.jsx)(t.Fragment,{children:(0,O.jsxs)(Q.Z,{"data-index":e,themeClass:nn()(X.Z.keyDefaultTheme,(o={},i=C.controlBinding,c=l(n),(i=function(n){var r=function(n,r){if("object"!==fn(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==fn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===fn(r)?r:String(r)}(i))in o?Object.defineProperty(o,i,{value:c,enumerable:!0,configurable:!0,writable:!0}):o[i]=c,o)),draggable:!0,onDragStart:function(n){return function(n,e){if(n.dataTransfer.items.length)n.dataTransfer.clearData();else{var t=r[e];a({index:e,mode:l(t)?"row":"col",isControlBinding:l(t)})}}(n,e)},children:[(0,O.jsx)(un.Z,{binding:n,keyWrapperProps:{themeClass:X.Z.unified,onClick:function(){return s(e)}}}),(0,O.jsx)("div",{className:C.actions,children:(0,O.jsx)(sn.Z,{name:"trash",className:C.deleteBind,onClick:(0,dn.s)((function(){return h(e)}))})})]},e)},e);var o,i,c})),(0,O.jsx)(q,{dragging:i,bindings:r,onDrop:function(n){e((0,pn.xE)(r,i.index,n)),a(null)}})]}),p&&(0,O.jsx)(cn,{onClose:function(n){f(),g(n)}}),(0,O.jsxs)("div",{className:C.macroActions,children:[(0,O.jsx)(J.Z,{onClick:v,children:"Add Control Binding"}),(0,O.jsx)(J.Z,{onClick:x,children:"Add Key Binding"}),(0,O.jsx)(J.Z,{onClick:A,children:"Add String Sequence"})]})]})}gn.propTypes={bindings:a().array.isRequired,onUpdate:a().func.isRequired};var vn=e(49443);function xn(n){return xn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},xn(n)}function Cn(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function En(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?Cn(Object(e),!0).forEach((function(r){jn(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Cn(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function jn(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==xn(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==xn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===xn(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function wn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}var Bn=function(n){var r,e,o,i,a=n.macro,l=n.onUpdate,c=(o=(0,t.useState)(a),i=2,function(n){if(Array.isArray(n))return n}(o)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(o,i)||function(n,r){if(n){if("string"==typeof n)return wn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?wn(n,r):void 0}}(o,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=c[0],s=c[1];return(0,O.jsx)(K.Z,{onDismiss:function(){l(a)},children:(0,O.jsxs)(z.Z,{onDismiss:function(){l(u)},children:[(0,O.jsxs)("h2",{children:["Customize ",(0,O.jsx)("code",{children:a.name})]}),(0,O.jsxs)("div",{children:[(0,O.jsx)(vn.Z,{node:u,onUpdate:s}),(0,O.jsxs)("div",{className:C.field,children:[(0,O.jsx)("label",{htmlFor:"customize-macro-wait",children:"Wait (ms)"}),(0,O.jsx)("input",{id:"customize-macro-wait",type:"number",placeholder:"Default",value:(null===(r=u.properties["wait-ms"])||void 0===r?void 0:r.parsed)||"",onChange:function(n){return s((function(r){return En(En({},r),{},{properties:En(En({},r.properties),{},{"wait-ms":""===n.target.value?void 0:{parsed:Number(n.target.value)}})})}))}})]}),(0,O.jsxs)("div",{className:C.field,children:[(0,O.jsx)("label",{htmlFor:"customize-macro-tap",children:"Tap (ms)"}),(0,O.jsx)("input",{id:"customize-macro-tap",type:"number",placeholder:"Default",value:(null===(e=u.properties["tap-ms"])||void 0===e?void 0:e.parsed)||"",onChange:function(n){return s((function(r){return En(En({},r),{},{properties:En(En({},r.properties),{},{"tap-ms":""===n.target.value?void 0:{parsed:Number(n.target.value)}})})}))}})]})]})]})})},Sn=e(12736);function On(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function kn(n){var r,e,o=n.index,i=n.macro,a=n.dispatch,l=(r=(0,t.useState)(!1),e=2,function(n){if(Array.isArray(n))return n}(r)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,e)||function(n,r){if(n){if("string"==typeof n)return On(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?On(n,r):void 0}}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],u=l[1],s=(0,t.useCallback)((function(n){n.stopPropagation&&n.stopPropagation(),u(!0)}),[u]),d=(0,t.useCallback)((function(n){a((0,Sn.F0)({index:o,bindings:n}))}),[a,o]),p=(0,t.useCallback)((function(n){window.confirm("Really delete macro: ".concat(i.name,"?"))&&a((0,Sn.I2)({index:n}))}),[i,a]);return(0,O.jsxs)("div",{className:C.macro,children:[c&&(0,O.jsx)(Bn,{macro:i,onUpdate:function(n){u(!1),a((0,Sn.vo)({macroIndex:o,options:n}))}}),(0,O.jsxs)("div",{className:C.heading,children:[(0,O.jsxs)("h5",{onClick:s,children:["&",i.labels[0]]}),(0,O.jsxs)("div",{children:[(0,O.jsx)(sn.Z,{name:"wrench",className:"".concat(C.action),onClick:s}),(0,O.jsx)(sn.Z,{name:"trash-can",className:"".concat(C.action," ").concat(C.remove),onClick:p})]})]}),(0,O.jsx)(gn,{bindings:i.properties.bindings.parsed,onUpdate:d})]})}kn.propTypes={index:a().number.isRequired,macro:a().shape({name:a().string.isRequired,labels:a().arrayOf(a().string).isRequired,properties:a().object.isRequired}).isRequired,dispatch:a().func.isRequired};var Dn=kn,Pn=e(94062),Tn=e(62417),Zn=e(97494);function In(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}function Rn(n){var r,e,o=n.onCreate,i=n.onCancel,a=(r=(0,t.useState)("new_macro"),e=2,function(n){if(Array.isArray(n))return n}(r)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,e)||function(n,r){if(n){if("string"==typeof n)return In(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?In(n,r):void 0}}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=a[0],c=a[1],u=(0,t.useCallback)((function(n){return c(n.target.value)}),[c]),s=(0,t.useCallback)((function(){o(function(n){var r=[n],e=n.toUpperCase();return{name:n,labels:r,properties:{compatible:{parsed:"zmk,behavior-macro",raw:'"zmk,behavior-macro"'},label:{parsed:e,raw:'"'.concat(e,'"')},"#binding-cells":{parsed:0,raw:"<0>"},bindings:{parsed:[{value:"&none",params:[]}],raw:"&none"}}}}(l))}),[l,o]),d=(0,Tn.zq)(l);return(0,O.jsx)(K.Z,{onDismiss:i,children:(0,O.jsxs)(z.Z,{dismissText:null,children:[(0,O.jsx)("h3",{children:"Add new macro"}),(0,O.jsx)("div",{children:(0,O.jsxs)("label",{children:["Macro name: ",(0,O.jsx)(Zn.Z,{required:!0,value:l,validator:Tn.zq,onChange:u})]})}),(0,O.jsx)("p",{children:(0,O.jsxs)("em",{children:["This value will be used for binding the macro's actions in your keymap (e.g. ",(0,O.jsxs)("code",{children:["&",l]}),") and should be unique. It will also be used internally for the node name and label property, which you can customize later."]})}),(0,O.jsxs)("div",{style:{textAlign:"center",margin:"10px"},children:[(0,O.jsx)(J.Z,{disabled:!l||d,onClick:s,children:"Create"}),(0,O.jsx)(J.Z,{onClick:i,secondary:!0,children:"Cancel"})]})]})})}function Nn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}Rn.propTypes={onCreate:a().func.isRequired,onCancel:a().func.isRequired};var Yn=function(){var n,r,e=(0,o.v9)(Sn.bU),i=(0,o.I0)(),a=(n=(0,K.X)(),r=3,function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(e=e.call(n)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(t=i.call(e)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,r)||function(n,r){if(n){if("string"==typeof n)return Nn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Nn(n,r):void 0}}(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=a[0],c=a[1],u=a[2],s=(0,t.useCallback)((function(n){i((0,Sn.xd)(n)),u()}),[u,i]);return(0,O.jsxs)("div",{className:C.main,children:[(0,O.jsxs)("div",{className:C.header,children:[(0,O.jsx)(Pn.Z,{url:"https://zmk.dev/docs/behaviors/macros",text:"ZMK Docs: Macros"}),l&&(0,O.jsx)(Rn,{onCreate:s,onCancel:u})]}),e.map((function(n,r){return(0,O.jsx)(Dn,{macro:n,index:r,dispatch:i},r)})),(0,O.jsxs)("div",{className:C.footer,children:[(0,O.jsx)(J.Z,{onClick:c,children:"Add New Macro"}),(0,O.jsxs)("p",{style:{margin:"5px 0",textAlign:"left"},children:[(0,O.jsx)(sn.Z,{name:"bullhorn"})," ZMK has added parameterized macros but I'm not ready to implement them fully. So far you can pre-define them in the raw keymap source and it ",(0,O.jsx)("em",{children:"should"})," be able to parse params for simple cases. If things break please do let me know!"]})]})]})}},56803:function(n,r,e){"use strict";function t(n){return function(r){r.stopPropagation(),n()}}function o(n){return function(r){n[r.key]&&n[r.key]()}}e.d(r,{s:function(){return t},w:function(){return o}})},29709:function(n,r,e){"use strict";function t(n){return function(n){if(Array.isArray(n))return o(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,r){if(n){if("string"==typeof n)return o(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?o(n,r):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}e.d(r,{f5:function(){return i},xE:function(){return l},xw:function(){return a}});var i=function(n,r){return[].concat(t(n.slice(0,r)),t(n.slice(r+1)))},a=function(n,r,e){return[].concat(t(n.slice(0,r)),[e],t(n.slice(r+1)))};function l(n,r,e){return-1===e?[].concat(t(n.filter((function(n,e){return e!==r}))),[n[r]]):n.reduce((function(t,o,i){return i===e&&t.push(n[r]),i!==r&&t.push(o),t}),[])}},33988:function(n,r,e){"use strict";var t=e(87537),o=e.n(t),i=e(23645),a=e.n(i)()(o());a.push([n.id,".OaJISbD1WCmb03at77EG {\n  position: relative;\n}\n\n.MUN9De8dUvbPGH9cEDoQ {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.MUN9De8dUvbPGH9cEDoQ::before {\n  position: absolute;\n  display: block;\n  content: ' ';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n","",{version:3,sources:["webpack://./src/Common/input.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,gBAAgB;EAChB,WAAW;;EAEX,kBAAkB;EAClB,gBAAgB;;EAEhB,YAAY;EACZ,wCAAwC;EACxC,cAAc;EACd,uBAAuB;;EAEvB,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,WAAW;;EAEX,SAAS;EACT,WAAW;EACX,YAAY;;EAEZ,wCAAwC;EACxC,8CAA8C;AAChD",sourcesContent:[".wrapper {\n  position: relative;\n}\n\n.error {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.error::before {\n  position: absolute;\n  display: block;\n  content: ' ';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n"],sourceRoot:""}]),a.locals={wrapper:"OaJISbD1WCmb03at77EG",error:"MUN9De8dUvbPGH9cEDoQ"},r.Z=a},35839:function(n,r,e){"use strict";var t=e(87537),o=e.n(t),i=e(23645),a=e.n(i)()(o());a.push([n.id,'\n.O8SEfqE2Ewc3b7c7mY_N {\n  position:absolute;\n  top: -5px;\n  left: 0px;\n  width: 100%;\n  /* border: 1px solid red; */\n  /* padding: 5px; */\n  /* opacity: 0.5; */\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.s9O56LWZBKHctVZ4a6fa {\n  position: relative;\n  width: 37.5px;\n  height: 65px;\n  margin: 0;\n}\n\n.s9O56LWZBKHctVZ4a6fa[data-is-control="true"] {\n  width: 450px;\n  height: 15px;\n}\n\n.NNwZmurJWlIfvb3BWlNX {\n  position: relative;\n  width: 450px;\n  height: 10px;\n}\n.NNwZmurJWlIfvb3BWlNX.wVYVfDVsCKFNjQcGKIVI::after {\n  content: \'\';\n  display: block;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  width: 450px;\n  height: 4px;\n  background-color: var(--selection);\n}\n.MDfy6RcGBlm8W_ChRhyP[data-extend="1"] { width: calc(37.5px + 1 * 75px); }\n.MDfy6RcGBlm8W_ChRhyP[data-extend="2"] { width: calc(37.5px + 2 * 75px); }\n.MDfy6RcGBlm8W_ChRhyP[data-extend="3"] { width: calc(37.5px + 3 * 75px); }\n.MDfy6RcGBlm8W_ChRhyP[data-extend="4"] { width: calc(37.5px + 4 * 75px); }\n.MDfy6RcGBlm8W_ChRhyP[data-extend="5"] { width: calc(37.5px + 5 * 75px); }\n\n/* .dropTargetHalf {\n  background-color: blue;\n  opacity: 0.25;\n}\n.dropTargetHalf.secondHalf {\n  background-color: red;\n}\n.dropTargetRow {\n  background-color: purple;\n  opacity: 0.25;\n} */\n\n.wVYVfDVsCKFNjQcGKIVI.s9O56LWZBKHctVZ4a6fa:not(.MDfy6RcGBlm8W_ChRhyP):not([data-is-control="true"])::before,\n.wVYVfDVsCKFNjQcGKIVI.MDfy6RcGBlm8W_ChRhyP:not([data-is-control="true"])::after {\n  content: \'\';\n  display: block;\n  height: 65px;\n  width: 4px;\n  border-radius: 4px;\n  background-color: var(--selection);\n}\n\n.AuFB9WiCynP_oONYhOvq .wVYVfDVsCKFNjQcGKIVI:not([data-drop-mode="row"])::before,\n.AuFB9WiCynP_oONYhOvq .wVYVfDVsCKFNjQcGKIVI:not([data-drop-mode="row"])::after {\n   visibility: hidden;\n }\n\n.s9O56LWZBKHctVZ4a6fa:not(.MDfy6RcGBlm8W_ChRhyP):not([data-is-control="true"])::before {\n  transform: translate(-50%, 0);\n}\n.MDfy6RcGBlm8W_ChRhyP:not([data-is-control="true"])::after {\n  position: absolute;\n  left: 32.5px;\n  transform: translate(50%, 0);\n}\n',"",{version:3,sources:["webpack://./src/Keyboard/Macros/drag-and-drop.module.css"],names:[],mappings:";AACA;EACE,iBAAiB;EACjB,SAAS;EACT,SAAS;EACT,WAAW;EACX,2BAA2B;EAC3B,kBAAkB;EAClB,kBAAkB;EAClB,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,SAAS;AACX;;AAEA;EACE,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,YAAY;AACd;AACA;EACE,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,QAAQ;EACR,6BAA6B;EAC7B,YAAY;EACZ,WAAW;EACX,kCAAkC;AACpC;AACA,yCAA+B,8BAA8B,EAAE;AAC/D,yCAA+B,8BAA8B,EAAE;AAC/D,yCAA+B,8BAA8B,EAAE;AAC/D,yCAA+B,8BAA8B,EAAE;AAC/D,yCAA+B,8BAA8B,EAAE;;AAE/D;;;;;;;;;;GAUG;;AAEH;;EAEE,WAAW;EACX,cAAc;EACd,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,kCAAkC;AACpC;;AAEA;;GAEG,kBAAkB;CACpB;;AAED;EACE,6BAA6B;AAC/B;AACA;EACE,kBAAkB;EAClB,YAAY;EACZ,4BAA4B;AAC9B",sourcesContent:['\n.dropTargets {\n  position:absolute;\n  top: -5px;\n  left: 0px;\n  width: 100%;\n  /* border: 1px solid red; */\n  /* padding: 5px; */\n  /* opacity: 0.5; */\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.dropTargetHalf {\n  position: relative;\n  width: 37.5px;\n  height: 65px;\n  margin: 0;\n}\n\n.dropTargetHalf[data-is-control="true"] {\n  width: 450px;\n  height: 15px;\n}\n\n.dropTargetRow {\n  position: relative;\n  width: 450px;\n  height: 10px;\n}\n.dropTargetRow.droppable::after {\n  content: \'\';\n  display: block;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  width: 450px;\n  height: 4px;\n  background-color: var(--selection);\n}\n.secondHalf[data-extend="1"] { width: calc(37.5px + 1 * 75px); }\n.secondHalf[data-extend="2"] { width: calc(37.5px + 2 * 75px); }\n.secondHalf[data-extend="3"] { width: calc(37.5px + 3 * 75px); }\n.secondHalf[data-extend="4"] { width: calc(37.5px + 4 * 75px); }\n.secondHalf[data-extend="5"] { width: calc(37.5px + 5 * 75px); }\n\n/* .dropTargetHalf {\n  background-color: blue;\n  opacity: 0.25;\n}\n.dropTargetHalf.secondHalf {\n  background-color: red;\n}\n.dropTargetRow {\n  background-color: purple;\n  opacity: 0.25;\n} */\n\n.droppable.dropTargetHalf:not(.secondHalf):not([data-is-control="true"])::before,\n.droppable.secondHalf:not([data-is-control="true"])::after {\n  content: \'\';\n  display: block;\n  height: 65px;\n  width: 4px;\n  border-radius: 4px;\n  background-color: var(--selection);\n}\n\n.dropRowOnly .droppable:not([data-drop-mode="row"])::before,\n.dropRowOnly .droppable:not([data-drop-mode="row"])::after {\n   visibility: hidden;\n }\n\n.dropTargetHalf:not(.secondHalf):not([data-is-control="true"])::before {\n  transform: translate(-50%, 0);\n}\n.secondHalf:not([data-is-control="true"])::after {\n  position: absolute;\n  left: 32.5px;\n  transform: translate(50%, 0);\n}\n'],sourceRoot:""}]),a.locals={dropTargets:"O8SEfqE2Ewc3b7c7mY_N",dropTargetHalf:"s9O56LWZBKHctVZ4a6fa",dropTargetRow:"NNwZmurJWlIfvb3BWlNX",droppable:"wVYVfDVsCKFNjQcGKIVI",secondHalf:"MDfy6RcGBlm8W_ChRhyP",dropRowOnly:"AuFB9WiCynP_oONYhOvq"},r.Z=a},96201:function(n,r,e){"use strict";var t=e(87537),o=e.n(t),i=e(23645),a=e.n(i)()(o());a.push([n.id,".kc8Au327pmIjKO7auLXT {\n  padding-bottom: 60px;\n}\n\n.iNHvhyaEJ4ILoK0oc97e, .QSl4rRImPNo_Abu68kKW {\n  width: 550px;\n  margin: 1px auto;\n}\n.QSl4rRImPNo_Abu68kKW {\n  text-align: center;\n  margin-top: 10px;\n  padding-top: 20px;\n  border-top: 2px solid var(--key-bg-base);\n}\n\n.Us3Ihf0AoVbZvDulP74Q {\n  width: 550px;\n  margin: 10px auto 40px;\n}\n.OVI4IkVsVzyk0eIAn9NX {\n  display: flex;\n  position: relative;\n  justify-content: space-between;\n  border-bottom: 2px solid var(--key-bg-base);\n  margin: 5px 0;\n}\n.OVI4IkVsVzyk0eIAn9NX h5 {\n  margin: 0;\n  cursor: pointer;\n}\n.QNlSO_GSGhRfUFRE_v8E {\n  cursor: pointer;\n  padding: 5px;\n  opacity: 0.6;\n}\n.QNlSO_GSGhRfUFRE_v8E:hover {\n  opacity: 1;\n}\n.DvzBwGDH7HsnnIbqaeHi {\n  color: var(--delete);\n}\n\n.mwhR_W7iqHq803xNBV1H {\n  text-align: center;\n}\n.mwhR_W7iqHq803xNBV1H > * {\n  margin: 5px;\n}\n\n.TBgT7nB7JSSjnTpMQeXp {\n  position: relative;\n  width: 450px;\n  /* border: 1px solid lightgray; */\n  margin: 0 auto;\n  padding: 5px;\n\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.TBgT7nB7JSSjnTpMQeXp > * {\n  margin: 5px;\n  width: 65px;\n  height: 65px;\n}\n\n.YMJbsLvnEGObUy4Y_i6w {\n  width: 100%;\n  height: 30px;\n  box-sizing: border-box;\n}\n.YMJbsLvnEGObUy4Y_i6w:hover {\n  background-color: var(--hover-selection);\n  color: var(--key-color-hover);\n}\n.YMJbsLvnEGObUy4Y_i6w > :first-child {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.TBgT7nB7JSSjnTpMQeXp [draggable] {\n  cursor: grab;\n}\n\n.I5drc4dA5Kpshp3PPle1 {\n  visibility: hidden;\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  font-size: 80%;\n\n  color: var(--key-color-hover);\n}\n.I5drc4dA5Kpshp3PPle1 > * {\n  margin: 2px;\n  opacity: 0.5;\n  cursor: pointer;\n}\n.TBgT7nB7JSSjnTpMQeXp :hover .I5drc4dA5Kpshp3PPle1 {\n  visibility: visible;\n  z-index: 10;\n}\n\n.I5drc4dA5Kpshp3PPle1 :hover {\n  opacity: 1;\n}\n\n\n.iD9DsKMZZ1dQxr04488w {\n  margin: 10px 0;\n  display: flex;\n}\n\n.iD9DsKMZZ1dQxr04488w label {\n  display: inline-block;\n  width: 120px;\n  text-align: right;\n  margin-right: 10px;\n}\n\n.quGO7XFPrHoYiqu22mwg {\n  font-size: 80%;\n}","",{version:3,sources:["webpack://./src/Keyboard/Macros/styles.module.css"],names:[],mappings:"AAAA;EACE,oBAAoB;AACtB;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,wCAAwC;AAC1C;;AAEA;EACE,YAAY;EACZ,sBAAsB;AACxB;AACA;EACE,aAAa;EACb,kBAAkB;EAClB,8BAA8B;EAC9B,2CAA2C;EAC3C,aAAa;AACf;AACA;EACE,SAAS;EACT,eAAe;AACjB;AACA;EACE,eAAe;EACf,YAAY;EACZ,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,oBAAoB;AACtB;;AAEA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,iCAAiC;EACjC,cAAc;EACd,YAAY;;EAEZ,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;AACxB;AACA;EACE,wCAAwC;EACxC,6BAA6B;AAC/B;AACA;EACE,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,cAAc;;EAEd,6BAA6B;AAC/B;AACA;EACE,WAAW;EACX,YAAY;EACZ,eAAe;AACjB;AACA;EACE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,UAAU;AACZ;;;AAGA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,qBAAqB;EACrB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB",sourcesContent:[".main {\n  padding-bottom: 60px;\n}\n\n.header, .footer {\n  width: 550px;\n  margin: 1px auto;\n}\n.footer {\n  text-align: center;\n  margin-top: 10px;\n  padding-top: 20px;\n  border-top: 2px solid var(--key-bg-base);\n}\n\n.macro {\n  width: 550px;\n  margin: 10px auto 40px;\n}\n.heading {\n  display: flex;\n  position: relative;\n  justify-content: space-between;\n  border-bottom: 2px solid var(--key-bg-base);\n  margin: 5px 0;\n}\n.heading h5 {\n  margin: 0;\n  cursor: pointer;\n}\n.action {\n  cursor: pointer;\n  padding: 5px;\n  opacity: 0.6;\n}\n.action:hover {\n  opacity: 1;\n}\n.remove {\n  color: var(--delete);\n}\n\n.macroActions {\n  text-align: center;\n}\n.macroActions > * {\n  margin: 5px;\n}\n\n.macroBindings {\n  position: relative;\n  width: 450px;\n  /* border: 1px solid lightgray; */\n  margin: 0 auto;\n  padding: 5px;\n\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.macroBindings > * {\n  margin: 5px;\n  width: 65px;\n  height: 65px;\n}\n\n.controlBinding {\n  width: 100%;\n  height: 30px;\n  box-sizing: border-box;\n}\n.controlBinding:hover {\n  background-color: var(--hover-selection);\n  color: var(--key-color-hover);\n}\n.controlBinding > :first-child {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.macroBindings [draggable] {\n  cursor: grab;\n}\n\n.actions {\n  visibility: hidden;\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  font-size: 80%;\n\n  color: var(--key-color-hover);\n}\n.actions > * {\n  margin: 2px;\n  opacity: 0.5;\n  cursor: pointer;\n}\n.macroBindings :hover .actions {\n  visibility: visible;\n  z-index: 10;\n}\n\n.actions :hover {\n  opacity: 1;\n}\n\n\n.field {\n  margin: 10px 0;\n  display: flex;\n}\n\n.field label {\n  display: inline-block;\n  width: 120px;\n  text-align: right;\n  margin-right: 10px;\n}\n\n.betaDisclaimer {\n  font-size: 80%;\n}"],sourceRoot:""}]),a.locals={main:"kc8Au327pmIjKO7auLXT",header:"iNHvhyaEJ4ILoK0oc97e",footer:"QSl4rRImPNo_Abu68kKW",macro:"Us3Ihf0AoVbZvDulP74Q",heading:"OVI4IkVsVzyk0eIAn9NX",action:"QNlSO_GSGhRfUFRE_v8E",remove:"DvzBwGDH7HsnnIbqaeHi",macroActions:"mwhR_W7iqHq803xNBV1H",macroBindings:"TBgT7nB7JSSjnTpMQeXp",controlBinding:"YMJbsLvnEGObUy4Y_i6w",actions:"I5drc4dA5Kpshp3PPle1",field:"iD9DsKMZZ1dQxr04488w",betaDisclaimer:"quGO7XFPrHoYiqu22mwg"},r.Z=a},18446:function(n,r,e){var t=e(90939);n.exports=function(n,r){return t(n,r)}}}]);
//# sourceMappingURL=MacroEditorTab.11d13c9431471c82e581.js.map