(self.webpackChunkapp=self.webpackChunkapp||[]).push([[5819],{94062:function(n,e,r){"use strict";r.d(e,{Z:function(){return a}});var t=r(41051),o=r(2968),i=r(85893);function a(n){var e=n.url,r=n.text;return(0,i.jsxs)(o.Z,{external:!0,href:e,children:[(0,i.jsx)(t.Z,{name:"book"})," ",(0,i.jsx)("span",{children:r})]})}},60439:function(n,e,r){"use strict";r.d(e,{Z:function(){return I}});var t=r(94184),o=r.n(t),i=r(6557),a=r.n(i),l=r(67294),c=r(45697),u=r.n(c),s=r(93379),d=r.n(s),p=r(7795),A=r.n(p),f=r(90569),b=r.n(f),m=r(3565),h=r.n(m),y=r(19216),g=r.n(y),v=r(44589),x=r.n(v),C=r(86015),E={};E.styleTagTransform=x(),E.setAttributes=h(),E.insert=b().bind(null,"head"),E.domAPI=A(),E.insertStyleElement=g(),d()(C.Z,E);var w=C.Z&&C.Z.locals?C.Z.locals:void 0,j=r(41051),B=r(56803),S=r(21517),O=r(85893);function k(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return P(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?P(n,e):void 0}}(n,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.")}()}function P(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function I(n){var e=n.value,r=n.validate,t=n.required,i=n.render,a=n.onUpdate,c=n.showEditOnHover,u=k((0,l.useState)(!1),2),s=u[0],d=u[1],p=(0,l.useCallback)((function(n){d(!1),a(n)}),[d,a]),A=(0,l.useCallback)((function(){d(!1)}),[d]);return s?(0,O.jsx)(Z,{value:e,validate:r,required:t,onConfirm:p,onCancel:A}):i((0,O.jsxs)("span",{className:w.container,"data-show-edit-on-hover":c,children:[(0,O.jsx)("span",{children:e}),(0,O.jsx)(j.Z,{name:"pencil",title:"Edit",className:o()(w.edit,w.buttonIcon),onClick:(0,B.s)((function(){return d(!0)}))})]}))}function Z(n){var e=n.value,r=n.validate,t=n.required,o=n.onConfirm,i=n.onCancel,a=(0,l.useRef)(),c=k((0,l.useState)({value:e,attemptedEmpty:!1}),2),u=c[0],s=u.value,d=u.attemptedEmpty,p=c[1],A=t&&d?"cannot be empty":r&&r(s),f=(0,l.useCallback)((function(n){n&&(n.focus(),n.select())}),[]),b=(0,l.useCallback)((function(n){p({attemptedEmpty:!1,value:n.target.value})}),[p]),m=(0,l.useCallback)((function(){""===s&&t?p({value:"",attemptedEmpty:!0}):A||o(s)}),[s,t,A,o,p]);return(0,S.Z)(a,i,!A),(0,O.jsxs)("span",{className:w.container,ref:a,children:[(0,O.jsx)("input",{ref:f,value:s,onChange:b,onKeyDown:(0,B.w)({Enter:m,Escape:i})}),A&&(0,O.jsx)("span",{className:w.error,children:A}),(0,O.jsxs)("span",{style:{display:"inline flex",flexDirection:"row",gap:"5px",marginLeft:"5px"},children:[(0,O.jsx)(j.Z,{name:"check",title:"Accept",className:w.buttonIcon,onClick:m,disabled:A}),(0,O.jsx)(j.Z,{name:"rotate-left",title:"Reset",className:w.buttonIcon,onClick:i})]})]})}I.propTypes={value:u().string.isRequired,validate:u().func,required:u().bool.isRequired,render:u().func.isRequired,onUpdate:u().func.isRequired,showEditOnHover:u().bool.isRequired},I.defaultProps={render:a(),required:!0,showEditOnHover:!1}},97494:function(n,e,r){"use strict";r.d(e,{Z:function(){return B}});var t=r(45697),o=r.n(t),i=r(93379),a=r.n(i),l=r(7795),c=r.n(l),u=r(90569),s=r.n(u),d=r(3565),p=r.n(d),A=r(19216),f=r.n(A),b=r(44589),m=r.n(b),h=r(33988),y={};y.styleTagTransform=m(),y.setAttributes=p(),y.insert=s().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=f(),a()(h.Z,y);var g=h.Z&&h.Z.locals?h.Z.locals:void 0,v=r(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,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function w(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){j(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function j(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==x(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.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(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function B(n){var e=n.validator,r=n.required,t=void 0!==r&&r,o=n.value,i=void 0===o?"":o,a=function(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},i=Object.keys(n);for(t=0;t<i.length;t++)r=i[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(t=0;t<i.length;t++)r=i[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}(n,C),l=e(i)||!i&&t&&"cannot be empty";return(0,v.jsxs)("span",{className:g.wrapper,children:[(0,v.jsx)("input",w({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,e,r){"use strict";r.d(e,{Z:function(){return x}});var t=r(27361),o=r.n(t),i=r(67294),a=r(45697),l=r.n(a),c=r(97494),u={useRaw:l().bool,raw:l().string,parsed:l().any},s={name:l().string.isRequired,labels:l().arrayOf(l().string).isRequired,properties:l().objectOf((function(n,e,r,t,o){try{l().checkPropTypes({propValue:l().shape(u).isRequired},{propValue:n},t,r)}catch(n){return new Error("Invalid prop `"+o+"` supplied to `"+r+"`. Validation failed.")}})).isRequired},d=r(62417),p=r(85893);function A(n){return A="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},A(n)}function f(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function b(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){m(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function m(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==A(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==A(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===A(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function h(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,e)||y(n,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.")}()}function y(n,e){if(n){if("string"==typeof n)return g(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(n,e):void 0}}function g(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function v(n){var e=n.name,r=n.labels,t=h(void 0===r?[]:r,1)[0],o=n.properties.label;return e.toLowerCase()===(t||"").toLowerCase()&&e.toLowerCase()===((null==o?void 0:o.parsed)||"").toLowerCase()}function x(n){var e=n.node,r=n.onUpdate,t=h((0,i.useState)(v(e)),2),a=t[0],l=t[1],u=h((0,i.useState)(v(e)),2),s=u[0],A=u[1],f=function(n,e,r,t){return[(0,i.useCallback)((function(r){e(b(b({},n),{},{name:r.target.value}))}),[n,e]),(0,i.useCallback)((function(o){var i,a=o.target.value,l=[a].concat(function(n){if(Array.isArray(n))return g(n)}(i=n.labels.slice(1))||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(i)||y(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=r?a:n.name,u=t?b(b({},n.properties),{},{label:{parsed:a.toUpperCase(),raw:'"'.concat(a.toUpperCase(),'"'),useRaw:!1}}):n.properties;e(b(b({},n),{},{name:c,labels:l,properties:u}))}),[n,e,r,t]),(0,i.useCallback)((function(r){return e(b(b({},n),{},{properties:b(b({},n.properties),{},{label:b(b({},n.properties.label),{},{parsed:r.target.value,useRaw:!1})})}))}),[n,e])]}(e,r,a,s),m=h(f,3),x=m[0],C=m[1],E=m[2];return(0,p.jsx)("table",{children:(0,p.jsxs)("tbody",{children:[(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{children:"Bind"}),(0,p.jsx)("td",{children:(0,p.jsx)(c.Z,{type:"text",value:e.labels[0]||"",required:!0,validator:d.zq,onChange:C})})]}),(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{children:"Node"}),(0,p.jsxs)("td",{children:[(0,p.jsx)(c.Z,{value:e.name,required:!0,readOnly:a,disabled:a,validator:d.Gk,onChange:x}),(0,p.jsxs)("label",{title:"Set automatically using bind name",children:[(0,p.jsx)("input",{type:"checkbox",checked:a,onChange:function(n){return l(n.target.checked)}})," Automatic"]})]})]}),(0,p.jsxs)("tr",{children:[(0,p.jsx)("th",{children:"Label"}),(0,p.jsxs)("td",{children:[(0,p.jsx)(c.Z,{type:"text",value:o()(e,"properties.label.parsed",""),readOnly:s,disabled:s,validator:function(){return null},onChange:E}),(0,p.jsxs)("label",{title:"Set automatically using bind name",children:[(0,p.jsx)("input",{type:"checkbox",checked:s,onChange:function(n){return A(n.target.checked)}})," Automatic"]})]})]})]})})}x.propTypes={node:l().shape(s).isRequired,onUpdate:l().func.isRequired}},73445:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return Se}});var t=r(50361),o=r.n(t),i=r(67294),a=r(95998),l=r(18446),c=r.n(l),u=r(45697),s=r.n(u),d=r(94184),p=r.n(d),A=r(95493);function f(n){return["&macro_tap","&macro_press","&macro_release","&macro_tap_time","&macro_wait_time","&macro_pause_for_release","&macro_param_1to1","&macro_param_1to2","&macro_param_2to1","&macro_param_2to2"].includes(n.value)}var b=r(93379),m=r.n(b),h=r(7795),y=r.n(h),g=r(90569),v=r.n(g),x=r(3565),C=r.n(x),E=r(19216),w=r.n(E),j=r(44589),B=r.n(j),S=r(96201),O={};O.styleTagTransform=B(),O.setAttributes=C(),O.insert=v().bind(null,"head"),O.domAPI=y(),O.insertStyleElement=w(),m()(S.Z,O);var k=S.Z&&S.Z.locals?S.Z.locals:void 0,P=r(35839),I={};I.styleTagTransform=B(),I.setAttributes=C(),I.insert=v().bind(null,"head"),I.domAPI=y(),I.insertStyleElement=w(),m()(P.Z,I);var Z=P.Z&&P.Z.locals?P.Z.locals:void 0,D=r(85893),R=["bindings","children","dragging","dragMode"],T=["isDropping","control","classes"],N=["bind"],Y=["bind"],W=["row","isDropping"];function V(n){return V="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},V(n)}function q(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,e)||M(n,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.")}()}function M(n,e){if(n){if("string"==typeof n)return U(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?U(n,e):void 0}}function U(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function _(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},i=Object.keys(n);for(t=0;t<i.length;t++)r=i[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(t=0;t<i.length;t++)r=i[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}function H(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function z(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?H(Object(r),!0).forEach((function(e){X(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function X(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==V(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==V(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===V(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function K(n){var e=n.bindings,r=(n.children,n.dragging),t=n.dragMode,o=_(n,R),a=q((0,i.useState)([null,null]),2),l=a[0],u=a[1],s=(0,i.useMemo)((function(){return function(n){return n.reduce((function(n,e,r){var t=function(){return 0===n.at(-1).length};return(f(e)&&!t()||!t()&&f(n.at(-1)[0])||6===n.at(-1).length)&&n.push([]),n.at(-1).push(z(z({},e),{},{index:r})),n}),[[]])}(e)}),[e]);function d(n){u((function(){return n}))}function p(n){return c()(l,n)}function A(n){u((function(e){return c()(e,n)?[null,null]:e}))}function b(){var n=q(l,3),r=n[0],t=n[1],i=n[2],a=s[r][t].index,c=a<e.length-1?a+1:-1;o.onDrop(1===i?c:a)}return r&&(0,D.jsxs)("div",{className:[Z.dropTargets,r?Z.dragging:"","row"===t?Z.dropRowOnly:""].join(" "),children:[s.map((function(n,e){return(0,D.jsxs)(i.Fragment,{children:[(0,D.jsx)(J,{row:n,isDropping:p([e,0,-1]),onDragEnter:function(){return d([e,0,-1])},onDragLeave:function(){return A([e,0,-1])},onDrop:b}),n.map((function(r,t){return(0,D.jsxs)(i.Fragment,{children:[(0,D.jsx)(F,{bind:r,isDropping:p([e,t,0]),onDragEnter:function(){return d([e,t,0])},onDragLeave:function(){return A([e,t,0])},onDrop:b}),(0,D.jsx)(G,{bind:r,isDropping:p([e,t,1]),onDragEnter:function(){return d([e,t,1])},onDragLeave:function(){return A([e,t,1])},onDrop:b,"data-extend":f(r)||t!==n.length-1?0:Math.max(0,5-t)})]},t)}))]},e)})),(0,D.jsx)(J,{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:b})]})}function L(n){var e,r=n.isDropping,t=n.control,o=void 0!==t&&t,i=n.classes,a=void 0===i?[]:i,l=_(n,T);return(0,D.jsx)("div",z({"data-is-control":o,className:[Z.dropTargetHalf,r?Z.droppable:""].concat((e=a,function(n){if(Array.isArray(n))return U(n)}(e)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(e)||M(e)||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 F(n){var e=n.bind,r=_(n,N);return(0,D.jsx)(L,z({control:f(e)},r))}function G(n){var e=n.bind,r=_(n,Y);return(0,D.jsx)(L,z({control:f(e),classes:[Z.secondHalf]},r))}function J(n){n.row;var e=n.isDropping,r=_(n,W);return(0,D.jsx)("div",z({"data-drop-mode":"row",className:[Z.dropTargetRow,e?Z.droppable:""].join(" ")},r))}var Q=r(27926),$=r(64261),nn=r(96186),en=r(94062),rn=r(91118),tn=r(61953),on=r(81404),an=r(39017),ln=r(86075);function cn(n,e){if(n){if("string"==typeof n)return un(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?un(n,e):void 0}}function un(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var sn=function(n){return{value:"&kp",params:[{value:n,params:[]}]}},dn=[{pattern:/[0-9]/,convert:function(n){return sn("N".concat(n))}},{pattern:/[a-z]/,convert:function(n){return sn(n.toUpperCase())}},{pattern:/[A-Z]/,convert:function(n){return{value:"&kp",params:[{value:"LS",params:[{value:n.toUpperCase(),params:[]}]}]}}}],pn={"!":sn("EXCL"),"@":sn("AT"),"#":sn("POUND"),$:sn("DLLR"),"%":sn("PRCNT"),"^":sn("CARET"),"&":sn("AMPS"),"*":sn("STAR"),"(":sn("LPAR"),")":sn("RPAR"),"\n":sn("RET")," ":sn("SPACE"),"-":sn("MINUS"),_:sn("UNDER"),"=":sn("EQUAL"),"+":sn("PLUS"),"[":sn("LBKT"),"]":sn("LBRC"),"{":sn("RBKT"),"}":sn("RBRC"),"\\":sn("BSLH"),"|":sn("PIPE"),"":sn("TILDE2"),";":sn("SEMI"),":":sn("COLON"),"'":sn("SQT"),'"':sn("DQT"),"`":sn("GRAVE"),"~":sn("TILDE"),",":sn("COMMA"),"<":sn("LT"),".":sn("DOT"),">":sn("GT"),"/":sn("FSLH"),"?":sn("QMARK")};function An(n){var e,r,t,o=n.onClose,l=(r=(0,i.useState)("Type something..."),t=2,function(n){if(Array.isArray(n))return n}(r)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,t)||cn(r,t)||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=null===(e=(0,a.v9)(ln.l9))||void 0===e?void 0:e.enable_send_string_behavior,d=(0,i.useMemo)((function(){return c.split("").reduce((function(n,e){var r=function(n){if(pn[n])return pn[n];var e,r=function(n,e){var r="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!r){if(Array.isArray(n)||(r=cn(n))){r&&(n=r);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(){r=r.call(n)},n:function(){var n=r.next();return a=n.done,n},e:function(n){l=!0,i=n},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw i}}}}(dn);try{for(r.s();!(e=r.n()).done;){var t=e.value,o=t.pattern,i=t.convert;if(n.match(o))return i(n)}}catch(n){r.e(n)}finally{r.f()}}(e);return r&&n.push(r),n}),[])}),[c]),A=(0,an.NE)(d),f=(0,i.useCallback)((function(n){n&&(n.focus(),n.select())}),[]);return(0,D.jsx)($.Z,{children:(0,D.jsxs)(nn.Z,{dismissText:!1,children:[(0,D.jsx)("h2",{children:"Create Typing Sequence"}),(0,D.jsx)("p",{children:"Type a message to generate a sequence of bindings in the macro."}),s&&(0,D.jsxs)("p",{children:[(0,D.jsx)("strong",{children:"Note:"})," the new ",(0,D.jsx)(en.Z,{url:"https://zmk.dev/docs/behaviors/send-string",text:"ZMK Docs: Send String Behavior"})," provides a simpler and more efficient way to trigger the input of a sequence of characters."]}),(0,D.jsx)("textarea",{value:c,ref:f,style:{width:"100%",height:"6rem"},onChange:function(n){return u(n.target.value)}}),(0,D.jsx)("div",{className:k.macroBindings,children:A.map((function(n,e){return(0,D.jsx)(i.Fragment,{children:(0,D.jsx)(rn.Z,{selectable:!1,themeClass:p()(tn.Z.keyDefaultTheme,tn.Z.unified),children:(0,D.jsx)(on.Z,{node:n.params[0],onSelect:function(){}})})},e)}))}),(0,D.jsxs)("div",{className:k.macroActions,children:[(0,D.jsx)(Q.Z,{onClick:function(){return o(A)},children:"Add to macro"}),(0,D.jsx)(Q.Z,{onClick:function(){return o([])},secondary:!0,children:"Cancel"})]})]})})}var fn=r(82607),bn=r(41051),mn=r(56803),hn=r(29709),yn=r(63105),gn=r.n(yn),vn=r(7739),xn=r.n(vn),Cn=r(35161),En=r.n(Cn),wn=r(44908),jn=r.n(wn),Bn=r(5454),Sn=r(27234),On=r(95130),kn=r(81485),Pn=r(41696);function In(n){return function(n){if(Array.isArray(n))return Dn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||Zn(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 Zn(n,e){if(n){if("string"==typeof n)return Dn(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Dn(n,e):void 0}}function Dn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var Rn=On.behaviorBindings.reduce(On.behaviorMapReducer,{});function Tn(n){return(0,i.useMemo)((function(){return n.reduce((function(e,r,t){return(0,Sn.isParameterControlBinding)(r)&&e.push({controlBindingIndex:t,affectedBindingIndex:(0,Sn.findFirstNonControlBindingIndex)(n,Rn,t),affectedParamIndex:(0,Sn.getTargetParameterIndex)(r)}),e}),[])}),[n])}function Nn(n,e){var r=Tn(n);return(0,i.useMemo)((function(){return En()(gn()(r,{affectedBindingIndex:e}),"affectedParamIndex").map((function(n){return{paramIndex:n,slot:{type:"command",const:{code:"MACRO_PLACEHOLDER",displayName:"Placeholder",description:"This placeholder will be substituted with parameters given when the macro is bound",params:[]}}}}))}),[r,e])}function Yn(n){var e=Tn(n),r=(0,i.useContext)(kn.c).behaviorParameters;return(0,i.useMemo)((function(){return[].concat(In(function(n){return n.reduce((function(n,e){return-1===e.affectedBindingIndex&&n.push({message:"Parameter assignment has no affected binding",affectedBindings:[e.controlBindingIndex]}),n}),[])}(e)),In(function(n){var e=xn()(n,"affectedBindingIndex");return Object.keys(e).reduce((function(n,r){var t=e[r];if(t.length>1){var o=xn()(t,"affectedParamIndex");for(var i in o){var a=o[i];a.length>1&&n.push({message:"Multiple substitions to the same binding parameter",affectedBindings:jn()([].concat(In(En()(a,"controlBindingIndex")),[r]))})}}return n}),[])}(e)),In(function(n,e){return n.reduce((function(n,r){var t,o,i=e[r.affectedBindingIndex];if(i&&0===r.affectedParamIndex){var a,l=(t=Bn.baseParametersByCode[i.value]||[],o=1,function(n){if(Array.isArray(n))return n}(t)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,o)||Zn(t,o)||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.")}())[0];(null==l||null===(a=l.enum)||void 0===a?void 0:a.some((function(n){return n.additionalParams})))&&n.push({message:"Parameter assignment may affect additional parameters",affectedBindings:[r.affectedBindingIndex]})}return n}),[])}(e,n)),In(function(n,e,r){return n.reduce((function(n,t){var o=t.controlBindingIndex,i=t.affectedBindingIndex,a=t.affectedParamIndex;if(-1===i)return n;var l=e[i],c=(0,Pn.L)(l,r);return c&&c.length-1<a&&n.push({message:"Target parameter does not exist for affected binding",affectedBindings:[o,i]}),n}),[])}(e,n,r)))}),[e,n,r])}function Wn(n){var e=n.bindings,r=n.onHighlight,t=Yn(e);return 0===t.length?null:(0,D.jsxs)("div",{className:k.parameterWarnings,children:[(0,D.jsx)("p",{children:(0,D.jsx)("strong",{children:"Warnings"})}),(0,D.jsx)("ul",{children:t.map((function(n,e){return(0,D.jsxs)("li",{children:[(0,D.jsx)(bn.Z,{name:"search",className:k.warningHighlightIcon,onMouseEnter:function(){return r(n.affectedBindings)},onMouseLeave:function(){return r([])}})," ",(0,D.jsx)("span",{className:k.message,children:n.message})]},e)}))})]})}var Vn=r(30314),qn=r(1601),Mn=r(80671);function Un(n){var e=n.bindings,r=n.bindingIndex,t=n.onUpdate,o=n.onCancel,i=e[r],a=Nn(e,r);return(0,D.jsx)(Vn.D,{paramOverrides:a,children:(0,D.jsx)(qn.M,{bindingReducer:_n,children:(0,D.jsx)(Mn.Z,{context:f(i)?"macros":"none",binding:i,bindingIndex:r,onCancel:o,onUpdate:t,Heading:function(){return null}})})})}function _n(n){return(0,A.splitConvenienceBinding)(n),n}function Hn(n){return Hn="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},Hn(n)}function zn(n){return function(n){if(Array.isArray(n))return Fn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||Ln(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 Xn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==Hn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Hn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Hn(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Kn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,e)||Ln(n,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.")}()}function Ln(n,e){if(n){if("string"==typeof n)return Fn(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Fn(n,e):void 0}}function Fn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function Gn(n){var e=n.bindings,r=n.onUpdate,t=Kn((0,i.useState)(null),2),o=t[0],a=t[1],l=Kn((0,i.useState)(null),2),c=l[0],u=l[1],s=Kn((0,i.useState)([]),2),d=s[0],b=s[1],m=Kn((0,$.X)(),3),h=m[0],y=m[1],g=m[2],v=function(n,e){var r=(0,i.useCallback)((function(r,t){(0,A.splitConvenienceBinding)(t),e((0,hn.xw)(n,r,t))}),[n,e]),t=(0,i.useCallback)((function(r){e((0,hn.f5)(n,r))}),[n,e]),o=(0,i.useCallback)((function(r){e([].concat(zn(n),zn(r)))}),[n,e]),a=(0,i.useCallback)((function(){o([{value:"&macro_press",params:[]}])}),[o]),l=(0,i.useCallback)((function(){o([{value:"&kp",params:[]}])}),[o]);return[r,t,o,a,l]}(e,r),x=Kn(v,5),C=x[0],E=x[1],w=x[2],j=x[3],B=x[4];return(0,i.useEffect)((function(){function n(){a(null)}function e(n){n.stopPropagation(),n.preventDefault()}return document.body.addEventListener("drop",n),document.body.addEventListener("dragover",e),function(){document.body.removeEventListener("drop",n),document.body.removeEventListener("dragover",e)}}),[a]),(0,D.jsxs)(D.Fragment,{children:[null!==c&&(0,D.jsx)(Un,{bindings:e,bindingIndex:c,onCancel:function(){return u(null)},onUpdate:function(n){C(c,n),u(null)}}),(0,D.jsxs)("div",{className:k.macroBindings,children:[e.map((function(n,r){return(0,D.jsx)(i.Fragment,{children:(0,D.jsx)(Jn,{bindings:e,index:r,children:(0,D.jsxs)(rn.Z,{"data-index":r,themeClass:p()(tn.Z.keyDefaultTheme,Xn({},k.controlBinding,f(n))),draggable:!0,onDragStart:function(n){return function(n,r){if(n.dataTransfer.items.length)n.dataTransfer.clearData();else{var t=e[r];a({index:r,mode:f(t)?"row":"col",isControlBinding:f(t)})}}(n,r)},children:[(0,D.jsx)(fn.Z,{binding:n,keyWrapperProps:{themeClass:p()(tn.Z.unified,Xn({},k.bindingWarningHighlight,d.includes(r))),onClick:function(){return u(r)}}}),(0,D.jsx)("div",{className:k.actions,children:(0,D.jsx)(bn.Z,{name:"trash",className:k.deleteBind,onClick:(0,mn.s)((function(){return E(r)}))})})]},r)})},r)})),(0,D.jsx)(K,{dragging:o,bindings:e,onDrop:function(n){r((0,hn.xE)(e,o.index,n)),a(null)}})]}),(0,D.jsx)(Wn,{bindings:e,onHighlight:b}),h&&(0,D.jsx)(An,{onClose:function(n){g(),w(n)}}),(0,D.jsxs)("div",{className:k.macroActions,children:[(0,D.jsx)(Q.Z,{onClick:j,children:"Add Control Binding"}),(0,D.jsx)(Q.Z,{onClick:B,children:"Add Key Binding"}),(0,D.jsx)(Q.Z,{onClick:y,children:"Add String Sequence"})]})]})}function Jn(n){var e=n.bindings,r=n.index,t=n.children,o=Nn(e,r);return(0,D.jsx)(Vn.D,{paramOverrides:o,children:t})}Gn.propTypes={bindings:s().array.isRequired,onUpdate:s().func.isRequired};var Qn=r(49443);function $n(n){return $n="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},$n(n)}function ne(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function ee(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ne(Object(r),!0).forEach((function(e){re(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):ne(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function re(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==$n(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==$n(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===$n(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function te(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var oe=function(n){var e,r,t,o,a=n.macro,l=n.onUpdate,c=(t=(0,i.useState)(a),o=2,function(n){if(Array.isArray(n))return n}(t)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,o)||function(n,e){if(n){if("string"==typeof n)return te(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?te(n,e):void 0}}(t,o)||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,D.jsx)($.Z,{onDismiss:function(){l(a)},children:(0,D.jsxs)(nn.Z,{onDismiss:function(){l(u)},children:[(0,D.jsxs)("h2",{children:["Customize ",(0,D.jsx)("code",{children:a.name})]}),(0,D.jsxs)("div",{children:[(0,D.jsx)(Qn.Z,{node:u,onUpdate:s}),(0,D.jsxs)("div",{className:k.field,children:[(0,D.jsx)("label",{htmlFor:"customize-macro-wait",children:"Wait (ms)"}),(0,D.jsx)("input",{id:"customize-macro-wait",type:"number",placeholder:"Default",value:(null===(e=u.properties["wait-ms"])||void 0===e?void 0:e.parsed)||"",onChange:function(n){return s((function(e){return ee(ee({},e),{},{properties:ee(ee({},e.properties),{},{"wait-ms":""===n.target.value?void 0:{parsed:Number(n.target.value)}})})}))}})]}),(0,D.jsxs)("div",{className:k.field,children:[(0,D.jsx)("label",{htmlFor:"customize-macro-tap",children:"Tap (ms)"}),(0,D.jsx)("input",{id:"customize-macro-tap",type:"number",placeholder:"Default",value:(null===(r=u.properties["tap-ms"])||void 0===r?void 0:r.parsed)||"",onChange:function(n){return s((function(e){return ee(ee({},e),{},{properties:ee(ee({},e.properties),{},{"tap-ms":""===n.target.value?void 0:{parsed:Number(n.target.value)}})})}))}})]})]})]})})},ie=r(12736),ae=r(29520),le=r(18311),ce=r(60439),ue=r(62417);function se(n){return se="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},se(n)}function de(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function pe(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?de(Object(r),!0).forEach((function(e){Ae(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):de(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function Ae(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==se(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==se(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===se(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function fe(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function be(n){var e,r,t=n.index,o=n.macro,a=n.dispatch,l=n.onClone,u=(e=(0,i.useState)(!1),r=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,r)||function(n,e){if(n){if("string"==typeof n)return fe(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?fe(n,e):void 0}}(e,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.")}()),s=u[0],d=u[1],p=(0,i.useContext)(le.v).behaviors,A=(0,i.useCallback)((function(n){n.stopPropagation&&n.stopPropagation(),d(!0)}),[d]);function f(n){var e=o.labels,r=n.labels;d(!1),a((0,ie.vo)({macroIndex:t,options:n})),c()(e,r)||a((0,ae.Q)(e,r,[],p))}var b=(0,i.useCallback)((function(n){a((0,ie.F0)({index:t,bindings:n}))}),[a,t]),m=(0,i.useCallback)((function(){window.confirm("Really delete macro: ".concat(o.name,"?"))&&a((0,ie.I2)({index:t}))}),[t,o,a]);return(0,D.jsxs)("div",{className:k.macro,children:[s&&(0,D.jsx)(oe,{macro:o,onUpdate:f}),(0,D.jsxs)("div",{className:k.heading,children:[(0,D.jsx)("h5",{children:(0,D.jsx)(ce.Z,{value:"&".concat(o.labels[0]),validate:ue.O8,onUpdate:function(n){f(pe(pe({},o),{},{labels:[n.slice(1)]}))}})}),(0,D.jsxs)("div",{children:[(0,D.jsx)(bn.Z,{name:"wrench",title:'Configure properties of macro "'.concat(o.name,'"'),className:"".concat(k.action),onClick:A}),(0,D.jsx)(bn.Z,{name:"copy",title:'Create new macro with configuration from "'.concat(o.name,'"'),className:"".concat(k.action),onClick:function(){return l(o)}}),(0,D.jsx)(bn.Z,{name:"trash-can",title:'Delete macro "'.concat(o.name,'"'),className:"".concat(k.action," ").concat(k.remove),onClick:m})]})]}),(0,D.jsx)(Gn,{bindings:o.properties.bindings.parsed,onUpdate:b})]})}be.propTypes={index:s().number.isRequired,macro:s().shape({name:s().string.isRequired,labels:s().arrayOf(s().string).isRequired,properties:s().object.isRequired}).isRequired,dispatch:s().func.isRequired};var me=be,he=r(97494);function ye(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function ge(n){var e,r,t=n.onCreate,o=n.onCancel,a=n.initial,l=(e=(0,i.useState)("new_macro"),r=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,r)||function(n,e){if(n){if("string"==typeof n)return ye(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ye(n,e):void 0}}(e,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.")}()),c=l[0],u=l[1],s=(0,i.useCallback)((function(n){return u(n.target.value)}),[u]),d=(0,i.useCallback)((function(){t(function(n,e){var r=[n],t=n.toUpperCase(),o=e||{properties:{compatible:{parsed:"zmk,behavior-macro",raw:'"zmk,behavior-macro"'},"#binding-cells":{parsed:0,raw:"<0>"},bindings:{parsed:[{value:"&none",params:[]}],raw:"&none"}}};return o.name=n,o.labels=r,o.properties.label={parsed:t,raw:'"'.concat(t,'"')},o}(c,a))}),[c,t,a]),p=(0,ue.zq)(c);return(0,D.jsx)($.Z,{onDismiss:o,children:(0,D.jsxs)(nn.Z,{dismissText:null,children:[(0,D.jsx)("h3",{children:"Add new macro"}),(0,D.jsx)("div",{children:(0,D.jsxs)("label",{children:["Macro name: ",(0,D.jsx)(he.Z,{required:!0,value:c,validator:ue.zq,onChange:s})]})}),(0,D.jsx)("p",{children:(0,D.jsxs)("em",{children:["This value will be used for binding the macro's actions in your keymap (e.g. ",(0,D.jsxs)("code",{children:["&",c]}),") and should be unique. It will also be used internally for the node name and label property, which you can customize later."]})}),(0,D.jsxs)("div",{style:{textAlign:"center",margin:"10px"},children:[(0,D.jsx)(Q.Z,{disabled:!c||p,onClick:d,children:"Create"}),(0,D.jsx)(Q.Z,{onClick:o,secondary:!0,children:"Cancel"})]})]})})}ge.propTypes={onCreate:s().func.isRequired,onCancel:s().func.isRequired};var ve=r(2968);function xe(n){return xe="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},xe(n)}function Ce(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function Ee(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Ce(Object(r),!0).forEach((function(e){we(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Ce(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function we(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==xe(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==xe(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===xe(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function je(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var Be=(0,D.jsx)(ve.Z,{external:!0,href:"https://github.com/nickcoutsos/keymap-editor/wiki/Features#parameterized-macros-work-in-progress",children:"Parameterized Macros"}),Se=function(){var n,e,r=(0,a.v9)(ie.bU),t=(0,a.I0)(),l=(n=(0,i.useState)(!1),e=2,function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(n)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==e);c=!0);}catch(n){u=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return je(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?je(n,e):void 0}}(n,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,i.useCallback)((function(){return u(!0)}),[u]),d=(0,i.useCallback)((function(){return u(!1)}),[u]),p=(0,i.useCallback)((function(n){t((0,ie.xd)(n)),d()}),[d,t]),A=(0,i.useCallback)((function(n){var e=o()(n);delete e.index,e.name="",e.labels=[],e.properties.label={parsed:""},u({dialogProps:{initial:e}})}),[u]);return(0,D.jsxs)("div",{className:k.main,children:[(0,D.jsxs)("div",{className:k.header,children:[(0,D.jsx)(en.Z,{url:"https://zmk.dev/docs/behaviors/macros",text:"ZMK Docs: Macros"}),(0,D.jsxs)("p",{children:[(0,D.jsx)(bn.Z,{name:"bullhorn"})," ",Be," should be ready to use now, let me know how it goes!"]}),c&&(0,D.jsx)(ge,Ee(Ee({},c.dialogProps||{}),{},{onCreate:p,onCancel:d}))]}),r.map((function(n,e){return(0,D.jsx)(me,{macro:n,index:e,dispatch:t,onClone:A},e)})),(0,D.jsx)("div",{className:k.footer,children:(0,D.jsx)(Q.Z,{onClick:s,children:"Add New Macro"})})]})}},56803:function(n,e,r){"use strict";function t(n){return function(e){e.stopPropagation(),n()}}function o(n){return function(e){n[e.key]&&n[e.key]()}}r.d(e,{s:function(){return t},w:function(){return o}})},29709:function(n,e,r){"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,e){if(n){if("string"==typeof n)return o(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(n,e):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,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}r.d(e,{f5:function(){return i},xE:function(){return l},xw:function(){return a}});var i=function(n,e){return[].concat(t(n.slice(0,e)),t(n.slice(e+1)))},a=function(n,e,r){return[].concat(t(n.slice(0,e)),[r],t(n.slice(e+1)))};function l(n,e,r){return-1===r?[].concat(t(n.filter((function(n,r){return r!==e}))),[n[e]]):n.reduce((function(t,o,i){return i===r&&t.push(n[e]),i!==e&&t.push(o),t}),[])}},86015:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.ho3CuFFjX1VFNZJiAyVs {\n  position: relative;\n}\n.ho3CuFFjX1VFNZJiAyVs input {\n  font: inherit;\n  padding: inherit;\n  margin: inherit;\n  width: min-content;\n  box-sizing: border-box;\n}\n\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"]:not(:hover) .u9J3v5ZrIbuVICzNBkRw {\n  display: none;\n}\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"] .u9J3v5ZrIbuVICzNBkRw {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n}\n\n.cZAt44R3Yp0URA5heDw5 {\n  padding: 5px;\n  cursor: pointer;\n}\n\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"] .cZAt44R3Yp0URA5heDw5 {\n  background-color: rgba(var(--dialog-bg-rgb), 0.2);\n  backdrop-filter: blur(2.5px);\n  border-radius: 4px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.cZAt44R3Yp0URA5heDw5[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.u9J3v5ZrIbuVICzNBkRw {\n  opacity: 0.6;\n  color: var(--key-color-base);\n}\n.u9J3v5ZrIbuVICzNBkRw:hover {\n  opacity: 1 !important;\n}\n\n.wmqWaOx7XyKADh7Kv4RZ {\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.wmqWaOx7XyKADh7Kv4RZ::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/editablefield.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;EACb,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,eAAe;AACjB;;AAEA;EACE,iDAAiD;EACjD,4BAA4B;EAC5B,kBAAkB;EAClB,2CAA2C;AAC7C;AACA;EACE,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,YAAY;EACZ,4BAA4B;AAC9B;AACA;EACE,qBAAqB;AACvB;;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:['.container {\n  position: relative;\n}\n.container input {\n  font: inherit;\n  padding: inherit;\n  margin: inherit;\n  width: min-content;\n  box-sizing: border-box;\n}\n\n.container[data-show-edit-on-hover="true"]:not(:hover) .edit {\n  display: none;\n}\n.container[data-show-edit-on-hover="true"] .edit {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n}\n\n.buttonIcon {\n  padding: 5px;\n  cursor: pointer;\n}\n\n.container[data-show-edit-on-hover="true"] .buttonIcon {\n  background-color: rgba(var(--dialog-bg-rgb), 0.2);\n  backdrop-filter: blur(2.5px);\n  border-radius: 4px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.buttonIcon[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.edit {\n  opacity: 0.6;\n  color: var(--key-color-base);\n}\n.edit:hover {\n  opacity: 1 !important;\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={container:"ho3CuFFjX1VFNZJiAyVs",edit:"u9J3v5ZrIbuVICzNBkRw",buttonIcon:"cZAt44R3Yp0URA5heDw5",error:"wmqWaOx7XyKADh7Kv4RZ"},e.Z=a},33988:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.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"},e.Z=a},35839:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.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"},e.Z=a},96201:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.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}\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}\n\n.ziS4tbh9X5RXMVKil0ZJ {\n  width: 450px;\n  margin: 0 auto;\n}\n.ziS4tbh9X5RXMVKil0ZJ .e5WrxtOt36BgXq_LJJSL {\n  color: indianred\n}\n\n.BP90__cBSejXKVP6ojjM {\n  cursor: pointer;\n}\n\n.Lvxxm3_prm2iJ0zIfRNq {\n  outline: 2px solid crimson;\n}\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;AACX;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;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;AACA;EACE;AACF;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0BAA0B;AAC5B",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}\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}\n\n.parameterWarnings {\n  width: 450px;\n  margin: 0 auto;\n}\n.parameterWarnings .message {\n  color: indianred\n}\n\n.warningHighlightIcon {\n  cursor: pointer;\n}\n\n.bindingWarningHighlight {\n  outline: 2px solid crimson;\n}\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",parameterWarnings:"ziS4tbh9X5RXMVKil0ZJ",message:"e5WrxtOt36BgXq_LJJSL",warningHighlightIcon:"BP90__cBSejXKVP6ojjM",bindingWarningHighlight:"Lvxxm3_prm2iJ0zIfRNq"},e.Z=a},45652:function(n,e,r){var t=r(88668),o=r(47443),i=r(1196),a=r(74757),l=r(23593),c=r(21814);n.exports=function(n,e,r){var u=-1,s=o,d=n.length,p=!0,A=[],f=A;if(r)p=!1,s=i;else if(d>=200){var b=e?null:l(n);if(b)return c(b);p=!1,s=a,f=new t}else f=e?[]:A;n:for(;++u<d;){var m=n[u],h=e?e(m):m;if(m=r||0!==m?m:0,p&&h==h){for(var y=f.length;y--;)if(f[y]===h)continue n;e&&f.push(h),A.push(m)}else s(f,h,r)||(f!==A&&f.push(h),A.push(m))}return A}},23593:function(n,e,r){var t=r(58525),o=r(50308),i=r(21814),a=t&&1/i(new t([,-0]))[1]==1/0?function(n){return new t(n)}:o;n.exports=a},50308:function(n){n.exports=function(){}},44908:function(n,e,r){var t=r(45652);n.exports=function(n){return n&&n.length?t(n):[]}}}]);
//# sourceMappingURL=MacroEditorTab.3c5d62aa40186e888a9d.js.map