https://senteiryouyou.web.app/component---src-pages-gs-1-free-js-a1bc915f6fd6e42bade7.js

1"use strict";(self.webpackChunkreact_checker=self.webpackChunkreact_checker||[]).push([[808],{609:function(e,t,a){var n=a(4994);t.A=void 0;var r=n(a(2032)),l=a(4848);t.A=(0,r.default)((0,l.jsx)("path",{d:"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"}),"Download")},2250:function(e,t,a){a.d(t,{r:function(){return l}});var n=a(6148),r=a(1908);function l(e){return(0,r.Ay)("MuiTableCell",e)}const o=(0,n.A)("MuiTableCell",["root","head","body","footer","sizeSmall","sizeMedium","paddingCheckbox","paddingNone","alignLeft","alignCenter","alignRight","alignJustify","stickyHeader"]);t.A=o},2505:function(e,t,a){a.r(t),a.d(t,{Head:function(){return w}});var n=a(6540),r=a(1120),l=a(8828),o=a(3272),i=a(855),c=a(431),s=a(6739),d=a(5342),p=a(5124),u=a(6120),g=a(9565),m=a(4026),h=a(4319),v=a(1361),y=a(1380),A=a(2250),f=a(609),x=a(354),b=a.n(x),E=a(3616);const k=()=>{const{0:e,1:t}=(0,n.useState)(""),a=(0,n.useRef)(null);(0,n.useEffect)((()=>{if(a.current&&e)try{y.Ay.toCanvas(a.current,{bcid:"databarlimited",text:`(01)${(0,E.mP)(e)}`,scale:2,height:5,includetext:!0,textxalign:"center"}),console.log(a.current)}catch(t){console.error("バーコード生成エラー:",t)}}),[e]);return console.log(e.length),n.createElement(l.A,{sx:{"&:last-child td, &:last-child th":{border:0}}},n.createElement(o.A,null,n.createElement(i.A,{onChange:e=>t(e.target.value),label:"数字14桁",value:e,sx:{width:"100%"},error:14!==e.length})),n.createElement(o.A,{align:"center"},n.createElement("canvas",{ref:a,id:"print-target",style:{height:40}})),n.createElement(o.A,{align:"center"},n.createElement(c.A,{onClick:()=>(async()=>{if(!a.current)return;const t=(await b()(a.current)).toDataURL("image/jpeg"),n=document.createElement("a");n.href=t,n.download=`${e}.jpeg`,n.click()})(),variant:"contained",endIcon:n.createElement(f.A,null)},"jpeg")),n.createElement(o.A,{align:"center"},n.createElement(c.A,{onClick:()=>(async()=>{if(!a.current)return;const t=(await b()(a.current)).toDataURL("image/png"),n=document.createElement("a");n.href=t,n.download=`${e}.png`,n.click()})(),variant:"contained",endIcon:n.createElement(f.A,null)},"png")))};t.default=()=>{const e=(0,s.Ay)(o.A)((e=>{let{theme:t}=e;return{[`&.${A.A.head}`]:{backgroundColor:"#1976d2",color:t.palette.common.white}}}));return n.createElement(r.A,{contents:n.createElement(d.A,null,n.createElement("title",null,"先発医薬品選定療養チェッカー"),n.createElement(p.A,{variant:"h4",component:"div",sx:{flexGrow:1}},"GS1バーコード作成（フリー）"),n.createElement(d.A,{item:!0,sx:{width:"100%"}},n.createElement(u.A,{component:g.A},n.createElement(m.A,{size:"medium","aria-label":"a dense table"},n.createElement(h.A,null,n.createElement(l.A,null,n.createElement(e,null,"数字14桁"),n.createElement(e,{align:"center"},"GS1コード"),n.createElement(e,{align:"center"}),n.createElement(e,{align:"center"}))),n.createElement(v.A,null,n.createElement(k,null),n.createElement(k,null),n.createElement(k,null),n.createElement(k,null),n.createElement(k,null),n.createElement(k,null))))))})};const w=()=>n.createElement("title",null,"GS1バーコード生成")},3272:function(e,t,a){var n=a(6540),r=a(4164),l=a(1362),o=a(2777),i=a(9407),c=a(6613),s=a(625),d=a(6739),p=a(9241),u=a(3202),g=a(2250),m=a(4848);const h=(0,d.Ay)("td",{name:"MuiTableCell",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[a.variant],t[`size${(0,i.A)(a.size)}`],"normal"!==a.padding&&t[`padding${(0,i.A)(a.padding)}`],"inherit"!==a.align&&t[`align${(0,i.A)(a.align)}`],a.stickyHeader&&t.stickyHeader]}})((0,p.A)((({theme:e})=>({...e.typography.body2,display:"table-cell",verticalAlign:"inherit",borderBottom:e.vars?`1px solid ${e.vars.palette.TableCell.border}`:`1px solid\n    ${"light"===e.palette.mode?(0,o.a)((0,o.X4)(e.palette.divider,1),.88):(0,o.e$)((0,o.X4)(e.palette.divider,1),.68)}`,textAlign:"left",padding:16,variants:[{props:{variant:"head"},style:{color:(e.vars||e).palette.text.primary,lineHeight:e.typography.pxToRem(24),fontWeight:e.typography.fontWeightMedium}},{props:{variant:"body"},style:{color:(e.vars||e).palette.text.primary}},{props:{variant:"footer"},style:{color:(e.vars||e).palette.text.secondary,lineHeight:e.typography.pxToRem(21),fontSize:e.typography.pxToRem(12)}},{props:{size:"small"},style:{padding:"6px 16px",[`&.${g.A.paddingCheckbox}`]:{width:24,padding:"0 12px 0 16px","& > *":{padding:0}}}},{props:{padding:"checkbox"},style:{width:48,padding:"0 0 0 4px"}},{props:{padding:"none"},style:{padding:0}},{props:{align:"left"},style:{textAlign:"left"}},{props:{align:"center"},style:{textAlign:"center"}},{props:{align:"right"},style:{textAlign:"right",flexDirection:"row-reverse"}},{props:{align:"justify"},style:{textAlign:"justify"}},{props:({ownerState:e})=>e.stickyHeader,style:{position:"sticky",top:0,zIndex:2,backgroundColor:(e.vars||e).palette.background.default}}]})))),v=n.forwardRef((function(e,t){const a=(0,u.b)({props:e,name:"MuiTableCell"}),{align:o="inherit",className:d,component:p,padding:v,scope:y,size:A,sortDirection:f,variant:x,...b}=a,E=n.useContext(c.A),k=n.useContext(s.A),w=k&&"head"===k.variant;let C;C=p||(w?"th":"td");let $=y;"td"===C?$=void 0:!$&&w&&($="col");const R=x||k&&k.variant,z={...a,align:o,component:C,padding:v||(E&&E.padding?E.padding:"normal"),size:A||(E&&E.size?E.size:"medium"),sortDirection:f,stickyHeader:"head"===R&&E&&E.stickyHeader,variant:R},H=(e=>{const{classes:t,variant:a,align:n,padding:r,size:o,stickyHeader:c}=e,s={root:["root",a,c&&"stickyHeader","inherit"!==n&&`align${(0,i.A)(n)}`,"normal"!==r&&`padding${(0,i.A)(r)}`,`size${(0,i.A)(o)}`]};return(0,l.A)(s,g.r,t)})(z);let M=null;return f&&(M="asc"===f?"ascending":"descending"),(0,m.jsx)(h,{as:C,ref:t,className:(0,r.A)(H.root,d),"aria-sort":M,scope:$,ownerState:z,...b})}));t.A=v},8828:function(e,t,a){a.d(t,{A:function(){return A}});var n=a(6540),r=a(4164),l=a(1362),o=a(2777),i=a(625),c=a(6739),s=a(9241),d=a(3202),p=a(6148),u=a(1908);function g(e){return(0,u.Ay)("MuiTableRow",e)}var m=(0,p.A)("MuiTableRow",["root","selected","hover","head","footer"]),h=a(4848);const v=(0,c.Ay)("tr",{name:"MuiTableRow",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,a.head&&t.head,a.footer&&t.footer]}})((0,s.A)((({theme:e})=>({color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,[`&.${m.hover}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${m.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:(0,o.X4)(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:(0,o.X4)(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)}}})))),y="tr";var A=n.forwardRef((function(e,t){const a=(0,d.b)({props:e,name:"MuiTableRow"}),{className:o,component:c=y,hover:s=!1,selected:p=!1,...u}=a,m=n.useContext(i.A),A={...a,component:c,hover:s,selected:p,head:m&&"head"===m.variant,footer

1:m&&"footer"===m.variant},f=(e=>{const{classes:t,selected:a,hover:n,head:r,footer:o}=e,i={root:["root",a&&"selected",n&&"hover",r&&"head",o&&"footer"]};return(0,l.A)(i,g,t)})(A);return(0,h.jsx)(v,{as:c,ref:t,className:(0,r.A)(f.root,o),role:c===y?null:"row",ownerState:A,...u})}))}}]);
2//# sourceMappingURL=component---src-pages-gs-1-free-js-a1bc915f6fd6e42bade7.js.map