https://dalstonsuperstore.com/wp-content/themes/dalston-superstore/dist/scripts/about.js?ver=1790280314

1/*
2 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
3 * This devtool is neither made for production nor for readable output files.
4 * It uses "eval()" calls to create a separate source file in the browser devtools.
5 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
6 * or disable the default devtool with "devtool: false".
7 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
8 */
9/******/ (() => { // webpackBootstrap
10/******/ 	var __webpack_modules__ = ({
11

12/***/ "./src/scripts/about.js":
13/*!******************************!*\
14  !*** ./src/scripts/about.js ***!
15  \******************************/
16/***/ (() => {
17
18eval("{console.log('hello world')\n\nconst matterInitialise = () => {\n\n  let templateDirectoryUri;\n\n  const templateDirectoryUriElement = document.querySelector('#templateDirectoryUri');\n  if (templateDirectoryUriElement) {\n    templateDirectoryUri = templateDirectoryUriElement.innerHTML;\n  }\n\n  window.matterInit = 0;\n\n  let render;\n\n  let matterResizeTimeout;\n\n  let viewWidth = window.innerWidth;\n  let viewHeight = window.innerHeight;\n\n  const onMatterResizeTimeoutEnd = () => {\n    if (document.querySelector('#aboutBackground')) {\n      document.querySelector('#aboutBackground').innerHTML = '';\n      window.matterInit = 0;\n      matterInitialise();\n    }\n  }\n\n  const onMatterResize = () => {\n    clearTimeout(matterResizeTimeout);\n\n    if (document.querySelector('#aboutBackground')) {\n      render = null;\n      matterResizeTimeout = setTimeout(onMatterResizeTimeoutEnd,400);\n    }\n  }\n\n  const onNightModeSwitched = () => {\n    if (render) {\n      onMatterResizeTimeoutEnd();\n    }\n  }\n\n  if (window.matterInit == 0 && document.querySelector('#aboutBackground')) {\n    window.matterInit = 1;\n    Engine = Matter.Engine,\n    Render = Matter.Render,\n    Runner = Matter.Runner,\n    Common = Matter.Common,\n    MouseConstraint = Matter.MouseConstraint,\n    Mouse = Matter.Mouse,\n    World = Matter.World,\n    Vertices = Matter.Vertices,\n    Svg = Matter.Svg,\n    Body = Matter.Body,\n    Bodies = Matter.Bodies;\n\n    // create engine\n    engine = Engine.create(),\n        world = engine.world;\n\n    let background = '#FFC0CB';\n    if (window.isNightMode == true) {\n      background = 'black';\n    }\n\n    // create renderer\n    render = Render.create({\n        element: document.body,\n        engine: engine,\n        options: {\n          width: window.innerWidth,\n          height: window.innerHeight,\n          wireframes: false,\n          background: background,\n          showAngleIndicator: false\n        },\n    });\n\n    viewWidth = window.innerWidth;\n    viewHeight = window.innerHeight;\n\n    render.controller.setPixelRatio = window.devicePixelRatio;\n\n    document.querySelector('#aboutBackground').appendChild(render.canvas);\n\n    render.canvas.setAttribute('id','matterCanvas');\n\n    Render.run(render);\n\n    // create runner\n    var runner = Runner.create();\n    Runner.run(runner, engine);\n\n    const w = ((1 / 1000) * viewWidth) * 1.5;\n\n    //'A'\n    var letterA = Bodies.polygon(90 * w, 150 * w, 3, 80 * w, { isStatic: false, render: { fillStyle: '#14D30E' } } );\n    //'B' top\n    var letterB1 = Bodies.polygon(220 * w, 80 * w, 3, 80 * w, { isStatic: false, render: { fillStyle: '#FFFD00' } } );\n    //'B' bottom\n    var letterB2 = Bodies.polygon(220 * w, 220 * w, 3, 80 * w, { isStatic: false, render: { fillStyle: '#9715AF' } } );\n\n\n    //'O' composite shape\n    var oPart1 = Bodies.circle(340 * w, 150 * w, 20 * w, { render: { fillStyle: background } } ),\n    oPart2 = Bodies.circle(340 * w, 150 * w, 50 * w, { render: { fillStyle: '#79D2E6' } } );\n\n    var letterO = Body.create({\n      parts: [oPart2, oPart1],\n      isStatic: false\n    });\n\n    //'U' composite shape\n    var uPart1 = Bodies.rectangle(460 * w, 140 * w, 80 * w, 50 * w, { render: { fillStyle: '#624528' } } ),\n        uPart2 = Bodies.circle(460 * w, 160 * w, 40 * w, { render: { fillStyle: '#624528' } } );\n\n    var letterU = Body.create({\n      parts: [uPart1, uPart2],\n      isStatic: false\n    });\n\n    //'T' top\n    var letterT1 = Bodies.rectangle(520 * w, 60 * w, 200 * w, 40 * w, { isStatic: false, render: { fillStyle: '#2945D3' } } );\n    //'T' bottom\n    var letterT2 = Bodies.rectangle(540 * w, 140 * w, 40 * w, 120 * w, { isStatic: false, render: { fillStyle: '#FF7900' } } );\n\n    rectTop = Bodies.rectangle(viewWidth / 2, 0, viewWidth, 12, { isStatic: true, render: { visible: false }, isStatic: true });\n    window.rectBottom = Bodies.rectangle(viewWidth / 2, viewHeight, viewWidth, 12, { isStatic: true, render: { visible: false }, isStatic: true });\n    window.rectRight = Bodies.rectangle(viewWidth, viewHeight / 2, 12, viewHeight, { isStatic: true, render: { visible: false }, isStatic: true });\n    window.rectLeft = Bodies.rectangle(0, viewHeight / 2, 12, viewHeight, { isStatic: true, render: { visible: false }, isStatic: true });\n\n    World.add(world, [\n      letterA,\n      letterB1,\n      letterB2,\n      letterO,\n      letterU,\n      letterT1,\n      letterT2,\n      rectTop,\n      window.rectBottom,\n      window.rectLeft,\n      window.rectRight\n    ]);\n\n    Body.rotate(letterA, Math.PI / 2);\n    Body.rotate(letterB1, Math.PI);\n    Body.rotate(letterB2, Math.PI);\n\n    // add mouse control\n    var mouse = Mouse.create(render.canvas);\n\n    Matter.Mouse.setElement(mouse, document.querySelector('#aboutBackgroun

18dHelper'));\n\n    var mouseConstraint = MouseConstraint.create(engine, {\n        mouse: mouse,\n        constraint: {\n          stiffness: 0.2,\n          render: {\n            visible: false\n          }\n        }\n      });\n\n    World.add(world, mouseConstraint);\n\n    // keep the mouse in sync with rendering\n    render.mouse = mouse;\n\n    window.removeEventListener('resize',onMatterResize);\n    window.addEventListener('resize',onMatterResize);\n\n    window.removeEventListener('nightModeSwitched',onNightModeSwitched);\n    window.addEventListener('nightModeSwitched',onNightModeSwitched);\n\n    // fit the render viewport to the scene\n    Render.lookAt(render, {\n        min: { x: 0, y: 0 },\n        max: { x: viewWidth, y: viewHeight }\n    });\n\n\n    //pause and restart at beginning\n\n    //delay time at the beginning in ms\n    const beginningDelay = 1000;\n\n    Matter.Runner.stop(runner);\n\n    setTimeout(function(){\n      Runner.run(runner, engine);\n    }, beginningDelay);\n\n    // context for MatterTools.Demo\n    return {\n      engine: engine,\n      runner: runner,\n      render: render,\n      canvas: render.canvas,\n      stop: function() {\n        Matter.Render.stop(render);\n        Matter.Runner.stop(runner);\n      }\n    };\n  }\n}\n\nwindow.addEventListener('load',matterInitialise);\n\n\n//# sourceURL=webpack://dalston-superstore-theme-2020/./src/scripts/about.js?\n}");
19
20/***/ })

20
21
22/******/ 	});
23/************************************************************************/
24/******/ 	
25/******/ 	// startup
26/******/ 	// Load entry module and return exports
27/******/ 	// This entry module can't be inlined because the eval devtool is used.
28/******/ 	var __webpack_exports__ = {};
29/******/ 	__webpack_modules__["./src/scripts/about.js"]();
30/******/ 	
31/******/ })()
32;