"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[6793],{72054:function(n,e,r){r.d(e,{Z:function(){return S}});var t=r(94184),o=r.n(t),i=r(67294),a=r(45697),l=r.n(a),c=r(93379),s=r.n(c),u=r(7795),d=r.n(u),A=r(90569),p=r.n(A),f=r(3565),y=r.n(f),b=r(19216),h=r.n(b),g=r(44589),m=r.n(g),v=r(56634),C={};C.styleTagTransform=m(),C.setAttributes=y(),C.insert=p().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=h(),s()(v.Z,C);var x=v.Z&&v.Z.locals?v.Z.locals:void 0,E=r(21517),j=r(64261),B=r(62092),k=r(85893);function w(n){return w="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},w(n)}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}function S(n){var e,r,t,a,l,c=n.actions,s=(e=(0,j.X)(),r=4,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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,r)||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}}(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.")}()),u=s[0],d=s[2],A=s[3],p=(0,i.useRef)();return(0,E.Z)(p,d),(0,k.jsxs)("div",{ref:p,className:x.wrapper,children:[(0,k.jsx)(B.Z,{className:x.button,onClick:A,icon:"ellipsis"}),(0,k.jsx)("div",{className:o()(x.menu,(t={},a=x.open,l=u,(a=function(n){var e=function(n,e){if("object"!==w(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==w(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===w(e)?e:String(e)}(a))in t?Object.defineProperty(t,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[a]=l,t)),children:(0,k.jsx)("ul",{children:c.map((function(n,e){return(0,k.jsx)("li",{onClick:function(){return function(n){d(),n()}(n.callback)},children:n.content},e)}))})})]})}S.propTypes={actions:l().arrayOf(l().shape({callback:l().func.isRequired,content:l().oneOfType([l().node,l().string]).isRequired})).isRequired}},97494:function(n,e,r){r.d(e,{Z:function(){return k}});var t=r(45697),o=r.n(t),i=r(93379),a=r.n(i),l=r(7795),c=r.n(l),s=r(90569),u=r.n(s),d=r(3565),A=r.n(d),p=r(19216),f=r.n(p),y=r(44589),b=r.n(y),h=r(33988),g={};g.styleTagTransform=b(),g.setAttributes=A(),g.insert=u().bind(null,"head"),g.domAPI=c(),g.insertStyleElement=f(),a()(h.Z,g);var m=h.Z&&h.Z.locals?h.Z.locals:void 0,v=r(85893);function C(n){return C="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},C(n)}var x=["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 j(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){B(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 B(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==C(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==C(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===C(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.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,x),l=e(i)||!i&&t&&"cannot be empty";return(0,v.jsxs)("span",{className:m.wrapper,children:[(0,v.jsx)("input",j({type:"text",value:i},a)),l&&(0,v.jsx)("span",{className:m.error,children:l})]})}k.propTypes={value:o().any.isRequired,required:o().bool,validator:o().func}},58887:function(n,e,r){r.d(e,{Z:function(){return d}});var t=r(94184),o=r.n(t),i=r(32732),a=r(91118),l=r(48118),c=r(85893);function s(n){return s="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},s(n)}function u(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==s(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===s(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function d(n){var e=n.keyPositions;return(0,c.jsx)(i.i,{bindings:[],renderKey:function(n){var r,t=n.index;return(0,c.jsx)(a.Z,{onClick:function(){},selectable:!1,style:{pointerEvents:"none"},themeClass:o()((r={},u(r,l.Z.key,!0),u(r,l.Z.highlight,e.includes(t)),r),l.Z.keyMini)})}})}},32732:function(n,e,r){r.d(e,{i:function(){return Y},Z:function(){return q}});var t=r(45697),o=r.n(t),i=r(67294),a=r(78718),l=r.n(a),c=r(39316),s=r(95872);function u(n){return u="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},u(n)}function d(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 A(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){p(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function p(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==u(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===u(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}var f={x:o().number.isRequired,y:o().number.isRequired},y={a:o().number,rx:o().number,ry:o().number},b={u:o().number,h:o().number},h=o().shape(A(A(A({},f),y),b)),g=o().arrayOf(h),m=r(85893);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)}var C=["keyLayout","renderOptions","children"];function x(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 E(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?x(Object(r),!0).forEach((function(e){j(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):x(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"!==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}var B=function(n){return l()(n,["x","y"])},k=function(n){return{x:n.rx,y:n.ry,a:n.r}},w=function(n){var e=n.w,r=void 0===e?1:e,t=n.u,o=void 0===t?r:t,i=n.h;return{u:o,h:void 0===i?1:i}};function O(n){var e=n.keyLayout,r=n.renderOptions,t=n.children,o=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),i=B(e),a=k(e),l=w(e),u=(0,c.Pi)(i,l,a,r);return(0,m.jsx)("div",E(E({className:s.Z.placer,style:u,"data-u":l.u,"data-h":l.h},o),{},{children:t}))}O.propTypes={scale:o().number,keyLayout:h.isRequired},O.defaultProps={scale:1};var S=O,Z=r(20817);function P(n){return P="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},P(n)}function I(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 T(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?I(Object(r),!0).forEach((function(e){D(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function D(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==P(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==P(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===P(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function q(n){var e=n.layout,r=n.renderKey,t=n.scale,o=n.renderOptions,a=(0,i.useContext)(Z.VY),l=a.layout,s=a.layoutBbox,u=o?o.keySize/c.Cg:1,d=e||l,A=(0,i.useMemo)((function(){return{width:"".concat(t*u*(s.max.x-s.min.x),"px"),height:"".concat(t*u*(s.max.y-s.min.y),"px")}}),[t,u,s]),p=(0,i.useMemo)((function(){return{transform:"scale(".concat(t,")"),transformOrigin:0}}),[t]);return(0,m.jsx)("div",{style:A,children:(0,m.jsx)("div",{style:p,children:d.map((function(n,e){return(0,m.jsx)(S,{keyLayout:n,renderOptions:o,children:r({index:e,keyLayout:n})},e)}))})})}function Y(n){var e=(0,Z.Z7)().renderOptions;return(0,m.jsx)(q,T(T({},n),{},{renderOptions:e}))}q.propTypes={layout:g,renderKey:o().func.isRequired,scale:o().number},q.defaultProps={scale:1}},77537:function(n,e,r){r.r(e),r.d(e,{default:function(){return de}});var t=r(67294),o=r(95998),i=r(45697),a=r.n(i),l=r(80736),c=r(72054),s=r(85893);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 d(n){var e,r=n.layerIndex,i=n.additionalActions,a=void 0===i?[]:i,d=(0,o.I0)(),A=(0,t.useMemo)((function(){return{transparentToKeypress:function(){return d((0,l.c7)({layerIndex:r}))},transparentToNone:function(){return d((0,l.sT)({layerIndex:r}))},noneToKeypress:function(){return d((0,l.UH)({layerIndex:r}))},noneToTransparent:function(){return d((0,l.v1)({layerIndex:r}))},emptyKeypressToTransparent:function(){return d((0,l.QR)({layerIndex:r}))},emptyKeypressToNone:function(){return d((0,l.En)({layerIndex:r}))}}}),[d,r]);return(0,s.jsx)(c.Z,{actions:[].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)||function(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}}(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.")}()),[{callback:A.transparentToKeypress,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&trans"})," to ",(0,s.jsx)("code",{children:"&kp"})]})},{callback:A.transparentToNone,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&trans"})," to ",(0,s.jsx)("code",{children:"&none"})]})},{callback:A.noneToKeypress,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&none"})," to ",(0,s.jsx)("code",{children:"&kp"})]})},{callback:A.noneToTransparent,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&none"})," to ",(0,s.jsx)("code",{children:"&trans"})]})},{callback:A.emptyKeypressToTransparent,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&kp ⦸"})," to ",(0,s.jsx)("code",{children:"&trans"})]})},{callback:A.emptyKeypressToNone,content:(0,s.jsxs)(s.Fragment,{children:["Convert ",(0,s.jsx)("code",{children:"&kp ⦸"})," to ",(0,s.jsx)("code",{children:"&none"})]})}])})}d.propTypes={layerIndex:a().number.isRequired,additionalActions:a().arrayOf(a().shape({callback:a().func.isRequired,content:a().oneOfType([a().node,a().string]).isRequired}))};var A=r(32732),p=r(82607),f=r(61953),y=r(41051),b=r(80031);function h(){return(0,s.jsxs)("div",{style:{maxWidth:"600px",margin:"0 auto"},children:[(0,s.jsxs)("h3",{children:[(0,s.jsx)(y.Z,{name:"warning"})," ",(0,s.jsx)("span",{children:"No bindings defined"})]}),(0,s.jsxs)("p",{children:["Usually this is a parsing issue; either this layer in your keymap does not have a ",(0,s.jsx)("code",{children:"bindings"})," property, or there's a syntax problem preventing it from being parsed."]}),(0,s.jsxs)("p",{children:["You should go back and verify that the syntax looks correct before attempting to make changes in the app. (Sometimes the bindings array is missing the ",(0,s.jsx)("code",{children:">;"})," at the end)"]}),b.t6]})}var g=r(27213),m=r(94596),v=r(80671),C=r(58887),x=r(91118);function E(n){return E="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},E(n)}function j(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?j(Object(r),!0).forEach((function(e){k(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function k(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==E(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==E(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===E(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function w(n){return(0,s.jsx)(v.Z,B(B({},n),{},{Heading:O}))}function O(n){var e=n.bindingIndex,r=n.bindTree;return(0,s.jsxs)("div",{className:m.Z.keyBindingHeader,children:[(0,s.jsx)(C.Z,{keyPositions:[e],styleOverrides:{display:"inline-block",padding:"3px",borderRadius:"3px"},scale:.15}),(0,s.jsx)(y.Z,{name:"arrow-right"}),(0,s.jsx)(x.Z,{selectable:!1,style:{pointerEvents:"none"},children:(0,s.jsx)(g.Z,{value:r})})]})}function S(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 Z(n){var e,r,i=n.activeLayer,a=(0,o.I0)(),c=(0,o.v9)(l.vl)[i].properties.bindings,u=(e=(0,t.useState)(null),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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,r)||function(n,e){if(n){if("string"==typeof n)return S(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)?S(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.")}()),d=u[0],y=u[1],b=(0,t.useCallback)((function(n,e){a((0,l.V6)({layerIndex:i,bindIndex:n,binding:e}))}),[a,i]);return null!=c&&c.parsed?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(A.Z,{renderKey:function(n){var e=n.index;return n.keyLayout,c.parsed[e]&&(0,s.jsx)(p.Z,{binding:c.parsed[e],keyWrapperProps:{className:f.Z.unified,onClick:function(n){n.stopPropagation(),y(e)}}})}}),null!==d&&(0,s.jsx)(w,{binding:c.parsed[d],bindingIndex:d,onCancel:function(){return y(null)},onUpdate:function(n){b(d,n),y(null)}})]}):(0,s.jsx)(h,{})}var P=r(94184),I=r.n(P),T=r(93379),D=r.n(T),q=r(7795),Y=r.n(q),K=r(90569),U=r.n(K),W=r(3565),L=r.n(W),N=r(19216),R=r.n(N),M=r(44589),X=r.n(M),_=r(59500),Q={};Q.styleTagTransform=X(),Q.setAttributes=L(),Q.insert=U().bind(null,"head"),Q.domAPI=Y(),Q.insertStyleElement=R(),D()(_.Z,Q);var V=_.Z&&_.Z.locals?_.Z.locals:void 0,z=r(64536);function F(n){var e=n.children;return(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 80",style:{position:"absolute",top:"-2px",left:0,fill:"var(--key-color-base)",display:"block",width:"80px",height:"80px",pointerEvents:"none",fontSize:"10px"},children:[(0,s.jsx)("path",{id:"curve",d:"M 10 40 A 30 30 0 0 1 70 40",fill:"none",stroke:"none"}),(0,s.jsx)("text",{style:{textAnchor:"middle",opacity:.8},children:(0,s.jsx)("textPath",{xlinkHref:"#curve",startOffset:"50%",children:e})})]})}var H=r(87694),J={};J.styleTagTransform=X(),J.setAttributes=L(),J.insert=U().bind(null,"head"),J.domAPI=Y(),J.insertStyleElement=R(),D()(H.Z,J);var G=H.Z&&H.Z.locals?H.Z.locals:void 0;function $(n){return $="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)}function nn(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 en(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?nn(Object(r),!0).forEach((function(e){rn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):nn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function rn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==$(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==$(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===$(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function tn(n){var e=n.binding,r=n.keyWrapperProps,t=void 0===r?{}:r;return(0,s.jsxs)(x.Z,en(en({themeClass:G.encoder,className:f.Z.unified},t),{},{children:[(0,s.jsx)(g.Z,{value:e,hideBehavior:!0}),(0,s.jsx)(F,{children:e.value})]}))}function on(n){return on="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},on(n)}function an(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 ln(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?an(Object(r),!0).forEach((function(e){cn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):an(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function cn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==on(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==on(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===on(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}tn.propTypes={binding:z.U4.isRequired,keyWrapperProps:a().any};var sn=function(n){return n.keyboard.sensors};function un(n){return(0,s.jsx)(v.Z,ln(ln({},n),{},{Heading:dn,context:"encoders"}))}function dn(n){var e=n.bindingIndex,r=n.bindTree,t=(0,o.v9)(sn)[e],i=t.label||t.identifier;return(0,s.jsxs)("div",{className:m.Z.keyBindingHeader,children:[(0,s.jsxs)("h2",{children:["Set ",(0,s.jsx)("code",{children:i})," bindings"]}),(0,s.jsx)(tn,{binding:r,keyWrapperProps:{selectable:!1,style:{pointerEvents:"none"}}})]})}function An(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 pn(n){var e,r,i=n.layerIndex,a=n.layer,c=n.sensors,u=(0,o.I0)(),d=(e=(0,t.useState)(null),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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,r)||function(n,e){if(n){if("string"==typeof n)return An(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)?An(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.")}()),A=d[0],p=d[1],f=(a.properties["sensor-bindings"]||{}).parsed,y=void 0===f?[]:f,b=y,h=(0,t.useCallback)((function(n){u((0,l.zi)({layerIndex:i,sensorIndex:A,bindings:n})),p(null)}),[i,A,p,u]);function g(n,e){u((0,l.zi)({layerIndex:i,sensorIndex:n,bindings:e}))}return(0,s.jsxs)("div",{style:{margin:"0 0 30px"},children:[(0,s.jsx)("h3",{children:"Sensor bindings"}),(0,s.jsx)("div",{style:{display:"flex",flexDirection:"row",gap:"25px"},children:c.map((function(n,e){return(0,s.jsx)(fn,{index:e,sensor:n,binding:b[e],canAdd:void 0===b[e]&&b.length===e,canDelete:void 0!==b[e]&&b.length===e+1,onUpdate:g,onEdit:function(){return p(e)}},e)}))}),null!==A&&(0,s.jsx)(un,{binding:y[A],bindingIndex:A,onCancel:function(){return p(null)},onUpdate:h})]})}function fn(n){var e=n.sensor,r=n.binding,o=n.index,i=n.onUpdate,a=n.canAdd,l=n.canDelete,c=n.onEdit,u=e.label||e.identifier,d=(null==r?void 0:r.value)||"&inc_dec_kp",A=(null==r?void 0:r.params)||[{value:0,_isPlaceholder:!0,params:[]},{value:0,_isPlaceholder:!0,params:[]}],p=(0,t.useCallback)((function(){i(o,void 0)}),[o,i]),f=(0,t.useCallback)((function(){i(o,{value:"&inc_dec_kp",params:[{value:0,_isPlaceholder:!0,params:[]},{value:0,_isPlaceholder:!0,params:[]}]})}),[o,i]);return(0,s.jsxs)("div",{className:V.sensor,"data-unbound":!r,children:[(0,s.jsxs)("label",{style:{fontVariant:"small-caps",fontSize:"90%"},children:[(0,s.jsx)("code",{children:u}),l&&(0,s.jsx)(y.Z,{name:"trash-can",title:"Remove sensor binding from this layer",className:V.deleteSensorBinding,onClick:p})]}),r&&(0,s.jsx)(tn,{binding:r||{value:d,params:A},keyWrapperProps:{onClick:c}}),a&&(0,s.jsx)(x.Z,{onClick:f,title:"Add sensor binding to this layer",themeClass:I()(G.encoder,V.addSensorBinding),children:(0,s.jsx)(y.Z,{name:"add"})})]})}var yn=r(97494),bn=r(64261),hn=r(96186),gn=r(62417),mn=r(27926);function vn(n){return vn="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},vn(n)}function Cn(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 xn(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Cn(Object(r),!0).forEach((function(e){En(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Cn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function En(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==vn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==vn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===vn(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function jn(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 Bn=function(n){var e,r,i,a=n.layerIndex,c=n.onClose,u=(0,o.I0)(),d=(0,o.v9)(l.vl)[a],A=(r=(0,t.useState)({name:d.name,label:(null===(e=d.properties.label)||void 0===e?void 0:e.parsed)||""}),i=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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(r,i)||function(n,e){if(n){if("string"==typeof n)return jn(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)?jn(n,e):void 0}}(r,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.")}()),p=A[0],f=A[1];return(0,s.jsx)(bn.Z,{onDismiss:c,children:(0,s.jsxs)(hn.Z,{dismissText:"",children:[(0,s.jsxs)("h2",{children:["Customize Layer ",(0,s.jsx)("code",{children:d.name})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:V.field,children:[(0,s.jsx)("label",{htmlFor:"customize-layer-name",children:"Name"}),(0,s.jsx)(yn.Z,{id:"customize-layer-name",placeholder:"Default",value:p.name,validator:gn.Gk,onChange:function(n){return f((function(e){return xn(xn({},e),{},{name:n.target.value})}))}})]}),(0,s.jsxs)("div",{className:V.field,children:[(0,s.jsx)("label",{htmlFor:"customize-layer-label",children:"Label"}),(0,s.jsx)("input",{id:"customize-layer-label",placeholder:"Default",value:p.label,onChange:function(n){return f((function(e){return xn(xn({},e),{},{label:n.target.value})}))}})]})]}),(0,s.jsxs)("div",{style:{textAlign:"center",gap:"5px"},children:[(0,s.jsx)(mn.Z,{onClick:function(){u((0,l.vc)(xn({layerIndex:a},p))),c()},children:"OK"}),(0,s.jsx)(mn.Z,{onClick:c,secondary:!0,children:"Cancel"})]})]})})},kn=r(39693),wn=r.n(kn),On=r(2062),Sn=r(62029);function Zn(n,e){if(n){if("string"==typeof n)return Pn(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)?Pn(n,e):void 0}}function Pn(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 In={keysHeld:[],keysHeldBeforeLastRelease:[]};var Tn=r(20817);function Dn(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return qn(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)?qn(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 qn(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 Yn={Alt:"ALT",Control:"CTRL",Shift:"SHFT",Meta:"GUI",ArrowUp:"UP",ArrowDown:"DOWN",ArrowLeft:"LEFT",ArrowRight:"RIGHT",Escape:"ESC",Tab:"TAB",Enter:"RET",Home:"HOME",End:"END",PageDown:"PG_DN",PageUp:"PG_UP",Backspace:"BSPC",Delete:"DEL"};function Kn(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=(0,o.I0)(),i=(0,t.useContext)(Tn.VY).bindingCount,a=Dn((0,t.useState)(e),2),c=a[0],s=a[1],u=Dn((0,t.useState)(0),2),d=u[0],A=u[1],p=(0,t.useCallback)((function(){d===i-1?(A(0),s(!1)):A(d+1)}),[d,A,i,s]);!function(n,e){var r,o,i=(r=(0,t.useReducer)((function(n,e){switch(e.type){case"KEY_DOWN":return function(n,e){return{keysHeld:[].concat((r=n.keysHeld,function(n){if(Array.isArray(n))return Pn(n)}(r)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(r)||Zn(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.")}()),[e.event.key]),keysHeldBeforeLastRelease:[]};var r}(n,e);case"KEY_UP":return function(n,e){return{keysHeld:[],keysHeldBeforeLastRelease:n.keysHeld.filter((function(n){return n!==e.event.key}))}}(n,e);case"RESET":return In;default:return n}}),In),o=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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(r,o)||Zn(r,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.")}()),a=i[0],l=i[1],c=(0,t.useCallback)((function(n){n.repeat||(n.preventDefault(),l({type:"KEY_DOWN",event:n}))}),[l]),s=(0,t.useCallback)((function(n){a.keysHeldBeforeLastRelease.includes(n.key)||(n.preventDefault(),e(n),l({type:"KEY_UP",event:n}))}),[a.keysHeldBeforeLastRelease,e,l]);(0,t.useEffect)((function(){if(n)return document.body.addEventListener("keydown",c),document.body.addEventListener("keyup",s),function(){document.body.removeEventListener("keydown",c),document.body.removeEventListener("keyup",s)}}),[n,c,s])}(c,(0,t.useCallback)((function(e){var t=function(n){var e=function(n){return wn()([n.altKey&&"LA",n.ctrlKey&&"LC",n.metaKey&&"LG",n.shiftKey&&"LS"])}(n),r=(0,Sn.mapCharacter)(n.key.toLowerCase())||function(n){var e=Yn[n.key],r=function(n){switch(n.location){case 1:return"L";case 2:return"R";default:return""}}(n);return e?{value:"&kp",params:[{value:r+e,params:[]}]}:null}(n);if(r)return{value:r.value,params:e.reduce((function(n,e){return[{value:e,params:n}]}),r.params)}}(e);t&&(r((0,l.V6)({layerIndex:n,bindIndex:d,binding:t})),p())}),[n,d,p,r]));var f=(0,t.useCallback)((function(){s(!0)}),[s]),y=(0,t.useCallback)((function(){s(!1)}),[s]);return[{isActive:c,bindIndex:d},{startQuickAssignment:f,cancelQuickAssignment:y,setBindIndex:A}]}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}function Wn(n){var e,r,o=n.layer,i=n.layerIndex,a=n.onClose,l=(e=Kn(i,!0),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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,r)||function(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}}(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];return(0,t.useEffect)((function(){c.isActive||a()}),[c.isActive,a]),(0,s.jsx)(bn.Z,{onDismiss:a,children:(0,s.jsxs)(hn.Z,{classes:[V.quickAssignDialog],dismissText:"",children:[(0,s.jsx)("h2",{children:"Quick-assign layer keybindings"}),(0,s.jsxs)("p",{children:["Press a key on your keyboard to set a ",(0,s.jsx)("code",{children:"&kp"})," binding at the highlighted position in your keymap."]}),(0,s.jsx)(A.Z,{bindings:o.properties.bindings.parsed,renderKey:function(n){var e=n.index;return n.keyLayout,o.properties.bindings.parsed[e]&&(0,s.jsx)(p.Z,{binding:o.properties.bindings.parsed[e],keyWrapperProps:{selectable:!1,onClick:function(){return u.setBindIndex(e)},className:wn()([V.quickBindKey,c.bindIndex===e&&V.quickBindKeyHighlight]).join(" ")}})}}),(0,s.jsxs)("div",{style:{textAlign:"center"},children:[(0,s.jsx)(On.Z,{children:(0,s.jsx)("span",{children:"Click on a different key to jump ahead or correct a previous binding."})}),(0,s.jsx)("p",{children:(0,s.jsx)(mn.Z,{onClick:a,children:"Done"})})]})]})})}var Ln=r(59140),Nn=r(46908);function Rn(n){var e=n.layerIndex,r=(0,Nn.Q)().setActiveTab,i=(0,o.v9)(Ln.Iu),a=(0,t.useMemo)((function(){return i.filter((function(n){var r,t;return(null===(r=n.properties)||void 0===r||null===(t=r["then-layer"])||void 0===t?void 0:t.parsed)===e}))}),[i,e]),l=(0,t.useCallback)((function(n){n.stopPropagation(),r(1)}),[r]);return 0===a.length?null:(0,s.jsxs)("div",{onClick:l,className:V.layerReferences,children:[(0,s.jsx)(y.Z,{className:"fa-flip-horizontal ".concat(V.icon),name:"arrow-right-to-bracket"}),(0,s.jsxs)("div",{className:V.details,children:[(0,s.jsx)("span",{children:a.length})," ",(0,s.jsx)("span",{children:"conditional layer references"})]})]})}function Mn(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return Xn(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)?Xn(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 Xn(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 _n=function(n){return n.keyboard.sensors};function Qn(n){var e=n.layer,r=n.layerIndex,i=(n.isActiveLayer,(0,o.v9)(_n)),a=Mn((0,t.useState)(!1),2),l=a[0],c=a[1],u=Mn((0,t.useState)(!1),2),d=u[0],A=u[1],p=(0,t.useCallback)((function(){return c(!0)}),[c]),f=(0,t.useCallback)((function(){return A(!0)}),[A]),y=(0,t.useCallback)((function(){return A(!1)}),[A]),b=(0,t.useMemo)((function(){return[{callback:p,content:"Change Configuration"},{callback:f,content:(0,s.jsxs)(s.Fragment,{children:["Quick ",(0,s.jsx)("code",{children:"&kp"})," Assignment"]})}]}),[p,f]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:V.layerWrapper,children:[(0,s.jsx)(Vn,{layer:e,layerIndex:r,additionalActions:b}),(0,s.jsx)(Z,{activeLayer:r}),(0,s.jsx)("div",{className:V.sensors,"data-sensor-count":i.length,children:(0,s.jsx)(pn,{sensors:i,layerIndex:r,layer:e})})]}),l&&(0,s.jsx)(Bn,{layerIndex:r,onClose:function(){return c(!1)}}),d&&(0,s.jsx)(Wn,{layer:e,layerIndex:r,onClose:y})]})}function Vn(n){var e=n.layer,r=n.layerIndex,t=n.additionalActions;return(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"5px"},children:[(0,s.jsx)("h3",{children:e.name}),(0,s.jsx)(Rn,{layerIndex:r}),(0,s.jsx)(d,{layerIndex:r,additionalActions:t})]})}var zn=r(30341),Fn={};Fn.styleTagTransform=X(),Fn.setAttributes=L(),Fn.insert=U().bind(null,"head"),Fn.domAPI=Y(),Fn.insertStyleElement=R(),D()(zn.Z,Fn);var Hn=zn.Z&&zn.Z.locals?zn.Z.locals:void 0,Jn=r(56803),Gn=r(50868),$n=r(81485),ne=r(18311);function ee(n){return ee="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},ee(n)}function re(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 te(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?re(Object(r),!0).forEach((function(e){oe(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):re(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function oe(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==ee(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==ee(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===ee(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function ie(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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return ae(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)?ae(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 ae(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 le(n){var e=n.activeLayer,r=n.onSelect,i=(0,t.useRef)(null),a=(0,o.I0)(),c=(0,t.useContext)(Tn.VY).bindingCount,u=(0,t.useContext)($n.c),d=(0,t.useContext)(ne.v),A=(0,o.v9)(l.vl),p=(0,t.useCallback)((function(n){r(n)}),[r]),f=(0,t.useCallback)((function(){return a((0,l.Xv)({bindingCount:c}))}),[a,c]),b=(0,t.useMemo)((function(){return function(n){var e=A[n].name;window.confirm("Really delete layer: ".concat(e,"?"))&&(a((0,l.Q)({index:n})),a((0,Gn.fD)(n,null,A,u,d)))}}),[A,a,u,d]),h=(0,t.useCallback)((function(n,e){n.stopPropagation();var r=e.dragIndex,t=e.dropIndex;r!==t&&(a((0,l.WF)({currentIndex:r,targetIndex:t})),a((0,Gn.fD)(r,t,A,u,d)))}),[A,a,u,d]),g=function(n){var e=ie((0,t.useState)({dragIndex:null,dropIndex:null}),2),r=e[0],o=r.dragIndex,i=r.dropIndex,a=e[1],l=(0,t.useCallback)((function(n){return n.preventDefault()}),[]),c=(0,t.useCallback)((function(n){var e=Number(n.target.dataset.slotIndex);a({dragIndex:e,dropIndex:null})}),[a]),s=(0,t.useCallback)((function(n){a((function(e){return null===e.dropIndex&&n.stopPropagation(),{dragIndex:null,dropIndex:null}}))}),[a]),u=(0,t.useCallback)((function(n){n.preventDefault();var e=Number(n.target.dataset.dropPosition);a((function(n){return te(te({},n),{},{dropIndex:e})}))}),[a]),d=(0,t.useCallback)((function(n){var e=Number(n.target.dataset.dropPosition);a((function(n){return te(te({},n),{},{dropIndex:n.dropIndex===e?null:n.dropIndex})}))}),[a]),A=(0,t.useCallback)((function(e){n(e,{dragIndex:o,dropIndex:i}),a({dragIndex:null,dropIndex:null})}),[o,i,a,n]);return[{isDragging:null!==o,dragIndex:o,dropIndex:i},{handleDragStart:c,handleDragEnd:s,handleDragEnter:u,handleDragLeave:d,handleDragOver:l,handleDrop:A}]}(h),m=ie(g,2),v=m[0],C=m[1];return(0,s.jsx)("div",{className:Hn.layerSelector,ref:i,children:(0,s.jsxs)("ul",{"data-dragging":v.isDragging,children:[A.map((function(n,r){return(0,s.jsxs)("li",{className:e===r?Hn.active:"","data-slot-index":r,draggable:!0,onDragStart:C.handleDragStart,onDragEnd:C.handleDragEnd,onDrop:C.handleDrop,children:[(0,s.jsx)("div",{className:wn()([Hn.dropper,v.dropIndex===r&&Hn.dropTarget]).join(" "),"data-drop-position":r,onDragEnter:C.handleDragEnter,onDragOver:C.handleDragOver,onDragLeave:C.handleDragLeave,onDrop:C.handleDrop}),(0,s.jsxs)("div",{onClick:function(){return p(r)},className:wn()([Hn.layer,v.dragIndex===r&&Hn.dragging,v.isDragging&&v.dropIndex!==v.dragIndex&&v.dropIndex!==v.dragIndex+1&&null!==v.dropIndex&&r>=v.dropIndex&&Hn.displaced]).join(" "),children:[(0,s.jsx)("span",{className:Hn.index,children:r}),(0,s.jsxs)("span",{className:Hn.name,children:[n.name,(0,s.jsx)(y.Z,{name:"times-circle",className:Hn.delete,onClick:(0,Jn.s)((function(){return b(r)}))})]})]})]},"slot-".concat(r))})),v.isDragging&&v.dragIndex<A.length-1&&(0,s.jsx)("li",{"data-slot-index":A.length,onDragEnd:C.handleDragEnd,onDrop:C.handleDrop,children:(0,s.jsx)("div",{className:wn()([Hn.dropper,v.dropIndex===A.length&&Hn.dropTarget]).join(" "),"data-drop-position":A.length,onDragEnter:C.handleDragEnter,onDragOver:C.handleDragOver,onDragLeave:C.handleDragLeave,onDrop:C.handleDrop})},"slot-".concat(A.length)),!v.isDragging&&(0,s.jsx)("li",{onClick:f,children:(0,s.jsxs)("div",{className:Hn.layer,children:[(0,s.jsx)(y.Z,{className:Hn.index,name:"plus"}),(0,s.jsx)("span",{className:Hn.name,children:"Add Layer"})]})})]})})}le.propTypes={activeLayer:a().number.isRequired,onSelect:a().func.isRequired};var ce=le;function se(){var n=(0,o.I0)(),e=(0,t.useContext)(Tn.VY).bindingCount;return(0,s.jsxs)("div",{style:{textAlign:"center"},children:[(0,s.jsx)("h3",{children:"No keymap layers defined"}),(0,s.jsx)(mn.Z,{onClick:function(){return n((0,l.Xv)({bindingCount:e}))},children:"Add layer"})]})}function ue(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 de=function(){var n,e,r=(0,o.v9)(l.vl),i=(n=(0,t.useState)(0),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,s=!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){s=!0,o=n}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return ue(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)?ue(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.")}()),a=i[0],c=i[1],u=Math.max(0,Math.min(a,r.length-1));return 0===r.length?(0,s.jsx)(se,{}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ce,{activeLayer:u,onSelect:c}),(0,s.jsx)(Qn,{layer:r[u],layerIndex:u,isActiveLayer:!0})]})}},56803:function(n,e,r){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}})},56634:function(n,e,r){var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,".Jzs3iq1rDP5C8GJijmFR {\n  position: relative;\n}\n\n.NaSZTgWxjXTcejbI5OvU {\n  border: none;\n  background: none;\n}\n.NaSZTgWxjXTcejbI5OvU:hover {\n  cursor: pointer;;\n}\n\n.jThiLc5_BrUyl71v3rKn {\n  display: inline-block;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: max-content;\n  z-index: 1;\n  font-size: 70%;\n  padding: 5px 10px;\n\n  border-radius: 4px;\n}\n\n.jThiLc5_BrUyl71v3rKn p {\n  display: inline-block;\n  cursor: pointer;\n  margin: 0;\n}\n\n.jThiLc5_BrUyl71v3rKn ul {\n  display: none;\n}\n.jThiLc5_BrUyl71v3rKn.xG2GKlsc07jLEb2aMC6H {\n  background: var(--dialog-bg, var(--bg));\n  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);\n}\n.jThiLc5_BrUyl71v3rKn.xG2GKlsc07jLEb2aMC6H ul {\n  display: block;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n.jThiLc5_BrUyl71v3rKn li {\n  cursor: pointer;\n  margin: 2px 0;\n  line-height: 20px;\n  padding: 0 5px;\n  border-radius: 10px;\n}\n\n.jThiLc5_BrUyl71v3rKn li:hover {\n  background-color: var(--hover-selection);\n  color: white;\n}\n","",{version:3,sources:["webpack://./src/Common/action-menu.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,eAAe;AACjB;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,kBAAkB;EAClB,UAAU;EACV,cAAc;EACd,iBAAiB;;EAEjB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,eAAe;EACf,SAAS;AACX;;AAEA;EACE,aAAa;AACf;AACA;EACE,uCAAuC;EACvC,8CAA8C;AAChD;AACA;EACE,cAAc;EACd,UAAU;EACV,SAAS;EACT,qBAAqB;AACvB;;AAEA;EACE,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACd,mBAAmB;AACrB;;AAEA;EACE,wCAAwC;EACxC,YAAY;AACd",sourcesContent:[".wrapper {\n  position: relative;\n}\n\n.button {\n  border: none;\n  background: none;\n}\n.button:hover {\n  cursor: pointer;;\n}\n\n.menu {\n  display: inline-block;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: max-content;\n  z-index: 1;\n  font-size: 70%;\n  padding: 5px 10px;\n\n  border-radius: 4px;\n}\n\n.menu p {\n  display: inline-block;\n  cursor: pointer;\n  margin: 0;\n}\n\n.menu ul {\n  display: none;\n}\n.menu.open {\n  background: var(--dialog-bg, var(--bg));\n  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);\n}\n.menu.open ul {\n  display: block;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n.menu li {\n  cursor: pointer;\n  margin: 2px 0;\n  line-height: 20px;\n  padding: 0 5px;\n  border-radius: 10px;\n}\n\n.menu li:hover {\n  background-color: var(--hover-selection);\n  color: white;\n}\n"],sourceRoot:""}]),a.locals={wrapper:"Jzs3iq1rDP5C8GJijmFR",button:"NaSZTgWxjXTcejbI5OvU",menu:"jThiLc5_BrUyl71v3rKn",open:"xG2GKlsc07jLEb2aMC6H"},e.Z=a},33988:function(n,e,r){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},49040:function(n,e,r){var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.lD5TsvdIbEAHNdmhfnlb {\n  background-color: var(--key-bg-base);\n}\n.yk89E4zK9zlO69OXhKn5:hover {\n  cursor: pointer;\n  border: 4px solid var(--selection);\n  box-sizing: border-box;\n}\n\n.pzTvsxKjpy6MqcFhxh9j {\n  background-color: var(--selection);\n}\n.pzTvsxKjpy6MqcFhxh9j:hover {\n  background-color: var(--hover-selection);\n}\n\n.r_Sdklnj57CE2ZjnBDw6 {\n  background-color: var(--hover-selection);\n  filter: brightness(135%);\n}\n\n.Ich9T1nSzHs1a84insfp {\n  background-color: var(--hover-selection);\n  filter: brightness(75%);\n}\n\n._3U1zi1J1sXT41AzpAA1j {\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translate(50%, 100%);\n}\n\n.f38_8PxgThEPWT2hn3qF {\n  border-radius: 1px;\n}\n\n@media not (prefers-color-scheme: dark) {\n  body:not([data-theme="dark"]) .f38_8PxgThEPWT2hn3qF:not(.pzTvsxKjpy6MqcFhxh9j) {\n    filter:brightness(95%);\n  }\n}',"",{version:3,sources:["webpack://./src/Keyboard/Common/keyPositionSelectorStyles.module.css"],names:[],mappings:"AAAA;EACE,oCAAoC;AACtC;AACA;EACE,eAAe;EACf,kCAAkC;EAClC,sBAAsB;AACxB;;AAEA;EACE,kCAAkC;AACpC;AACA;EACE,wCAAwC;AAC1C;;AAEA;EACE,wCAAwC;EACxC,wBAAwB;AAC1B;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE;IACE,sBAAsB;EACxB;AACF",sourcesContent:['.key {\n  background-color: var(--key-bg-base);\n}\n.selectable:hover {\n  cursor: pointer;\n  border: 4px solid var(--selection);\n  box-sizing: border-box;\n}\n\n.highlight {\n  background-color: var(--selection);\n}\n.highlight:hover {\n  background-color: var(--hover-selection);\n}\n\n.previewAdd {\n  background-color: var(--hover-selection);\n  filter: brightness(135%);\n}\n\n.previewRemove {\n  background-color: var(--hover-selection);\n  filter: brightness(75%);\n}\n\n.tip {\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translate(50%, 100%);\n}\n\n.keyMini {\n  border-radius: 1px;\n}\n\n@media not (prefers-color-scheme: dark) {\n  body:not([data-theme="dark"]) .keyMini:not(.highlight) {\n    filter:brightness(95%);\n  }\n}'],sourceRoot:""}]),a.locals={key:"lD5TsvdIbEAHNdmhfnlb",selectable:"yk89E4zK9zlO69OXhKn5",highlight:"pzTvsxKjpy6MqcFhxh9j",previewAdd:"r_Sdklnj57CE2ZjnBDw6",previewRemove:"Ich9T1nSzHs1a84insfp",tip:"_3U1zi1J1sXT41AzpAA1j",keyMini:"f38_8PxgThEPWT2hn3qF"},e.Z=a},87694:function(n,e,r){var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i),l=r(2),c=a()(o());c.i(l.Z,"",!0),c.push([n.id,".sMh70qqZgwLOUFa2MhLd {\n\twidth: 80px;\n\theight: 80px;\n\tborder-radius: 100%;\n\tbackground-color: var(--key-bg-base);\n\tcolor: var(--key-color-base);\n}\n\n.sMh70qqZgwLOUFa2MhLd .Z7b6dIgIeHCFcckmOWBW {\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n.sMh70qqZgwLOUFa2MhLd ."+l.Z.locals.params+'[data-is-root="true"] {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.sMh70qqZgwLOUFa2MhLd .'+l.Z.locals.params+'[data-is-root="true"] .'+l.Z.locals.param+':first-child::before {\n\tcontent: "⟳";\n\tfont-size: 140%;\n\tfont-weight: bold;\n}\n.sMh70qqZgwLOUFa2MhLd .'+l.Z.locals.params+'[data-is-root="true"] .'+l.Z.locals.param+':nth-child(2)::before {\n\tcontent: "⟲";\n\tfont-size: 140%;\n\tfont-weight: bold;\n}\n.sMh70qqZgwLOUFa2MhLd:hover .'+l.Z.locals.params+'[data-is-root="true"] .'+l.Z.locals.param+":first-child::before,\n.sMh70qqZgwLOUFa2MhLd:hover ."+l.Z.locals.params+'[data-is-root="true"] .'+l.Z.locals.param+":nth-child(2)::before {\n\tcolor: white;\n}\n","",{version:3,sources:["webpack://./src/Keyboard/Encoders/styles.module.css"],names:[],mappings:"AAKA;CACC,WAAW;CACX,YAAY;CACZ,mBAAmB;CACnB,oCAAoC;CACpC,4BAA4B;AAC7B;;AAEA;CACC,SAAS;CACT,2BAA2B;AAC5B;AACA;CACC,aAAa;CACb,sBAAsB;AACvB;AACA;CACC,YAAY;CACZ,eAAe;CACf,iBAAiB;AAClB;AACA;CACC,YAAY;CACZ,eAAe;CACf,iBAAiB;AAClB;AACA;;CAEC,YAAY;AACb",sourcesContent:[':import("../Keys/styles.module.css") {\n  params: params;\n  param: param;\n}\n\n.encoder {\n\twidth: 80px;\n\theight: 80px;\n\tborder-radius: 100%;\n\tbackground-color: var(--key-bg-base);\n\tcolor: var(--key-color-base);\n}\n\n.encoder .behaviour-binding {\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n.encoder .params[data-is-root="true"] {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.encoder .params[data-is-root="true"] .param:first-child::before {\n\tcontent: "⟳";\n\tfont-size: 140%;\n\tfont-weight: bold;\n}\n.encoder .params[data-is-root="true"] .param:nth-child(2)::before {\n\tcontent: "⟲";\n\tfont-size: 140%;\n\tfont-weight: bold;\n}\n.encoder:hover .params[data-is-root="true"] .param:first-child::before,\n.encoder:hover .params[data-is-root="true"] .param:nth-child(2)::before {\n\tcolor: white;\n}\n'],sourceRoot:""}]),c.locals={encoder:"sMh70qqZgwLOUFa2MhLd","behaviour-binding":"Z7b6dIgIeHCFcckmOWBW"},e.Z=c},30341:function(n,e,r){var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.JeRmYfUKXTg9VqWZshKO {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.75;\n  left: 5px;\n}\n.JeRmYfUKXTg9VqWZshKO:hover {\n  opacity: initial;\n}\n.JeRmYfUKXTg9VqWZshKO > * {\n  pointer-events: all;\n}\n\n.JeRmYfUKXTg9VqWZshKO ul {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n.JeRmYfUKXTg9VqWZshKO li {\n  position: relative;\n  padding: 0;\n  margin: 0;\n  width: max-content;\n  height: 36px;\n  cursor: pointer;\n}\n.JeRmYfUKXTg9VqWZshKO .u2LnyyXbhUKWkR8h1WgY {\n  cursor: grab;\n}\n.Svi1LYw7uQ_NUkdl_Qqu, .QHkrJNCowEE3i9FocgKe {\n  background-color: var(--key-bg-base);\n  color: var(--key-color-base);\n  /* border-radius: 0 18px 18px 0; */\n  height: 36px;\n  padding: 0px;\n  margin: 2px;\n  width: max-content;\n}\n.JeRmYfUKXTg9VqWZshKO li:first-child .Svi1LYw7uQ_NUkdl_Qqu {\n  border-radius: 4px 4px 0 0;\n}\n.JeRmYfUKXTg9VqWZshKO li:last-child .Svi1LYw7uQ_NUkdl_Qqu {\n  border-radius: 0 0 4px 4px;\n}\n.JeRmYfUKXTg9VqWZshKO li:hover .Svi1LYw7uQ_NUkdl_Qqu {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.JeRmYfUKXTg9VqWZshKO:not([data-dragging="true"]) li:hover .Svi1LYw7uQ_NUkdl_Qqu {\n  background-color: rgba(60, 179, 113, 0.85);\n  color: white;\n  padding-right: 35px;\n}\n[data-dragging="true"] .Svi1LYw7uQ_NUkdl_Qqu {\n  padding-right: 35px;\n}\n.JeRmYfUKXTg9VqWZshKO .u2LnyyXbhUKWkR8h1WgY .Svi1LYw7uQ_NUkdl_Qqu {\n  background-color: rgb(60, 179, 113);\n  color: white;\n}\n\n.JeRmYfUKXTg9VqWZshKO li * {\n  display: inline-block;\n}\n.JeRmYfUKXTg9VqWZshKO li .yVeX9ivshCU7PiJfbG2v {\n  overflow: auto;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n}\n.JeRmYfUKXTg9VqWZshKO li .tV7QyJybi_Gy9OnFqX6l {\n  overflow: hidden;\n  width: 0;\n  height: 36px;\n  line-height: 36px;\n  padding: 0;\n  font-variant: small-caps;\n}\n\n.Svi1LYw7uQ_NUkdl_Qqu {\n  margin: 4px 2px 4px 0;\n  transition: margin-top .15s ease-in;\n}\n.Svi1LYw7uQ_NUkdl_Qqu.pRqaGgm21Psy3msTmiKg {\n  cursor: grabbing;\n  background-color: royalblue !important;\n  color: white;\n  opacity: 0.3;\n}\n\n.v7BdtxvE2YVCWNVJlnry {\n  position: absolute;\n\n  min-width: 200px;\n  width: 100%;\n  height: 40px;\n  /* border: 1px dotted tomato; */\n}\n\n[data-dragging="false"] .v7BdtxvE2YVCWNVJlnry {\n  display: none;\n}\n.a4BtINSAm0wAMDfWjTWQ {\n  /* position: relative; */\n  width: 200px;\n  opacity: .3;\n}\n\n.Svi1LYw7uQ_NUkdl_Qqu.RMyVbbtfIDcsWDY7Qb1c {\n  margin-top: 34px;\n}\n\n.JeRmYfUKXTg9VqWZshKO ul :hover .Svi1LYw7uQ_NUkdl_Qqu .tV7QyJybi_Gy9OnFqX6l,\n[data-dragging="true"] .Svi1LYw7uQ_NUkdl_Qqu .tV7QyJybi_Gy9OnFqX6l {\n  transition: .15s ease-in;\n  width: auto;\n  padding: 0 0 0 10px;\n}\n\n.JeRmYfUKXTg9VqWZshKO button {\n  width: 30px;\n  height: 36px;\n  line-height: 36px;\n  padding: 0;\n  text-align: center;\n  border-radius: 18px;\n}\n\n.JeRmYfUKXTg9VqWZshKO .htA0l4uMnWt9050_zphf {\n  cursor: pointer;\n  position: absolute;\n  right: 10px;\n  visibility: hidden;\n\n  height: 36px;\n  line-height: 36px;\n}\n.JeRmYfUKXTg9VqWZshKO li:hover .htA0l4uMnWt9050_zphf {\n  visibility: visible;\n}\n',"",{version:3,sources:["webpack://./src/Keyboard/Layers/layer-switcher.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,oBAAoB;EACpB,UAAU;EACV,aAAa;EACb,SAAS;AACX;AACA;EACE,gBAAgB;AAClB;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,SAAS;EACT,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,SAAS;EACT,kBAAkB;EAClB,YAAY;EACZ,eAAe;AACjB;AACA;EACE,YAAY;AACd;AACA;EACE,oCAAoC;EACpC,4BAA4B;EAC5B,kCAAkC;EAClC,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,kBAAkB;AACpB;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,4BAA4B;EAC5B,+BAA+B;AACjC;AACA;EACE,0CAA0C;EAC1C,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mCAAmC;EACnC,YAAY;AACd;;AAEA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,gBAAgB;EAChB,QAAQ;EACR,YAAY;EACZ,iBAAiB;EACjB,UAAU;EACV,wBAAwB;AAC1B;;AAEA;EACE,qBAAqB;EACrB,mCAAmC;AACrC;AACA;EACE,gBAAgB;EAChB,sCAAsC;EACtC,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,kBAAkB;;EAElB,gBAAgB;EAChB,WAAW;EACX,YAAY;EACZ,+BAA+B;AACjC;;AAEA;EACE,aAAa;AACf;AACA;EACE,wBAAwB;EACxB,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,wBAAwB;EACxB,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,UAAU;EACV,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,kBAAkB;;EAElB,YAAY;EACZ,iBAAiB;AACnB;AACA;EACE,mBAAmB;AACrB",sourcesContent:['.layerSelector {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.75;\n  left: 5px;\n}\n.layerSelector:hover {\n  opacity: initial;\n}\n.layerSelector > * {\n  pointer-events: all;\n}\n\n.layerSelector ul {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n.layerSelector li {\n  position: relative;\n  padding: 0;\n  margin: 0;\n  width: max-content;\n  height: 36px;\n  cursor: pointer;\n}\n.layerSelector .active {\n  cursor: grab;\n}\n.layer, .addLayer {\n  background-color: var(--key-bg-base);\n  color: var(--key-color-base);\n  /* border-radius: 0 18px 18px 0; */\n  height: 36px;\n  padding: 0px;\n  margin: 2px;\n  width: max-content;\n}\n.layerSelector li:first-child .layer {\n  border-radius: 4px 4px 0 0;\n}\n.layerSelector li:last-child .layer {\n  border-radius: 0 0 4px 4px;\n}\n.layerSelector li:hover .layer {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.layerSelector:not([data-dragging="true"]) li:hover .layer {\n  background-color: rgba(60, 179, 113, 0.85);\n  color: white;\n  padding-right: 35px;\n}\n[data-dragging="true"] .layer {\n  padding-right: 35px;\n}\n.layerSelector .active .layer {\n  background-color: rgb(60, 179, 113);\n  color: white;\n}\n\n.layerSelector li * {\n  display: inline-block;\n}\n.layerSelector li .index {\n  overflow: auto;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n}\n.layerSelector li .name {\n  overflow: hidden;\n  width: 0;\n  height: 36px;\n  line-height: 36px;\n  padding: 0;\n  font-variant: small-caps;\n}\n\n.layer {\n  margin: 4px 2px 4px 0;\n  transition: margin-top .15s ease-in;\n}\n.layer.dragging {\n  cursor: grabbing;\n  background-color: royalblue !important;\n  color: white;\n  opacity: 0.3;\n}\n\n.dropper {\n  position: absolute;\n\n  min-width: 200px;\n  width: 100%;\n  height: 40px;\n  /* border: 1px dotted tomato; */\n}\n\n[data-dragging="false"] .dropper {\n  display: none;\n}\n.dropTarget {\n  /* position: relative; */\n  width: 200px;\n  opacity: .3;\n}\n\n.layer.displaced {\n  margin-top: 34px;\n}\n\n.layerSelector ul :hover .layer .name,\n[data-dragging="true"] .layer .name {\n  transition: .15s ease-in;\n  width: auto;\n  padding: 0 0 0 10px;\n}\n\n.layerSelector button {\n  width: 30px;\n  height: 36px;\n  line-height: 36px;\n  padding: 0;\n  text-align: center;\n  border-radius: 18px;\n}\n\n.layerSelector .delete {\n  cursor: pointer;\n  position: absolute;\n  right: 10px;\n  visibility: hidden;\n\n  height: 36px;\n  line-height: 36px;\n}\n.layerSelector li:hover .delete {\n  visibility: visible;\n}\n'],sourceRoot:""}]),a.locals={layerSelector:"JeRmYfUKXTg9VqWZshKO",active:"u2LnyyXbhUKWkR8h1WgY",layer:"Svi1LYw7uQ_NUkdl_Qqu",addLayer:"QHkrJNCowEE3i9FocgKe",index:"yVeX9ivshCU7PiJfbG2v",name:"tV7QyJybi_Gy9OnFqX6l",dragging:"pRqaGgm21Psy3msTmiKg",dropper:"v7BdtxvE2YVCWNVJlnry",dropTarget:"a4BtINSAm0wAMDfWjTWQ",displaced:"RMyVbbtfIDcsWDY7Qb1c",delete:"htA0l4uMnWt9050_zphf"},e.Z=a},59500:function(n,e,r){var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.ULm7RKJYCZDRV0HmcA7C {\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: auto;\n  scroll-snap-stop: normal;\n  scroll-snap-type: y proximity;\n}\n\n.XWq43GGa2yCVXqY4Syw3 {\n  width: fit-content;\n  scroll-snap-align: start;\n  margin: 0 auto;\n  padding: 0 40px 40px;\n}\n\n.EwvVNY6vlf7HwYmXTbzi {\n  margin: 10px 0;\n  display: flex;\n}\n\n.EwvVNY6vlf7HwYmXTbzi label {\n  display: inline-block;\n  width: 120px;\n  text-align: right;\n  margin-right: 10px;\n}\n\n.uhiC_7TzN7eCNbm5C6a8[data-sensor-count="0"] {\n  display: none;\n}\n\n.ztwqyyB2FFS4oWgcCyZC label {\n  display: inline-block;\n  margin-bottom: 10px;\n}\n.ztwqyyB2FFS4oWgcCyZC[data-unbound="true"] label code {\n  opacity: 0.5;\n}\n\n.N98b5r9XUT9yotsaxhB7 {\n  cursor: pointer;\n  margin-left: 5px;\n}\n\n.QZ1jUOy1FEDFG3IrI5JM { cursor: pointer; }\n.QZ1jUOy1FEDFG3IrI5JM:hover {\n  color: white;\n}\n\n.raNkhxmGTqtKQI9X2gVA:not(.y7y6ypMwmSafQKgt7oBw) {\n  cursor: pointer;\n}\n.raNkhxmGTqtKQI9X2gVA > * {\n  pointer-events: none;\n}\n.raNkhxmGTqtKQI9X2gVA:hover, .y7y6ypMwmSafQKgt7oBw {\n  color: var(--key-color-hover);\n  background-color: var(--selection);\n}\n.raNkhxmGTqtKQI9X2gVA:hover {\n  background-color: var(--hover-selection);\n}\n\n.sahMSNIG_94Hn9tEEZ8q {\n  max-width: 80vw;\n  overflow-x: scroll;\n}\n\n.c0VeuZmivZMxEPK_3OQZ {\n  position: relative;\n  font-weight: normal;\n  font-size: 0.75em;\n  color: var(--key-color-base);\n  padding: 5px;\n  background-color: var(--dialog-bg);\n  border-radius: 1rem;\n  cursor: pointer;\n}\n\n.c0VeuZmivZMxEPK_3OQZ .ZZ1YEtKhAc2ew68XlWlU {\n  display: block;\n  font-size: 1rem;\n}\n.c0VeuZmivZMxEPK_3OQZ:hover {\n  color: royalblue;\n}\n\n.c0VeuZmivZMxEPK_3OQZ .khHtvu4X2wwOnAF6CQ3Y {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 5px;\n  z-index: 2;\n  transform: translate(100%, -50%);\n  width: max-content;\n  line-height: 1rem;\n  padding: 5px 10px;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.c0VeuZmivZMxEPK_3OQZ:hover .khHtvu4X2wwOnAF6CQ3Y {\n  display: block;\n  background-color: var(--dialog-bg);\n}',"",{version:3,sources:["webpack://./src/Keyboard/Layers/style.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,MAAM;EACN,YAAY;EACZ,aAAa;EACb,cAAc;EACd,wBAAwB;EACxB,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;EACd,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,qBAAqB;EACrB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;AACA;EACE,YAAY;AACd;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA,wBAAoB,eAAe,EAAE;AACrC;EACE,YAAY;AACd;;AAEA;EACE,eAAe;AACjB;AACA;EACE,oBAAoB;AACtB;AACA;EACE,6BAA6B;EAC7B,kCAAkC;AACpC;AACA;EACE,wCAAwC;AAC1C;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,YAAY;EACZ,kCAAkC;EAClC,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,UAAU;EACV,gCAAgC;EAChC,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB;EACzB,4BAA4B;AAC9B;AACA;EACE,cAAc;EACd,kCAAkC;AACpC",sourcesContent:['.layerScrollContainer {\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: auto;\n  scroll-snap-stop: normal;\n  scroll-snap-type: y proximity;\n}\n\n.layerWrapper {\n  width: fit-content;\n  scroll-snap-align: start;\n  margin: 0 auto;\n  padding: 0 40px 40px;\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.sensors[data-sensor-count="0"] {\n  display: none;\n}\n\n.sensor label {\n  display: inline-block;\n  margin-bottom: 10px;\n}\n.sensor[data-unbound="true"] label code {\n  opacity: 0.5;\n}\n\n.deleteSensorBinding {\n  cursor: pointer;\n  margin-left: 5px;\n}\n\n.addSensorBinding { cursor: pointer; }\n.addSensorBinding:hover {\n  color: white;\n}\n\n.quickBindKey:not(.quickBindKeyHighlight) {\n  cursor: pointer;\n}\n.quickBindKey > * {\n  pointer-events: none;\n}\n.quickBindKey:hover, .quickBindKeyHighlight {\n  color: var(--key-color-hover);\n  background-color: var(--selection);\n}\n.quickBindKey:hover {\n  background-color: var(--hover-selection);\n}\n\n.quickAssignDialog {\n  max-width: 80vw;\n  overflow-x: scroll;\n}\n\n.layerReferences {\n  position: relative;\n  font-weight: normal;\n  font-size: 0.75em;\n  color: var(--key-color-base);\n  padding: 5px;\n  background-color: var(--dialog-bg);\n  border-radius: 1rem;\n  cursor: pointer;\n}\n\n.layerReferences .icon {\n  display: block;\n  font-size: 1rem;\n}\n.layerReferences:hover {\n  color: royalblue;\n}\n\n.layerReferences .details {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 5px;\n  z-index: 2;\n  transform: translate(100%, -50%);\n  width: max-content;\n  line-height: 1rem;\n  padding: 5px 10px;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.layerReferences:hover .details {\n  display: block;\n  background-color: var(--dialog-bg);\n}'],sourceRoot:""}]),a.locals={layerScrollContainer:"ULm7RKJYCZDRV0HmcA7C",layerWrapper:"XWq43GGa2yCVXqY4Syw3",field:"EwvVNY6vlf7HwYmXTbzi",sensors:"uhiC_7TzN7eCNbm5C6a8",sensor:"ztwqyyB2FFS4oWgcCyZC",deleteSensorBinding:"N98b5r9XUT9yotsaxhB7",addSensorBinding:"QZ1jUOy1FEDFG3IrI5JM",quickBindKey:"raNkhxmGTqtKQI9X2gVA",quickBindKeyHighlight:"y7y6ypMwmSafQKgt7oBw",quickAssignDialog:"sahMSNIG_94Hn9tEEZ8q",layerReferences:"c0VeuZmivZMxEPK_3OQZ",icon:"ZZ1YEtKhAc2ew68XlWlU",details:"khHtvu4X2wwOnAF6CQ3Y"},e.Z=a},48118:function(n,e,r){var t=r(93379),o=r.n(t),i=r(7795),a=r.n(i),l=r(90569),c=r.n(l),s=r(3565),u=r.n(s),d=r(19216),A=r.n(d),p=r(44589),f=r.n(p),y=r(49040),b={};b.styleTagTransform=f(),b.setAttributes=u(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=A(),o()(y.Z,b),e.Z=y.Z&&y.Z.locals?y.Z.locals:void 0}}]);
//# sourceMappingURL=LayerEditorTab.cd807d367062009a0bba.js.map