{
  "version": 3,
  "sources": ["../javascripts/components/overflow-grid/index.tsx"],
  "sourcesContent": ["import React from 'react';\n\ninterface OverflowGridProps {\n  visibleItems: number;\n  modifiers?: string;\n  forwardedRef?: { current: null | HTMLDivElement };\n\n  children?: React.ReactNode[];\n  onNavigate?: (index: number) => void;\n}\n\nconst OverflowGrid = React.forwardRef(\n  (\n    { children, visibleItems, modifiers, forwardedRef, onNavigate }: OverflowGridProps,\n    ref: React.ForwardedRef<HTMLDivElement | null>,\n  ) => {\n    const [offset, setOffset] = React.useState(0);\n    const onSetOffset = (nextOffset: number): void => setOffset(nextOffset);\n\n    if (!children || !children?.length) return null;\n\n    const onNext = () => {\n      onSetOffset(offset + 1);\n      if (onNavigate) onNavigate(offset + 1);\n    };\n\n    const onPrev = () => {\n      onSetOffset(offset - 1);\n      if (onNavigate) onNavigate(offset - 1);\n    };\n\n    return (\n      <div data-wx-overflowgrid={`desktop-${visibleItems} ${modifiers || ''}`} data-offset={offset}>\n        <div className=\"overflow-grid-container\">\n          <div className=\"overflow-grid\" ref={forwardedRef ? forwardedRef : ref}>\n            {children}\n          </div>\n        </div>\n        {offset !== 0 && (\n          <div className=\"offset-btn offset-btn-prev\">\n            <button type=\"button\" data-wx-actionbutton=\"\" title=\"F\u00F6reg\u00E5ende\" onClick={onPrev}>\n              <i className=\"icon-chevron-left no-margin\" />\n            </button>\n          </div>\n        )}\n        {children.length - (visibleItems + offset) > 0 && (\n          <div className=\"offset-btn offset-btn-next\">\n            <button type=\"button\" data-wx-actionbutton=\"\" title=\"N\u00E4sta\" onClick={onNext}>\n              <i className=\"icon-chevron-right no-margin\" />\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default OverflowGrid;\n"],
  "mappings": "sDAAA,IAAAA,EAAkB,SAWZC,EAAe,EAAAC,QAAM,WACzB,CACE,CAAE,SAAAC,EAAU,aAAAC,EAAc,UAAAC,EAAW,aAAAC,EAAc,WAAAC,CAAW,EAC9DC,IACG,CACH,GAAM,CAACC,EAAQC,CAAS,EAAI,EAAAR,QAAM,SAAS,CAAC,EACtCS,EAAeC,GAA6BF,EAAUE,CAAU,EAEtE,GAAI,CAACT,GAAY,CAACA,GAAU,OAAQ,OAAO,KAE3C,IAAMU,EAAS,IAAM,CACnBF,EAAYF,EAAS,CAAC,EAClBF,GAAYA,EAAWE,EAAS,CAAC,CACvC,EAEMK,EAAS,IAAM,CACnBH,EAAYF,EAAS,CAAC,EAClBF,GAAYA,EAAWE,EAAS,CAAC,CACvC,EAEA,OACE,EAAAP,QAAA,cAAC,OAAI,uBAAsB,WAAWE,CAAY,IAAIC,GAAa,EAAE,GAAI,cAAaI,GACpF,EAAAP,QAAA,cAAC,OAAI,UAAU,2BACb,EAAAA,QAAA,cAAC,OAAI,UAAU,gBAAgB,IAAKI,GAA8BE,GAC/DL,CACH,CACF,EACCM,IAAW,GACV,EAAAP,QAAA,cAAC,OAAI,UAAU,8BACb,EAAAA,QAAA,cAAC,UAAO,KAAK,SAAS,uBAAqB,GAAG,MAAM,mBAAa,QAASY,GACxE,EAAAZ,QAAA,cAAC,KAAE,UAAU,8BAA8B,CAC7C,CACF,EAEDC,EAAS,QAAUC,EAAeK,GAAU,GAC3C,EAAAP,QAAA,cAAC,OAAI,UAAU,8BACb,EAAAA,QAAA,cAAC,UAAO,KAAK,SAAS,uBAAqB,GAAG,MAAM,WAAQ,QAASW,GACnE,EAAAX,QAAA,cAAC,KAAE,UAAU,+BAA+B,CAC9C,CACF,CAEJ,CAEJ,CACF,EAEOa,EAAQd",
  "names": ["import_react", "OverflowGrid", "React", "children", "visibleItems", "modifiers", "forwardedRef", "onNavigate", "ref", "offset", "setOffset", "onSetOffset", "nextOffset", "onNext", "onPrev", "overflow_grid_default"]
}