https://www.nikon.de/dist-client/LensGlossary-Chunk-187fe4924b297d2a3015.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[631],{76439(e,t,a){a.d(t,{A:()=>d});var r=a(36223),n=a(30808),i=a(4586),l=a(97500),s=a.n(l),o=a(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},c.apply(null,arguments)}const d=({ariaHidden:e,children:t,classes:a,dataTestId:l,epiEdit:d,fallbackSize:u,image:m,imageClasses:g,imageRef:b,lazyLoad:p=!0,progressiveLoad:y=!0,showFallback:f,sizes:h=""})=>{const v=m?.mobile,w=m?.tablet,x=m?.desktop,A=m?.largeDesktop,k=(0,i.A)(),[E,L]=(0,o.useState)(!1);if(!x?.url&&!f)return null;const R={[n.A.Small]:v,[n.A.Medium]:w,[n.A.Large]:x,[n.A.XLarge]:A};return f&&!x?.url?React.createElement("div",{className:s()(a,"flex items-center justify-center")},React.createElement(r.A,{ariaHidden:!0,className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:u??"100%"}),t):React.createElement("picture",{className:s()(a)},React.createElement("source",{type:"image/webp",sizes:h,srcSet:`${v?.url} 376w, ${w?.url} 768w, ${x?.url} 1024w, ${A?.url} 1440w`}),React.createElement("img",c({ref:b,alt:m?.altText?.length?m?.altText:"nikon-image","aria-hidden":e,className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":d,draggable:"false",loading:p?"lazy":"eager",onLoad:()=>{L(!0)},sizes:h,src:E&&y?R[k]?.url:v?.url,height:R[k]?.height,width:R[k]?.width,srcSet:`${v?.originalUrl} 376w, ${w?.originalUrl} 768w, ${x?.originalUrl} 1024w, ${A?.originalUrl} 1440w`},l&&{"data-testid":l})),E&&t)}},47976(e,t,a){a.d(t,{A:()=>d});const r=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),n=(e,t)=>Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?r(a)?e[t]=n(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,a)=>{const i=e[a];return r(i)&&(t[a]=n(i,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var l=a(63392),s=a(24675),o=a(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:a,initial:r,animate:n,exit:d,transition:u,layout:m,whileHover:g,...b})=>{const p=(0,o.useMemo)(()=>l.P[e||"div"],[e]),y=(0,s.I)(),f={variants:a,initial:r,animate:n,exit:d,transition:u,whileHover:g};return React.createElement(p,c({ref:t},y?i(f):f,{layout:!y&&m},b))}},719(e,t,a){a.d(t,{A:()=>o});var r=a(58830),n=a(13282),i=a(97500),l=a.n(i);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(null,arguments)}const o=({children:e,className:t,disabled:a=!1,editHint:i,link:o,linkCallback:c,pointerStates:d=!0,size:u=r.A.Small,span:m=!1,tagType:g,text:b,isLightMode:p,dataTestId:y,...f})=>{const h=l()({["text-black-100 bg-grey-200 "+(p?"":"dark:bg-grey-600 dark:text-white")]:g===n.A.Primary,["hover:bg-grey active:text-white active:bg-black-100 "+(p?"":"dark:hover:text-white dark:hover:bg-grey-500 dark:active:text-black-100 dark:active:bg-white")]:g===n.A.Primary&&d,["text-white bg-black-100 "+(p?"":"dark:bg-white dark:text-black-100")]:g===n.A.Secondary||g===n.A.Square,["hover:bg-grey hover:text-black-100 active:text-black-100 active:bg-grey-200 "+(p?"":"dark:hover:text-white dark:hover:bg-grey-500 dark:active:text-white dark:active:bg-grey-600")]:g===n.A.Secondary&&d,["text-black-100 bg-white "+(p?"":"dark:bg-black-100 dark:text-white")]:g===n.A.Three,["hover:bg-grey active:bg-grey-400 "+(p?"":"dark:hover:text-white dark:hover:bg-grey-500 dark:active:text-black-100 dark:active:bg-white")]:(g===n.A.Three||g===n.A.Five)&&d,"text-yellow bg-black-100":g===n.A.Four,"hover:bg-grey hover:text-black-100 active:text-black-100 active:bg-grey-100":g===n.A.Four&&d,["text-black-100 bg-grey-100 "+(p?"":"dark:bg-grey-600 dark:text-white")]:g===n.A.Five,"py-2.5 px-5":u===r.A.Large&&g!==n.A.Square,"px-4 py-1":u===r.A.Small&&g!==n.A.Square,"pointer-events-none":!d},g===n.A.Square?"rounded-[3px]":"rounded-full body-two","select-none",t);return m?React.createElement("span",{className:h,"data-testid":y},b):o?.url&&(o?.name||e)&&!a?React.createElement("a",{className:l()("appearance-none",h),href:o.url,target:o.target,"data-epi-property-name":i,onClick:c,"data-testid":y},e||o.name):React.createElement("button",s({},f,{className:h,disabled:a,"data-epi-property-name":i,"data-testid":y}),e||b)}},90236(e,t,a){a.r(t),a.d(t,{default:()=>d});var r=a(76439),n=a(47976),i=a(719),l=a(13282),s=a(97500),o=a.n(s),c=a(34629);const d=({code:e="",title:t,description:a,image:s,meta:d})=>React.createElement(c.N,{initial:!1,mode:"wait"},React.createElement(n.A,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"flex flex-col items-stretch rounded-lg bg-grey-200 p-2.5 xl:flex-row",key:`glossary-card-${e}`,"data-testid":"CT-37-Lens-Glossary-Lens-Card"},React.createElement("div",{"data-epi-block-id":d?.contentLink,className:o()("flex flex-col justify-center px-5 pt-7.5 pb-5 xl:px-20 xl:py-16",s?"xl:w-2/3":"w-full")},React.createElement("div",{className:"flex flex-col items-start justify-start gap-5 xl:flex-row xl:items-center"},React.createElement("div",null,React.createElement(i.A,{span:!0,tagType:l.A.Square,text:e,className:"block w-full min-w-[3.5rem] px-1 py-1.5 text-center font-bold text-xs xl:mr-5",dataTestId:"CT-37-Lens-Glossary-Lens-Card-Tag"})),React.createElement("p",{"data-epi-property-name":d?.editHints?.title,className:"h3 mt-5 text-black-100 xl:mt-0","data-testid":"CT-37-Lens-Glossary-Lens-Card-Title"},t)),a&&React.createElement("div",{"data-epi-property-name":d?.editHints?.description,className:"body-one mt-7.5 content-area xl:mt-10",dangerouslySetInnerHTML:{__html:a},"data-testid":"CT-37-Lens-Glossary-Lens-Card-Description"})),s&&React.createElement("div",{"data-epi-property-name":d?.editHints?.image,className:"flex-1 xl:w-1/3"},React.createElement(r.A,{image:s,classes:"w-full",imageClasses:"h-full w-full object-cover",dataTestId:"CT-37-Lens-Glossary-Lens-Card-Image"}))))},8222(e,t,a){a.d(t,{A:()=>c});var r=a(47976),n=a(76081),i=a(68194),l=a(65505),s=a(32088),o=a(59471);const c=({children:e,isAnimationDisabled:t})=>{const a=(0,l.A)(),c=(0,i.A)(),d=(0,o.useRef)(null),u=(0,s.W)(d,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:m}=(0,n.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||c?React.createElement(React.Fragment,null,e):React.createElement(r.A,{"data-testid":"Soft-Load-Wrapper",ref:d,variants:{hidden:{opacity:0,y:60},visible:{opacity:1,y:0}},initial:"hidden",animate:m&&u||!1===m||a?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===m?0:.6},y:{ease:"easeOut",duration:m?.6:0}}},e)}},33552(e,t,a){a.r(t),a.d(t,{default:()=>u});var r=a(719),n=a(13282),i=a(90236),l=a(8222),s=a(97500),o=a.n(s),c=a(59471);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},d.apply(null,arguments)}const u=({lensGlossaryCards:e,introduction:t,meta:a})=>{const[s,u]=(0,c.useState)(0),m=(0,c.useRef)(null);return React.createElement("section",{"data-epi-block-id":a?.contentLink,className:"component-padding","data-testid":"CT-37-Lens-Glossary"},React.createElement(l.A,null,React.createElement("div",{className:"container"},React.createElement("div",{className:"lg:w-3/4 xl:w-1/2"},React.createElement("h2",{className:"h6 text-black-100","data-epi-property-name":a?.editHints?.introduction,"data-testid":"CT-37-Lens-Glossary-Introduction"},t)),React.createElement("div",{className:"mt-13 grid grid-cols-3 xs:grid-cols-4 gap-x-6 gap-y-4 md:grid-cols-5 lg:grid-cols-3 lg:gap-4 xl:grid-cols-4","data-epi-property-name":a?.editHints?.lensGlossaryCards,role:"tablist"},!!e?.length&&e.sort((e,t)=>{const a=e.code.toLowerCase(),r=t.code.toLowerCase();return a<r?-1:a>r?1:0}).map((e,t)=>{const a=t===s;return React.createElement("div",{className:"flex items-center justify-center",key:`lens-${e.code}`},React.createElement("button",{role:"tab",type:"button",id:`lens-glossary-tab-${t}`,"aria-selected":a,"aria-controls":"lens-glossary-tabpanel",onClick:()=>(e=>{u(e),m.current?.focus(),m.current?.scrollIntoView({behavior:"smooth"})})(t),className:o()("flex w-full items-center rounded-[3px] outline outline-2 hover:border-white hover:outline-yellow focus:border-white focus:outline-yellow lg:h-full lg:gap-x-5 lg:rounded-[10px] lg:border lg:p-5",a?"border-white outline-yellow":"border-grey outline-white"),"data-testid":`CT-37-Lens-Glossary-Tab-${t}`},React.createElement(r.A,{span:!0,tagType:n.A.Square,text:e.code,className:"block w-full shrink-0 px-0.5 py-1.5 text-center font-bold text-xs lg:w-14",dataTestId:`CT-37-Lens-Glossary-Tab-Tag-${t}`}),React.createElement("p",{className:o()("body-three hidden text-left lg:block",{"body-three--bold":a}),"data-testid":`CT-37-Lens-Glossary-Tab-Title-${t}`},e.title)))})),React.createElement("div",{ref:m,id:"lens-glossary-tabpanel",role:"tabpanel","aria-labelledby":`lens-glossary-tab-${s}`,tabIndex:-1,className:"pt-15 outline-none xl:pt-20"},React.createElement(i.default,d({key:`lens-card-${e[s].code}`},e[s]))))))}},30808(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(r||{});const n=r},44528(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(r||{});const n=r},58830(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Small="SMALL",e.Medium="MEDIUM",e.Large="LARGE",e.XLarge="XLARGE",e}(r||{});const n=r},13282(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Primary="PRIMARY",e.Secondary="SECONDARY",e.Three="THREE",e.Four="FOUR",e.Five="FIVE",e.Square="SQUARE",e}(r||{});const n=r},76081(e,t,a){a.d(t,{A:()=>r});const r=(0,a(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},80552(e,t,a){a.d(t,{A:()=>n});var r=a(42926);const n=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return r.gm&&!r.Fr?window.devicePixelRatio:e}},4586(e,t,a){a.d(t,{A:()=>o});var r=a(30808),n=a(44528),i=a(80552),l=a(59471);const s=e=>{const t=768,a=1024,l=1440,s=(0,i.A)(),o=e===n.A.Viewport?window.innerWidth:window.innerWidth*s;return o<t?r.A.Small:o>=t&&o<a?r.A.Medium:o>=a&&o<l?r.A.Large:r.A.XLarge},o=(e=n.A.Viewport)=>{const[t,a]=(0,l.useState)(),r=(0,l.useCallback)(()=>a(s(e)),[e]);return(0,l.useEffect)(()=>(window.addEventListener("resize",r),a(s(e)),()=>{window.removeEventListener("resize",r)}),[r,e]),t}},2569(e,t,a){a.d(t,{A:()=>n});var r=a(59471);const n=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(!0)},[]),e}},68194(e,t,a){a.d(t,{A:()=>n});var r=a(59471);const n=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(window.self!==window.top)},[]),e}},65505(e,t,a){a.d(t,{A:()=>i});var r=a(24675),n=a(2569);const i=()=>{const e=(0,n.A)();return(0,r.I)()&&e}}}]);
2//# sourceMappingURL=LensGlossary-Chunk-187fe4924b297d2a3015.js.map