diginext-pixi/dist/components/ButtonDebug.js

README.md

"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonDebugEvent=void 0;const react_1=__importStar(require("react"));exports.ButtonDebugEvent={ADD_ACTION:"add_action",ADD_ACTIONS:"add_actions",REMOVE_ACTION_BY_TYPE:"removeActionByType",REMOVE_ACTION_BY_KEY:"removeActionByKey"};const ButtonDebug=e=>{const[t,a]=(0,react_1.useState)([]),n=e.listener;n&&n.useSubscription((e=>{r(e)}));const r=e=>{const{type:t,data:a}=e;switch(t){case exports.ButtonDebugEvent.ADD_ACTION:o(a);break;case exports.ButtonDebugEvent.ADD_ACTIONS:u(a);break;case exports.ButtonDebugEvent.REMOVE_ACTION_BY_TYPE:i(a);break;case exports.ButtonDebugEvent.REMOVE_ACTION_BY_KEY:l(a)}},o=e=>{e.isButton=!e.hasOwnProperty("isButton")||e.isButton,e.isSlider=!!e.hasOwnProperty("isSlider")&&e.isSlider,e.isSlider&&(e.isButton=!1),a((t=>[...t,e]))},u=e=>{e.forEach((e=>{o(e)}))},i=e=>{const{type:t}=e;l({key:"type",value:t})},l=e=>{const{key:t,value:n}=e;a((e=>[...e.filter((e=>e[t]!=n))]))};return react_1.default.createElement("div",{className:"btn",style:style.holder},t.map(((e,t)=>e.isButton?react_1.default.createElement("button",{key:t,style:style.button,onClick:e.fn},e.title):e.isSlider?react_1.default.createElement("div",{key:t,style:{alignItems:"center"}},react_1.default.createElement("span",{style:{paddingRight:"10px",paddingTop:"4px"}},e.title),react_1.default.createElement(Input,{type:"range",min:e.hasOwnProperty("min")?e.min:-1,max:e.hasOwnProperty("max")?e.max:1,onChange:t=>{e.value=t.target.value,e.fn&&e.fn(t.target.value)},step:e.step?e.step:.01,defaultValue:e.hasOwnProperty("defaultValue")?e.defaultValue:0,class:"slider",id:"myRange"})):void 0)))};ButtonDebug.propTypes={},exports.default=ButtonDebug;const Input=e=>{const[t,a]=(0,react_1.useState)(e.defaultValue);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("input",{style:{width:"600px"},type:"range",min:e.hasOwnProperty("min")?e.min:-1,max:e.hasOwnProperty("max")?e.max:1,onChange:t=>{a(t.target.value),e.onChange&&e.onChange(t)},step:e.step?e.step:.01,defaultValue:e.hasOwnProperty("defaultValue")?e.defaultValue:0,className:"slider",id:"myRange"}),react_1.default.createElement("span",{style:{paddingRight:"10px",paddingLeft:"10px",width:"20px"}},t))},style={button:{backgroundColor:"#555",color:"white",padding:"4px 16px",margin:"4px",fontSize:"18px",lineHeight:"20px",pointerEvents:"auto"},holder:{position:"fixed",zIndex:99}};