1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6268],{41746:a=>{a.exports={scene:"plastic-card_scene__qGGyn",cable:"plastic-card_cable__KeJ1I",encoder:"plastic-card_encoder__wK2iW",encoderBody:"plastic-card_encoderBody__kh_R_",cardFace:"plastic-card_cardFace__DMIuG",led:"plastic-card_led__LOu5M",ledGlow:"plastic-card_ledGlow__X1o8I",cardPosition:"plastic-card_cardPosition__U5CdL",floatingShadow:"plastic-card_floatingShadow__ndSHn",plasticCard:"plastic-card_plasticCard__eHVn7",laminate:"plastic-card_laminate__dq5WZ",cardName:"plastic-card_cardName__KMgSA",cardCompany:"plastic-card_cardCompany__ZOVFk",trigger:"plastic-card_trigger__gkJA_"}},46268:(a,e,s)=>{"use strict";s.r(e),s.d(e,{PlasticCardScene:()=>x});var t=s(68714),c=s(65282),d=s(69480),r=s(36182),i=s(92030),o=s(41746),l=s.n(o);function n(){let a=(0,c.useId)().replace(/:/g,""),e="M224 410V448C224 477 214 492 214 524";return(0,t.jsxs)("svg",{className:l().cable,viewBox:"0 0 720 520",fill:"none","aria-hidden":"true",children:[(0,t.jsxs)("defs",{children:[(0,t.jsxs)("linearGradient",{id:"".concat(a,"-fade"),x1:"0",y1:"451",x2:"0",y2:"520",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{stopColor:"white"}),(0,t.jsx)("stop",{offset:"1",stopColor:"black"})]}),(0,t.jsxs)("linearGradient",{id:"".concat(a,"-boot"),x1:"216",y1:"0",x2:"232",y2:"0",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{stopColor:"#2c3036"}),(0,t.jsx)("stop",{offset:".35",stopColor:"#62666d"}),(0,t.jsx)("stop",{offset:".7",stopColor:"#3d4148"}),(0,t.jsx)("stop",{offset:"1",stopColor:"#24272d"})]}),(0,t.jsx)("mask",{id:"".concat(a,"-mask"),children:(0,t.jsx)("path",{d:"M0 0H720V520H0Z",fill:"url(#".concat(a,"-fade)")})}),(0,t.jsx)("filter",{id:"".concat(a,"-shadow"),x:"-100%",y:"-20%",width:"300%",height:"160%",children:(0,t.jsx)("feGaussianBlur",{stdDeviation:"4"})})]}),(0,t.jsxs)("g",{mask:"url(#".concat(a,"-mask)"),children:[(0,t.jsx)("path",{d:e,transform:"translate(4 4)",stroke:"#191b1f",strokeOpacity:".13",strokeWidth:"12",filter:"url(#".concat(a,"-shadow)")}),(0,t.jsx)("path",{d:e,stroke:"#363b42",strokeWidth:"10",strokeLinecap:"round"}),(0,t.jsx)("path",{d:e,transform:"translate(-1.5 0)",stroke:"#71767d",strokeOpacity:".6",strokeWidth:"3",strokeLinecap:"round"}),(0,t.jsx)("rect",{x:"216",y:"405",width:"16",height:"28",rx:"6",fill:"url(#".concat(a,"-boot)")}),(0,t.jsx)("path",{d:"M218 422H230M218 426H230",stroke:"#191b1f",strokeOpacity:".3"})]})]})}let p=a=>Math.min(1,Math.max(0,a)),h=(a,e,s)=>p((a-e)/(s-e)),_=a=>Number(a.toFixed(4));function x(a){let e,{elapsedMs:s,onAction:c}=a,o=s%r.U.duration,x=(0,i.Z)(h(o,r.U.approach,r.U.contact))*(1-(0,i.Z)(h(o,r.U.lift,r.U.returned))),m=o>=r.U.encoded,u=_((e=o-r.U.encoded)>=0&&e<750?Math.sin(Math.PI*p(e%187.5/150))**2:0),f=o>=r.U.returned?"ready-to-use":o>=r.U.lift?"return-card":m?"encoded":o>=r.U.contact?"encoding":o>=r.U.approach?"place-card":"ready";return(0,t.jsxs)("div",{className:l().scene,"data-credential-scene":"card","data-stage":f,children:[(0,t.jsx)(n,{}),(0,t.jsxs)("div",{className:l().encoder,children:[(0,t.jsx)(d.default,{src:"/img/access-credentials/card-encoding/encoder.svg",alt:"",width:444,height:670,unoptimized:!0,draggable:!1,className:l().encoderBody}),(0,t.jsx)("div",{className:l().ledGlow,style:{opacity:u}}),(0,t.jsx)("div",{className:l().led,style:{opacity:u}})]}),(0,t.jsxs)("div",{className:l().cardPosition,style:{transform:"translateX(".concat(_(-246*x),"px)")},children:[(0,t.jsx)("div",{className:l().floatingShadow,style:{opacity:_(1-.75*x)}}),(0,t.jsxs)("div",{className:l().plasticCard,children:[(0,t.jsx)(d.default,{src:"/img/access-credentials/card-encoding/card-face.svg",alt:"",width:347,height:516,unoptimized:!0,draggable:!1,className:l().cardFace}),(0,t.jsx)("span",{className:l().laminate}),(0,t.jsx)("span",{className:l().cardName,children:"John Appleseed"}),(0,t.jsx)("span",{className:l().cardCompany,children:"ACME Inc."})]})]}),c&&(0,t.jsx)("button",{type:"button",className:l().trigger,"aria-label":"Preview encoding the plastic card",onClick:c})]})}},92030:(a,e,s)=>{"use strict";s.d(e,{X:()=>d,Z:()=>c});var t=s(2229);let c=(0,t.A)(.42,0,.58,1),d=(0,t.A)(.22,1,.36,1)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.