UNPKG

react-7segments

Version:

React component for displaying seven segments

1 lines 8.04 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React")):"function"==typeof define&&define.amd?define(["React"],t):"object"==typeof exports?exports.React7Seg=t(require("React")):e.React7Seg=t(e.React)}(this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}var i=r(1),o=n(i),s=r(8),a=n(s),u=r(11),l=n(u),f=r(12),c=n(f),p=r(3),d=n(p);t.Digit=o["default"],t.Group=a["default"],t.Map=l["default"],t.Util=c["default"],t.Points=d["default"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(2),o=n(i),s=r(3),a=n(s);r(4),t["default"]=o["default"].createClass({displayName:"SegDigit",getDefaultProps:function(){return{digitClass:"seven-seg-digit",onClass:"seven-seg-on",points:a["default"],width:75,height:150}},shouldComponentUpdate:function(e){return this.props.value!==e.value},isOn:function(e){return this.props.value&e?this.props.onClass:void 0},render:function(){for(var e={width:this.props.width+"px",height:this.props.height+"px"},t=[],r=0;7>r;r++)t[r]=o["default"].createElement("polyline",{points:this.props.points[r],className:this.isOn(1<<r),key:r});return o["default"].createElement("div",{className:"seven-seg-digit-wrapper",style:e},o["default"].createElement("svg",{className:this.props.digitClass,viewBox:"0 0 57 80",version:"1.1",xmlns:"http://www.w3.org/2000/svg",focusable:"false"},o["default"].createElement("g",null,t,o["default"].createElement("circle",{cx:"52",cy:"75",r:"5",className:this.isOn(128)}))))}})},function(e,t){e.exports=React},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=["11 0, 37 0, 42 5, 37 10, 11 10, 6 5","38 11, 43 6, 48 11, 48 34, 43 39, 38 34","38 46, 43 41, 48 46, 48 69, 43 74, 38 69","11 70, 37 70, 42 75, 37 80, 11 80, 6 75","0 46, 5 41, 10 46, 10 69, 5 74, 0 69","0 11, 5 6, 10 11, 10 34, 5 39, 0 34","11 35, 37 35, 42 40, 37 45, 11 45, 6 40"]},function(e,t,r){var n=r(5);"string"==typeof n&&(n=[[e.id,n,""]]);r(7)(n,{});n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(6)(),t.push([e.id,".seven-seg-digit{overflow:hidden;stroke-width:0;height:100%;width:100%;background-color:#000;fill:#320000}.seven-seg-on{fill:red}.seven-seg-digit-wrapper{display:inline-block}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(n[o]=!0)}for(i=0;i<t.length;i++){var s=t[i];"number"==typeof s[0]&&n[s[0]]||(r&&!s[2]?s[2]=r:r&&(s[2]="("+s[2]+") and ("+r+")"),e.push(s))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],i=d[n.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](n.parts[o]);for(;o<n.parts.length;o++)i.parts.push(l(n.parts[o],t))}else{for(var s=[],o=0;o<n.parts.length;o++)s.push(l(n.parts[o],t));d[n.id]={id:n.id,refs:1,parts:s}}}}function i(e){for(var t=[],r={},n=0;n<e.length;n++){var i=e[n],o=i[0],s=i[1],a=i[2],u=i[3],l={css:s,media:a,sourceMap:u};r[o]?r[o].parts.push(l):t.push(r[o]={id:o,parts:[l]})}return t}function o(e,t){var r=g(),n=b[b.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),b.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=b.indexOf(e);t>=0&&b.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function l(e,t){var r,n,i;if(t.singleton){var o=y++;r=m||(m=a(t)),n=f.bind(null,r,o,!1),i=f.bind(null,r,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=u(t),n=p.bind(null,r),i=function(){s(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),n=c.bind(null,r),i=function(){s(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function f(e,t,r,n){var i=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=x(t,i);else{var o=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}function c(e,t){var r=t.css,n=t.media;t.sourceMap;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function p(e,t){var r=t.css,n=(t.media,t.sourceMap);n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var i=new Blob([r],{type:"text/css"}),o=e.href;e.href=URL.createObjectURL(i),o&&URL.revokeObjectURL(o)}var d={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},v=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=h(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,y=0,b=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=v()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return n(r,t),function(e){for(var o=[],s=0;s<r.length;s++){var a=r[s],u=d[a.id];u.refs--,o.push(u)}if(e){var l=i(e);n(l,t)}for(var s=0;s<o.length;s++){var u=o[s];if(0===u.refs){for(var f=0;f<u.parts.length;f++)u.parts[f]();delete d[u.id]}}}};var x=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e};Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),s=n(o);r(9);var a=r(11),u=n(a),l=r(1),f=n(l);t["default"]=s["default"].createClass({displayName:"SegGroup",getDefaultProps:function(){return{value:"",align:void 0,map:u["default"]}},isDot:function(e){return"."===e||e===this.props.map["."]},getSegArray:function(e){for(var t=this.props.map,r=[],n=0,i=void 0===this.props.size?e.length:this.props.size,o=0,s=e.length;s>o&&i>n;n++,o++){var a=e[o]||0;if(this.isDot(a)){var u=e[o-1];void 0===u||this.isDot(u)?r[n]=t["."]:r[--n]|=t["."]}else"string"==typeof a?r[n]=t[a]:"number"==typeof a&&(r[n]=a)}return this.isDot(e[o])&&(r[n-1]|=t["."]),i=void 0===this.props.size?n:this.props.size,void 0===this.props.align||"right"===this.props.align?new Array(i-n).concat(r):r.concat(new Array(i-n))},getSegDigits:function(e){for(var t=[],r=0;r<e.length;r++)t[r]=s["default"].createElement(f["default"],i({key:r},this.props.digitOptions,{value:e[r]}));return t},render:function(){var e=this.getSegDigits(this.getSegArray(this.props.value));return s["default"].createElement("div",{className:"seven-seg-group"},e)}})},function(e,t,r){var n=r(10);"string"==typeof n&&(n=[[e.id,n,""]]);r(7)(n,{});n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(6)(),t.push([e.id,"",""])},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={1:6,2:91,3:79,4:102,5:109,6:125,7:39,8:127,9:111,0:63,"-":64,_:8,".":128," ":0,S:109,E:121,G:61}},function(e,t){"use strict";t.arrToSegNum=function(e){for(var t=1,r=0,n=0,i=8;i>n;t<<=1,n++)e[n]&&"0"!=e[n]&&(r|=t);return r},t.segNumToArr=function(e,t){var r=1;e=e||0;for(var n=void 0==t?e:e^t,i=[],o=0;8>o;r<<=1,o++)r&n&&(i[o]=!!(r&e));return i}}])});