(self.webpackChunkapp=self.webpackChunkapp||[]).push([[6793],{72054:function(n,e,r){"use strict";r.d(e,{Z:function(){return O}});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),A=r.n(u),d=r(90569),p=r.n(d),f=r(3565),y=r.n(f),b=r(19216),m=r.n(b),h=r(44589),g=r.n(h),v=r(56634),C={};C.styleTagTransform=g(),C.setAttributes=y(),C.insert=p().bind(null,"head"),C.domAPI=A(),C.insertStyleElement=m(),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),w=r(85893);function k(n){return k="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},k(n)}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 O(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 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.")}()),u=s[0],A=s[2],d=s[3],p=(0,i.useRef)();return(0,E.Z)(p,A),(0,w.jsxs)("div",{ref:p,className:x.wrapper,children:[(0,w.jsx)(B.Z,{className:x.button,onClick:d,icon:"ellipsis"}),(0,w.jsx)("div",{className:o()(x.menu,(t={},a=x.open,l=u,(a=function(n){var e=function(n,e){if("object"!==k(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==k(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===k(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,w.jsx)("ul",{children:c.map((function(n,e){return(0,w.jsx)("li",{onClick:function(){return function(n){A(),n()}(n.callback)},children:n.content},e)}))})})]})}O.propTypes={actions:l().arrayOf(l().shape({callback:l().func.isRequired,content:l().oneOfType([l().node,l().string]).isRequired})).isRequired}},60439:function(n,e,r){"use strict";r.d(e,{Z:function(){return Z}});var t=r(94184),o=r.n(t),i=r(6557),a=r.n(i),l=r(67294),c=r(45697),s=r.n(c),u=r(93379),A=r.n(u),d=r(7795),p=r.n(d),f=r(90569),y=r.n(f),b=r(3565),m=r.n(b),h=r(19216),g=r.n(h),v=r(44589),C=r.n(v),x=r(86015),E={};E.styleTagTransform=C(),E.setAttributes=m(),E.insert=y().bind(null,"head"),E.domAPI=p(),E.insertStyleElement=g(),A()(x.Z,E);var j=x.Z&&x.Z.locals?x.Z.locals:void 0,B=r(41051),w=r(56803),k=r(21517),S=r(85893);function O(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 P(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?P(n,e):void 0}}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function Z(n){var e=n.value,r=n.validate,t=n.required,i=n.render,a=n.onUpdate,c=n.showEditOnHover,s=O((0,l.useState)(!1),2),u=s[0],A=s[1],d=(0,l.useCallback)((function(n){A(!1),a(n)}),[A,a]),p=(0,l.useCallback)((function(){A(!1)}),[A]);return u?(0,S.jsx)(I,{value:e,validate:r,required:t,onConfirm:d,onCancel:p}):i((0,S.jsxs)("span",{className:j.container,"data-show-edit-on-hover":c,children:[(0,S.jsx)("span",{children:e}),(0,S.jsx)(B.Z,{name:"pencil",title:"Edit",className:o()(j.edit,j.buttonIcon),onClick:(0,w.s)((function(){return A(!0)}))})]}))}function I(n){var e=n.value,r=n.validate,t=n.required,o=n.onConfirm,i=n.onCancel,a=(0,l.useRef)(),c=O((0,l.useState)({value:e,attemptedEmpty:!1}),2),s=c[0],u=s.value,A=s.attemptedEmpty,d=c[1],p=t&&A?"cannot be empty":r&&r(u),f=(0,l.useCallback)((function(n){n&&(n.focus(),n.select())}),[]),y=(0,l.useCallback)((function(n){d({attemptedEmpty:!1,value:n.target.value})}),[d]),b=(0,l.useCallback)((function(){""===u&&t?d({value:"",attemptedEmpty:!0}):p||o(u)}),[u,t,p,o,d]);return(0,k.Z)(a,i,!p),(0,S.jsxs)("span",{className:j.container,ref:a,children:[(0,S.jsx)("input",{ref:f,value:u,onChange:y,onKeyDown:(0,w.w)({Enter:b,Escape:i})}),p&&(0,S.jsx)("span",{className:j.error,children:p}),(0,S.jsxs)("span",{style:{display:"inline flex",flexDirection:"row",gap:"5px",marginLeft:"5px"},children:[(0,S.jsx)(B.Z,{name:"check",title:"Accept",className:j.buttonIcon,onClick:b,disabled:p}),(0,S.jsx)(B.Z,{name:"rotate-left",title:"Reset",className:j.buttonIcon,onClick:i})]})]})}Z.propTypes={value:s().string.isRequired,validate:s().func,required:s().bool.isRequired,render:s().func.isRequired,onUpdate:s().func.isRequired,showEditOnHover:s().bool.isRequired},Z.defaultProps={render:a(),required:!0,showEditOnHover:!1}},97494:function(n,e,r){"use strict";r.d(e,{Z:function(){return w}});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),A=r(3565),d=r.n(A),p=r(19216),f=r.n(p),y=r(44589),b=r.n(y),m=r(33988),h={};h.styleTagTransform=b(),h.setAttributes=d(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=f(),a()(m.Z,h);var g=m.Z&&m.Z.locals?m.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 w(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:g.wrapper,children:[(0,v.jsx)("input",j({type:"text",value:i},a)),l&&(0,v.jsx)("span",{className:g.error,children:l})]})}w.propTypes={value:o().any.isRequired,required:o().bool,validator:o().func}},58887:function(n,e,r){"use strict";r.d(e,{Z:function(){return A}});var t=r(94184),o=r.n(t),i=r(86322),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 A(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,{selectable:!1,themeClass:o()((r={},u(r,l.Z.key,!0),u(r,l.Z.highlight,e.includes(t)),r),l.Z.keyMini)})}})}},77593:function(n,e,r){"use strict";r.d(e,{Z:function(){return C},l:function(){return x}});var t=r(78718),o=r.n(t),i=r(45697),a=r.n(i),l=r(67294),c=r(39316),s=r(95872),u=r(94995),A=r(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)}var p=["keyLayout","renderOptions","children"];function f(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function y(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){b(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function b(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==d(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.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(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}var m=function(n){return o()(n,["x","y"])},h=function(n){return{x:n.rx,y:n.ry,a:n.r}},g=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}},v=(0,l.createContext)({});function C(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,p),i=m(e),a=h(e),u=g(e),d=(0,c.Pi)(i,u,a,r),f=(0,l.useRef)();return(0,A.jsx)("div",y(y({ref:f,className:s.Z.placer,style:d,"data-u":u.u,"data-h":u.h},o),{},{children:(0,A.jsx)(v.Provider,{value:{position:i,rotation:a,size:u,ref:f},children:t})}))}function x(){return(0,l.useContext)(v)}C.propTypes={scale:a().number,keyLayout:u.v.isRequired},C.defaultProps={scale:1}},86322:function(n,e,r){"use strict";r.d(e,{Z:function(){return b},i:function(){return m}});var t=r(45697),o=r.n(t),i=r(67294),a=r(77593),l=r(94995),c=r(20817),s=r(39316),u=r(85893);function A(n){return A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},A(n)}function d(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 p(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 f(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){y(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function y(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==A(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==A(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===A(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function b(n){var e,r,t,o,l,A=n.layout,p=n.renderKey,f=n.renderOptions,y=(0,i.useContext)(c.VY),b=y.layout,m=y.layoutBbox,h=(o=(0,i.useState)(window.innerWidth-121),l=2,r=(e=function(n){if(Array.isArray(n))return n}(o)||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}}(o,l)||function(n,e){if(n){if("string"==typeof n)return d(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)?d(n,e):void 0}}(o,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],t=e[1],(0,i.useEffect)((function(){function n(){t(window.innerWidth-121)}return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}),[t]),r),g=m.max.x-m.min.x,v=f?f.keySize/s.Cg:1,C=1===v?Math.max(.5,Math.min(1,h/g)):n.scale,x=A||b,E=(0,i.useMemo)((function(){return{width:"".concat(C*v*(m.max.x-m.min.x),"px"),height:"".concat(C*v*(m.max.y-m.min.y),"px")}}),[C,v,m]),j=(0,i.useMemo)((function(){return{transform:"scale(".concat(C,")"),transformOrigin:0}}),[C]);return(0,u.jsx)("div",{style:E,children:(0,u.jsx)("div",{style:j,children:x.map((function(n,e){return(0,u.jsx)(a.Z,{keyLayout:n,renderOptions:f,children:p({index:e,keyLayout:n})},e)}))})})}function m(n){var e=(0,c.Z7)().renderOptions;return(0,u.jsx)(b,f(f({},n),{},{renderOptions:e}))}b.propTypes={layout:l.bK,renderKey:o().func.isRequired,scale:o().number},b.defaultProps={scale:1}},3484:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return $e}});var t={};r.r(t),r.d(t,{colemak:function(){return Hn},colemakModDh:function(){return _n},dvorak:function(){return Jn},options:function(){return Vn},qwerty:function(){return Xn}});var o=r(95998),i=r(67294),a=r(97494),l=r(64261),c=r(96186),s=r(93379),u=r.n(s),A=r(7795),d=r.n(A),p=r(90569),f=r.n(p),y=r(3565),b=r.n(y),m=r(19216),h=r.n(m),g=r(44589),v=r.n(g),C=r(59500),x={};x.styleTagTransform=v(),x.setAttributes=b(),x.insert=f().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h(),u()(C.Z,x);var E=C.Z&&C.Z.locals?C.Z.locals:void 0,j=r(62417),B=r(27926),w=r(80736),k=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 O(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 P(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?O(Object(r),!0).forEach((function(e){Z(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function Z(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 I(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 T=function(n){var e,r,t,s=n.layerIndex,u=n.onClose,A=(0,o.I0)(),d=(0,o.v9)(w.vl)[s],p=(r=(0,i.useState)({name:d.name,label:(null===(e=d.properties.label)||void 0===e?void 0:e.parsed)||""}),t=2,function(n){if(Array.isArray(n))return n}(r)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,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,t)||function(n,e){if(n){if("string"==typeof n)return I(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)?I(n,e):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=p[0],y=p[1],b=!(0,j.Gk)(f.name);return(0,k.jsx)(l.Z,{onDismiss:u,children:(0,k.jsxs)(c.Z,{dismissText:"",children:[(0,k.jsxs)("h2",{children:["Customize Layer ",(0,k.jsx)("code",{children:d.name})]}),(0,k.jsxs)("div",{children:[(0,k.jsxs)("div",{className:E.field,children:[(0,k.jsx)("label",{htmlFor:"customize-layer-name",children:"Name"}),(0,k.jsx)(a.Z,{id:"customize-layer-name",placeholder:"Default",value:f.name,validator:j.Gk,onChange:function(n){return y((function(e){return P(P({},e),{},{name:n.target.value})}))}})]}),(0,k.jsxs)("div",{className:E.field,children:[(0,k.jsx)("label",{htmlFor:"customize-layer-label",children:"Label"}),(0,k.jsx)("input",{id:"customize-layer-label",placeholder:"Default",value:f.label,onChange:function(n){return y((function(e){return P(P({},e),{},{label:n.target.value})}))}})]})]}),(0,k.jsxs)("div",{style:{textAlign:"center",gap:"5px"},children:[(0,k.jsx)(B.Z,{onClick:function(){A((0,w.vc)(P({layerIndex:s},f))),u()},disabled:!b,children:"OK"}),(0,k.jsx)(B.Z,{onClick:u,secondary:!0,children:"Cancel"})]})]})})},D=r(86322),Y=r(82607),R=r(61953),U=r(41051),N=r(80031);function q(){return(0,k.jsxs)("div",{style:{maxWidth:"600px",margin:"0 auto"},children:[(0,k.jsxs)("h3",{children:[(0,k.jsx)(U.Z,{name:"warning"})," ",(0,k.jsx)("span",{children:"No bindings defined"})]}),(0,k.jsxs)("p",{children:["Usually this is a parsing issue; either this layer in your keymap does not have a ",(0,k.jsx)("code",{children:"bindings"})," property, or there's a syntax problem preventing it from being parsed."]}),(0,k.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,k.jsx)("code",{children:">;"})," at the end)"]}),N.t6]})}var L=r(76106),K=r(94596),W=r(80671),F=r(58887),M=r(91118);function Q(n){return Q="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},Q(n)}function z(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 V(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?z(Object(r),!0).forEach((function(e){X(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function X(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==Q(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Q(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Q(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function H(n){return(0,k.jsx)(W.Z,V(V({},n),{},{Heading:_}))}function _(n){var e=n.bindingIndex,r=n.bindTree;return(0,k.jsxs)("div",{className:K.Z.keyBindingHeader,children:[(0,k.jsx)(F.Z,{keyPositions:[e],styleOverrides:{display:"inline-block",padding:"3px",borderRadius:"3px"},scale:.15}),(0,k.jsx)(U.Z,{name:"arrow-right"}),(0,k.jsx)(M.Z,{selectable:!1,children:(0,k.jsx)(L.Z,{value:r})})]})}function J(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 G(n){var e,r,t=n.activeLayer,a=(0,o.I0)(),l=(0,o.v9)(w.vl)[t].properties.bindings,c=(e=(0,i.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 J(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)?J(n,e):void 0}}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],u=c[1],A=(0,i.useCallback)((function(n,e){a((0,w.V6)({layerIndex:t,bindIndex:n,binding:e}))}),[a,t]);return null!=l&&l.parsed?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(D.Z,{renderKey:function(n){var e=n.index;return n.keyLayout,l.parsed[e]&&(0,k.jsx)(Y.Z,{binding:l.parsed[e],keyWrapperProps:{className:R.Z.unified,onClick:function(n){n.stopPropagation(),u(e)}}})}}),null!==s&&(0,k.jsx)(H,{binding:l.parsed[s],bindingIndex:s,onCancel:function(){return u(null)},onUpdate:function(n){A(s,n),u(null)}})]}):(0,k.jsx)(q,{})}var $=r(45697),nn=r.n($),en=r(72054);function rn(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 tn(n){var e,r=n.layerIndex,t=n.additionalActions,a=void 0===t?[]:t,l=(0,o.I0)(),c=(0,i.useMemo)((function(){return{transparentToKeypress:function(){return l((0,w.c7)({layerIndex:r}))},transparentToNone:function(){return l((0,w.sT)({layerIndex:r}))},noneToKeypress:function(){return l((0,w.UH)({layerIndex:r}))},noneToTransparent:function(){return l((0,w.v1)({layerIndex:r}))},emptyKeypressToTransparent:function(){return l((0,w.QR)({layerIndex:r}))},emptyKeypressToNone:function(){return l((0,w.En)({layerIndex:r}))}}}),[l,r]);return(0,k.jsx)(en.Z,{actions:[].concat((e=a,function(n){if(Array.isArray(n))return rn(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 rn(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)?rn(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:c.transparentToKeypress,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&trans"})," to ",(0,k.jsx)("code",{children:"&kp"})]})},{callback:c.transparentToNone,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&trans"})," to ",(0,k.jsx)("code",{children:"&none"})]})},{callback:c.noneToKeypress,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&none"})," to ",(0,k.jsx)("code",{children:"&kp"})]})},{callback:c.noneToTransparent,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&none"})," to ",(0,k.jsx)("code",{children:"&trans"})]})},{callback:c.emptyKeypressToTransparent,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&kp ⦸"})," to ",(0,k.jsx)("code",{children:"&trans"})]})},{callback:c.emptyKeypressToNone,content:(0,k.jsxs)(k.Fragment,{children:["Convert ",(0,k.jsx)("code",{children:"&kp ⦸"})," to ",(0,k.jsx)("code",{children:"&none"})]})}])})}tn.propTypes={layerIndex:nn().number.isRequired,additionalActions:nn().arrayOf(nn().shape({callback:nn().func.isRequired,content:nn().oneOfType([nn().node,nn().string]).isRequired}))};var on=r(59140),an=r(46908);function ln(n){var e=n.layerIndex,r=(0,an.Q)().setActiveTab,t=(0,o.v9)(on.Iu),a=(0,i.useMemo)((function(){return t.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}))}),[t,e]),l=(0,i.useCallback)((function(n){n.stopPropagation(),r(1)}),[r]);return 0===a.length?null:(0,k.jsxs)("div",{onClick:l,className:E.layerActionPrompt,children:[(0,k.jsx)(U.Z,{className:"fa-flip-horizontal ".concat(E.icon),name:"arrow-right-to-bracket"}),(0,k.jsxs)("div",{className:E.details,children:[(0,k.jsx)("span",{children:a.length})," ",(0,k.jsx)("span",{children:"conditional layer references"})]})]})}var cn=r(39693),sn=r.n(cn),un=r(62029),An=r(20817),dn=r(29709);function pn(n){return pn="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},pn(n)}function fn(n,e){if(n){if("string"==typeof n)return yn(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)?yn(n,e):void 0}}function yn(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 bn(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 mn(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?bn(Object(r),!0).forEach((function(e){hn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):bn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function hn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==pn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==pn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===pn(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function gn(){return{modifiers:[],eventFiredSinceHoldStart:!1}}function vn(n){return["Alt","Control","Shift","Meta"].includes(n)}function Cn(n){return Cn="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},Cn(n)}function xn(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?xn(Object(r),!0).forEach((function(e){jn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):xn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function jn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==Cn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Cn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Cn(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Bn(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 wn(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)?wn(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 wn(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 kn={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 Sn(n,e){var r=e.behaviorBind,t=void 0===r?"&kp":r,o=e.defaultStart,a=void 0!==o&&o,l=(0,i.useContext)(An.VY).bindingCount,c=Bn((0,i.useState)(a),2),s=c[0],u=c[1],A=Bn((0,i.useState)(0),2),d=A[0],p=A[1],f=(0,i.useCallback)((function(){d<l-1&&p(d+1)}),[d,p,l]),y=(0,i.useCallback)((function(e){e.value=t,n((function(n){return En(En({},n),{},{properties:En(En({},n.properties),{},{bindings:En(En({},n.properties.bindings),{},{parsed:(0,dn.xw)(n.properties.bindings.parsed,d,e)})})})})),f()}),[n,t,d,f]);!function(n,e){var r,t,o=(r=(0,i.useReducer)((function(n,e){switch(e.type){case"HOLD_MODIFIER":return mn(mn({},n),{},{modifiers:[].concat((r=n.modifiers,function(n){if(Array.isArray(n))return yn(n)}(r)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(r)||fn(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])});case"RELEASE_MODIFIER":return function(n,e){var r=n.modifiers.filter((function(n){return n!==e.event.key}));return mn(mn({},n),{},{modifiers:r,eventFiredSinceHoldStart:r.length>0&&n.eventFiredSinceHoldStart})}(n,e);case"EVENT_FIRED":return mn(mn({},n),{},{eventFiredSinceHoldStart:!0});default:return n}var r}),null,gn),t=2,function(n){if(Array.isArray(n))return n}(r)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,i,a,l=[],c=!0,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,t)||fn(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=o[0],l=o[1],c=(0,i.useCallback)((function(n){n.repeat||(vn(n.key)?l({type:"HOLD_MODIFIER",event:n}):(n.preventDefault(),e(n),l({type:"EVENT_FIRED"})))}),[l,e]),s=(0,i.useCallback)((function(n){vn(n.key)&&l({type:"RELEASE_MODIFIER",event:n}),a.eventFiredSinceHoldStart||e(n)}),[a.eventFiredSinceHoldStart,e,l]);(0,i.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])}(s,(0,i.useCallback)((function(n){var e=function(n){var e=function(n){return sn()([n.altKey&&"LA",n.ctrlKey&&"LC",n.metaKey&&"LG",n.shiftKey&&"LS"])}(n),r=(0,un.mapCharacter)(n.key.toLowerCase())||function(n){var e=kn[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)}}(n);e&&y(e)}),[y]));var b=(0,i.useCallback)((function(){u(!0)}),[u]),m=(0,i.useCallback)((function(){u(!1)}),[u]);return[{isActive:s,bindIndex:d},{startQuickAssignment:b,cancelQuickAssignment:m,setBindIndex:p,setBind:y}]}var On="Rapidly set keycode bindings by typing or clicking";function Pn(n){var e=n.layerIndex,r=n.onOpen,t=(0,o.v9)(w.vl)[e];return(0,i.useMemo)((function(){return function(n){var e,r=(null===(e=n.properties.bindings)||void 0===e?void 0:e.parsed)||[];return r.filter((function(n){return"&trans"===n.value})).length/r.length>=.95}(t)}),[t])?(0,k.jsxs)("div",{title:On,onClick:r,className:E.layerActionPrompt,open:!0,children:[(0,k.jsx)(U.Z,{className:E.icon,name:"keyboard"}),(0,k.jsx)("div",{className:E.details,children:(0,k.jsx)("em",{children:"Quick Assign"})})]}):null}var Zn=r(60439),In=r(64667);function Tn(n){return Tn="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},Tn(n)}function Dn(n){var e,r,t,a=n.layer,l=n.layerIndex,c=n.additionalActions,s=n.openQuickAssign,u=n.showActions,A=(null===(e=a.properties)||void 0===e?void 0:e.label)||(null===(r=a.properties)||void 0===r?void 0:r["display-name"]),d=A&&(null===(t=a.properties)||void 0===t?void 0:t["display-name"]),p=(0,o.I0)(),f=(0,i.useCallback)((function(n){p((0,w.vc)({layerIndex:l,name:n}))}),[l,p]),y=(0,i.useCallback)((function(n){var e=d?"displayName":"label";p((0,w.vc)(function(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==Tn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Tn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Tn(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}({layerIndex:l},e,n)))}),[d,l,p]);return(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"5px"},children:[(0,k.jsx)("h3",{children:(0,k.jsx)(Zn.Z,{value:a.name,validate:j.Gk,render:function(n){return n},onUpdate:f,showEditOnHover:!0})}),A&&(0,k.jsx)("h3",{className:E.displayName,children:(0,k.jsx)(Zn.Z,{value:A.parsed,render:function(n){return n},onUpdate:y,showEditOnHover:!0})}),u&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ln,{layerIndex:l}),(0,k.jsx)(tn,{layerIndex:l,additionalActions:c}),(0,k.jsx)(Pn,{layerIndex:l,onOpen:s})]})]})}Dn.propTypes={layer:In.E.isRequired};var Yn=r(94184),Rn=r.n(Yn),Un=r(50361),Nn=r.n(Un),qn=r(2062),Ln=r(45556),Kn={};Kn.styleTagTransform=v(),Kn.setAttributes=b(),Kn.insert=f().bind(null,"head"),Kn.domAPI=d(),Kn.insertStyleElement=h(),u()(Ln.Z,Kn);var Wn=Ln.Z&&Ln.Z.locals?Ln.Z.locals:void 0,Fn=r(91892),Mn=["ESC","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12"],Qn=["N1","N2","N3","N4","N5","N6","N7","N8","N9","N0"],zn=["LCTRL","LALT","LGUI","SPACE","RGUI","RALT","RCTRL"],Vn=[{id:"qwerty",label:"QWERTY"},{id:"dvorak",label:"Dvorak"},{id:"colemak",label:"Colemak"},{id:"colemakModDh",label:"Colemak Mod-DH"}],Xn=[Mn,["GRAVE"].concat(Qn,["MINUS","EQUAL","BSPC"]),["TAB","Q","W","E","R","T","Y","U","I","O","P","LBKT","RBKT","BSLH"],["CAPS","A","S","D","F","G","H","J","K","L","SEMI","APOS","ENTER"],["LSHFT","Z","X","C","V","B","N","M","COMMA","DOT","FSLH","RSHFT"],zn],Hn=[Mn,["GRAVE"].concat(Qn,["MINUS","EQUAL","BSPC"]),["TAB","Q","W","F","P","G","J","L","U","Y","SEMI","LBKT","RBKT","BSLH"],["CAPS","A","R","S","T","D","H","N","E","I","O","APOS","ENTER"],["LSHFT","Z","X","C","V","B","K","M","COMMA","DOT","FSLH","RSHFT"],zn],_n=[Mn,["GRAVE"].concat(Qn,["MINUS","EQUAL","BSPC"]),["TAB","Q","W","F","P","B","J","L","U","Y","SEMI","LBKT","RBKT","BSLH"],["CAPS","A","R","S","T","G","M","N","E","I","O","APOS","ENTER"],["LSHFT","Z","X","C","V","D","K","H","COMMA","DOT","FSLH","RSHFT"],zn],Jn=[Mn,["GRAVE"].concat(Qn,["LBKT","RBKT","BSPC"]),["TAB","APOS","COMMA","DOT","P","Y","F","G","C","R","L","FSLH","EQUAL","BSLH"],["CAPS","A","O","E","U","I","D","H","T","N","S","MINUS","ENTER"],["LSHFT","SEMI","Q","J","K","X","B","M","W","V","Z","RSHFT"],zn];function Gn(n){return Gn="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},Gn(n)}function $n(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 ne(n){var e,r,o=n.onSelect,a=(e=(0,i.useState)(Vn[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 $n(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)?$n(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.")}()),l=a[0],c=a[1];return(0,k.jsxs)("div",{children:[(0,k.jsxs)("div",{children:["Keymap palette: ",(0,k.jsx)(Fn.Z,{value:l,options:Vn,onChange:c,getOptionValue:function(n){return n.id}})]}),(0,k.jsx)("div",{className:Wn.keymapPalette,children:t[l.id].map((function(n,e){return(0,k.jsx)(ee,{keys:n,onSelect:o},e)}))})]})}function ee(n){var e=n.keys,r=n.onSelect;return(0,k.jsx)("div",{className:Wn.keymapPaletteRow,children:e.map((function(n,e){return(0,k.jsx)(re,{behavior:"&kp",code:n,onSelect:r},e)}))})}function re(n){var e,r,t,o=n.behavior,i=n.code,a=n.onSelect,l={value:o,params:[{value:i,params:[]}]};return(0,k.jsx)(M.Z,{themeClass:Rn()(Wn.mini,(e={},r=Wn.spacebar,t="SPACE"===i,(r=function(n){var e=function(n,e){if("object"!==Gn(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Gn(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Gn(e)?e:String(e)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e)),onClick:function(){return a(l)},children:(0,k.jsx)(L.Z,{hideBehavior:!0,value:l})})}var te=r(35937),oe=r.n(te),ie=r(81485),ae=r(77593),le=r(49700);function ce(n){return ce="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},ce(n)}function se(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 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.")}()}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}function Ae(n){var e,r,t,a=n.layer,s=n.layerIndex,u=n.onClose,A=(0,o.I0)(),d=(e=(0,i.useContext)(ie.c),r=e.behaviorParameters,t=e.sources.behaviours,(0,i.useMemo)((function(){return Object.values(oe()(t,(function(n,e){return 1===r[e].length&&"code"===r[e][0]}))).map((function(n){var e,r;return{id:n.code,label:(null===(e=n.properties)||void 0===e||null===(r=e.label)||void 0===r?void 0:r.parsed)||"",description:n.description}}))}),[t,r])),p=se((0,i.useState)(d[0]),2),f=p[0],y=p[1],b=se((0,i.useState)((function(){return Nn()(a)})),2),m=b[0],h=se(Sn(b[1],{behaviorBind:f.id,defaultStart:!0}),2),g=h[0],v=h[1],C=(0,i.useCallback)((function(){A((0,w.tj)({layerIndex:s,layer:m})),u()}),[A,m,s,u]),x=(0,k.jsx)("span",{style:{display:"inline-block",fontSize:"initial",fontWeight:"normal",verticalAlign:"middle"},children:(0,k.jsx)(Fn.Z,{options:d,value:f,onChange:y,getOptionValue:function(n){return n.id},formatOptionLabel:function(n){return(0,k.jsx)("code",{title:"".concat(n.label," ").concat(n.description),children:n.id})}})});return(0,k.jsx)(l.Z,{onDismiss:u,children:(0,k.jsxs)(c.Z,{classes:[Wn.quickAssignDialog],dismissText:"",children:[(0,k.jsx)("h2",{children:"Quick-assign layer keybindings"}),(0,k.jsx)("div",{style:{display:"flex",justifyContent:"center",overflow:"auto"},children:(0,k.jsx)(D.Z,{bindings:m.properties.bindings.parsed,renderKey:function(n){var e=n.index;return m.properties.bindings.parsed[e]&&(0,k.jsx)(de,{binding:m.properties.bindings.parsed[e],selected:g.bindIndex===e,onClick:function(){return v.setBindIndex(e)}})}})}),(0,k.jsx)("div",{style:{textAlign:"center"},children:(0,k.jsx)(qn.Z,{children:(0,k.jsx)("span",{children:"Click on a different key to jump ahead or go back and correct a previous binding."})})}),(0,k.jsxs)("div",{className:Wn.toolSection,children:[(0,k.jsxs)("div",{className:Wn.description,children:[(0,k.jsx)("p",{children:"Set a binding at the highlighted position by tapping the desired key on your keyboard or by selecting from the palette to the right."}),(0,k.jsxs)("div",{children:["Use behavior: ",x]}),(0,k.jsxs)("p",{className:Wn.finePrint,children:["Note: modified keys can be captured, except when a different key is produced, like ",(0,k.jsx)("kbd",{children:"Alt"})," + ",(0,k.jsx)("kbd",{children:"A"})," becoming the ",(0,k.jsx)("code",{children:"å"})," character on a Mac. You may need to manually set these bindings afterwards."]})]}),(0,k.jsx)(ne,{onSelect:v.setBind})]}),(0,k.jsxs)(c.k,{children:[(0,k.jsx)(B.Z,{onClick:C,children:"Okay"}),(0,k.jsx)(B.Z,{secondary:!0,onClick:u,children:"Cancel"})]})]})})}function de(n){var e,r,t,o=n.binding,a=n.selected,l=n.onClick,c=(0,ae.l)().ref.current;return(0,i.useEffect)((function(){c&&a&&(0,le.n)(c,{behavior:"auto",block:"center"})}),[c,a]),(0,k.jsx)(Y.Z,{binding:o,keyWrapperProps:{onClick:l,selectable:!1,className:Rn()(Wn.quickBindKey,(e={},r=Wn.quickBindKeyHighlight,t=a,(r=function(n){var e=function(n,e){if("object"!==ce(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==ce(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===ce(e)?e:String(e)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e))}})}var pe=r(64536),fe=r(87694),ye={};ye.styleTagTransform=v(),ye.setAttributes=b(),ye.insert=f().bind(null,"head"),ye.domAPI=d(),ye.insertStyleElement=h(),u()(fe.Z,ye);var be=fe.Z&&fe.Z.locals?fe.Z.locals:void 0;function me(n){var e=n.children;return(0,k.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 80",className:be.curvedText,children:[(0,k.jsx)("path",{id:"curve",d:"M 10 40 A 30 30 0 0 1 70 40",fill:"none",stroke:"none"}),(0,k.jsx)("text",{className:R.Z["behaviour-binding"],style:{textAnchor:"middle",opacity:.8},children:(0,k.jsx)("textPath",{xlinkHref:"#curve",startOffset:"50%",children:e})})]})}function he(n){return he="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},he(n)}function ge(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 ve(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ge(Object(r),!0).forEach((function(e){Ce(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):ge(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function Ce(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==he(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==he(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===he(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function xe(n){var e=n.binding,r=n.keyWrapperProps,t=void 0===r?{}:r;return(0,k.jsxs)(M.Z,ve(ve({themeClass:be.encoder},t),{},{children:[(0,k.jsx)(L.Z,{value:e,hideBehavior:!0}),(0,k.jsx)(me,{children:e.value})]}))}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 je(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 Be(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?je(Object(r),!0).forEach((function(e){we(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function we(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==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}xe.propTypes={binding:pe.U4.isRequired,keyWrapperProps:nn().any};var ke=function(n){return n.keyboard.sensors};function Se(n){return(0,k.jsx)(W.Z,Be(Be({},n),{},{Heading:Oe,context:"encoders"}))}function Oe(n){var e=n.bindingIndex,r=n.bindTree,t=(0,o.v9)(ke)[e],i=t.name||t.identifier;return(0,k.jsxs)("div",{className:K.Z.keyBindingHeader,children:[(0,k.jsxs)("h2",{children:["Set ",(0,k.jsx)("code",{children:i})," bindings"]}),(0,k.jsx)(xe,{binding:r,keyWrapperProps:{selectable:!1}})]})}function Pe(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 Ze(n){var e,r,t=n.layerIndex,a=n.layer,l=n.sensors,c=n.showActions,s=void 0===c||c,u=(0,o.I0)(),A=(e=(0,i.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 Pe(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)?Pe(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=A[0],p=A[1],f=(a.properties["sensor-bindings"]||{}).parsed,y=void 0===f?[]:f,b=y,m=(0,i.useCallback)((function(n){u((0,w.zi)({layerIndex:t,sensorIndex:d,bindings:n})),p(null)}),[t,d,p,u]);function h(n,e){u((0,w.zi)({layerIndex:t,sensorIndex:n,bindings:e}))}return(0,k.jsxs)("div",{style:{margin:"0 0 30px"},children:[(0,k.jsx)("h3",{children:"Sensor bindings"}),(0,k.jsx)("div",{style:{display:"flex",flexDirection:"row",gap:"25px"},children:l.map((function(n,e){return(0,k.jsx)(Ie,{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:h,onEdit:function(){return p(e)},showActions:s},e)}))}),null!==d&&(0,k.jsx)(Se,{binding:y[d],bindingIndex:d,onCancel:function(){return p(null)},onUpdate:m})]})}function Ie(n){var e=n.sensor,r=n.binding,t=n.index,o=n.onUpdate,a=n.canAdd,l=n.canDelete,c=n.onEdit,s=n.showActions,u=void 0===s||s,A=e.name||e.identifier,d=(null==r?void 0:r.value)||"&inc_dec_kp",p=(null==r?void 0:r.params)||[{value:0,_isPlaceholder:!0,params:[]},{value:0,_isPlaceholder:!0,params:[]}],f=(0,i.useCallback)((function(){o(t,void 0)}),[t,o]),y=(0,i.useCallback)((function(){o(t,{value:"&inc_dec_kp",params:[{value:0,_isPlaceholder:!0,params:[]},{value:0,_isPlaceholder:!0,params:[]}]})}),[t,o]);return(0,k.jsxs)("div",{className:E.sensor,"data-unbound":!r,children:[(0,k.jsxs)("label",{style:{fontSize:"90%"},children:[(0,k.jsx)("code",{children:A}),u&&l&&(0,k.jsx)(U.Z,{name:"trash-can",title:"Remove sensor binding from this layer",className:E.deleteSensorBinding,onClick:f})]}),r&&(0,k.jsx)(xe,{binding:r||{value:d,params:p},keyWrapperProps:{onClick:c}}),u&&a&&(0,k.jsx)(M.Z,{onClick:y,title:"Add sensor binding to this layer",themeClass:Rn()(be.encoder,E.addSensorBinding),children:(0,k.jsx)(U.Z,{name:"add"})})]})}function Te(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 De(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)?De(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 De(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 Ye=function(n){return n.keyboard.sensors};function Re(n){var e=n.layer,r=n.layerIndex,t=n.showActions,a=void 0===t||t,l=(0,o.v9)(Ye),c=Te((0,i.useState)(!1),2),s=c[0],u=c[1],A=Te((0,i.useState)(!1),2),d=A[0],p=A[1],f=(0,i.useCallback)((function(){return u(!0)}),[u]),y=(0,i.useCallback)((function(){return p(!0)}),[p]),b=(0,i.useCallback)((function(){return p(!1)}),[p]),m=(0,i.useMemo)((function(){return[{callback:f,content:"Change Configuration"},{callback:y,content:(0,k.jsxs)(k.Fragment,{children:["Quick ",(0,k.jsx)("code",{children:"&kp"})," Assignment"]})}]}),[f,y]);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:E.layerWrapper,children:[(0,k.jsx)(Dn,{layer:e,layerIndex:r,additionalActions:m,openQuickAssign:y,showActions:a}),(0,k.jsx)(G,{activeLayer:r}),(0,k.jsx)("div",{className:E.sensors,"data-sensor-count":l.length,children:(0,k.jsx)(Ze,{sensors:l,layerIndex:r,layer:e,showActions:a})})]}),s&&(0,k.jsx)(T,{layerIndex:r,onClose:function(){return u(!1)}}),d&&(0,k.jsx)(Ae,{layer:e,layerIndex:r,onClose:b})]})}var Ue=r(30341),Ne={};Ne.styleTagTransform=v(),Ne.setAttributes=b(),Ne.insert=f().bind(null,"head"),Ne.domAPI=d(),Ne.insertStyleElement=h(),u()(Ue.Z,Ne);var qe=Ue.Z&&Ue.Z.locals?Ue.Z.locals:void 0,Le=r(56803),Ke=r(50868),We=r(18311);function Fe(n){return Fe="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},Fe(n)}function Me(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 Qe(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Me(Object(r),!0).forEach((function(e){ze(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Me(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function ze(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==Fe(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==Fe(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===Fe(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function Ve(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 Xe(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)?Xe(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 Xe(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 He(n){var e=n.activeLayer,r=n.onSelect,t=(0,i.useRef)(null),a=(0,o.I0)(),l=(0,i.useContext)(An.VY).bindingCount,c=(0,i.useContext)(ie.c),s=(0,i.useContext)(We.v),u=(0,o.v9)(w.vl),A=(0,i.useCallback)((function(n){r(n)}),[r]),d=(0,i.useCallback)((function(){a((0,w.Xv)({bindingCount:l})),r(u.length)}),[a,l,r,u]),p=(0,i.useMemo)((function(){return function(n){var e=u[n].name;window.confirm("Really delete layer: ".concat(e,"?"))&&(a((0,w.Q)({index:n})),a((0,Ke.fD)(n,null,u,c,s)))}}),[u,a,c,s]),f=(0,i.useCallback)((function(n,e){n.stopPropagation();var r=e.dragIndex,t=e.dropIndex;r!==t&&(a((0,w.WF)({currentIndex:r,targetIndex:t})),a((0,Ke.fD)(r,t,u,c,s)))}),[u,a,c,s]),y=function(n){var e=Ve((0,i.useState)({dragIndex:null,dropIndex:null}),2),r=e[0],t=r.dragIndex,o=r.dropIndex,a=e[1],l=(0,i.useCallback)((function(n){return n.preventDefault()}),[]),c=(0,i.useCallback)((function(n){var e=Number(n.target.dataset.slotIndex);a({dragIndex:e,dropIndex:null})}),[a]),s=(0,i.useCallback)((function(n){a((function(e){return null===e.dropIndex&&n.stopPropagation(),{dragIndex:null,dropIndex:null}}))}),[a]),u=(0,i.useCallback)((function(n){n.preventDefault();var e=Number(n.target.dataset.dropPosition);a((function(n){return Qe(Qe({},n),{},{dropIndex:e})}))}),[a]),A=(0,i.useCallback)((function(n){var e=Number(n.target.dataset.dropPosition);a((function(n){return Qe(Qe({},n),{},{dropIndex:n.dropIndex===e?null:n.dropIndex})}))}),[a]),d=(0,i.useCallback)((function(e){n(e,{dragIndex:t,dropIndex:o}),a({dragIndex:null,dropIndex:null})}),[t,o,a,n]);return[{isDragging:null!==t,dragIndex:t,dropIndex:o},{handleDragStart:c,handleDragEnd:s,handleDragEnter:u,handleDragLeave:A,handleDragOver:l,handleDrop:d}]}(f),b=Ve(y,2),m=b[0],h=b[1];return(0,k.jsx)("div",{className:qe.layerSelector,ref:t,children:(0,k.jsxs)("ul",{"data-dragging":m.isDragging,children:[u.map((function(n,r){return(0,k.jsxs)("li",{className:e===r?qe.active:"","data-slot-index":r,draggable:!0,onDragStart:h.handleDragStart,onDragEnd:h.handleDragEnd,onDrop:h.handleDrop,children:[(0,k.jsx)("div",{className:sn()([qe.dropper,m.dropIndex===r&&qe.dropTarget]).join(" "),"data-drop-position":r,onDragEnter:h.handleDragEnter,onDragOver:h.handleDragOver,onDragLeave:h.handleDragLeave,onDrop:h.handleDrop}),(0,k.jsxs)("div",{onClick:function(){return A(r)},className:sn()([qe.layer,m.dragIndex===r&&qe.dragging,m.isDragging&&m.dropIndex!==m.dragIndex&&m.dropIndex!==m.dragIndex+1&&null!==m.dropIndex&&r>=m.dropIndex&&qe.displaced]).join(" "),children:[(0,k.jsx)("span",{className:qe.index,children:r}),(0,k.jsxs)("span",{className:qe.name,children:[n.name,(0,k.jsx)(U.Z,{name:"times-circle",className:qe.delete,onClick:(0,Le.s)((function(){return p(r)}))})]})]})]},"slot-".concat(r))})),m.isDragging&&m.dragIndex<u.length-1&&(0,k.jsx)("li",{"data-slot-index":u.length,onDragEnd:h.handleDragEnd,onDrop:h.handleDrop,children:(0,k.jsx)("div",{className:sn()([qe.dropper,m.dropIndex===u.length&&qe.dropTarget]).join(" "),"data-drop-position":u.length,onDragEnter:h.handleDragEnter,onDragOver:h.handleDragOver,onDragLeave:h.handleDragLeave,onDrop:h.handleDrop})},"slot-".concat(u.length)),!m.isDragging&&(0,k.jsx)("li",{onClick:d,children:(0,k.jsxs)("div",{className:qe.layer,children:[(0,k.jsx)(U.Z,{className:qe.index,name:"plus"}),(0,k.jsx)("span",{className:qe.name,children:"Add Layer"})]})})]})})}He.propTypes={activeLayer:nn().number.isRequired,onSelect:nn().func.isRequired};var _e=He;function Je(){var n=(0,o.I0)(),e=(0,i.useContext)(An.VY).bindingCount;return(0,k.jsxs)("div",{style:{textAlign:"center"},children:[(0,k.jsx)("h3",{children:"No keymap layers defined"}),(0,k.jsx)(B.Z,{onClick:function(){return n((0,w.Xv)({bindingCount:e}))},children:"Add layer"})]})}var Ge=function(n){return n.navigation.activeLayer},$e=function(){var n=(0,o.v9)(w.vl),e=(0,o.v9)(Ge),r=(0,o.I0)(),t=Math.max(0,Math.min(e,n.length-1));return 0===n.length?(0,k.jsx)(Je,{}):(0,k.jsxs)("div",{className:E.container,children:[(0,k.jsx)(_e,{activeLayer:t,onSelect:function(n){return r(function(n){return{type:"SWITCH_LAYER",payload:{index:n}}}(n))}}),(0,k.jsx)(Re,{layer:n[t],layerIndex:t,isActiveLayer:!0})]})}},94995:function(n,e,r){"use strict";r.d(e,{bK:function(){return p},v:function(){return d}});var t=r(45697),o=r.n(t);function i(n){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},i(n)}function a(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 l(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){c(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function c(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==i(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==i(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===i(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}var s={x:o().number.isRequired,y:o().number.isRequired},u={a:o().number,rx:o().number,ry:o().number},A={u:o().number,h:o().number},d=o().shape(l(l(l({},s),u),A)),p=o().arrayOf(d)},56803:function(n,e,r){"use strict";function t(n){return function(e){e.stopPropagation(),n()}}function o(n){return function(e){n[e.key]&&n[e.key]()}}r.d(e,{s:function(){return t},w:function(){return o}})},29709:function(n,e,r){"use strict";function t(n){return function(n){if(Array.isArray(n))return o(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,e){if(n){if("string"==typeof n)return o(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(n,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}r.d(e,{f5:function(){return i},xE:function(){return l},xw:function(){return a}});var i=function(n,e){return[].concat(t(n.slice(0,e)),t(n.slice(e+1)))},a=function(n,e,r){return[].concat(t(n.slice(0,e)),[r],t(n.slice(e+1)))};function l(n,e,r){return-1===r?[].concat(t(n.filter((function(n,r){return r!==e}))),[n[e]]):n.reduce((function(t,o,i){return i===r&&t.push(n[e]),i!==e&&t.push(o),t}),[])}},56634:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,".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},86015:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.ho3CuFFjX1VFNZJiAyVs {\n  position: relative;\n}\n.ho3CuFFjX1VFNZJiAyVs input {\n  font: inherit;\n  padding: inherit;\n  margin: inherit;\n  width: min-content;\n  box-sizing: border-box;\n}\n\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"]:not(:hover) .u9J3v5ZrIbuVICzNBkRw {\n  display: none;\n}\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"] .u9J3v5ZrIbuVICzNBkRw {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n}\n\n.cZAt44R3Yp0URA5heDw5 {\n  padding: 5px;\n  cursor: pointer;\n}\n\n.ho3CuFFjX1VFNZJiAyVs[data-show-edit-on-hover="true"] .cZAt44R3Yp0URA5heDw5 {\n  background-color: rgba(var(--dialog-bg-rgb), 0.2);\n  backdrop-filter: blur(2.5px);\n  border-radius: 4px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.cZAt44R3Yp0URA5heDw5[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.u9J3v5ZrIbuVICzNBkRw {\n  opacity: 0.6;\n  color: var(--key-color-base);\n}\n.u9J3v5ZrIbuVICzNBkRw:hover {\n  opacity: 1 !important;\n}\n\n.wmqWaOx7XyKADh7Kv4RZ {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.wmqWaOx7XyKADh7Kv4RZ::before {\n  position: absolute;\n  display: block;\n  content: \' \';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n',"",{version:3,sources:["webpack://./src/Common/editablefield.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;EACb,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,eAAe;AACjB;;AAEA;EACE,iDAAiD;EACjD,4BAA4B;EAC5B,kBAAkB;EAClB,2CAA2C;AAC7C;AACA;EACE,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,YAAY;EACZ,4BAA4B;AAC9B;AACA;EACE,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,gBAAgB;EAChB,WAAW;;EAEX,kBAAkB;EAClB,gBAAgB;;EAEhB,YAAY;EACZ,wCAAwC;EACxC,cAAc;EACd,uBAAuB;;EAEvB,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,WAAW;;EAEX,SAAS;EACT,WAAW;EACX,YAAY;;EAEZ,wCAAwC;EACxC,8CAA8C;AAChD",sourcesContent:['.container {\n  position: relative;\n}\n.container input {\n  font: inherit;\n  padding: inherit;\n  margin: inherit;\n  width: min-content;\n  box-sizing: border-box;\n}\n\n.container[data-show-edit-on-hover="true"]:not(:hover) .edit {\n  display: none;\n}\n.container[data-show-edit-on-hover="true"] .edit {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n}\n\n.buttonIcon {\n  padding: 5px;\n  cursor: pointer;\n}\n\n.container[data-show-edit-on-hover="true"] .buttonIcon {\n  background-color: rgba(var(--dialog-bg-rgb), 0.2);\n  backdrop-filter: blur(2.5px);\n  border-radius: 4px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n}\n.buttonIcon[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.edit {\n  opacity: 0.6;\n  color: var(--key-color-base);\n}\n.edit:hover {\n  opacity: 1 !important;\n}\n\n.error {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.error::before {\n  position: absolute;\n  display: block;\n  content: \' \';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n'],sourceRoot:""}]),a.locals={container:"ho3CuFFjX1VFNZJiAyVs",edit:"u9J3v5ZrIbuVICzNBkRw",buttonIcon:"cZAt44R3Yp0URA5heDw5",error:"wmqWaOx7XyKADh7Kv4RZ"},e.Z=a},33988:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,".OaJISbD1WCmb03at77EG {\n  position: relative;\n}\n\n.MUN9De8dUvbPGH9cEDoQ {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.MUN9De8dUvbPGH9cEDoQ::before {\n  position: absolute;\n  display: block;\n  content: ' ';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n","",{version:3,sources:["webpack://./src/Common/input.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,gBAAgB;EAChB,WAAW;;EAEX,kBAAkB;EAClB,gBAAgB;;EAEhB,YAAY;EACZ,wCAAwC;EACxC,cAAc;EACd,uBAAuB;;EAEvB,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,WAAW;;EAEX,SAAS;EACT,WAAW;EACX,YAAY;;EAEZ,wCAAwC;EACxC,8CAA8C;AAChD",sourcesContent:[".wrapper {\n  position: relative;\n}\n\n.error {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 100%);\n  max-width: 250px;\n  width: 100%;\n\n  border-radius: 4px;\n  padding: 3px 5px;\n\n  color: white;\n  background-color: var(--error-highlight);\n  font-size: 85%;\n  font-family: sans-serif;\n\n  opacity: 0.9;\n}\n.error::before {\n  position: absolute;\n  display: block;\n  content: ' ';\n  z-index: -1;\n\n  left: 50%;\n  width: 10px;\n  height: 10px;\n\n  background-color: var(--error-highlight);\n  transform: translate(-50%, -7px) rotate(45deg);\n}\n"],sourceRoot:""}]),a.locals={wrapper:"OaJISbD1WCmb03at77EG",error:"MUN9De8dUvbPGH9cEDoQ"},e.Z=a},49040:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.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){"use strict";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,"svg.mHwtgLgRyOKZxgCygVr1 {\n\tposition: absolute;\n\ttop: -2px;\n\tleft: 0;\n\tfill: var(--key-color-base);\n\tdisplay: block;\n\twidth: 80px;\n\theight: 80px;\n\tfont-size: 10px;\n\tpointer-events: none;\n}\nsvg.mHwtgLgRyOKZxgCygVr1 * {\n\tpointer-events: initial;\n}\n\n.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."+l.Z.locals.key+"."+l.Z.locals.selectable+" {\n\tcursor: pointer;\n}\n."+l.Z.locals.key+"."+l.Z.locals.selectable+":hover ."+l.Z.locals["behaviour-binding"]+" {\n\tfill: var(--key-color-hover);\n}\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.'+l.Z.locals.selectable+":hover ."+l.Z.locals.params+'[data-is-root="true"] .'+l.Z.locals.param+":first-child::before,\n.sMh70qqZgwLOUFa2MhLd."+l.Z.locals.selectable+":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:"AAQA;CACC,kBAAkB;CAClB,SAAS;CACT,OAAO;CACP,2BAA2B;CAC3B,cAAc;CACd,WAAW;CACX,YAAY;CACZ,eAAe;CACf,oBAAoB;AACrB;AACA;CACC,uBAAuB;AACxB;;AAEA;CACC,WAAW;CACX,YAAY;CACZ,mBAAmB;CACnB,oCAAoC;CACpC,4BAA4B;AAC7B;;AAEA;CACC,eAAe;AAChB;AACA;CACC,4BAA4B;AAC7B;;AAEA;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\tkey: key;\n\tselectable: selectable;\n\tbehaviour-binding: behaviour-binding;\n  params: params;\n  param: param;\n}\n\nsvg.curvedText {\n\tposition: absolute;\n\ttop: -2px;\n\tleft: 0;\n\tfill: var(--key-color-base);\n\tdisplay: block;\n\twidth: 80px;\n\theight: 80px;\n\tfont-size: 10px;\n\tpointer-events: none;\n}\nsvg.curvedText * {\n\tpointer-events: initial;\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.key.selectable {\n\tcursor: pointer;\n}\n.key.selectable:hover .behaviour-binding {\n\tfill: var(--key-color-hover);\n}\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.selectable:hover .params[data-is-root="true"] .param:first-child::before,\n.encoder.selectable:hover .params[data-is-root="true"] .param:nth-child(2)::before {\n\tcolor: white;\n}\n'],sourceRoot:""}]),c.locals={curvedText:"mHwtgLgRyOKZxgCygVr1",encoder:"sMh70qqZgwLOUFa2MhLd"},e.Z=c},45556:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i),l=r(87995),c=r(2),s=a()(o());s.i(l.Z,"",!0),s.i(c.Z,"",!0),s.push([n.id,"."+l.Z.locals.placer+" {\n  scroll-margin: 40px;\n}\n.wbULZuqr8zmHnhI2QjaR:not(.pjTygs0eyLHe1G3Xw6JL) {\n  cursor: pointer;\n}\n.pjTygs0eyLHe1G3Xw6JL {\n  outline: 3px solid var(--selection);\n}\n\n.wbULZuqr8zmHnhI2QjaR:hover {\n  color: var(--key-color-hover);\n  background-color: var(--selection);\n}\n.wbULZuqr8zmHnhI2QjaR:hover {\n  background-color: var(--hover-selection);\n}\n\n.xwgaptE1umBWGQIj_42K {\n  max-width: 80vw;\n  overflow-x: scroll;\n}\n\n.DQQq3MXERdVlb6r3DssI {\n  display: flex;\n  justify-content: center;\n  gap: 30px;\n  margin: 20px 0;\n}\n\n.xwgaptE1umBWGQIj_42K .oEZv6H105FHPPebrlLkA {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  max-width: 40%;\n  border-radius: 4px;\n  background-color: var(--code-bg);\n  padding: 40px 50px;\n}\n\n.xwgaptE1umBWGQIj_42K .oEZv6H105FHPPebrlLkA p {\n  font-size: 120%;\n  line-height: 1.3em;\n  margin: 0\n}\n\n.xwgaptE1umBWGQIj_42K .oEZv6H105FHPPebrlLkA p.JK6o82jSwTPHQQj5jCA0 {\n  font-size: 80%;\n  font-style: italic;\n  line-height: 1.2em;\n}\n\n.RQku2XjoFau46LS8EdwH {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  margin: 5px 0;\n}\n\n.zAlG1X0UmQPAE8EMk9ja {\n  display: flex;\n  gap: 5px;\n}\n\n.ar3OaRDoQPDf4u9YY0mP {\n\n\twidth: 30px;\n\theight: 30px;\n\tfont-size: 80%;\n}\n.ar3OaRDoQPDf4u9YY0mP.ADEbrNebJWbSIrZIch0I {\n  width: 205px\n}\n.ar3OaRDoQPDf4u9YY0mP:hover {\n  cursor: pointer;\n}\n","",{version:3,sources:["webpack://./src/Keyboard/Layers/QuickAssign/styles.module.css"],names:[],mappings:"AAIA;EACE,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB;AACA;EACE,mCAAmC;AACrC;;AAEA;EACE,6BAA6B;EAC7B,kCAAkC;AACpC;AACA;EACE,wCAAwC;AAC1C;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,SAAS;EACT,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,uBAAuB;EACvB,cAAc;EACd,kBAAkB;EAClB,gCAAgC;EAChC,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;;CAGC,WAAW;CACX,YAAY;CACZ,cAAc;AACf;AACA;EACE;AACF;AACA;EACE,eAAe;AACjB",sourcesContent:[":import(\"../../styles.module.css\") {\n  placer: placer;\n}\n\n.placer {\n  scroll-margin: 40px;\n}\n.quickBindKey:not(.quickBindKeyHighlight) {\n  cursor: pointer;\n}\n.quickBindKeyHighlight {\n  outline: 3px solid var(--selection);\n}\n\n.quickBindKey:hover {\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.toolSection {\n  display: flex;\n  justify-content: center;\n  gap: 30px;\n  margin: 20px 0;\n}\n\n.quickAssignDialog .description {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  max-width: 40%;\n  border-radius: 4px;\n  background-color: var(--code-bg);\n  padding: 40px 50px;\n}\n\n.quickAssignDialog .description p {\n  font-size: 120%;\n  line-height: 1.3em;\n  margin: 0\n}\n\n.quickAssignDialog .description p.finePrint {\n  font-size: 80%;\n  font-style: italic;\n  line-height: 1.2em;\n}\n\n.keymapPalette {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  margin: 5px 0;\n}\n\n.keymapPaletteRow {\n  display: flex;\n  gap: 5px;\n}\n\n.mini {\n  composes: keyDefaultTheme from '../../Keys/styles.module.css';\n\n\twidth: 30px;\n\theight: 30px;\n\tfont-size: 80%;\n}\n.mini.spacebar {\n  width: 205px\n}\n.mini:hover {\n  cursor: pointer;\n}\n"],sourceRoot:""}]),s.locals={quickBindKey:"wbULZuqr8zmHnhI2QjaR",quickBindKeyHighlight:"pjTygs0eyLHe1G3Xw6JL",quickAssignDialog:"xwgaptE1umBWGQIj_42K",toolSection:"DQQq3MXERdVlb6r3DssI",description:"oEZv6H105FHPPebrlLkA",finePrint:"JK6o82jSwTPHQQj5jCA0",keymapPalette:"RQku2XjoFau46LS8EdwH",keymapPaletteRow:"zAlG1X0UmQPAE8EMk9ja",mini:"ar3OaRDoQPDf4u9YY0mP "+c.Z.locals.keyDefaultTheme,spacebar:"ADEbrNebJWbSIrZIch0I"},e.Z=s},30341:function(n,e,r){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.JeRmYfUKXTg9VqWZshKO {\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0.75;\n  margin-left: 5px;\n  margin-bottom: 60px;\n  width: 36px;\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,oBAAoB;EACpB,UAAU;EACV,aAAa;EACb,gBAAgB;EAChB,mBAAmB;EACnB,WAAW;AACb;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  pointer-events: none;\n  z-index: 2;\n  opacity: 0.75;\n  margin-left: 5px;\n  margin-bottom: 60px;\n  width: 36px;\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){"use strict";var t=r(87537),o=r.n(t),i=r(23645),a=r.n(i)()(o());a.push([n.id,'.SUaJKzUCF84KzpcParhE {\n  display: flex;\n  flex-direction: row;\n  width: 100vw;\n}\n\n.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.XmErnrr89i93gjv9TdER {\n  font-size: 80%;\n}\n.XmErnrr89i93gjv9TdER::before {\n  content: \' | \';\n  color: var(--fg);\n  opacity: 0.5;\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.QZG9dMy8Vvb4jExjMbNq {\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.QZG9dMy8Vvb4jExjMbNq .ZZ1YEtKhAc2ew68XlWlU {\n  display: block;\n  font-size: 1rem;\n}\n.QZG9dMy8Vvb4jExjMbNq:hover,\n.QZG9dMy8Vvb4jExjMbNq[open] {\n  color: royalblue;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.QZG9dMy8Vvb4jExjMbNq .khHtvu4X2wwOnAF6CQ3Y {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 0px;\n  z-index: 2;\n  transform: translate(100%, -50%);\n  width: max-content;\n  line-height: 1rem;\n  padding: 5px 5px 5px 0;\n  border-radius: 0 4px 4px 0;\n}\n\n.QZG9dMy8Vvb4jExjMbNq:hover .khHtvu4X2wwOnAF6CQ3Y,\n.QZG9dMy8Vvb4jExjMbNq[open] .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,aAAa;EACb,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,YAAY;EACZ,aAAa;EACb,cAAc;EACd,wBAAwB;EACxB,6BAA6B;AAC/B;;AAEA;EACE,cAAc;AAChB;AACA;EACE,cAAc;EACd,gBAAgB;EAChB,YAAY;AACd;;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,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,YAAY;EACZ,kCAAkC;EAClC,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;AACA;;EAEE,gBAAgB;EAChB,0BAA0B;EAC1B,6BAA6B;AAC/B;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,UAAU;EACV,gCAAgC;EAChC,kBAAkB;EAClB,iBAAiB;EACjB,sBAAsB;EACtB,0BAA0B;AAC5B;;AAEA;;EAEE,cAAc;EACd,kCAAkC;AACpC",sourcesContent:['.container {\n  display: flex;\n  flex-direction: row;\n  width: 100vw;\n}\n\n.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.displayName {\n  font-size: 80%;\n}\n.displayName::before {\n  content: \' | \';\n  color: var(--fg);\n  opacity: 0.5;\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.layerActionPrompt {\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.layerActionPrompt .icon {\n  display: block;\n  font-size: 1rem;\n}\n.layerActionPrompt:hover,\n.layerActionPrompt[open] {\n  color: royalblue;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.layerActionPrompt .details {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 0px;\n  z-index: 2;\n  transform: translate(100%, -50%);\n  width: max-content;\n  line-height: 1rem;\n  padding: 5px 5px 5px 0;\n  border-radius: 0 4px 4px 0;\n}\n\n.layerActionPrompt:hover .details,\n.layerActionPrompt[open] .details {\n  display: block;\n  background-color: var(--dialog-bg);\n}'],sourceRoot:""}]),a.locals={container:"SUaJKzUCF84KzpcParhE",layerScrollContainer:"ULm7RKJYCZDRV0HmcA7C",displayName:"XmErnrr89i93gjv9TdER",layerWrapper:"XWq43GGa2yCVXqY4Syw3",field:"EwvVNY6vlf7HwYmXTbzi",sensors:"uhiC_7TzN7eCNbm5C6a8",sensor:"ztwqyyB2FFS4oWgcCyZC",deleteSensorBinding:"N98b5r9XUT9yotsaxhB7",addSensorBinding:"QZ1jUOy1FEDFG3IrI5JM",layerActionPrompt:"QZG9dMy8Vvb4jExjMbNq",icon:"ZZ1YEtKhAc2ew68XlWlU",details:"khHtvu4X2wwOnAF6CQ3Y"},e.Z=a},35937:function(n,e,r){var t=r(29932),o=r(67206),i=r(63012),a=r(46904);n.exports=function(n,e){if(null==n)return{};var r=t(a(n),(function(n){return[n]}));return e=o(e),i(n,r,(function(n,r){return e(n,r[0])}))}},48118:function(n,e,r){"use strict";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),A=r(19216),d=r.n(A),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=d(),o()(y.Z,b),e.Z=y.Z&&y.Z.locals?y.Z.locals:void 0}}]);
//# sourceMappingURL=LayerEditorTab.c5a3486878e586e231a1.js.map