seven-segment-display
Version:
A React widget that is a 7 segment display
1 lines • 7.18 kB
JavaScript
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var r=t("object"==typeof exports?require("react"):e.React);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(t,r){t.exports=e},function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),f=function(e){return e&&e.__esModule?e:{default:e}}(a),c=function(e){function t(e){n(this,t);var r=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.segments={a:[[1,1],[2,0],[8,0],[9,1],[8,2],[2,2]],b:[[9,1],[10,2],[10,8],[9,9],[8,8],[8,2]],c:[[9,9],[10,10],[10,16],[9,17],[8,16],[8,10]],d:[[9,17],[8,18],[2,18],[1,17],[2,16],[8,16]],e:[[1,17],[0,16],[0,10],[1,9],[2,10],[2,16]],f:[[1,9],[0,8],[0,2],[1,1],[2,2],[2,8]],g:[[1,9],[2,8],[8,8],[9,9],[8,10],[2,10]]},r.digits={0:["a","b","c","d","e","f"],1:["b","c"],2:["a","b","g","e","d"],3:["a","b","g","c","d"],4:["f","g","b","c"],5:["a","f","g","c","d"],6:["a","f","g","c","d","e"],7:["a","b","c"],8:["a","b","c","d","e","f","g"],9:["a","b","c","d","f","g"]},r}return i(t,e),u(t,[{key:"getSegment",value:function(e){var t=this.segments[e];return Array.isArray(t)?t:[]}},{key:"getDigit",value:function(e){var t=this.digits[e];return Array.isArray(t)?t:[]}},{key:"transform",value:function(e){return e.reduce(function(e,t){var r=Object.keys(t)[0];return e+" "+r+"("+(Array.isArray(t[r])?t[r]:[t[r]]).join(" ")+")"},"")}},{key:"render",value:function(){var e=this;return f.default.createElement("g",{transform:this.transform([{translate:[this.props.x,this.props.y]}]),style:{fillRule:"evenodd",stroke:"#fff",strokeWidth:.25,strokeOpacity:1,strokeLinecap:"butt",strokeLinejoin:"miter"}},Object.keys(this.segments).map(function(t){return f.default.createElement("polygon",{key:t,points:e.getSegment(t),fill:e.props.color,fillOpacity:e.getDigit(e.props.value).indexOf(t)>=0?e.props.onOpacity:e.props.offOpacity})}))}}]),t}(f.default.Component);c.defaultProps={value:" ",onOpacity:1,offOpacity:.15,color:"red",x:0,y:0},t.default=c},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Colon=t.Digit=t.Display=void 0;var o=r(3),i=n(o),u=r(1),a=n(u),f=r(4),c=n(f);t.default=i.default,t.Display=i.default,t.Digit=a.default,t.Colon=c.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),f=r(0),c=n(f),l=r(1),s=n(l),p=function(e){function t(e){return o(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return u(t,e),a(t,[{key:"render",value:function(){var e=this;return c.default.createElement("svg",{viewBox:[-1,-1,12*this.props.digitCount,20]},this.props.value.toString().padStart(this.props.digitCount," ").split("").slice(-this.props.digitCount).map(function(t,r){return c.default.createElement(s.default,{key:r,value:t,x:12*r,color:e.props.color})}))}}]),t}(c.default.Component);p.defaultProps={digitCount:4,value:""},t.default=p},function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),f=function(e){return e&&e.__esModule?e:{default:e}}(a),c=function(e){function t(e){return n(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return i(t,e),u(t,[{key:"transform",value:function(e){return e.reduce(function(e,t){var r=Object.keys(t)[0];return e+" "+r+"("+(Array.isArray(t[r])?t[r]:[t[r]]).join(" ")+")"},"")}},{key:"render",value:function(){return f.default.createElement("svg",{viewBox:[-1,-1,12,20]},f.default.createElement("g",{transform:this.transform([{translate:[this.props.x,this.props.y]}]),style:{fillRule:"evenodd",stroke:"#fff",strokeWidth:.25,strokeOpacity:1,strokeLinecap:"butt",strokeLinejoin:"miter"}},f.default.createElement("circle",{cx:6,cy:20/3,r:1,fill:this.props.color,fillOpacity:this.props.on?this.props.onOpacity:this.props.offOpacity}),f.default.createElement("circle",{cx:6,cy:20-20/3,r:1,fill:this.props.color,fillOpacity:this.props.on?this.props.onOpacity:this.props.offOpacity})))}}]),t}(f.default.Component);c.defaultProps={on:!0,onOpacity:1,offOpacity:.15,color:"red",x:0,y:0},t.default=c}])});