{"version":3,"sources":["webpack:///webpack/universalModuleDefinition?5ca6","webpack:///webpack/bootstrap dabb840152cd8bb1508f?2631","webpack:///external \"React\"?9de9","webpack:///./Views/src/thumbnail-list-view.tsx"],"names":[],"mappings":"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","file":"thumbnail-list-view.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"React\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 9);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap dabb840152cd8bb1508f","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 0\n// module chunks = 0 1 2 3 4 5 6 7 8 9","import { data } from \"jquery\";\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\n\r\ninterface IThumbnailListViewProps {\r\n    RenditionId: number;\r\n    itemProperties: {\r\n        Image: string;\r\n        ThumbnailImage: string;\r\n    };\r\n    initialState: ThumbnailListViewModel<CircularListItemViewModel>;\r\n}\r\n\r\nclass ThumbnailListViewModel<T> {\r\n    RenditionId: number;\r\n    items: Array<T>;\r\n    constructor() {\r\n        this.items = new Array<T>();\r\n    }\r\n}\r\n\r\nclass CircularListItemViewModel {\r\n    Image: string;\r\n    ThumbnailImage: string;\r\n}\r\n\r\nexport class ThumbnailListView extends React.Component<IThumbnailListViewProps, ThumbnailListViewModel<CircularListItemViewModel>>{\r\n    constructor(props: IThumbnailListViewProps) {\r\n        super(props);\r\n\r\n        this.state = (!this.props.initialState) ? new ThumbnailListViewModel<CircularListItemViewModel>() : this.props.initialState;\r\n    }\r\n\r\n    componentDidMount() {\r\n        new window[\"Swiper\"](\"#gallery_swiper\", {\r\n            speed: 500,\r\n            initialSlide: 1,\r\n            centeredSlides: !0,\r\n            breakpoints: {\r\n                992: {\r\n                    slidesPerView: 3,\r\n                    spaceBetween: -40\r\n                },\r\n                768: {\r\n                    slidesPerView: 2,\r\n                    spaceBetween: -30\r\n                },\r\n                640: {\r\n                    slidesPerView: 2,\r\n                    spaceBetween: -20\r\n                },\r\n                320: {\r\n                    slidesPerView: 1,\r\n                    spaceBetween: 10\r\n                }\r\n            },\r\n            navigation: {\r\n                nextEl: \".swiper-button-next-custom\",\r\n                prevEl: \".swiper-button-prev-custom\"\r\n            }\r\n        })\r\n\r\n    }\r\n\r\n    private carouselElement: HTMLElement;\r\n\r\n    render() {\r\n        return <div className=\"swiper\" id=\"gallery_swiper\">\r\n            <div className=\"swiper-wrapper\" ref={(element) => { this.carouselElement = element; }}>\r\n                {\r\n                    this.state.items.map((value, index, array) => {\r\n                        return <div className=\"swiper-slide\"><img src={value.Image + (this.state.RenditionId ? \"?RenditionId=\" + this.state.RenditionId : \"\")} /></div>\r\n                    })\r\n                }\r\n\r\n            </div>\r\n            <div className=\"swiper_controller container d-flex align-items-center justify-content-between py-4\">\r\n                <div className=\"swiper-button-prev-custom\"> <img src=\"/style%20Library/fiboo/assets/images/gallery-left.svg\" alt=\"\" /></div>\r\n                <div className=\"swiper-button-next-custom\"><img src=\"/style%20Library/fiboo/assets/images/gallery-right.svg\" alt=\"\" /></div>\r\n            </div>\r\n        </div>\r\n    }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./Views/src/thumbnail-list-view.tsx"],"sourceRoot":""}