1
2
|
(self.webpackChunkapp=self.webpackChunkapp||[]).push([[5634],{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),s=e(90569),u=e.n(s),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=u().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},s=e(62417),u=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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)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,s=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:s}))}),[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,u.jsx)("table",{children:(0,u.jsxs)("tbody",{children:[(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Bind"}),(0,u.jsx)("td",{children:(0,u.jsx)(a.Z,{type:"text",value:r.labels[0]||"",required:!0,validator:s.zq,onChange:x})})]}),(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Node"}),(0,u.jsxs)("td",{children:[(0,u.jsx)(a.Z,{value:r.name,required:!0,readOnly:i,disabled:i,validator:s.Gk,onChange:v}),(0,u.jsxs)("label",{title:"Set automatically using bind name",children:[(0,u.jsx)("input",{type:"checkbox",checked:i,onChange:function(n){return l(n.target.checked)}})," Automatic"]})]})]}),(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Label"}),(0,u.jsxs)("td",{children:[(0,u.jsx)(a.Z,{type:"text",value:r.properties.label.parsed||"",required:!0,readOnly:d,disabled:d,validator:function(){return null},onChange:C}),(0,u.jsxs)("label",{title:"Set automatically using bind name",children:[(0,u.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 Tn}});var t=e(67294),o=e(95998),i=e(45697),a=e.n(i);function l(n){return["¯o_tap","¯o_press","¯o_release","¯o_tap_time","¯o_wait_time","¯o_pause_for_release"].includes(n.value)}var c=e(93379),s=e.n(c),u=e(7795),d=e.n(u),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(),s()(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(),s()(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"],I=["bind"],T=["row","isDropping"];function Z(n){return Z="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},Z(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)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 M(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 U(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?M(Object(e),!0).forEach((function(r){q(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):M(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function q(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==Z(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==Z(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Z(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function H(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],s=a[1],u=(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(U(U({},r),{},{index:e})),n}),[[]])}(r)}),[r]);function d(n){console.log("enter",n),s((function(){return n}))}function p(n){return j()(c,n)}function A(n){s((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=u[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:[u.map((function(n,r){return(0,O.jsxs)(t.Fragment,{children:[(0,O.jsx)(K,{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)(K,{row:u.length-1,isDropping:p([u.length-1,u.at(-1).length-1,1]),onDragEnter:function(){return d([u.length-1,u.at(-1).length-1,1])},onDragLeave:function(){return A([u.length-1,u.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",U({"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,U({control:l(r)},e))}function G(n){var r=n.bind,e=W(n,I);return(0,O.jsx)(V,U({control:l(r),classes:[S.secondHalf]},e))}function K(n){n.row;var r=n.isDropping,e=W(n,T);return(0,O.jsx)("div",U({"data-drop-mode":"row",className:[S.dropTargetRow,r?S.droppable:""].join(" ")},e))}var L=e(64261),z=e(96186),Q=e(91118),X=e(39017),F=e(81485),J=e(81404),$=e(27926);function nn(n,r){if(n){if("string"==typeof n)return rn(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)?rn(n,r):void 0}}function rn(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 en=function(n){return{value:"&kp",params:[{value:n,params:[]}]}},tn=[{pattern:/[0-9]/,convert:function(n){return en("N".concat(n))}},{pattern:/[a-z]/,convert:function(n){return en(n.toUpperCase())}},{pattern:/[A-Z]/,convert:function(n){return{value:"&kp",params:[{value:"LS",params:[{value:n.toUpperCase(),params:[]}]}]}}}],on={"!":en("EXCL"),"@":en("AT"),"#":en("POUND"),$:en("DLLR"),"%":en("PRCNT"),"^":en("CARET"),"&":en("AMPS"),"*":en("STAR"),"(":en("LPAR"),")":en("RPAR"),"\n":en("RET")," ":en("SPACE"),"-":en("MINUS"),_:en("UNDER"),"=":en("EQUAL"),"+":en("PLUS"),"[":en("LBKT"),"]":en("LBRC"),"{":en("RBKT"),"}":en("RBRC"),"\\":en("BSLH"),"|":en("PIPE"),"":en("TILDE2"),";":en("SEMI"),":":en("COLON"),"'":en("SQT"),'"':en("DQT"),"`":en("GRAVE"),"~":en("TILDE"),",":en("COMMA"),"<":en("LT"),".":en("DOT"),">":en("GT"),"/":en("FSLH"),"?":en("QMARK")};var an=function(n){var r,e,o=n.onClose,i=(0,t.useContext)(F.c),a=(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(r,e)||nn(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],s=(0,t.useMemo)((function(){return l.split("").reduce((function(n,r){var e=function(n){if(on[n])return on[n];var r,e=function(n,r){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!e){if(Array.isArray(n)||(e=nn(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}}}}(tn);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}),[])}),[l]).map((function(n){return(0,X.K4)(n,i)})),u=(0,t.useCallback)((function(n){n&&(n.focus(),n.select())}),[]);return(0,O.jsx)(L.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:l,ref:u,style:{width:"100%",height:"6rem"},onChange:function(n){return c(n.target.value)}}),(0,O.jsx)("div",{className:C.macroBindings,children:s.map((function(n,r){return(0,O.jsx)(t.Fragment,{children:(0,O.jsx)(Q.Z,{selectable:!1,children:(0,O.jsx)(J.Z,{node:n.params[0],onSelect:function(){}})})},r)}))}),(0,O.jsxs)("div",{className:C.macroActions,children:[(0,O.jsx)($.Z,{onClick:function(){return o(s)},children:"Add to macro"}),(0,O.jsx)($.Z,{onClick:function(){return o([])},secondary:!0,children:"Cancel"})]})]})})},ln=e(82607),cn=e(41051),sn=e(56803),un=e(29709);function dn(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)||An(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 pn(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,r)||An(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 An(n,r){if(n){if("string"==typeof n)return fn(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)?fn(n,r):void 0}}function fn(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 bn(n){var r=n.bindings,e=n.onUpdate,o=pn((0,t.useState)(null),2),i=o[0],a=o[1],c=pn((0,L.X)(),3),s=c[0],u=c[1],d=c[2],p=function(n,r){var e=(0,t.useCallback)((function(e,t){r((0,un.xw)(n,e,t))}),[n,r]),o=(0,t.useCallback)((function(e){r((0,un.f5)(n,e))}),[n,r]),i=(0,t.useCallback)((function(e){r([].concat(dn(n),dn(e)))}),[n,r]),a=(0,t.useCallback)((function(){i([{value:"¯o_press",params:[]}])}),[i]),l=(0,t.useCallback)((function(){i([{value:"&kp",params:[]}])}),[i]);return[e,o,i,a,l]}(r,e),A=pn(p,5),f=A[0],b=A[1],m=A[2],y=A[3],h=A[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:[(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:l(n)?C.controlBinding:"",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)(ln.Z,{context:l(n)?"macros":void 0,value:n.value,params:n.params,onUpdate:function(n){return f(e,n)}}),(0,O.jsx)("div",{className:C.actions,children:(0,O.jsx)(cn.Z,{name:"trash",className:C.deleteBind,onClick:(0,sn.s)((function(){return b(e)}))})})]},e)},e)})),(0,O.jsx)(H,{dragging:i,bindings:r,onDrop:function(n){e((0,un.xE)(r,i.index,n)),a(null)}})]}),s&&(0,O.jsx)(an,{onClose:function(n){d(),m(n)}}),(0,O.jsxs)("div",{className:C.macroActions,children:[(0,O.jsx)($.Z,{onClick:y,children:"Add Control Binding"}),(0,O.jsx)($.Z,{onClick:h,children:"Add Key Binding"}),(0,O.jsx)($.Z,{onClick:u,children:"Add String Sequence"})]})]})}bn.propTypes={bindings:a().array.isRequired,macroIndex:a().number.isRequired,dispatch:a().func.isRequired};var mn=e(49443);function yn(n){return yn="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},yn(n)}function hn(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 gn(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?hn(Object(e),!0).forEach((function(r){vn(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):hn(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function vn(n,r,e){return(r=function(n){var r=function(n,r){if("object"!==yn(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!==yn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===yn(r)?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function xn(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 Cn=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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(o,i)||function(n,r){if(n){if("string"==typeof n)return xn(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)?xn(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.")}()),s=c[0],u=c[1];return(0,O.jsx)(L.Z,{onDismiss:function(){l(a)},children:(0,O.jsxs)(z.Z,{onDismiss:function(){l(s)},children:[(0,O.jsxs)("h2",{children:["Customize ",(0,O.jsx)("code",{children:a.name})]}),(0,O.jsxs)("div",{children:[(0,O.jsx)(mn.Z,{node:s,onUpdate:u}),(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=s.properties["wait-ms"])||void 0===r?void 0:r.parsed)||"",onChange:function(n){return u((function(r){return gn(gn({},r),{},{properties:gn(gn({},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=s.properties["tap-ms"])||void 0===e?void 0:e.parsed)||"",onChange:function(n){return u((function(r){return gn(gn({},r),{},{properties:gn(gn({},r.properties),{},{"tap-ms":""===n.target.value?void 0:{parsed:Number(n.target.value)}})})}))}})]})]})]})})},En=e(12736);function jn(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 wn(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(r,e)||function(n,r){if(n){if("string"==typeof n)return jn(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)?jn(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],s=l[1],u=(0,t.useCallback)((function(n){n.stopPropagation&&n.stopPropagation(),s(!0)}),[s]),d=(0,t.useCallback)((function(n){a((0,En.F0)({index:o,bindings:n}))}),[a,o]);return(0,O.jsxs)("div",{className:C.macro,children:[c&&(0,O.jsx)(Cn,{macro:i,onUpdate:function(n){s(!1),a((0,En.vo)({macroIndex:o,options:n}))}}),(0,O.jsxs)("div",{className:C.heading,children:[(0,O.jsxs)("h5",{onClick:u,children:["&",i.labels[0]]}),(0,O.jsxs)("div",{children:[(0,O.jsx)(cn.Z,{name:"wrench",className:"".concat(C.action),onClick:u}),(0,O.jsx)(cn.Z,{name:"trash-can",className:"".concat(C.action," ").concat(C.remove),onClick:function(){return a((0,En.I2)({index:o}))}})]})]}),(0,O.jsx)(bn,{bindings:i.properties.bindings.parsed,onUpdate:d})]})}wn.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 Bn=wn,Sn=e(2968),On=e(62417),kn=e(97494);function Dn(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 Pn(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(r,e)||function(n,r){if(n){if("string"==typeof n)return Dn(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)?Dn(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],s=(0,t.useCallback)((function(n){return c(n.target.value)}),[c]),u=(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,On.zq)(l);return(0,O.jsx)(L.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)(kn.Z,{required:!0,value:l,validator:On.zq,onChange:s})]})}),(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)($.Z,{disabled:!l||d,onClick:u,children:"Create"}),(0,O.jsx)($.Z,{onClick:i,secondary:!0,children:"Cancel"})]})]})})}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}Pn.propTypes={onCreate:a().func.isRequired,onCancel:a().func.isRequired};var Tn=function(){var n,r,e=(0,o.v9)(En.bU),i=(0,o.I0)(),a=(n=(0,L.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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,r)||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}}(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],s=a[2],u=(0,t.useCallback)((function(n){i((0,En.xd)(n)),s()}),[s,i]);return(0,O.jsxs)("div",{className:C.main,children:[(0,O.jsxs)("div",{className:C.header,children:[(0,O.jsxs)(Sn.Z,{external:!0,href:"https://zmk.dev/docs/behaviors/macros",children:[(0,O.jsx)(cn.Z,{name:"book"})," ZMK Docs: Macros"]}),l&&(0,O.jsx)(Pn,{onCreate:u,onCancel:s})]}),e.map((function(n,r){return(0,O.jsx)(Bn,{macro:n,index:r,dispatch:i},r)})),(0,O.jsxs)("div",{className:C.footer,children:[(0,O.jsx)($.Z,{onClick:c,children:"Add New Macro"}),(0,O.jsxs)("p",{style:{margin:"5px 0",textAlign:"left"},children:[(0,O.jsx)(cn.Z,{name:"bullhorn"})," ZMK has added parameterized macros but I'm not ready to implement them fully. For the time being you can define them outside the editor bind the macro in your keymap by setting parameters as raw values."]})]})]})}},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=5634.f5d8773808dede1b9b06.js.map
|
