"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[5868],{97494:function(e,r,n){n.d(r,{Z:function(){return S}});var t=n(45697),o=n.n(t),i=n(93379),a=n.n(i),l=n(7795),c=n.n(l),u=n(90569),s=n.n(u),p=n(3565),d=n.n(p),f=n(19216),y=n.n(f),b=n(44589),m=n.n(b),h=n(33988),A={};A.styleTagTransform=m(),A.setAttributes=d(),A.insert=s().bind(null,"head"),A.domAPI=c(),A.insertStyleElement=y(),a()(h.Z,A);var v=h.Z&&h.Z.locals?h.Z.locals:void 0,j=n(85893);function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}var x=["validator","required","value"];function C(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function O(e){for(var r=1;r=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,x),l=r(i)||!i&&t&&"cannot be empty";return(0,j.jsxs)("span",{className:v.wrapper,children:[(0,j.jsx)("input",O({type:"text",value:i},a)),l&&(0,j.jsx)("span",{className:v.error,children:l})]})}S.propTypes={value:o().any.isRequired,required:o().bool,validator:o().func}},32098:function(e,r,n){n.r(r),n.d(r,{default:function(){return _r}});var t=n(50361),o=n.n(t),i=n(67294),a=n(95998),l=n(27926),c=n(41051),u=n(57557),s=n.n(u),p=n(96186),d=n(64261),f=n(18311),y=n(49443),b=n(85893);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function A(e){for(var r=1;re.length)&&(r=e.length);for(var n=0,t=new Array(r);n20?ye:fe;return(0,b.jsx)(s,{selected:c,choices:a,onUpdate:u})}function fe(e){var r=e.selected,n=e.choices,t=e.onUpdate,o=(0,i.useCallback)((function(e){var n;t(r.includes(e)?r.filter((function(r){return r!==e})):[].concat(function(e){if(Array.isArray(e))return le(e)}(n=r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,r){if(e){if("string"==typeof e)return le(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,r):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[e]))}),[r,t]);return(0,b.jsx)("ol",{className:z.propertyMultiSelect,children:n.map((function(e,n){return(0,b.jsx)("li",{children:(0,b.jsxs)("label",{children:[(0,b.jsx)("input",{type:"checkbox",checked:r.includes(e),onChange:function(r){return o(e)}}),e]})},n)}))})}function ye(e){var r=e.selected,n=e.choices,t=e.onUpdate,o=(0,i.useMemo)((function(){return n.map(be)}),[n]),a=(0,i.useMemo)((function(){return r.map(be)}),[r]);return(0,b.jsx)(ie.Z,{isMulti:!0,isSearchable:!0,options:o,value:a,onChange:function(e){return t(e.map((function(e){return e.value})))}})}function be(e){return{value:e,label:e}}var me=n(39693),he=n.n(me),Ae=n(76620),ve=n(29709),je=n(94184),ge=n.n(je);function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ce(e){return function(e){if(Array.isArray(e))return Pe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ee(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.")}()}function Oe(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function we(e){for(var r=1;re.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);n0&&(0,b.jsx)("p",{children:(0,b.jsxs)("em",{children:[(0,b.jsx)("span",{className:I.requiredIndicator,children:"*"}),"Property is required."]})}),(0,b.jsxs)("div",{style:{textAlign:"center"},children:[(0,b.jsx)(l.Z,{disabled:P.length>0,onClick:C,children:"Okay"}),(0,b.jsx)(l.Z,{onClick:y,secondary:!0,children:"Cancel"})]})]})})}var tr=n(95130);function or(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n")}),e}),{}))}}var br=n(28291),mr=n(29520);function hr(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;c=!1}else for(;!(c=(t=i.call(n)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,r)||function(e,r){if(e){if("string"==typeof e)return Ar(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ar(e,r):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.")}()}function Ar(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);n0&&!r.find((function(r){return r.name===e.code}))}))}),[r]),(0,i.useMemo)((function(){return n.map((function(e){return{value:e.code,label:e.name}}))}),[n])),f=(t=(0,i.useState)(""),o=2,function(e){if(Array.isArray(e))return e}(t)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;c=!1}else for(;!(c=(t=i.call(n)).done)&&(l.push(t.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,o)||function(e,r){if(e){if("string"==typeof e)return Cr(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Cr(e,r):void 0}}(t,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),y=f[0],m=f[1],h=(0,i.useMemo)((function(){return s.find((function(e){return e.value===y}))}),[s,y]);return(0,b.jsx)(d.Z,{onDismiss:u,children:(0,b.jsxs)(p.Z,{dismissText:null,children:[(0,b.jsx)("h3",{children:"Add new reconfiguration"}),(0,b.jsxs)("p",{children:[(0,b.jsx)("strong",{children:"Note:"})," for the moment this is limited to behaviors defined in the core ZMK repo which specify properties that can be overridden. If you're using a fork with un-merged features like mouse inputs, your existing reconfigured behaviors will be affected but won't appear here for editing."]}),(0,b.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:(0,b.jsx)(ie.Z,{required:!0,placeholder:"Select a behavior binding",value:h,options:s,onChange:function(e){var r=e.value;return m(r)},formatOptionLabel:function(e,r){var n=e.value,t=e.label;return r.context,(0,b.jsx)(b.Fragment,{children:(0,b.jsxs)("div",{children:[(0,b.jsx)("code",{children:n})," ",(0,b.jsxs)("span",{style:{opacity:"0.6"},children:["(",(0,b.jsx)("em",{children:t}),")"]})]})})}})}),(0,b.jsxs)("div",{style:{textAlign:"center",margin:"10px"},children:[(0,b.jsx)(l.Z,{disabled:!y,onClick:function(){return c(y)},children:"Create"}),(0,b.jsx)(l.Z,{onClick:u,secondary:!0,children:"Cancel"})]})]})})}Or.propTypes={onSelect:T().func.isRequired,onCancel:T().func.isRequired};var wr=n(82569),Sr=n.n(wr),Er=n(58887);function Pr(e){return Pr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pr(e)}function kr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function Br(e){for(var r=1;re.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);ne.length)&&(r=e.length);for(var n=0,t=new Array(r);n * {\n margin: 2px;\n opacity: 0.5;\n cursor: pointer;\n}\n.gsAzkKxnfzTcp5ApwmWS li :hover .KrcWDYfRVRfvRhpsBFxs {\n visibility: visible;\n z-index: 10;\n}\n\n.KrcWDYfRVRfvRhpsBFxs :hover {\n opacity: 1;\n}\n',"",{version:3,sources:["webpack://./src/Keyboard/Behaviors/PropertyValue/styles.module.css"],names:[],mappings:";AACA;EACE,mBAAmB;EACnB,WAAW;EACX,aAAa;AACf;;AAEA;;;EAGE,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,UAAU;AACZ;AACA;EACE,qBAAqB;EACrB,SAAS;EACT,UAAU;AACZ;AACA;EACE,qBAAqB;EACrB,iBAAiB;AACnB;AACA;EACE,SAAS;AACX;AACA;EACE,iBAAiB;AACnB;AACA;EACE,qBAAqB;EACrB,UAAU;AACZ;AACA;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,mBAAmB;EACnB,oCAAoC;AACtC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,mBAAmB;EACnB,oCAAoC;AACtC;;AAEA;EACE,eAAe;EACf,wCAAwC;EACxC,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;EACE,2BAA2B;EAC3B,aAAa;AACf;AACA;EACE,YAAY;AACd;;AAEA;EACE,aAAa;EACb,eAAe;EACf,SAAS;EACT,qBAAqB;EACrB,UAAU;EACV,SAAS;AACX;;AAEA,+BAA+B;AAC/B;EACE,kBAAkB;EAClB,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,cAAc;;EAEd,6BAA6B;AAC/B;AACA;EACE,WAAW;EACX,YAAY;EACZ,eAAe;AACjB;AACA;EACE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,UAAU;AACZ",sourcesContent:['\n.propertyValue [readonly] {\n cursor: not-allowed;\n color: gray;\n outline: gray;\n}\n\ninput.propertyValue[type="text"],\ninput.propertyValue[type="number"],\nselect.propertyValue {\n width: 100%;\n}\n\nol.propertyMultiSelect {\n list-style-type: none;\n margin-top: 0;\n padding: 0;\n}\n.propertyMultiSelectChips {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.propertyMultiSelectChips li {\n display: inline-block;\n line-height: 2rem;\n}\nol.propertyPhandleSelect {\n margin: 0;\n}\nol.propertyPhandleSelect li {\n line-height: 2rem;\n}\nol.propertyPhandleSingleton {\n list-style-type: none;\n padding: 0;\n}\n.behaviorBind {\n margin: 2px;\n padding: 5px;\n font-family: monospace;\n border-radius: 1rem;\n background-color: var(--key-bg-base);\n}\n\n.barePropertyValue {\n margin: 2px;\n padding: 5px;\n font-family: monospace;\n border-radius: 1rem;\n background-color: var(--key-bg-base);\n}\n\n.selectable .behaviorBind:hover {\n cursor: pointer;\n background-color: var(--hover-selection);\n color: white;\n}\n\n.overridden {\n opacity: 0.5;\n text-decoration: line-through;\n}\n\n.phandleRemove {\n vertical-align: text-bottom;\n margin: 0 2px;\n}\n.phandleRemove:hover {\n color: black;\n}\n\n.propertyBindingsValue {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n\n/* Copied from MacroEditor :( */\n.actions {\n visibility: hidden;\n position: absolute;\n top: 0px;\n right: 0px;\n font-size: 80%;\n\n color: var(--key-color-hover);\n}\n.actions > * {\n margin: 2px;\n opacity: 0.5;\n cursor: pointer;\n}\n.propertyBindingsValue li :hover .actions {\n visibility: visible;\n z-index: 10;\n}\n\n.actions :hover {\n opacity: 1;\n}\n'],sourceRoot:""}]),a.locals={propertyValue:"S3t60CK1JCROFIrRlm4j",propertyMultiSelect:"MedG7SPG2ge2h7j2yqrJ",propertyMultiSelectChips:"V50Bekt6td9yQOSiDGdx",propertyPhandleSelect:"QNg3v6_eJoK7_qV0_y9n",propertyPhandleSingleton:"u65C3Uji7covMUn996dR",behaviorBind:"xp5u4Uo4X2fxxX9KwwXu",barePropertyValue:"RdlDHEEEIkX89TwYeKMf",selectable:"NoJRqFdqjTh5fdcL9crT",overridden:"fLumxf7S6GjkhmQSozuF",phandleRemove:"gpFGP00LCwlGjK6yrGWw",propertyBindingsValue:"gsAzkKxnfzTcp5ApwmWS",actions:"KrcWDYfRVRfvRhpsBFxs"},r.Z=a},34288:function(e,r,n){var t=n(87537),o=n.n(t),i=n(23645),a=n.n(i)()(o());a.push([e.id,".kcj881bnLDph62EcKelj {\n padding-bottom: 60px;\n}\n\n.GeuMxQtBvZYr0nOURDHd {\n display: flex;\n width: 190px;\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n position: fixed;\n}\n\n.NqlHG1MKBiOUUFAed3CM {\n max-width: 700px;\n margin: 0 auto;\n padding-bottom: 60px;\n}\n\n.NqlHG1MKBiOUUFAed3CM table {\n border-spacing: 0;\n margin-bottom: 10px;\n}\n.NqlHG1MKBiOUUFAed3CM table thead {\n text-align: left;\n}\n\n.NqlHG1MKBiOUUFAed3CM table tbody tr td {\n padding: 10px;\n margin: 0;\n}\n.NqlHG1MKBiOUUFAed3CM table tbody tr:nth-child(even) {\n background-color: var(--key-bg-base);\n}\n\n.Q3_rmo3XiEVg8qfXgKX_ {\n cursor: pointer;\n padding: 5px;\n opacity: 0.6;\n}\n.Q3_rmo3XiEVg8qfXgKX_:hover {\n opacity: 1;\n}\n\ntable.czOKx_t_EDF44pilzyzA { max-height: 80vh; }\ntable.czOKx_t_EDF44pilzyzA th { text-align: left }\ntable.czOKx_t_EDF44pilzyzA input { font-family: monospace }\ntable.czOKx_t_EDF44pilzyzA td {\n padding: 4px;\n vertical-align: top;\n}\ntable.czOKx_t_EDF44pilzyzA .s8rWNi6e8BZ7yQubfDws {\n font-family: monospace;\n}\n.Bux6GxjreGZZkcXqx6kv {\n display: block;\n font-style: italic;\n}\n\n.xvIZYbb8L5QbOLcesQ4T {\n color: red;\n font-style: italic;\n}\n","",{version:3,sources:["webpack://./src/Keyboard/Behaviors/styles.module.css"],names:[],mappings:"AAAA;EACE,oBAAoB;AACtB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,sBAAsB;EACtB,aAAa;EACb,SAAS;EACT,eAAe;AACjB;;AAEA;EACE,gBAAgB;EAChB,cAAc;EACd,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;EACjB,mBAAmB;AACrB;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,SAAS;AACX;AACA;EACE,oCAAoC;AACtC;;AAEA;EACE,eAAe;EACf,YAAY;EACZ,YAAY;AACd;AACA;EACE,UAAU;AACZ;;AAEA,6BAAmB,gBAAgB,EAAE;AACrC,gCAAsB,iBAAiB;AACvC,mCAAyB,uBAAuB;AAChD;EACE,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB",sourcesContent:[".main {\n padding-bottom: 60px;\n}\n\n.sidebar {\n display: flex;\n width: 190px;\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n position: fixed;\n}\n\n.panel {\n max-width: 700px;\n margin: 0 auto;\n padding-bottom: 60px;\n}\n\n.panel table {\n border-spacing: 0;\n margin-bottom: 10px;\n}\n.panel table thead {\n text-align: left;\n}\n\n.panel table tbody tr td {\n padding: 10px;\n margin: 0;\n}\n.panel table tbody tr:nth-child(even) {\n background-color: var(--key-bg-base);\n}\n\n.action {\n cursor: pointer;\n padding: 5px;\n opacity: 0.6;\n}\n.action:hover {\n opacity: 1;\n}\n\ntable.editorForm { max-height: 80vh; }\ntable.editorForm th { text-align: left }\ntable.editorForm input { font-family: monospace }\ntable.editorForm td {\n padding: 4px;\n vertical-align: top;\n}\ntable.editorForm .propertyName {\n font-family: monospace;\n}\n.propertyDeprecation {\n display: block;\n font-style: italic;\n}\n\n.requiredIndicator {\n color: red;\n font-style: italic;\n}\n"],sourceRoot:""}]),a.locals={main:"kcj881bnLDph62EcKelj",sidebar:"GeuMxQtBvZYr0nOURDHd",panel:"NqlHG1MKBiOUUFAed3CM",action:"Q3_rmo3XiEVg8qfXgKX_",editorForm:"czOKx_t_EDF44pilzyzA",propertyName:"s8rWNi6e8BZ7yQubfDws",propertyDeprecation:"Bux6GxjreGZZkcXqx6kv",requiredIndicator:"xvIZYbb8L5QbOLcesQ4T"},r.Z=a}}]); //# sourceMappingURL=BehaviorEditorTab.e67dee2b66af1c2580c9.js.map