\n
\n \n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n Optical path in heterostructures\n
\n
\n \n \n Optical path in heterostructures\n
\n \n
\n \n \n
\n \n
\n Material
\n\n
\n
\n
\n \n \n \n \n
\n \n
\n\n \n \n
\n \n
\n \n
\n \n \n nm\n
\n \n
\n\n \n \n \n
\n \n Optical path and carrier-envelope phase difference of beam, passing through sandwiched heterostructure of\n different materials\n
\n\n \n {{ Title }} ray\n \n
\n \n \n
\n \n \n Optical path\n
\n
\n \n Optical path\n
\n \n \n mm\n
\n \n \n Optical path\n
\n
\n \n Optical path\n
\n \n \n ps\n
\n \n \n
\n
\n \n
\n \n \n rad\n
\n \n
\n \n \n\n \n
\n GDD
\n\n \n fs²\n
\n \n
\n TOD
\n\n \n fs³\n
\n \n \n
\n \n\n \n
\n \n\n \n
\n\n\n\n","import { render } from \"./MaterialSelect.vue?vue&type=template&id=4115996b&lang=true\"\nimport script from \"./MaterialSelect.vue?vue&type=script&lang=js\"\nexport * from \"./MaterialSelect.vue?vue&type=script&lang=js\"\n\nimport \"./MaterialSelect.vue?vue&type=style&index=0&id=4115996b&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./BeamDisplacementSandwichView.vue?vue&type=template&id=389a2036&lang=true\"\nimport script from \"./BeamDisplacementSandwichView.vue?vue&type=script&lang=js\"\nexport * from \"./BeamDisplacementSandwichView.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n Gaussian beam propagation\n
\n
\n \n \n Gaussian beam propagation\n
\n \n \n\n \n \n
\n\n \n Propagation of Gaussian beam in air is characterized by the change of its radius
\n \n \n \n
\n - \n
\n
\n \n \n \n \n Maximal distance\n
\n\n \n m\n
\n \n
\n\n \n \n
\n \n \n Divergence angle\n
\n
\n \n \n Divergence angle\n
\n \n \n mrad\n
\n \n \n Rayleigh length\n
\n
\n \n Rayleigh length\n
\n \n \n mm\n
\n \n \n
\n \n
\n \n \n Wavelength\n
\n\n \n nm\n
\n \n \n Beam quality factor
\n \n
\n \n Beam quality factor
\n \n \n
\n \n \n Beam parameter product (BPP)\n
\n
\n \n \n Beam parameter product (BPP)\n
\n \n \n mm mrad\n
\n \n
\n \n Beam diameter at waist [mm]\n
\n\n at e⁻²:\n \n
\n \n at FWHM:\n \n
\n \n
\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n ![](\"@/assets/static/media/icons/beam_focusing.svg\")
Beam focusing\n \n
\n \n Beam focusing\n \n \n Beam waist diameter at focus:\n
\n \n
\n \n \n\n \n Lens focal length
\n
\n\n \n \n Lens focal length
\n \n \n mm\n
\n \n Distance to lens
\n
\n\n \n Distance to lens
\n \n \n mm\n
\n \n Beam diameter at focus
\n
\n\n \n Beam diameter at focus
\n \n \n mm\n
\n \n Distance to focus
\n
\n\n \n Distance to focus
\n \n \n mm\n
\n \n Beam diameter at lens
\n
\n Beam diameter at lens
\n \n \n mm\n
\n \n
\n \n Pulse peak power
\n\n
\n \n \n
\n \n \n Peak power Gaussian pulse \n
\n
\n \n Peak power Gaussian pulse \n
\n \n \n GW\n
\n \n \n Peak power sech² pulse \n
\n
\n \n Peak power sech² pulse \n
\n \n \n GW\n
\n \n
\n\n \n \n
\n \n
\n \n \n Pulse energy\n
\n\n \n mJ\n
\n \n
\n \n Pulse length FWHM\n
\n\n \n fs\n
\n \n \n
\n \n\n \n
\n \n\n \n Beam displacement (slab pair)\n
\n
\n \n \n Beam displacement (slab pair)\n
\n \n
\n \n \n \n \n \n
\n\n Temporal and spatial displacement of Gaussian beam by two rotated slabs.
\n\n Wavelength range: {{ wlrangeMin }}-{{ wlrangeMax }} nm\n
\n\n
\n \n \n
\n \n
\n \n \n nm\n
\n \n
\n \n Angle of incidence
\n
\n Angle of incidence
\n \n \n deg\n
\n \n Thickness
\n
\n Thickness
\n \n \n mm\n
\n \n
\n \n \n\n Distance between slabs
\n
\n Distance between slabs
\n \n \n mm\n
\n \n \n {{ Title }} ray\n \n
\n \n \n
\n \n \n Displacement
\n
\n \n Displacement
\n \n \n μm\n
\n \n \n Optical path\n
\n
\n \n Optical path\n
\n \n \n ps\n
\n \n
\n \n \n\n \n Optical path
\n
\n Optical path
\n \n \n ps\n
\n \n
\n Optical path difference
\n\n \n fs\n
\n \n \n
\n \n\n
\n \n Refractive index
\n\n
\n\n \n\n
\n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n\n \n\n
\n
\n\n \n \n Wavelength range: {{ wlrangeMin }}-{{ wlrangeMax }} nm\n
\n\n
\n \n \n
\n \n
\n \n \n nm\n
\n \n
\n \n
\n \n
\n\n \n
\n
\n\n \n \n deg\n
\n \n
\n
\n \n \n deg\n
\n \n \n
\n \n\n
\n \n Comparison of materials
\n\n
\n \n \n \n \n \n
\n \n \n ordinary\n extraordinary\n
\n\n \n Wavelength range: {{ wlrangeMin }} - {{ wlrangeMax }} nm
\n\n
\n\n \n
\n\n \n
\n\n Material
\n\n \n \n \n
\n \n \n \n
\n \n \n\n
\n \n \n
\n \n
\n \n \n nm\n
\n \n \n Beam refraction in prism\n
\n
\n \n \n Beam refraction in prism\n
\n \n \n \n
\n Refraction angles in prisms.
\n\n
\n \n \n
\n \n
\n \n \n\n nm\n
\n \n
\n\n \n Angle of incidence
\n \n Internal reflection!\n \n
\n Angle of incidence
\n \n \n deg\n
\n \n Prism apex angle
\n
\n Prism apex angle
\n \n \n deg\n
\n \n \n \n
\n \n {{ Title }} ray\n \n
\n \n \n
\n \n \n Refraction angle
\n
\n\n \n Refraction angle
\n \n \n deg\n
\n \n \n Deviation angle
\n
\n \n Deviation angle
\n \n \n deg\n
\n \n
\n \n \n\n \n \n Brewster's angle
\n
\n\n \n Brewster's angle
\n \n \n deg\n
\n \n \n Min. deviation apex angle
\n
\n \n Min. deviation apex angle
\n \n \n deg\n
\n \n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n Lens radius\n
\n\n \n \n
\n \n \n Lens radius\n
\n\n \n Calculate radius of plane-concave (PCC) or plane-convex (PCX) lens of desired focal length using lensmaker's\n formula\n
Wavelength range: {{ wlrangeMin }} - {{ wlrangeMax }} nm
\n\n\n
\n \n\n \n
\n \n
\n \n \n nm\n
\n \n \n
\n \n \n\n Lens radius
\n
\n \n Lens radius
\n \n \n mm\n
\n \n Focal length
\n
\n Focal length
\n \n \n mm\n
\n \n \n Fresnel reflection\n
\n
\n \n \n Fresnel reflection\n
\n \n \n \n
\n\n Reflection from a surface. For anisotropic crystals, all beams are treated as ordinary.
\n\n
\n \n \n Reflectance (s-polarization):\n
\n
\n\n \n Reflectance (s-polarization):\n
\n \n \n %\n
\n \n \n Reflectance (p-polarization):\n
\n
\n \n Reflectance (p-polarization):\n
\n \n \n %\n
\n \n \n Brewster's angle:\n
\n
\n \n Brewster's angle:\n
\n \n \n deg\n
\n \n Angle of incidence
\n
\n Angle of incidence
\n \n \n deg\n
\n \n \n \n
\n
\n\n \n \n Wavelength range: {{ wlrangeMin }}-{{ wlrangeMax }} nm\n
\n\n
\n \n \n \n
\n \n
\n \n \n nm\n
\n \n \n
\n \n\n \n \n
\n \n\n \n
\n \n\n \n Diffraction angles\n
\n
\n \n \n Diffraction angles\n
\n \n \n \n
\n\n \n \n \n Diffraction angle dependence on wavelength and angle of incidence.
\n\n
\n \n\n \n \n
\n \n \n AOI
\n
\n\n \n \n AOI
\n \n \n deg\n
\n \n \n Grating frequency
\n
\n \n Grating frequency
\n \n \n /mm\n
\n \n \n
\n \n \n Wavelength
\n
\n\n \n \n Wavelength
\n \n \n nm\n
\n \n \n Deviation
\n
\n \n Deviation
\n \n \n deg\n
\n \n \n
\n \n \n Littrow angle
\n \n Blaze angle
\n
\n\n \n Littrow angle
\n \n \n deg\n
\n \n \n Blaze angle
\n \n \n deg\n
\n \n
\n Diffraction angles [deg]
\n\n
\n \n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n Grating calculator\n
\n
\n\n \n \n Grating calculator\n
\n \n \n
\n\n \n Calculate angle of incidence at Littrow configuration of the highest diffraction order possible, when the\n upper limit of angle of incidence is given.\n
\n\n
\n \n\n \n \n \n \n\n \n
\n\n \n Max. diffraction order\n
\n\n Littrow angle\n
\n\n \n deg\n
\n \n
\n All orders [deg]
\n\n
\n \n
\n \n\n \n
\n \n
\n\n \n \n Max. AOI\n
\n\n \n deg\n
\n \n \n Grating frequency
\n
\n \n Grating frequency
\n \n \n /mm\n
\n \n \n
\n \n \n Wavelength
\n
\n \n Wavelength
\n \n \n nm\n
\n \n
\n \n Material dispersion
\n\n \n
\n\n \n \n \n
\n \n Wavelength range: {{ rangeSlider.value[0] }}-{{ rangeSlider.value[1] }} nm\n
\n\n
\n \n \n
\n \n
\n
\n \n\n \n
\n Wavelength range:\n {{ wlrangeMin }} - {{ wlrangeMax }}\n nm\n
\n\n
\n \n
\n \n
\n \n \n nm\n
\n \n
\n \n {{ Title }} ray\n \n
\n \n \n
\n\n \n \n GVD:\n
\n
\n\n \n GVD:\n
\n \n \n fs²/mm\n
\n \n \n TOD:\n
\n
\n \n TOD:\n
\n \n \n fs³/mm\n
\n \n
\n \n
\n\n GVD=0 at:
\n\n
\n\n Refractive index:
\n\n \n Group refractive index:\n
\n
\n \n Group refractive index:\n
\n \n
\n \n \n\n \n \n
\n\n \n \n nm\n
\n \n \n
\n\n \n \n
\n \n \n
\n\n\n","import { render } from \"./GroupVelocityDispersion.vue?vue&type=template&id=7c0eadde\"\nimport script from \"./GroupVelocityDispersion.vue?vue&type=script&lang=js\"\nexport * from \"./GroupVelocityDispersion.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n
\n\n\n\n","import { render } from \"./ThirdOrderDispersion.vue?vue&type=template&id=1a85b3e6\"\nimport script from \"./ThirdOrderDispersion.vue?vue&type=script&lang=js\"\nexport * from \"./ThirdOrderDispersion.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n
\n\n\n\n","import { render } from \"./GroupRefractiveIndex.vue?vue&type=template&id=38fa8ae9&lang=true\"\nimport script from \"./GroupRefractiveIndex.vue?vue&type=script&lang=js\"\nexport * from \"./GroupRefractiveIndex.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./RayOutput.vue?vue&type=template&id=249bfacf&lang=true\"\nimport script from \"./RayOutput.vue?vue&type=script&lang=js\"\nexport * from \"./RayOutput.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./MaterialDispersionView.vue?vue&type=template&id=602ba38e\"\nimport script from \"./MaterialDispersionView.vue?vue&type=script&lang=js\"\nexport * from \"./MaterialDispersionView.vue?vue&type=script&lang=js\"\n\nimport \"@vueform/slider/themes/default.css?vue&type=style&index=0&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n Grating pair compressor\n
\n
\n \n \n Grating pair compressor\n
\n \n \n \n
\n\n \n \n \n \n Dispersion parameters of grating pair compressor/stretcher for given distance between gratings
\n
\n \n\n
\n\n \n
\n Wavelength range
\n\n \n
\n \n \n Distance
\n
\n \n \n Distance
\n \n \n mm\n
\n \n AOI
\n
\n \n AOI
\n \n \n deg\n
\n \n Grooves
\n
\n Grooves
\n \n \n /mm\n
\n \n \n Two prism compressor\n
\n
\n \n \n Two prism compressor\n
\n \n \n \n
\n\n \n Dispersion parameters of two-prism compressor/stretcher for given material and wavelength\n
\n
\n\n \n \n GDD\n
\n
\n\n \n GDD\n
\n \n \n fs²\n
\n \n \n TOD\n
\n
\n\n \n TOD\n
\n \n \n fs³\n
\n \n \n Output\n
\n
\n \n Output\n
\n \n
\n \n \n
\n \n Wavelength range: {{ rangeSlider.value[0] }}-{{ rangeSlider.value[1] }} nm\n
\n\n
\n \n \n \n \n
\n
\n \n \n Wavelength range: {{ wlrangeMin }}-{{ wlrangeMax }} nm\n
\n\n
\n \n
\n \n
\n \n \n nm\n
\n \n \n
\n \n \n Ref. wavelength
\n
\n \n \n Ref. wavelength
\n \n \n nm\n
\n \n \n Prism separation
\n
\n \n Prism separation
\n \n \n mm\n
\n \n \n
\n \n \n AOI
\n
\n \n \n AOI
\n \n \n deg\n
\n \n \n Apex angle
\n
\n \n \n Apex angle
\n \n \n deg\n
\n \n \n Brewster configuration\n
\n \n NO\n \n \n YES\n \n
\n \n Brewster configuration\n
\n \n \n
\n\n \n \n Prism #1 insertion
\n
\n\n \n \n Prism #1 insertion
\n \n \n mm\n
\n \n \n Prism #2 insertion
\n \n Beam out of bounds\n \n
\n \n Prism #2 insertion
\n \n \n mm\n
\n \n \n
\n \n \n Height
\n
\n \n \n Height
\n \n \n mm\n
\n \n \n Width
\n
\n \n Width
\n \n \n mm\n
\n \n
\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n Pulse elongation with known GDD\n
\n
\n\n \n \n Pulse elongation with known GDD\n
\n \n \n
\n\n \n For given GDD, dispersed pulse length
\n \n
\n \n \n \n
\n\n \n \n Initial pulse length FWHM\n
\n\n \n fs\n
\n \n
\n\n \n \n GDD\n
\n\n \n fs²\n
\n \n
\n \n Dispersed pulse length FWHM\n
\n\n \n fs\n
\n \n \n
\n \n\n \n Pulse elongation (through material)\n
\n
\n \n \n Pulse elongation (through material)\n
\n \n \n \n
\n\n Material dispersion is calculated by multiplying thickness with GVD in fs2/mm, i.e. only second order dispersion (GDD in fs2) is taken into account
\n\n \n
\n \n\n Wavelength range: {{ wlrangeMin }}-{{ wlrangeMax }} nm\n
\n\n
\n\n \n \n
\n \n
\n \n \n nm\n
\n \n
\n \n Incident pulse
\n
\n Incident pulse
\n \n \n
\n \n \n {{ wl_units }} \n \n \n
\n \n \n Material thickness
\n
\n Material thickness
\n \n \n mm\n
\n \n \n {{ Title }} ray\n \n
\n \n \n
\n \n \n\n
\n Incident pulse
\n\n \n fs\n
\n \n
\n Transmitted pulse
\n\n \n fs\n
\n \n \n B-integral\n
\n
\n \n \n B-integral\n
\n \n
\n \n \n
\n\n \n Value of B-integral for material of given thickness
\n
\n
\n \n \n
\n \n
\n
\n \n \n
\n \n
\n
\n \n \n \n
\n \n
\n \n \n
\n \n\n
\n \n \n
\n Wavelength [nm]
\n\n Intensity
\n \n
\n Intensity
\n \n Distance
\n \n
\n Distance
\n \n \n Sum frequency generation\n
\n
\n \n \n Sum frequency generation\n
\n \n \n
\n\n Colinear sum frequency generation in uniaxial crystals
\n\n \n \n
\n \n
\n \nWavelength range: {{ wlrangeMin }} - {{ wlrangeMax }}
\n\n\n
\n \n
\n
\n \n \n nm\n
\n \n
\n
\n \n \n nm\n
\n \n
\n
\n \n \n nm\n
\n \n \n {{ Title }}: {{ theta }} deg\n \n
\n \n \n
\n \n \n Phase matching angle\n
\n
\n \n Phase matching angle\n
\n \n \n deg\n
\n \n
\n
\n \n \n pm/V\n
\n \n Angular walk-offs
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n Delay (GVM) of
\n \n
\n \n \n\n \n \n
\n \n \n
\n \n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n
\n \n\n \n Noncolinear SFG internal angles\n
\n
\n \n \n Noncolinear SFG internal angles\n
\n \n
\n \n \n \n
\n\n Calculation of internal angles in noncolinear SFG
\n\n
\n \n
\n
\n \n
\n \n
\n
\n \n \n \n
\n \n
\n \nWavelength range: {{ wlrangeMin }} - {{ wlrangeMax }}
\n\n\n
\n \n
\n \n
\n
\n \n
\n \n
\n
\n \n
\n \n
\n
\n \n \n \n \n \n \n \n
\n Interaction
\n\n
\n \n
\n \n
\n
\n \n
\n \n
\n
\n \n
\n \n
\n
\n \n \n Nonlinear optical interactions\n
\n
\n \n \n Nonlinear optical interactions\n
\n \n
\n \n\n \n \n \n Fill in appropriate wavelengths in columns to obtain phase matching angles, angular walk-offs, group velocity\n mismatches (GVM) of the corresponding collinear SFG/DFG/SHG/OPO process, satisfying relation\n
\n\n \n
\n \n \n \n λ₁\n \n \n λ₂\n \n \n λ₃\n \n \n
\n \n
\n \n \n \n λ₁\n \n \n λ₂\n \n \n λ₃\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n Phase matching angles\n \n
\n \n \n deff\n \n
\n \n \n GVM\n \n
\n \n \n Walkoff\n \n
\n \n
\n
\n
\n \n
\n
\n
\n \n X axis\n \n \n λ₁\n \n \n λ₂\n \n \n λ₃\n \n \n
\n \n \n Plot\n \n
\n \n
\n \n\n
\n \n \n
\n \n \n
\n \n Username\n Password\n \n Sign in\n \n
\n\n\n\n\n\n","import { render } from \"./AdminView.vue?vue&type=template&id=16230504&scoped=true&lang=true\"\nimport script from \"./AdminView.vue?vue&type=script&lang=js\"\nexport * from \"./AdminView.vue?vue&type=script&lang=js\"\n\nimport \"./AdminView.vue?vue&type=style&index=0&id=16230504&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-16230504\"]])\n\nexport default __exports__","\n \n Please sign in\n
\n\n \n
\n \n \n
\n \n \n
\n \n
\n\n \n
\n \n
\n \n \n\n \n
\n \n \n
\n \n \n \n Edit\n \n
\n \n \n \n \n \n {{ group.type }}\n
\n\n | Name | \nInfo | \nType | \nN2 Defined | \nBirefrigerence Type | \n{{ material.name }} | \n{{ material.info }} | \n{{ material.type }} | \n{{ material.n2_defined }} | \n{{ material.birefrigerence_type }} | \n \n
|---|
\n
\n\n\n","import { render } from \"./MaterialsEditorView.vue?vue&type=template&id=29ede1c6&scoped=true&lang=true\"\nimport script from \"./MaterialsEditorView.vue?vue&type=script&lang=js\"\nexport * from \"./MaterialsEditorView.vue?vue&type=script&lang=js\"\n\nimport \"./MaterialsEditorView.vue?vue&type=style&index=0&id=29ede1c6&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-29ede1c6\"]])\n\nexport default __exports__","\n \n
\n\n \n
\n \n \n Save\n \n
\n \n \n Save As\n \n
\n \n \n
\n \n \n Delete\n \n
\n \n
\n \n
\n\n\n\n","\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n
\n\n \n Optical Layout Planner
\n\n \n \n \n \n \n \n \n Saved, code (link)\n \n Error while saving\n \n \n \n \n Copy saved as (link)\n \n Error while saving\n\n \n \n \n
\n \n
\n \n \n
\n \n Click here to
\n start a new
\n layout\n \n
\n \n \n start a new
\n layout\n \n
![](\"@/assets/static/media/icons/measure.svg\"){kind=icon}
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n\n \n \n \n
\n \n\n \n Width (mm)
\nHeight (mm)
\n\n \n \n More...\n
\n \n\n\n\n","import { render } from \"./ProductInfoForUser.vue?vue&type=template&id=30b448d6&lang=true\"\nimport script from \"./ProductInfoForUser.vue?vue&type=script&lang=js\"\nexport * from \"./ProductInfoForUser.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { fabric } from \"fabric\";\nimport $ from \"jquery\";\nexport var KITCHEN = {};\nimport store from \"@/store/index.js\";\n\n\nKITCHEN.shiftPressed = false;\nKITCHEN.ctrlPressed = false;\nKITCHEN.copiedObject = null;\nKITCHEN.tableDefined = false;\nKITCHEN.holeRadius = 0.5;\nKITCHEN.terminalMarkWidth = 6;\nKITCHEN.terminalMarkFill = \"#c0392b\";\nKITCHEN.terminalsVisible = false;\nKITCHEN.lastTarget;\nKITCHEN.layoutSettings = {\n notificationSent: false,\n};\n//const bus = new Vue()\nvar ft_to_cm = 30.48; // foot to centimeter conversion\n\nvar decimalAdjust = function (type, value, exp) {\n // If the exp is undefined or zero...\n if (typeof exp === \"undefined\" || +exp === 0) {\n return Math[type](value);\n }\n value = +value;\n exp = +exp;\n // If the value is not a number or the exp is not an integer...\n if (isNaN(value) || !(typeof exp === \"number\" && exp % 1 === 0)) {\n return NaN;\n }\n // Shift\n value = value.toString().split(\"e\");\n value = Math[type](+(value[0] + \"e\" + (value[1] ? +value[1] - exp : -exp)));\n // Shift back\n value = value.toString().split(\"e\");\n return +(value[0] + \"e\" + (value[1] ? +value[1] + exp : exp));\n};\n\nif (!Math.round10) {\n Math.round10 = function (value, exp) {\n return decimalAdjust(\"round\", value, exp);\n };\n}\n\nvar isBetween = function (x, a, b) {\n if ((a < x && x < b) || (b < x && x < a)) {\n return true;\n } else {\n return false;\n }\n};\n\nvar deg_to_rad = function (deg) {\n return (deg / 180.0) * Math.PI;\n};\n\nKITCHEN.pngImageHD = \"\";\n\nKITCHEN.defaultTableParams = {\n X: 2000,\n Y: 1200,\n offsetX: 25,\n offsetY: 25,\n type: \"metric\",\n};\n\nKITCHEN.drawLine = {\n active: false,\n isDown: false,\n lineColor: \"#c0392b\",\n lineWidth: 4,\n toggle: function () {\n $(\"#drawline-btn\").toggleClass(\"active\");\n },\n activate: function () {\n KITCHEN.drawLine.active = true;\n KITCHEN.canvas.selection = false;\n KITCHEN.canvas.hoverCursor = \"default\";\n },\n deactivate: function () {\n KITCHEN.drawLine.active = false;\n KITCHEN.drawLine.isDown = false;\n delete KITCHEN.drawLine.line;\n KITCHEN.canvas.selection = true;\n KITCHEN.canvas.hoverCursor = \"move\";\n },\n mouseDown: function (options) {\n var pointer;\n var points;\n //var width;\n\n KITCHEN.drawLine.activate();\n KITCHEN.drawLine.isDown = true;\n //KITCHEN.canvas.deactivateAll();\n\n if (Object.prototype.hasOwnProperty.call(KITCHEN.drawLine, \"line\")) {\n //not to drag away new segment\n pointer = { x: KITCHEN.drawLine.line.x2, y: KITCHEN.drawLine.line.y2 };\n } else {\n pointer = KITCHEN.canvas.getPointer(options.e);\n }\n\n points = [pointer.x, pointer.y, pointer.x, pointer.y];\n\n KITCHEN.drawLine.line = new fabric.Line(points, {\n hasControls: false,\n name: \"line\",\n strokeWidth: KITCHEN.drawLine.lineWidth,\n fill: KITCHEN.drawLine.lineColor,\n stroke: KITCHEN.drawLine.lineColor,\n originX: \"center\",\n originY: \"top\",\n selectable: false,\n targetFindTolerance: true,\n });\n\n KITCHEN.drawLine.line.setControlsVisibility({\n tr: false,\n bl: false,\n ml: false,\n mt: false,\n mr: false,\n mb: false,\n mtr: false,\n tl: false,\n br: false,\n });\n\n KITCHEN.canvas.add(KITCHEN.drawLine.line);\n\n KITCHEN.canvasHistory.saveState(\"addLine\");\n },\n mouseMove: function (options) {\n var pointer;\n\n if (!KITCHEN.drawLine.isDown) {\n return;\n }\n\n pointer = KITCHEN.canvas.getPointer(options.e);\n\n var x2 = pointer.x;\n var y2 = pointer.y;\n\n if (KITCHEN.shiftPressed) {\n if (Math.abs(KITCHEN.drawLine.line.x1 - x2) < Math.abs(KITCHEN.drawLine.line.y1 - y2)) {\n x2 = KITCHEN.drawLine.line.x1;\n } else {\n y2 = KITCHEN.drawLine.line.y1;\n }\n }\n\n KITCHEN.drawLine.line\n .set({\n x2: x2,\n y2: y2,\n })\n .setCoords();\n\n KITCHEN.canvas.renderAll();\n },\n terminate: function () {\n if (KITCHEN.drawLine.isDown) {\n KITCHEN.drawLine.isDown = false;\n KITCHEN.canvas.remove(KITCHEN.drawLine.line);\n\n KITCHEN.canvas.forEachObject(function (obj) {\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n if (obj.name === \"line\") {\n obj.set({ selectable: true, hasControls: true }).setCoords();\n }\n }\n });\n\n KITCHEN.canvas.renderAll();\n\n //deactivate drawing\n KITCHEN.drawLine.active = false;\n KITCHEN.canvas.selection = true;\n /*\n $(\"#drawline-btn\").removeClass(\"active\").removeClass(\"focus\");\n $(\"[id^=drawline-color-]\").hide();*/\n }\n KITCHEN.drawLine.active = false;\n },\n};\n\nKITCHEN.measure = {\n active: false,\n isDown: false,\n stage: 0,\n lineColor: \"#000\",\n lineWidth: 1.5,\n fontSize: 15,\n fontFamily: \"Helvetica\",\n fontColor: \"#000\",\n activate: function () {\n KITCHEN.measure.active = true;\n KITCHEN.canvas.selection = false;\n KITCHEN.canvas.hoverCursor = \"default\";\n KITCHEN.canvas.forEachObject(function (obj) {\n obj.selectable = false;\n });\n },\n deactivate: function () {\n KITCHEN.measure.active = false;\n KITCHEN.canvas.selection = true;\n KITCHEN.canvas.forEachObject(function (obj) {\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n if (obj.name !== \"terminal\") {\n obj.selectable = true;\n }\n } else {\n obj.selectable = true;\n }\n });\n KITCHEN.canvas.hoverCursor = \"move\";\n },\n mouseDown: function (options) {\n //KITCHEN.canvas.deactivateAll();\n\n var pointer = KITCHEN.canvas.getPointer(options.e);\n var points = [pointer.x, pointer.y, pointer.x, pointer.y];\n\n switch (KITCHEN.measure.stage) {\n case 0:\n KITCHEN.measure.line0 = new fabric.Line(points, {\n hasControls: false,\n name: \"measure_\" + KITCHEN.measure.dimension + KITCHEN.measure.stage,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n selectable: true,\n noScaleCache: true,\n // strokeDashArray: [5, 5],\n });\n KITCHEN.canvas.add(KITCHEN.measure.line0);\n\n KITCHEN.measure.widthText0 = new fabric.Text(\"0\", {\n fontSize: KITCHEN.measure.fontSize,\n fontFamily: KITCHEN.measure.fontFamily,\n fill: KITCHEN.measure.fontColor,\n left: (KITCHEN.measure.line0.x1 + KITCHEN.measure.line0.x2) / 2.0,\n top: pointer.y,\n style: null,\n originX: \"center\",\n });\n\n KITCHEN.canvas.add(KITCHEN.measure.widthText0);\n\n KITCHEN.measure.stage += 1;\n return;\n case 1:\n KITCHEN.measure.line1 = new fabric.Line(points, {\n hasControls: false,\n name: \"measure_\" + KITCHEN.measure.dimension + KITCHEN.measure.stage,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n noScaleCache: true,\n selectable: true,\n });\n KITCHEN.canvas.add(KITCHEN.measure.line1);\n KITCHEN.canvas.remove(KITCHEN.measure.widthText0);\n\n KITCHEN.measure.stage += 1;\n return;\n case 2:\n if (KITCHEN.measure.dimension === \"width\") {\n points = [KITCHEN.measure.line0.x2, pointer.y, KITCHEN.measure.line1.x2, pointer.y];\n var width = Math.floor(Math.abs(KITCHEN.measure.line0.x1 - KITCHEN.measure.line1.x1 - 1) / KITCHEN.gridScale);\n } else {\n points = [pointer.x, KITCHEN.measure.line0.y2, pointer.x, KITCHEN.measure.line1.y2];\n width = Math.floor(Math.abs(KITCHEN.measure.line0.y1 - KITCHEN.measure.line1.y1 - 1) / KITCHEN.gridScale);\n }\n\n KITCHEN.measure.line2 = new fabric.Line(points, {\n hasControls: false,\n name: \"measure_\" + KITCHEN.measure.dimension + KITCHEN.measure.stage,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n selectable: true,\n noScaleCache: true,\n });\n KITCHEN.canvas.add(KITCHEN.measure.line2);\n\n var slash1 = new fabric.Line([points[0] - 5, points[1] + 5, points[0] + 6, points[1] - 6], {\n hasControls: false,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n selectable: true,\n noScaleCache: true,\n });\n\n var slash2 = new fabric.Line([points[2] - 5, points[3] + 5, points[2] + 6, points[3] - 6], {\n hasControls: false,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n selectable: true,\n noScaleCache: true,\n });\n\n KITCHEN.canvas.add(slash1);\n KITCHEN.canvas.add(slash2);\n\n KITCHEN.measure.widthText = new fabric.Text(width.toString(), {\n fontSize: KITCHEN.measure.fontSize,\n fontFamily: KITCHEN.measure.fontFamily,\n fill: KITCHEN.measure.fontColor,\n left: (KITCHEN.measure.line0.x2 + KITCHEN.measure.line1.x2) / 2.0,\n top: pointer.y,\n styles: \"\",\n });\n\n KITCHEN.measure.widthText.set({\n originX: \"center\",\n });\n\n if (KITCHEN.measure.dimension === \"width\") {\n if (KITCHEN.measure.line0.y1 > KITCHEN.measure.line0.y2) {\n KITCHEN.measure.widthText.set({ originY: \"bottom\" });\n } else {\n KITCHEN.measure.widthText.set({ originY: \"top\" });\n }\n\n KITCHEN.measure.widthText.set({\n left: (KITCHEN.measure.line0.x2 + KITCHEN.measure.line1.x2) / 2.0,\n top: pointer.y,\n });\n } else {\n if (KITCHEN.measure.line0.x1 < KITCHEN.measure.line0.x2) {\n KITCHEN.measure.widthText.set({ originY: \"bottom\" });\n } else {\n KITCHEN.measure.widthText.set({ originY: \"top\" });\n }\n\n KITCHEN.measure.widthText.set({\n left: pointer.x,\n top: (KITCHEN.measure.line0.y2 + KITCHEN.measure.line1.y2) / 2.0,\n angle: 90,\n });\n }\n\n KITCHEN.canvas.add(KITCHEN.measure.widthText);\n\n KITCHEN.measure.widthText.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n styles: \"\",\n });\n };\n })(KITCHEN.measure.widthText.toObject);\n\n KITCHEN.measure.ruler = new fabric.Group(\n [\n KITCHEN.measure.line0,\n KITCHEN.measure.line1,\n KITCHEN.measure.line2,\n KITCHEN.measure.widthText,\n slash1,\n slash2,\n ],\n {\n hasControls: false,\n }\n );\n\n KITCHEN.measure.ruler.setControlsVisibility({\n mb: true,\n mr: true,\n ml: true,\n mt: true,\n });\n\n KITCHEN.measure.ruler.name = \"ruler\";\n\n KITCHEN.canvas.add(KITCHEN.measure.ruler);\n\n KITCHEN.canvas.remove(KITCHEN.measure.line0);\n KITCHEN.canvas.remove(KITCHEN.measure.line1);\n KITCHEN.canvas.remove(KITCHEN.measure.line2);\n KITCHEN.canvas.remove(KITCHEN.measure.widthText);\n KITCHEN.canvas.remove(slash1);\n KITCHEN.canvas.remove(slash2);\n\n KITCHEN.measure.deactivate();\n\n KITCHEN.measure.stage = 0;\n\n $(\"#measure-btn\").removeClass(\"active\").removeClass(\"focus\");\n setTimeout(function () {\n KITCHEN.canvas.renderAll();\n KITCHEN.canvasHistory.saveState(\"addMeasure\");\n }, 200);\n return;\n }\n },\n drawMiddleLine: function (pointer) {\n var points = [pointer.x, pointer.y, pointer.x, pointer.y];\n if (typeof KITCHEN.measure.line2 === \"undefined\") {\n KITCHEN.measure.line2 = new fabric.Line(points, {\n hasControls: false,\n name: \"measure_\" + KITCHEN.measure.dimension + KITCHEN.measure.stage,\n strokeWidth: KITCHEN.measure.lineWidth,\n fill: KITCHEN.measure.lineColor,\n stroke: KITCHEN.measure.lineColor,\n originX: \"center\",\n originY: \"center\",\n selectable: true,\n targetFindTolerance: true,\n });\n KITCHEN.canvas.add(KITCHEN.measure.line2);\n } else {\n KITCHEN.measure.line2\n .set({\n x1: KITCHEN.measure.line0.x2,\n y1: KITCHEN.measure.line0.y2,\n x2: pointer.x,\n y2: pointer.y,\n })\n .setCoords();\n }\n },\n mouseMove: function (options) {\n var pointer = KITCHEN.canvas.getPointer(options.e);\n var width;\n\n switch (KITCHEN.measure.stage) {\n case 0:\n break;\n case 1:\n if (Math.abs(pointer.x - KITCHEN.measure.line0.x1) > Math.abs(pointer.y - KITCHEN.measure.line0.y1)) {\n KITCHEN.measure.dimension = \"height\";\n width = Math.floor(Math.abs(KITCHEN.measure.line0.x1 - KITCHEN.measure.line0.x2) / KITCHEN.gridScale);\n KITCHEN.measure.line0\n .set({\n x2: pointer.x,\n y2: KITCHEN.measure.line0.y1,\n })\n .setCoords();\n } else {\n KITCHEN.measure.dimension = \"width\";\n width = Math.floor(Math.abs(KITCHEN.measure.line0.y1 - KITCHEN.measure.line0.y2) / KITCHEN.gridScale);\n KITCHEN.measure.line0\n .set({\n x2: KITCHEN.measure.line0.x1,\n y2: pointer.y,\n })\n .setCoords();\n }\n\n KITCHEN.measure.widthText0.set({\n text: width.toString(),\n });\n\n if (KITCHEN.measure.dimension === \"width\") {\n if (KITCHEN.measure.line0.y1 > KITCHEN.measure.line0.y2) {\n KITCHEN.measure.widthText0.set({ originY: \"bottom\" });\n } else {\n KITCHEN.measure.widthText0.set({ originY: \"top\" });\n }\n\n KITCHEN.measure.widthText0.set({\n top: (KITCHEN.measure.line0.y1 + KITCHEN.measure.line0.y2) / 2.0,\n left: KITCHEN.measure.line0.x1,\n angle: 90,\n fill: \"#fff\",\n });\n } else {\n if (KITCHEN.measure.line0.x1 < KITCHEN.measure.line0.x2) {\n KITCHEN.measure.widthText0.set({ originY: \"bottom\" });\n } else {\n KITCHEN.measure.widthText0.set({ originY: \"top\" });\n }\n\n KITCHEN.measure.widthText0.set({\n top: KITCHEN.measure.line0.y1,\n left: (KITCHEN.measure.line0.x1 + KITCHEN.measure.line0.x2) / 2.0,\n angle: 0,\n fill: \"#fff\",\n });\n }\n\n KITCHEN.canvas.renderAll();\n break;\n case 2:\n if (isBetween(pointer.x, KITCHEN.measure.line0.x1, KITCHEN.measure.line1.x1)) {\n KITCHEN.measure.dimension = \"width\";\n KITCHEN.measure.line0\n .set({\n x2: KITCHEN.measure.line0.x1,\n y2: pointer.y + KITCHEN.measure.lineWidth / 2.0,\n })\n .setCoords();\n KITCHEN.measure.line1\n .set({\n x2: KITCHEN.measure.line1.x1,\n y2: pointer.y + KITCHEN.measure.lineWidth / 2.0,\n })\n .setCoords();\n } else {\n KITCHEN.measure.dimension = \"height\";\n // if (isBetween (pointer.y, KITCHEN.measure.line0.y1, KITCHEN.measure.line1.y1)) {\n KITCHEN.measure.line0\n .set({\n x2: pointer.x + KITCHEN.measure.lineWidth / 2.0,\n y2: KITCHEN.measure.line0.y1,\n })\n .setCoords();\n KITCHEN.measure.line1\n .set({\n x2: pointer.x + KITCHEN.measure.lineWidth / 2.0,\n y2: KITCHEN.measure.line1.y1,\n })\n .setCoords();\n // }\n }\n KITCHEN.canvas.renderAll();\n break;\n }\n },\n};\n\nKITCHEN.canvasHistory = {\n stateQueue: [],\n stateIndex: 0,\n stateMaxIndex: 10,\n state: {\n tabletop: JSON.stringify({ objects: [] }),\n table: JSON.stringify({ X: 2000, Y: 1200, offsetX: 25, offsetY: 25, type: \"metric\" }),\n },\n\n reset: function () {\n KITCHEN.canvasHistory.stateIndex = 0;\n KITCHEN.canvasHistory.stateQueue = [];\n // console.log('state history resetted', KITCHEN.canvasHistory.stateQueue, KITCHEN.canvasHistory.stateQueue.length);\n setTimeout(function () {\n KITCHEN.canvasHistory.state = {\n tabletop: JSON.stringify(KITCHEN.canvas.toJSON()),\n table: JSON.stringify(KITCHEN.tableParameters),\n };\n }, 100);\n },\n\n saveState: function (caller) {\n $(\"#undo-btn\").removeClass(\"disabled\");\n\n if (KITCHEN.canvasHistory.stateIndex !== 0) {\n KITCHEN.canvasHistory.stateQueue.splice(0, KITCHEN.canvasHistory.stateIndex);\n KITCHEN.canvasHistory.stateIndex = 0;\n }\n\n if (KITCHEN.canvasHistory.stateQueue.length === KITCHEN.canvasHistory.stateMaxIndex) {\n KITCHEN.canvasHistory.stateQueue.splice(KITCHEN.canvasHistory.stateMaxIndex - 1, 1);\n }\n\n KITCHEN.canvasHistory.stateQueue.unshift(KITCHEN.canvasHistory.state);\n switch (caller) {\n case \"rotate\":\n case \"addLine\":\n KITCHEN.canvasHistory.state = { tabletop: JSON.stringify(KITCHEN.canvas.toJSON()), table: null };\n break;\n case \"table\":\n // KITCHEN.canvasHistory.state = {tabletop: null, table: JSON.stringify(KITCHEN.tableCanvas.toJSON())};\n KITCHEN.canvasHistory.state = {\n tabletop: JSON.stringify(KITCHEN.canvas.toJSON()),\n table: JSON.stringify(KITCHEN.tableParameters),\n };\n break;\n default:\n setTimeout(function () {\n KITCHEN.canvasHistory.state = { tabletop: JSON.stringify(KITCHEN.canvas.toJSON()), table: null };\n }, 200);\n break;\n }\n // console.log('state saved by', caller, KITCHEN.canvasHistory.stateQueue, KITCHEN.canvasHistory.state);\n },\n\n undo: function () {\n if (KITCHEN.canvasHistory.stateIndex < KITCHEN.canvasHistory.stateQueue.length) {\n if (KITCHEN.canvasHistory.stateQueue[KITCHEN.canvasHistory.stateIndex].tabletop !== null) {\n KITCHEN.canvas.loadFromJSON(\n JSON.parse(KITCHEN.canvasHistory.stateQueue[KITCHEN.canvasHistory.stateIndex].tabletop),\n function () {\n KITCHEN.canvas.renderAll();\n KITCHEN.canvasHistory.state = { tabletop: JSON.stringify(KITCHEN.canvas.toJSON()), table: null };\n }\n );\n }\n if (KITCHEN.canvasHistory.stateQueue[KITCHEN.canvasHistory.stateIndex].table !== null) {\n KITCHEN.tableCanvas.clear();\n KITCHEN.tableParameters = JSON.parse(KITCHEN.canvasHistory.stateQueue[KITCHEN.canvasHistory.stateIndex].table);\n KITCHEN.drawTable(KITCHEN.tableParameters);\n\n KITCHEN.canvasHistory.state = { tabletop: null, table: JSON.stringify(KITCHEN.tableParameters) };\n KITCHEN.canvasHistory.stateIndex += 1;\n }\n KITCHEN.canvasHistory.stateIndex += 1;\n }\n $(\"#undo-btn\").toggleClass(\"disabled\", KITCHEN.canvasHistory.stateIndex >= KITCHEN.canvasHistory.stateQueue.length);\n },\n};\n\n//return max id number of canvas objects\nKITCHEN.maxId = function () {\n var max = -1;\n\n for (const i in KITCHEN.canvas._objects) {\n if (Object.prototype.hasOwnProperty.call(KITCHEN.canvas._objects[i], \"id\")) {\n if (KITCHEN.canvas._objects[i].id > max) {\n max = KITCHEN.canvas._objects[i].id;\n }\n }\n }\n\n return max;\n};\n\nKITCHEN.createPNG = function () {\n if (!window.localStorage) {\n $(\"#png-fail-indicator\").show();\n setTimeout(function () {\n $(\"#png-fail-indicator\").animate({ width: \"hide\" });\n }, 2000);\n }\n // to PNG\n KITCHEN.makePNG();\n\n var can = document.getElementById(\"table-merged\");\n can.getContext(\"2d\");\n\n can.toBlobHD(\n function () {\n //will clone the tableCanvas as SVG and puts it in the back of tabletop canvas\n //after exporting to png, will be deleted\n var tableSvg = KITCHEN.tableCanvas.toSVG({\n suppressPreamble: true,\n });\n\n //copy of table canvas\n JSON.stringify(KITCHEN.tableCanvas);\n\n var tableSvgImage = \"data:image/svg+xml; charset=utf8, \" + encodeURIComponent(tableSvg.split('svg11.dtd\">')[0]);\n\n var tableCloneObject;\n\n fabric.Image.fromURL(tableSvgImage, function (o) {\n KITCHEN.canvas.add(o);\n tableCloneObject = o;\n o.sendToBack();\n KITCHEN.canvas.renderAll();\n $(\"#loader\").show();\n });\n\n setTimeout(function () {\n var png_image_tabletop = KITCHEN.canvas.toDataURL({\n format: \"png\",\n multiplier: 3,\n width: can.width,\n height: can.height,\n });\n\n var byteCharacters = atob(png_image_tabletop.replace(\"data:image/png;base64,\", \"\"));\n\n var byteNumbers = new Array(byteCharacters.length);\n for (var i = 0; i < byteCharacters.length; i++) {\n byteNumbers[i] = byteCharacters.charCodeAt(i);\n }\n\n var byteArray = new Uint8Array(byteNumbers);\n\n new Blob([byteArray], { type: \"image/png\" });\n\n $(\"#loader\").hide();\n\n KITCHEN.canvas.remove(tableCloneObject);\n\n KITCHEN.pngImageHD = png_image_tabletop.replace(\"data:image/png;base64,\", \"\");\n }, 1000);\n },\n \"image/png\",\n 1.0\n );\n};\n\n//return png image string\nKITCHEN.makePNG2 = function () {\n if (!window.localStorage) {\n return;\n }\n\n KITCHEN.pngImage = \"not initialized\";\n\n var tableSvg = KITCHEN.tableCanvas.toSVG({\n suppressPreamble: true,\n });\n\n //copy of table canvas\n JSON.stringify(KITCHEN.tableCanvas);\n\n var tableSvgImage = \"data:image/svg+xml; charset=utf8, \" + encodeURIComponent(tableSvg.split('svg11.dtd\">')[0]);\n\n var tableCloneObject;\n var png_image_tabletop = \"not initialized\";\n\n fabric.Image.fromURL(tableSvgImage, function (o) {\n KITCHEN.canvas.add(o);\n tableCloneObject = o;\n o.sendToBack();\n KITCHEN.canvas.renderAll();\n $(\"#loader\").show();\n\n png_image_tabletop = KITCHEN.canvas.toDataURL({\n format: \"png\",\n multiplier: 1,\n width: KITCHEN.width,\n height: KITCHEN.height,\n });\n\n KITCHEN.pngImage = png_image_tabletop;\n\n $(\"#loader\").hide();\n\n KITCHEN.canvas.remove(tableCloneObject);\n KITCHEN.canvas.renderAll();\n });\n\n return png_image_tabletop;\n};\n\n//return png image string\nKITCHEN.makePNG = function () {\n if (!window.localStorage) {\n return;\n }\n\n // KITCHEN.canvas.deactivateAll();\n KITCHEN.canvas.renderAll();\n\n var can = document.getElementById(\"table-merged\");\n var ctx = can.getContext(\"2d\");\n ctx.clearRect(0, 0, can.width, can.height);\n\n ctx.drawImage(document.getElementById(\"table\"), 0, 0, 900, 556);\n ctx.drawImage(document.getElementById(\"tabletop\"), 0, 0, 900, 556);\n\n return can.toDataURL(\"image/png\", 1.0);\n};\n\n//Drawing table function\nKITCHEN.drawTable = function (table) {\n var i;\n var j;\n var x;\n var y;\n\n var tableArray = [];\n\n //var shape = [[]];\n\n KITCHEN.width = table.X * KITCHEN.gridScale;\n KITCHEN.height = table.Y * KITCHEN.gridScale;\n\n KITCHEN.widthOffset = Object.prototype.hasOwnProperty.call(table, \"offsetX\")\n ? table.offsetX * KITCHEN.gridScale\n : 0.0;\n KITCHEN.heightOffset = Object.prototype.hasOwnProperty.call(table, \"offsetY\")\n ? table.offsetY * KITCHEN.gridScale\n : 0.0;\n\n //table border\n var tabletop = new fabric.Rect({\n left: 0,\n top: 0,\n width: KITCHEN.width,\n height: KITCHEN.height,\n fill: \"#76767d\",\n stroke: \"#000000\",\n rx: 20 * KITCHEN.gridScale,\n ry: 20 * KITCHEN.gridScale,\n });\n\n tableArray.push(tabletop);\n\n //create optics table\n for (i = 0; i < (KITCHEN.width - KITCHEN.widthOffset) / KITCHEN.grid; i += 1) {\n for (j = 0; j < (KITCHEN.height - KITCHEN.heightOffset) / KITCHEN.grid; j += 1) {\n x = i * KITCHEN.grid - KITCHEN.holeRadius + KITCHEN.widthOffset;\n y = j * KITCHEN.grid - KITCHEN.holeRadius + KITCHEN.heightOffset;\n\n tableArray.push(\n new fabric.Circle({\n left: x,\n top: y,\n radius: KITCHEN.holeRadius,\n fill: \"#000\",\n selectable: false,\n evented: false,\n hoverCursor: \"null\",\n })\n );\n }\n }\n\n var dx = KITCHEN.width - x;\n var dy = KITCHEN.height - y;\n\n //rightmost bottommost hole\n if (dy < Math.sqrt(tabletop.rx * tabletop.rx - dx * dx)) {\n tableArray.pop();\n }\n\n //table dimensions\n if (KITCHEN.tableParameters.type === \"metric\") {\n tableArray.push(\n new fabric.Text(Math.round(table.X) + \" mm\", {\n fontSize: 10,\n fontFamily: \"Helvetica\",\n fill: \"#76767d\",\n originX: \"center\",\n originY: \"top\",\n top: KITCHEN.height + 3,\n left: KITCHEN.width / 2.0,\n })\n );\n tableArray.push(\n new fabric.Text(Math.round(table.Y) + \" mm\", {\n fontSize: 10,\n fontFamily: \"Helvetica\",\n fill: \"#76767d\",\n originX: \"center\",\n originY: \"top\",\n top: KITCHEN.height / 2.0,\n left: KITCHEN.width + 3,\n angle: -90,\n })\n );\n }\n\n if (KITCHEN.tableParameters.type === \"imperial\") {\n tableArray.push(\n new fabric.Text(Math.round((table.X / 10.0 / ft_to_cm) * 100.0) / 100.0 + \" ft\", {\n fontSize: 10,\n fontFamily: \"Helvetica\",\n fill: \"#76767d\",\n originX: \"center\",\n originY: \"top\",\n top: KITCHEN.height + 3,\n left: KITCHEN.width / 2.0,\n })\n );\n tableArray.push(\n new fabric.Text(Math.round((table.Y / 10.0 / ft_to_cm) * 100.0) / 100.0 + \" ft\", {\n fontSize: 10,\n fontFamily: \"Helvetica\",\n fill: \"#76767d\",\n originX: \"center\",\n originY: \"top\",\n top: KITCHEN.height / 2.0,\n left: KITCHEN.width + 3,\n angle: -90,\n })\n );\n }\n\n KITCHEN.table = new fabric.Group(tableArray, {\n name: \"table\",\n selectable: false,\n evented: false,\n hoverCursor: \"null\",\n });\n\n KITCHEN.tableCanvas.add(KITCHEN.table);\n KITCHEN.tableObjectNumber = KITCHEN.tableCanvas._objects.length - 1;\n\n KITCHEN.tableCanvas.renderAll();\n};\n\n// Table settings window fill values\nKITCHEN.prepareTableSettingsWindow = function (caller) {\n $(\"#layout-title\").val(KITCHEN.layoutSettings.title || \"\");\n $(\"#layout-author\").val(KITCHEN.layoutSettings.author || \"\");\n $(\"#layout-email\").val(KITCHEN.layoutSettings.email || \"\");\n $(\"#layout-comments\").val(KITCHEN.layoutSettings.comments || \"\");\n\n switch (KITCHEN.tableParameters.type) {\n case \"metric\":\n switch (KITCHEN.tableParameters.X + \"x\" + KITCHEN.tableParameters.Y) {\n case \"2000x1200\":\n $(\"#table-metric-1\").prop(\"checked\", true);\n break;\n case \"3000x1500\":\n $(\"#table-metric-2\").prop(\"checked\", true);\n break;\n case \"2000x800\":\n $(\"#table-metric-3\").prop(\"checked\", true);\n break;\n default:\n $(\"#table-metric-4\").prop(\"checked\", true);\n $(\"#metric_width\").val(KITCHEN.tableParameters.X / 10.0);\n $(\"#metric_height\").val(KITCHEN.tableParameters.Y / 10.0);\n break;\n }\n break;\n case \"imperial\":\n (KITCHEN.tableParameters.X / 10.0 / ft_to_cm).toFixed(0) +\n \"x\" +\n (KITCHEN.tableParameters.Y / 10.0 / ft_to_cm).toFixed(0);\n switch (\n (KITCHEN.tableParameters.X / 10.0 / ft_to_cm).toFixed(0) +\n \"x\" +\n (KITCHEN.tableParameters.Y / 10.0 / ft_to_cm).toFixed(0)\n ) {\n case \"7x4\":\n $(\"#table-imperial-1\").prop(\"checked\", true);\n break;\n case \"10x5\":\n $(\"#table-imperial-2\").prop(\"checked\", true);\n break;\n case \"7x3\":\n $(\"#table-imperial-3\").prop(\"checked\", true);\n break;\n default:\n $(\"#table-imperial-4\").prop(\"checked\", true);\n $(\"#imperial_width\").val(KITCHEN.tableParameters.X / 10.0 / ft_to_cm);\n $(\"#imperial_height\").val(KITCHEN.tableParameters.Y / 10.0 / ft_to_cm);\n break;\n }\n\n break;\n }\n\n switch (caller) {\n case \"modify\":\n $(\"#table-settings-new-apply-btn\").css(\"display\", \"none\");\n $(\"#table-settings-modify-apply-btn\").css(\"display\", \"inline\");\n\n $('[data-toggle=\"btns\"]').hide();\n break;\n case \"new\":\n $(\"#table-settings-new-apply-btn\").css(\"display\", \"inline\");\n $(\"#table-settings-modify-apply-btn\").css(\"display\", \"none\");\n\n $('[data-toggle=\"btns\"]').show();\n break;\n }\n};\n\nKITCHEN.getCanvasWidth = function () {\n return parseFloat($(\"#table\").css(\"width\"));\n};\n\nKITCHEN.getCanvasHeight = function () {\n return parseFloat($(\"#table\").css(\"height\"));\n};\n\n// New table / apply table settings\nKITCHEN.apply = function (value) {\n var type;\n var height;\n var width;\n var myRe = /(\\d+)x(\\d+)/;\n var valArray;\n var canvasWidth;\n var canvasHeight;\n //var preset;\n\n KITCHEN.layoutSettings = {\n title: $(\"#layout-title\").val(),\n author: $(\"#layout-author\").val(),\n email: $(\"#layout-email\").val(),\n comments: $(\"#layout-comments\").val(),\n notificationSent: KITCHEN.layoutSettings.notificationSent,\n };\n\n //KITCHEN.usingPreset = $(\"#layout-preset-btn\").hasClass(\"active\") && typeof KITCHEN.activePreset !== \"undedined\";\n\n if (KITCHEN.usingPreset) {\n KITCHEN.hideAllTerminals();\n }\n\n if (!KITCHEN.usingPreset) {\n if (value.search(\"cm\") !== -1) {\n type = \"metric\";\n KITCHEN.gridSpacing = 25; //milimeters between holes\n } else {\n type = \"imperial\";\n KITCHEN.gridSpacing = 25.4;\n }\n\n if (value.search(\"custom\") !== -1) {\n switch (type) {\n case \"metric\":\n height = $(\"#metric_height\").val();\n width = $(\"#metric_width\").val();\n break;\n case \"imperial\":\n height = $(\"#imperial_height\").val() * ft_to_cm;\n width = $(\"#imperial_width\").val() * ft_to_cm;\n break;\n }\n } else {\n valArray = myRe.exec(value);\n width = valArray[1];\n height = valArray[2];\n\n if (type === \"imperial\") {\n width *= ft_to_cm;\n height *= ft_to_cm;\n }\n }\n\n //converting to mm\n width *= 10;\n height *= 10;\n\n //canvas width & height\n canvasWidth = KITCHEN.getCanvasWidth() - 10;\n canvasHeight = KITCHEN.getCanvasHeight() - 10;\n\n var TEMP = {};\n var ratioGridScale;\n //var ratioGrid;\n //delete current table\n KITCHEN.tableCanvas.clear();\n KITCHEN.tableCanvas.renderAll();\n\n //if not empty canvas\n if (canvasWidth / canvasHeight < width / height) {\n TEMP.gridScale = canvasWidth / width;\n\n TEMP.grid = Math.floor(TEMP.gridScale * KITCHEN.gridSpacing);\n TEMP.gridScale = TEMP.grid / KITCHEN.gridSpacing;\n } else {\n TEMP.gridScale = canvasHeight / height;\n TEMP.grid = Math.floor(TEMP.gridScale * KITCHEN.gridSpacing);\n TEMP.gridScale = TEMP.grid / KITCHEN.gridSpacing;\n }\n\n ratioGridScale = TEMP.gridScale / KITCHEN.gridScale;\n KITCHEN.gridScale = TEMP.gridScale;\n KITCHEN.grid = TEMP.grid;\n\n KITCHEN.canvas.forEachObject(function (obj) {\n if (obj.name == null) return;\n //console.log(obj);\n obj.top = obj.top * ratioGridScale;\n obj.left = obj.left * ratioGridScale;\n if (obj.snapX) {\n obj.snapPositionX = obj.snapPositionX * ratioGridScale;\n }\n if (obj.snapY) {\n obj.snapPositionY = obj.snapPositionY * ratioGridScale;\n }\n\n switch (obj.name) {\n case \"terminal\":\n obj.topInit = obj.topInit * ratioGridScale;\n obj.leftInit = obj.leftInit * ratioGridScale;\n break;\n case \"ruler\":\n //var originTop = obj.getTop();\n //var originLeft = obj.getLeft();\n\n obj.scale(obj.scaleX * ratioGridScale);\n\n // var l0 = obj.item(0);\n // var l1 = obj.item(1);\n // var l2 = obj.item(2);\n //var l3 = obj.item(3);\n //var l4 = obj.item(4);\n //var l5 = obj.item(5);\n\n // obj.removeWithUpdate(l5);\n // obj.removeWithUpdate(l4);\n // obj.removeWithUpdate(l3);\n\n obj.item(0).strokeWidth = KITCHEN.measure.lineWidth / obj.item(0).scaleX;\n obj.item(1).strokeWidth = KITCHEN.measure.lineWidth / obj.item(1).scaleX;\n obj.item(2).strokeWidth = KITCHEN.measure.lineWidth / obj.item(2).scaleX;\n // obj.addWithUpdate(l3.setFontSize(KITCHEN.measure.fontSize));\n // obj.addWithUpdate((l4.strokeWidth = KITCHEN.measure.lineWidth));\n // obj.addWithUpdate((l5.strokeWidth = KITCHEN.measure.lineWidth));\n\n break;\n case \"line\":\n obj.x1 = obj.x1 * ratioGridScale;\n obj.x2 = obj.x2 * ratioGridScale;\n obj.y1 = obj.y1 * ratioGridScale;\n obj.y2 = obj.y2 * ratioGridScale;\n\n obj.width = obj.width * ratioGridScale;\n obj.height = obj.height * ratioGridScale;\n\n break;\n case \"TUBE\":\n case \"TUBE-16\":\n case \"TUBE-25\":\n case \"TUBE-32\":\n obj.setScaleX(obj.scaleX * ratioGridScale);\n obj.setScaleY(obj.scaleY * ratioGridScale);\n break;\n\n case \"BLACK-BOX\":\n obj.width = obj.width * ratioGridScale;\n obj.height = obj.height * ratioGridScale;\n break;\n default:\n }\n\n switch (obj.name.name) {\n case \"TUBE\":\n case \"TUBE-16\":\n case \"TUBE-25\":\n case \"TUBE-32\":\n obj.scaleX = obj.scaleX * ratioGridScale;\n obj.scaleY = obj.scaleY * ratioGridScale;\n break;\n\n case \"BLACK-BOX\":\n obj.width = obj.width * ratioGridScale;\n obj.height = obj.height * ratioGridScale;\n break;\n default:\n }\n\n obj.setCoords();\n });\n\n KITCHEN.restoreAllSizes();\n\n KITCHEN.tableParameters = { X: width, Y: height, offsetX: 25.0, offsetY: 25.0, type: type };\n\n KITCHEN.drawTable(KITCHEN.tableParameters);\n }\n\n KITCHEN.canvasHistory.saveState(\"table\");\n\n $(\"#layout-empty-btn\").trigger(\"click\");\n $('[data-toggle=\"btns\"]').hide();\n};\n\n// Invoke Table settings modification window\nKITCHEN.modify = function () {\n KITCHEN.prepareTableSettingsWindow(\"modify\");\n $(\"#table_settings\").modal(\"show\");\n};\n\n// Invoke Table settings new window\nKITCHEN.new = function () {\n KITCHEN.layoutSettings = { notificationSent: false };\n KITCHEN.prepareTableSettingsWindow(\"new\");\n\n $(\"#table_settings\").modal(\"show\");\n};\n\n//Add product from products.json catalogue\nKITCHEN.addProduct = function (product, left, top, angle, height) {\n var obj;\n var shape;\n obj = product;\n if (obj == null) return;\n\n if (obj.name == \"BLACK-BOX\") {\n shape = new fabric.Rect({\n name: \"BLACK-BOX\",\n fill: \"#97989c\",\n stroke: \"#7d7d81\",\n originX: \"left\",\n originY: \"top\",\n angle: 0,\n visible: true,\n strokeWidth: 0,\n hasBorders: false,\n width: obj.width * KITCHEN.gridScale,\n height: obj.height * KITCHEN.gridScale,\n });\n // }\n\n shape = new fabric.Group([shape]);\n KITCHEN.formatShape(product, shape, obj)\n\n KITCHEN.canvas.add(shape);\n shape.set({ id: KITCHEN.maxId() + 1 });\n\n shape.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: \"BLACK-BOX\",\n strokeWidth: 0.0,\n lockRotation: this.lockRotation,\n id: this.id,\n styles: this.styles,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n freeRotate: this.freeRotate,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n terminals: this.terminals,\n _controlsVisibility: this._controlsVisibility,\n });\n };\n })(shape.toObject);\n\n } else if (Object.prototype.hasOwnProperty.call(obj, \"svgImage\")) {\n fabric.loadSVGFromURL(\n process.env.VUE_APP_IMAGES + product.svgImage + \"?\" + Date.now(),\n function (objects, options) {\n shape = fabric.util.groupSVGElements(objects, options);\n\n //shape.;\n shape.scaleToWidth(obj.width * KITCHEN.gridScale);\n // shape.height = obj.height;\n //shape.width = shape.width * KITCHEN.gridScale;\n //.set({ sourcePath: \"/dev/static/kitchen/images-v2/\" + obj.svgImage });\n // shape.scaleToHeight(obj.height*KITCHEN.gridScale).scaleToWidth(obj.width*KITCHEN.gridScale).set({\"sourcePath\": KITCHEN.rootImageFolder+obj.svg_image});\n // shape.set({height: obj.height*KITCHEN.gridScale, width: obj.width*KITCHEN.gridScale, scaleX: 1.0, scaleY: 1.0}).set({\"sourcePath\": '../../static/kitchen/'+obj.svg_image});\n\n KITCHEN.canvas.add(shape);\n KITCHEN.canvas.bringToFront(shape);\n\n KITCHEN.lastAddedObject = KITCHEN.canvas._objects[KITCHEN.canvas._objects.length - 1];\n\n KITCHEN.formatShape(product, shape, obj);\n\n shape.set({ id: KITCHEN.maxId() + 1 });\n\n // console.log(shape.name, shape.id, KITCHEN.maxId());\n if (left != null && top != null && angle != null) {\n shape.set({ angle: angle, left: left, top: top });\n }\n if (height != null) {\n shape.set({ angle: angle, left: left, top: top, scaleY: height / shape.height });\n }\n\n shape.setCoords();\n\n KITCHEN.showObjectTerminals(shape);\n\n //add custom properties to object (important when serializing to JSON)\n shape.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name.name,\n strokeWidth: 0.0,\n lockRotation: this.lockRotation,\n id: this.id,\n styles: this.styles,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n freeRotate: this.freeRotate,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n terminals: this.terminals,\n _controlsVisibility: this._controlsVisibility,\n });\n };\n })(shape.toObject);\n\n KITCHEN.bringForwardObjectTerminals(shape);\n if (shape.name.name == \"TUBE\" || shape.name.name == \"TUBE-16\" || shape.name.name == \"TUBE-25\" || shape.name.name == \"TUBE-32\") {\n shape.set({ scaleY: 1.0 });\n shape.setCoords();\n KITCHEN.canvas.sendToBack(shape);\n }\n\n KITCHEN.canvas.renderAll();\n //KITCHEN.canvas._activeObject.bringToFront();\n //KITCHEN.canvas.bringForward(KITCHEN.lastAddedObject);\n }\n );\n } else {\n if (Object.prototype.hasOwnProperty.call(obj, \"png_image\")) {\n fabric.Image.fromURL(\"/dev/static/kitchen/images-v2/\" + obj.png_image, function (img) {\n shape = img\n .scaleToHeight(obj.height * KITCHEN.gridScale)\n .scaleToWidth(obj.width * KITCHEN.gridScale)\n .set({ sourcePath: \"/dev/static/kitchen/images-v2/\" + obj.png_image });\n\n KITCHEN.canvas.add(shape);\n KITCHEN.lastAddedObject = KITCHEN.canvas._objects[KITCHEN.canvas._objects.length - 1];\n\n KITCHEN.formatShape(product, shape, obj);\n shape.set({ id: KITCHEN.canvas._objects.length - 1 });\n KITCHEN.showObjectTerminals(shape);\n\n shape.setCoords();\n\n //add custom properties to object (important when serializing to JSON)\n shape.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name,\n lockRotation: this.lockRotation,\n id: this.id,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n freeRotate: this.freeRotate,\n terminals: this.terminals,\n _controlsVisibility: this._controlsVisibility,\n });\n };\n })(shape.toObject);\n\n KITCHEN.bringForwardObjectTerminals(shape);\n });\n } else {\n shape = new fabric.Rect({\n name: \"rectangle\",\n fill: \"#97989c\",\n stroke: \"#7d7d81\",\n originX: \"left\",\n originY: \"top\",\n angle: 0,\n visible: true,\n strokeWidth: 2,\n hasBorders: true,\n width: obj.width * KITCHEN.gridScale,\n height: obj.height * KITCHEN.gridScale,\n });\n\n KITCHEN.canvas.add(shape);\n KITCHEN.lastAddedObject = KITCHEN.canvas._objects[KITCHEN.canvas._objects.length - 1];\n\n KITCHEN.formatShape(product, shape, obj);\n shape.set({ id: KITCHEN.canvas._objects.length - 1, lockScalingY: false, lockScalingX: false });\n KITCHEN.showObjectTerminals(shape);\n\n shape.setCoords();\n\n shape.setControlsVisibility({\n bl: true,\n br: true,\n tl: true,\n tr: true,\n });\n\n //add custom properties to object (important when serializing to JSON)\n shape.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name,\n hasBorders: this.hasBorders,\n lockRotation: this.lockRotation,\n originX: this.originX,\n originY: this.originY,\n angle: this.angle,\n visible: this.visible,\n id: this.id,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n freeRotate: this.freeRotate,\n terminals: this.terminals,\n strokeWidth: this.strokeWidth,\n strokeWidthUnscaled: this.strokeWidthUnscaled,\n _controlsVisibility: this._controlsVisibility,\n });\n };\n })(shape.toObject);\n\n KITCHEN.bringForwardObjectTerminals(shape);\n\n KITCHEN.canvas.requestRenderAll();\n }\n }\n\n KITCHEN.canvasHistory.saveState();\n KITCHEN.canvas.requestRenderAll();\n KITCHEN.canvas.renderAll();\n console.log(\"🚀 ~ file: kitchenplanner.js:1387 ~ KITCHEN.canvas:\", KITCHEN.canvas)\n};\n\n//Recalculate terminals of given object and show if KITCHEN.terminalsVisible === true\nKITCHEN.showObjectTerminals = function (obj) {\n KITCHEN.updateObjectTerminals(obj, true);\n};\n\nKITCHEN.updateObjectTerminals = function (obj, visibility) {\n var j;\n var i;\n var top;\n var left;\n var terminal;\n var len;\n //var temp;\n\n if (\n Object.prototype.hasOwnProperty.call(obj, \"id\") &&\n obj.name !== \"terminal\" &&\n Object.prototype.hasOwnProperty.call(obj, \"terminals\")\n ) {\n var phi = (obj.angle / 180.0) * Math.PI; // angle\n\n len = obj.terminals.length;\n\n for (j = 0; j < len; j++) {\n terminal = KITCHEN.getObjectById(obj.terminals[j]);\n\n //if number of terminals does not match; this comes with updates\n if (typeof obj.name === \"undefined\") {\n break;\n }\n\n if (typeof terminal === \"undefined\" || typeof obj.name.terminals[j] === \"undefined\") {\n break;\n }\n\n var w = obj.name.terminals[j].left * KITCHEN.gridScale;\n var h = obj.name.terminals[j].top * KITCHEN.gridScale;\n\n left = w * Math.cos(phi) - h * Math.sin(phi);\n top = h * Math.cos(phi) + w * Math.sin(phi);\n\n if (visibility === null) {\n visibility = terminal.visible;\n }\n\n if (visibility != true && visibility !== false) {\n visibility = true;\n }\n\n terminal\n .set({\n top: top + obj.top,\n left: left + obj.left,\n angle: obj.angle,\n selectable: false,\n evented: false,\n hoverCursor: \"null\",\n snapX: false,\n snapY: false,\n visible: visibility,\n originX: \"center\",\n originY: \"center\",\n })\n .bringToFront();\n }\n } else {\n //if it is a selection, terminals are not showing\n //because in selection, relative coordinates are fucked-up\n if (Object.prototype.hasOwnProperty.call(obj, \"_objects\")) {\n for (i in obj._objects) {\n KITCHEN.hideObjectTerminals(obj._objects[i]);\n }\n }\n }\n};\n\n//Hide terminals of given object and show if KITCHEN.terminalsVisible === false\nKITCHEN.hideObjectTerminals = function (obj) {\n KITCHEN.updateObjectTerminals(obj, false);\n};\n\n//Bring forward all terminals of given object\nKITCHEN.bringForwardObjectTerminals = function (obj) {\n var j;\n var len;\n\n if (Object.prototype.hasOwnProperty.call(obj, \"id\") && obj.name !== \"terminal\") {\n len = obj.terminals.length;\n\n for (j = 0; j < len; j++) {\n var varrr = KITCHEN.getObjectById(obj.terminals[j]);\n KITCHEN.canvas.bringForward(varrr);\n //bringToFront();\n }\n }\n};\n\n//Format object of given product before adding to canvas\nKITCHEN.formatShape = function (product, shape, obj) {\n var i;\n var terminals;\n var newTerminal;\n var nTerminals;\n var firstTerminalId;\n\n shape\n .set({\n name: product,\n left: KITCHEN.width / 2.0,\n top: KITCHEN.height / 2.0,\n lockRotation: true,\n })\n .setCoords();\n\n if (Object.prototype.hasOwnProperty.call(obj, \"scalableX\") && !obj.scalableX) {\n shape.set({ lockScalingX: true });\n shape.setControlsVisibility({ ml: false, mt: true, mr: false, mb: true });\n } else {\n shape.set({ lockScalingX: false });\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"scalableY\") && !obj.scalableY) {\n shape.set({ lockScalingY: true });\n shape.setControlsVisibility({ ml: true, mt: false, mr: true, mb: false });\n } else {\n shape.set({ lockScalingY: false });\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"snapPositionX\")) {\n shape.set({ snapPositionXInit: obj.snapPositionX * KITCHEN.gridScale });\n shape.set({ snapPositionX: obj.snapPositionX * KITCHEN.gridScale });\n } else {\n shape.set({ snapPositionXInit: 0 });\n shape.set({ snapPositionX: 0 });\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"snapPositionY\")) {\n shape.set({ snapPositionYInit: obj.snapPositionY * KITCHEN.gridScale });\n shape.set({ snapPositionY: obj.snapPositionY * KITCHEN.gridScale });\n } else {\n shape.set({ snapPositionYInit: 0 });\n shape.set({ snapPositionY: 0 });\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"snapX\")) {\n shape.set({ snapX: obj.snapX });\n } else {\n shape.set({ snapX: true }); //all objects are snapped by default\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"snapY\")) {\n shape.set({ snapY: obj.snapY });\n } else {\n shape.set({ snapY: true }); //all objects are snapped by default\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"freeRotate\")) {\n shape.set({ freeRotate: obj.freeRotate });\n } else {\n shape.set({ freeRotate: false }); //all objects are not free-rotating by default\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"terminals\")) {\n //var terminalsInit = [];\n terminals = [];\n nTerminals = obj.terminals.length;\n\n firstTerminalId = KITCHEN.maxId() + 1;\n\n for (i = 0; i < nTerminals; i += 1) {\n if (typeof KITCHEN.getObjectById(firstTerminalId + i) !== \"undefined\") {\n console.log(\"TERMINAL ERROR\");\n }\n\n // console.log(\"terminal\", firstTerminalId+i, KITCHEN.maxId());\n\n newTerminal = new fabric.Rect({\n id: firstTerminalId + i,\n name: \"terminal\",\n left: shape.left,\n top: shape.top,\n leftInit: obj.terminals[i].left * KITCHEN.gridScale,\n topInit: obj.terminals[i].top * KITCHEN.gridScale,\n width: KITCHEN.terminalMarkWidth,\n height: KITCHEN.terminalMarkWidth,\n fill: KITCHEN.terminalMarkFill,\n hasRotatingPoint: false,\n stroke: \"#aaa\",\n selectable: false,\n evented: false,\n hoverCursor: \"null\",\n snapX: false,\n snapY: false,\n visible: false,\n originX: \"center\",\n originY: \"center\",\n });\n\n newTerminal.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name,\n id: this.id,\n left: this.left,\n top: this.top,\n leftInit: this.leftInit,\n topInit: this.topInit,\n width: this.width,\n height: this.height,\n fill: this.fill,\n hasRotatingPoint: this.hasRotatingPoint,\n stroke: this.stroke,\n selectable: this.selectable,\n evented: this.evented,\n hoverCursor: this.hoverCursor,\n snapX: false,\n snapY: false,\n visible: this.visible,\n originX: \"center\",\n originY: \"center\",\n });\n };\n })(newTerminal.toObject);\n\n KITCHEN.canvas.add(newTerminal);\n\n KITCHEN.canvas.bringToFront(newTerminal);\n\n terminals.push(newTerminal.id);\n }\n shape.set({ terminals: terminals });\n }\n\n shape.setControlsVisibility({\n bl: false,\n br: false,\n tl: false,\n tr: false,\n mtr: false,\n });\n shape.bringToFront();\n KITCHEN.align(shape);\n};\n\n//Returns canvas._objects object by key \"id\" value\nKITCHEN.getObjectById = function (id) {\n for (var i in KITCHEN.canvas._objects) {\n if (KITCHEN.canvas._objects[i].id === id) {\n return KITCHEN.canvas._objects[i];\n }\n }\n return;\n};\n\n//Align given object to grid\nKITCHEN.align = function (obj) {\n //Object can be object or function\n if (typeof obj.set === \"function\") {\n if (obj.snapX) {\n obj.set({\n left:\n Math.round((obj.left + (obj.snapPositionX || 0)) / KITCHEN.grid) * KITCHEN.grid -\n (obj.snapPositionX || 0) +\n KITCHEN.widthOffset,\n });\n }\n if (obj.snapY) {\n obj.set({\n top:\n Math.round((obj.top + (obj.snapPositionY || 0)) / KITCHEN.grid) * KITCHEN.grid -\n (obj.snapPositionY || 0) +\n KITCHEN.heightOffset,\n });\n }\n } else {\n if (obj.snapX) {\n obj.left = Math.round(obj.left / KITCHEN.grid) * KITCHEN.grid - (obj.snapPositionX || 0) + KITCHEN.widthOffset;\n }\n if (obj.snapY) {\n obj.top = Math.round(obj.top / KITCHEN.grid) * KITCHEN.grid - (obj.snapPositionY || 0) + KITCHEN.heightOffset;\n }\n }\n};\n\n//Toggle visibility of ALL terminals\nKITCHEN.toggleAllTerminals = function () {\n if (KITCHEN.terminalsVisible) {\n KITCHEN.hideAllTerminals();\n } else {\n KITCHEN.showAllTerminals();\n }\n};\n\n//Show ALL terminals\nKITCHEN.showAllTerminals = function () {\n KITCHEN.terminalsVisible = true;\n\n $(\"#terminals-btn\").toggleClass(\"active\", KITCHEN.terminalsVisible);\n\n //remove selection; otherwise, relative coordinates are wrong and terminals are drawn not in the right positions\n //KITCHEN.canvas.deactivateAll();\n\n KITCHEN.canvas.forEachObject(function (obj) {\n KITCHEN.showObjectTerminals(obj, KITCHEN.terminalsVisible);\n });\n\n KITCHEN.canvas.renderAll();\n};\n\n//Hide ALL terminals\nKITCHEN.hideAllTerminals = function () {\n KITCHEN.terminalsVisible = false;\n\n $(\"#terminals-btn\").toggleClass(\"active\", KITCHEN.terminalsVisible);\n\n KITCHEN.canvas.forEachObject(function (obj) {\n KITCHEN.hideObjectTerminals(obj, KITCHEN.terminalsVisible);\n });\n\n KITCHEN.canvas.renderAll();\n};\n\n//Update ALL terminals\nKITCHEN.updateAllTerminals = function () {\n KITCHEN.canvas.forEachObject(function (obj) {\n KITCHEN.updateObjectTerminals(obj, KITCHEN.terminalsVisible);\n });\n};\n\nKITCHEN.disableSelection = function () {\n KITCHEN.hoverCursor = \"default\";\n};\n\nKITCHEN.enableSelection = function () {\n KITCHEN.hoverCursor = \"move\";\n};\n\n//tries to resolve duplicate ids\nKITCHEN.resolveDuplicateIds = function () {\n var mydict = {};\n var maxid = 0;\n KITCHEN.canvas.forEachObject(function (obj) {\n if (Object.prototype.hasOwnProperty.call(obj, \"id\")) {\n if (obj.id > maxid) {\n maxid = obj.id;\n }\n if (Object.prototype.hasOwnProperty.call(mydict, obj.id)) {\n mydict[obj.id] = mydict[obj.id] + 1;\n } else {\n mydict[obj.id] = 1;\n }\n }\n });\n\n KITCHEN.canvas.forEachObject(function (obj) {\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n if (obj.name === \"BLACK-BOX\" || obj.name === \"TUBE\" || obj.name === \"TUBE-16\" || obj.name === \"TUBE-25\" || obj.name === \"TUBE-32\") {\n if (mydict[obj.id] > 1) {\n obj.id = maxid++;\n }\n }\n }\n });\n};\n\n//rescales all objects according to product specifications; EXCEPT tube\nKITCHEN.restoreAllSizes = function () {\n var angle;\n\n KITCHEN.canvas.forEachObject(function (obj) {\n\n if (obj.name == null) return;\n var productInList = KITCHEN.products.find((element) => element.name === obj.name.name);\n\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n if (\n productInList != null &&\n obj.name.name !== \"TUBE\" &&\n obj.name.name !== \"TUBE-16\" &&\n obj.name.name !== \"TUBE-25\" &&\n obj.name.name !== \"TUBE-32\" &&\n obj.name.name !== \"BLACK-BOX\"\n ) {\n angle = obj.angle;\n\n while (angle < 0) {\n angle += 360;\n }\n\n if (obj.angle % 180 === 0) {\n obj.scaleToHeight(\n KITCHEN.products.find((element) => element.name === obj.name.name).height * KITCHEN.gridScale\n );\n } else {\n obj.scaleToHeight(\n KITCHEN.products.find((element) => element.name === obj.name.name).width * KITCHEN.gridScale\n );\n }\n\n KITCHEN.showObjectTerminals(obj);\n }\n }\n });\n\n KITCHEN.hideAllTerminals();\n\n KITCHEN.canvas.renderAll();\n};\n\n//Move selected object left/top by given number of pixels\nKITCHEN.moveSelectedObject = function (left, top) {\n if (KITCHEN.canvas == null) {\n return;\n }\n KITCHEN.lastTarget = KITCHEN.canvas._activeObject;\n if (!KITCHEN.lastTarget) {\n return;\n }\n KITCHEN.lastTarget\n .set({\n top: KITCHEN.lastTarget.top + top,\n left: KITCHEN.lastTarget.left + left,\n })\n .setCoords();\n\n var obj = KITCHEN.lastTarget;\n var angle = obj.angle;\n var limits = [0, 0, KITCHEN.width - 25.0 * KITCHEN.gridScale, KITCHEN.height - 25.0 * KITCHEN.gridScale];\n\n while (angle < 0) {\n angle += 360;\n }\n\n switch (angle % 360) {\n case 0:\n limits[0] -= (obj.width * obj.scaleX) / 2.0;\n limits[1] -= (obj.height * obj.scaleY) / 2.0;\n break;\n case 90:\n limits[0] += (obj.height * obj.scaleY) / 2.0;\n limits[1] -= (obj.width * obj.scaleX) / 2.0;\n limits[2] += obj.height * obj.scaleY;\n break;\n case 180:\n limits[0] = (obj.width * obj.scaleX) / 2.0;\n limits[2] += obj.width * obj.scaleX;\n\n limits[1] += (obj.height * obj.scaleY) / 2.0;\n limits[3] += obj.height * obj.scaleY;\n break;\n case 270:\n limits[0] -= (obj.height * obj.scaleY) / 2.0;\n limits[1] += (obj.width * obj.scaleX) / 2.0;\n limits[3] += obj.width * obj.scaleX;\n break;\n }\n\n if (obj.left < limits[0]) {\n obj.left = limits[0];\n }\n\n if (obj.top < limits[1]) {\n obj.top = limits[1];\n }\n\n if (obj.left > limits[2]) {\n obj.left = limits[2];\n }\n\n if (obj.top > limits[3]) {\n obj.top = limits[3];\n }\n KITCHEN.updateObjectTerminals(KITCHEN.lastTarget, null);\n\n KITCHEN.canvas.renderAll();\n};\n\n//Move KITCHEN.lastTarget object forward\nKITCHEN.toFrontSelectedObject = function () {\n if (KITCHEN.canvas._activeObject) {\n KITCHEN.canvas._activeObject.bringToFront();\n }\n KITCHEN.canvas.renderAll();\n};\n\n//Move KITCHEN.lastTarget object to back\nKITCHEN.toBackSelectedObject = function () {\n if (KITCHEN.canvas._activeObject) {\n KITCHEN.canvas._activeObject.sendToBack();\n }\n KITCHEN.canvas.renderAll();\n};\n\nKITCHEN.onSettings = function () {\n KITCHEN.canvas.on(\"mouse:move\", function (options) {\n if (KITCHEN.drawLine.active) {\n KITCHEN.drawLine.mouseMove(options);\n }\n\n if (KITCHEN.measure.active) {\n KITCHEN.measure.mouseMove(options);\n }\n });\n\n KITCHEN.canvas.on(\"object:modified\", function () {\n KITCHEN.canvasHistory.saveState();\n });\n\n KITCHEN.canvas.on(\"object:added\", function (options) {\n options.target;\n KITCHEN.canvas.renderAll();\n });\n\n KITCHEN.canvas.on(\"selection:cleared\", function () {\n KITCHEN.lastTarget = null;\n delete KITCHEN.lastTargetId;\n KITCHEN.updateAllTerminals();\n });\n\n KITCHEN.canvas.on(\"object:moving\", function (options) {\n var obj = options.target;\n var angle = obj.angle;\n var limits = [0, 0, KITCHEN.width - 25.0 * KITCHEN.gridScale, KITCHEN.height - 25.0 * KITCHEN.gridScale];\n\n while (angle < 0) {\n angle += 360;\n }\n\n switch (angle % 360) {\n case 0:\n limits[0] -= (obj.width * obj.scaleX) / 2.0;\n limits[1] -= (obj.height * obj.scaleY) / 2.0;\n break;\n case 90:\n limits[0] += (obj.height * obj.scaleY) / 2.0;\n limits[1] -= (obj.width * obj.scaleX) / 2.0;\n limits[2] += obj.height * obj.scaleY;\n break;\n case 180:\n limits[0] = (obj.width * obj.scaleX) / 2.0;\n limits[2] += obj.width * obj.scaleX;\n\n limits[1] += (obj.height * obj.scaleY) / 2.0;\n limits[3] += obj.height * obj.scaleY;\n break;\n case 270:\n limits[0] -= (obj.height * obj.scaleY) / 2.0;\n limits[1] += (obj.width * obj.scaleX) / 2.0;\n limits[3] += obj.width * obj.scaleX;\n break;\n }\n\n KITCHEN.align(obj);\n\n if (obj.left < limits[0]) {\n obj.left = limits[0];\n }\n\n if (obj.top < limits[1]) {\n obj.top = limits[1];\n }\n\n if (obj.left > limits[2]) {\n obj.left = limits[2];\n }\n\n if (obj.top > limits[3]) {\n obj.top = limits[3];\n }\n\n var objX, objY;\n var termX, termY;\n\n //tube snap\n if (Object.prototype.hasOwnProperty.call(obj, \"name\") && obj.name != null) {\n if (obj.name.name === \"TUBE\" || obj.name.name === \"TUBE-16\" || obj.name.name === \"TUBE-25\" || obj.name.name === \"TUBE-32\") {\n //has to be === TODO snap to objects\n var objectsCount = KITCHEN.canvas.getObjects().length;\n for (var i = 0; i < objectsCount; i++) {\n if (KITCHEN.canvas.item(i).name === \"terminal\") {\n termX = KITCHEN.canvas.item(i).left;\n termY = KITCHEN.canvas.item(i).top;\n objX = obj.left;\n objY = obj.top;\n\n angle = obj.angle;\n while (angle < 0) {\n angle = angle + 360;\n }\n\n obj.angle = angle % 180;\n\n switch (obj.angle) {\n case 0:\n if (Math.pow(objX - termX, 2.0) + Math.pow(objY - termY, 2.0) < Math.pow(KITCHEN.grid, 2.0)) {\n obj.left = termX + (-obj.width * obj.scaleX) / 2.0;\n obj.top = termY;\n break;\n }\n if (\n Math.pow(objX - termX, 2.0) + Math.pow(objY + obj.height * obj.scaleY - termY, 2.0) <\n Math.pow(KITCHEN.grid, 2.0)\n ) {\n obj.left = termX + (-obj.width * obj.scaleX) / 2.0;\n obj.top = termY - obj.height * obj.scaleY;\n break;\n }\n break;\n case 90:\n if (Math.pow(objX - termX, 2.0) + Math.pow(objY - termY, 2.0) < Math.pow(KITCHEN.grid, 2.0)) {\n obj.top = termY + (-obj.width * obj.scaleX) / 2.0;\n obj.left = termX;\n break;\n }\n\n if (\n Math.pow(objX - obj.height * obj.scaleY - termX, 2.0) + Math.pow(objY - termY, 2.0) <\n Math.pow(KITCHEN.grid, 2.0)\n ) {\n obj.top = termY + (-obj.width * obj.scaleX) / 2.0;\n obj.left = termX + obj.height * obj.scaleY;\n break;\n }\n\n break;\n }\n }\n }\n }\n }\n\n KITCHEN.updateObjectTerminals(obj, KITCHEN.terminalsVisible);\n });\n\n KITCHEN.canvas.on(\"object:scaling\", function (options) {\n var obj = options.target;\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n if (obj.name.name === \"BLACK-BOX\") {\n $(\"#product_select\").trigger(\"change\");\n if (!obj.strokeWidthUnscaled && obj.strokeWidth) {\n obj.strokeWidthUnscaled = obj.strokeWidth;\n }\n if (obj.strokeWidthUnscaled) {\n obj.strokeWidth = obj.strokeWidthUnscaled / obj.scaleX;\n }\n }\n }\n\n store.commit(\"SET_PlannerActiveObjectSize\", KITCHEN.canvas._activeObject);\n store.commit(\"SET_PlannerActiveObject\", KITCHEN.canvas._activeObject);\n\n });\n\n KITCHEN.canvas.on(\"object:rotating\", function (options) {\n options.target.setCoords();\n KITCHEN.showObjectTerminals(options.target);\n });\n\n KITCHEN.canvas.on(\"mouse:down\", function (options) {\n $(\"#save-success-indicator\").animate({ width: \"hide\" });\n $(\"#save-error-indicator\").animate({ width: \"hide\" });\n //For drawing lines\n\n if (KITCHEN.drawLine.active && options.button === 3) {\n KITCHEN.drawLine.terminate();\n\n $(\"#showColors\").click();\n KITCHEN.drawLine.deactivate();\n $(\"#drawline-btn\").toggleClass(\"active\");\n }\n\n if (KITCHEN.drawLine.active) {\n KITCHEN.drawLine.mouseDown(options);\n }\n\n if (KITCHEN.measure.active) {\n KITCHEN.measure.mouseDown(options);\n }\n });\n\n KITCHEN.canvas.on(\"selection:created\", function () {\n\n if (KITCHEN.canvas._activeObject.name != null) {\n store.commit(\"SET_PlannerActiveObjectName\", KITCHEN.canvas._activeObject.name);\n store.commit(\"SET_PlannerActiveObject\", KITCHEN.canvas._activeObject);\n } else {\n KITCHEN.canvas._activeObject.setControlsVisibility({\n bl: false,\n br: false,\n tl: false,\n tr: false,\n ml: false,\n mt: false,\n mr: false,\n mb: false,\n mtr: false,\n });\n }\n });\n\n KITCHEN.canvas.on(\"selection:updated\", function () {\n store.commit(\"SET_PlannerActiveObjectName\", KITCHEN.canvas._activeObject.name);\n store.commit(\"SET_PlannerActiveObject\", KITCHEN.canvas._activeObject);\n });\n};\n\n//Delete KITCHEN.lastTarget object and its terminals\nKITCHEN.removeSelectedObject = function () {\n if (!KITCHEN.canvas._activeObject) return;\n if (!KITCHEN.canvas.getActiveObjects()) return;\n\n KITCHEN.removeObject(KITCHEN.canvas._activeObject);\n KITCHEN.removeObject(KITCHEN.canvas.getActiveObjects());\n\n KITCHEN.canvas.requestRenderAll();\n\n KITCHEN.canvasHistory.saveState();\n\n return;\n};\n\n//removes given object\nKITCHEN.removeObject = function (obj) {\n var i;\n\n if (obj === null) {\n return;\n }\n\n if (Object.prototype.hasOwnProperty.call(obj, \"_objects\")) {\n if (obj.type === \"group\") {\n obj._restoreObjectsState();\n KITCHEN.canvas.remove(obj);\n }\n\n obj.forEachObject(function (o) {\n KITCHEN.removeObject(o);\n });\n } else {\n for (i in obj.terminals) {\n KITCHEN.canvas.remove(KITCHEN.getObjectById(obj.terminals[i]));\n }\n obj.terminals = [];\n\n KITCHEN.canvas.remove(obj);\n return;\n }\n};\n\n//Rotate KITCHEN.lastTarget object by given angle in deg\nKITCHEN.rotateSelectedObject = function (angle) {\n var obj;\n var temp_snap;\n\n KITCHEN.lastTarget = KITCHEN.canvas._activeObject;\n\n if (!KITCHEN.lastTarget) {\n return;\n }\n\n var initAngle = KITCHEN.lastTarget.angle;\n\n KITCHEN.hideObjectTerminals(KITCHEN.lastTarget);\n\n KITCHEN.lastTarget.rotate(initAngle + angle);\n\n if (Object.prototype.hasOwnProperty.call(KITCHEN.lastTarget, \"_objects\")) {\n for (obj in KITCHEN.lastTarget._objects) {\n initAngle = KITCHEN.lastTarget._objects[obj].angle - angle;\n\n Math.abs(\n KITCHEN.lastTarget._objects[obj].width * Math.cos(deg_to_rad(initAngle)) +\n KITCHEN.lastTarget._objects[obj].height * Math.sin(deg_to_rad(initAngle))\n );\n Math.abs(\n KITCHEN.lastTarget._objects[obj].width * Math.sin(deg_to_rad(initAngle)) +\n KITCHEN.lastTarget._objects[obj].height * Math.cos(deg_to_rad(initAngle))\n );\n\n temp_snap = KITCHEN.lastTarget._objects[obj].snapX;\n KITCHEN.lastTarget._objects[obj].snapX = KITCHEN.lastTarget._objects[obj].snapY;\n KITCHEN.lastTarget._objects[obj].snapY = temp_snap;\n\n temp_snap = KITCHEN.lastTarget._objects[obj].snapPositionX;\n KITCHEN.lastTarget._objects[obj].snapPositionX = KITCHEN.lastTarget._objects[obj].snapPositionY;\n KITCHEN.lastTarget._objects[obj].snapPositionY = temp_snap;\n\n if (angle == 90) {\n KITCHEN.lastTarget._objects[obj].snapPositionX = -KITCHEN.lastTarget._objects[obj].snapPositionX;\n }\n if (angle == -90) {\n KITCHEN.lastTarget._objects[obj].snapPositionY = -KITCHEN.lastTarget._objects[obj].snapPositionY;\n }\n }\n } else {\n //if object is object\n\n Math.abs(\n KITCHEN.lastTarget.width * Math.cos(deg_to_rad(initAngle)) +\n KITCHEN.lastTarget.height * Math.sin(deg_to_rad(initAngle))\n );\n Math.abs(\n KITCHEN.lastTarget.width * Math.sin(deg_to_rad(initAngle)) +\n KITCHEN.lastTarget.height * Math.cos(deg_to_rad(initAngle))\n );\n\n temp_snap = KITCHEN.lastTarget.snapX;\n KITCHEN.lastTarget.snapX = KITCHEN.lastTarget.snapY;\n KITCHEN.lastTarget.snapY = temp_snap;\n\n temp_snap = KITCHEN.lastTarget.snapPositionX;\n KITCHEN.lastTarget.snapPositionX = KITCHEN.lastTarget.snapPositionY;\n KITCHEN.lastTarget.snapPositionY = temp_snap;\n\n if (angle == 90) {\n KITCHEN.lastTarget.snapPositionX = -KITCHEN.lastTarget.snapPositionX - 1;\n }\n if (angle == -90) {\n KITCHEN.lastTarget.snapPositionY = -KITCHEN.lastTarget.snapPositionY - 1;\n }\n }\n\n KITCHEN.align(KITCHEN.lastTarget);\n KITCHEN.showObjectTerminals(KITCHEN.lastTarget);\n\n KITCHEN.lastTarget.setCoords();\n\n KITCHEN.canvas.renderAll();\n KITCHEN.canvasHistory.saveState(\"rotate\");\n};\n\nKITCHEN.saveAsPng = async function (name, download) {\n\n var can = document.getElementById(\"table-merged\");\n can.getContext(\"2d\");\n await can.toBlob(\n (blob) => {\n //will clone the tableCanvas as SVG and puts it in the back of tabletop canvas\n //after exporting to png, will be deleted\n var tableSvg = KITCHEN.tableCanvas.toSVG({\n suppressPreamble: true,\n });\n\n URL.createObjectURL(blob);\n\n //copy of table canvas\n JSON.stringify(KITCHEN.tableCanvas);\n\n var tableSvgImage = \"data:image/svg+xml; charset=utf8, \" + encodeURIComponent(tableSvg.split('svg11.dtd\">')[0]);\n\n var tableCloneObject;\n\n fabric.Image.fromURL(tableSvgImage, function (o) {\n KITCHEN.canvas.add(o);\n tableCloneObject = o;\n o.sendToBack();\n KITCHEN.canvas.renderAll();\n $(\"#loader\").show();\n });\n\n setTimeout(function () {\n var tableTop = KITCHEN.canvas.toDataURL({\n format: \"png\",\n multiplier: 3,\n width: can.width,\n height: can.height,\n });\n\n store.commit(\"SET_TempImage\", tableTop);\n\n if (download) {\n var link = document.createElement(\"a\");\n link.download = name + \".png\";\n link.href = tableTop;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n\n KITCHEN.canvas.remove(tableCloneObject);\n }, 160);\n },\n \"image/png\",\n 1.0\n );\n};\n\nKITCHEN.saveScheme = function () {\n return KITCHEN.canvas.toJSON();\n};\n\nKITCHEN.loadSettingsFromJSON = function (input) {\n KITCHEN.canvas.loadFromJSON(input.canvas);\n\n //delete current table\n KITCHEN.tableCanvas.clear();\n KITCHEN.tableCanvas.renderAll();\n\n //applying grid options\n KITCHEN.grid = input.grid;\n KITCHEN.gridSpacing = input.gridSpacing;\n KITCHEN.gridScale = KITCHEN.grid / KITCHEN.gridSpacing;\n KITCHEN.tableParameters = input.tableParameters;\n KITCHEN.tableDefined = true;\n\n if (Object.prototype.hasOwnProperty.call(input, \"layoutSettings\")) {\n KITCHEN.layoutSettings = input.layoutSettings;\n }\n\n //draw new table\n KITCHEN.drawTable(input.tableParameters);\n\n KITCHEN.canvas.renderAll();\n KITCHEN.updateObjectTerminals;\n //loading might take some time, let's wait before rendering\n setTimeout(function () {\n KITCHEN.canvas.forEachObject(function (obj) {\n if (obj.name != null &&\n obj.name !== \"terminal\" &&\n obj.name.name !== \"TUBE\" &&\n obj.name.name !== \"TUBE-16\" &&\n obj.name.name !== \"TUBE-25\" &&\n obj.name.name !== \"TUBE-32\" &&\n obj.name.name !== \"BLACK-BOX\"\n ) {\n var test = KITCHEN.products.find((element) => element.name === obj.name);\n obj.name = test;\n }\n if (obj.type === \"group\" && obj._objects.length > 3) {\n obj._objects[3].styles = \"\";\n }\n });\n if (KITCHEN.terminalsVisible) {\n KITCHEN.showAllTerminals();\n } else {\n KITCHEN.hideAllTerminals();\n }\n KITCHEN.canvasHistory.reset();\n }, 500);\n};\n\nKITCHEN.save = function () {\n var output = {};\n\n //some properties are not exported when serializing to JSON by default\n KITCHEN.canvas.forEachObject(function (obj) {\n if (obj.name == null) {\n obj.name = \"other\";\n }\n\n switch (obj.name) {\n case \"terminal\":\n case \"BLACK-BOX\":\n obj.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name,\n id: this.id,\n leftInit: this.leftInit,\n topInit: this.topInit,\n snapX: false,\n snapY: false,\n _controlsVisibility: {\n mb: true,\n ml: true,\n mr: true,\n mt: true,\n }\n });\n };\n })(obj.toObject);\n break;\n case \"other\":\n obj.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n lockRotation: this.lockRotation,\n name: this.name,\n id: this.id,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n freeRotate: this.freeRotate,\n terminals: this.terminals,\n paths: this.paths,\n _controlsVisibility: this._controlsVisibility,\n styles: \"\",\n });\n };\n })(obj.toObject);\n break;\n default:\n obj.toObject = (function (toObject) {\n return function () {\n return fabric.util.object.extend(toObject.call(this), {\n name: this.name.name,\n lockRotation: this.lockRotation,\n id: this.id,\n snapX: this.snapX,\n snapY: this.snapY,\n snapPositionY: this.snapPositionY,\n snapPositionX: this.snapPositionX,\n lockScalingX: this.lockScalingX,\n lockScalingY: this.lockScalingY,\n freeRotate: this.freeRotate,\n terminals: this.terminals,\n paths: this.paths,\n _controlsVisibility: this._controlsVisibility,\n });\n };\n })(obj.toObject);\n break;\n }\n });\n\n output.canvas = KITCHEN.canvas.toDatalessJSON();\n\n //keep table parameters\n output.tableParameters = KITCHEN.tableParameters;\n\n output.products = KITCHEN.exportObjectList();\n\n if (!KITCHEN.layoutSettings.notificationSent) {\n // var recipient_email = KITCHEN.layoutSettings.email;\n KITCHEN.layoutSettings.notificationSent = true;\n }\n\n output.layoutSettings = KITCHEN.layoutSettings;\n\n output.grid = KITCHEN.grid;\n output.gridSpacing = KITCHEN.gridSpacing;\n\n if (!window.localStorage) {\n $(\"#png-fail-indicator\").show();\n setTimeout(function () {\n $(\"#png-fail-indicator\").animate({ width: \"hide\" });\n }, 2000);\n }\n // to PNG\n //var dt = KITCHEN.makePNG();\n\n var can = document.getElementById(\"table-merged\");\n can.getContext(\"2d\");\n\n return output;\n};\n\nKITCHEN.exportObjectList = function () {\n\n var j;\n var items = [];\n var product;\n var size;\n var box_size;\n\n // LIST OF items\n KITCHEN.canvas.forEachObject(function (obj) {\n if (Object.prototype.hasOwnProperty.call(obj, \"name\")) {\n product = KITCHEN.products.find((element) => element.name === obj.name.name);\n if (product != null) {\n switch (obj.name.name) {\n case \"TUBE\":\n case \"TUBE-16\":\n case \"TUBE-25\":\n case \"TUBE-32\":\n size = Math.floor((obj.scaleY * obj.height) / KITCHEN.gridScale) + \"mm\";\n box_size = \"-\";\n break;\n case \"BLACK-BOX\":\n size =\n Math.floor((obj.scaleX * obj.width) / KITCHEN.gridScale) +\n \"mm x \" +\n Math.floor((obj.scaleY * obj.height) / KITCHEN.gridScale) +\n \"mm\";\n box_size = \"-\";\n break;\n default:\n size = product.width + \"mm x \" + product.height + \"mm\";\n if (product.boxWidth) {\n box_size = product.boxWidth + \"mm x \" + product.boxHeight + \"mm\";\n } else {\n box_size = \"-\";\n }\n break;\n }\n\n items.push({\n id: items.length + 1,\n name: product.longName,\n code: obj.name.name,\n size: size,\n boxSize: box_size,\n navCode: product.navCode,\n });\n }\n }\n });\n\n //SORTING THE list\n function compare(item1, item2) {\n if (item1.name < item2.name) {\n return -1;\n }\n if (item1.name > item2.name) {\n return 1;\n }\n return 0;\n }\n items.sort(compare);\n\n //creating numeration of sorted array\n for (j = 0; j < items.length; j += 1) {\n items[j].id = j + 1;\n }\n\n return items;\n};\n\nfabric.util.addListener(document.body, \"keydown\", function (options) {\n var step = KITCHEN.grid;\n\n var key = options.which || options.keyCode; // key detection\n switch (key) {\n //shift\n case 16:\n KITCHEN.shiftPressed = true;\n break;\n case 17:\n KITCHEN.ctrlPressed = true;\n break;\n //delete\n case 46:\n var activeObject = KITCHEN.canvas.getActiveObject();\n if (Object.prototype.hasOwnProperty.call(activeObject, 'type') && activeObject.type === \"i-text\") {\n\n var text = activeObject.text;\n var selectionStart = activeObject.selectionStart;\n\n if (selectionStart < text.length) {\n const updatedText = text.slice(0, selectionStart) + text.slice(selectionStart + 1);\n activeObject.set('text', updatedText);\n }\n\n } else {\n KITCHEN.hideAllTerminals();\n KITCHEN.removeSelectedObject();\n }\n break;\n //move left\n case 37:\n if (KITCHEN.shiftPressed) {\n KITCHEN.moveSelectedObject(-step / 10, 0);\n } else {\n KITCHEN.moveSelectedObject(-step, 0);\n }\n break;\n //move up\n case 38:\n if (KITCHEN.shiftPressed) {\n KITCHEN.moveSelectedObject(0, -step / 10);\n } else {\n KITCHEN.moveSelectedObject(0, -step);\n }\n break;\n //move right\n case 39:\n if (KITCHEN.shiftPressed) {\n KITCHEN.moveSelectedObject(step / 10, 0);\n } else {\n KITCHEN.moveSelectedObject(step, 0);\n }\n break;\n //move down\n case 40:\n if (KITCHEN.shiftPressed) {\n KITCHEN.moveSelectedObject(0, step / 10);\n } else {\n KITCHEN.moveSelectedObject(0, step);\n }\n break;\n //PageUp - to front\n case 33:\n KITCHEN.toFrontSelectedObject();\n break;\n //PageDown - to back\n case 34:\n KITCHEN.toBackSelectedObject();\n break;\n //Esc - stop line drawing\n case 27:\n if (KITCHEN.drawLine.active) {\n KITCHEN.drawLine.terminate();\n KITCHEN.drawLine.deactivate();\n $(\"#drawline-btn\").toggleClass(\"active\");\n $(\"#showColors\").click();\n }\n break;\n // \"C\" add new\n case 67:\n if (KITCHEN.ctrlPressed) KITCHEN.copiedObject = store.state.plannerActiveObjectName;\n break;\n case 86:\n if (KITCHEN.ctrlPressed && KITCHEN.copiedObject != null) KITCHEN.addProduct(KITCHEN.copiedObject);\n break;\n }\n});\n\nfabric.util.addListener(document.body, \"keyup\", function (options) {\n var key = options.which || options.keyCode; // key detection\n switch (key) {\n //shift\n case 16:\n KITCHEN.shiftPressed = false;\n break;\n case 17:\n KITCHEN.ctrlPressed = false;\n break;\n }\n});\n\nKITCHEN.loadOldSchemeFromJSON = function (input) {\n KITCHEN.canvas.loadFromJSON(input.canvas);\n\n //delete current table\n KITCHEN.tableCanvas.clear();\n KITCHEN.tableCanvas.renderAll();\n\n //applying grid options\n KITCHEN.grid = input.grid;\n KITCHEN.gridSpacing = input.gridSpacing;\n KITCHEN.gridScale = KITCHEN.grid / KITCHEN.gridSpacing;\n KITCHEN.tableParameters = input.tableParameters;\n KITCHEN.tableDefined = true;\n\n if (Object.prototype.hasOwnProperty.call(input, \"layoutSettings\")) {\n KITCHEN.layoutSettings = input.layoutSettings;\n }\n\n if (input.tableParameters != null) KITCHEN.drawTable(input.tableParameters); //draw new table\n\n KITCHEN.canvas.renderAll();\n KITCHEN.updateObjectTerminals;\n //loading might take some time, let's wait before rendering\n setTimeout(function () {\n KITCHEN.canvas.forEachObject(function (obj) {\n if (obj.type === \"group\" && obj._objects.length > 3) {\n obj._objects[3].styles = \"\";\n }\n if (obj.name === \"terminal\") {\n KITCHEN.removeObject(obj);\n }\n if (obj.type === \"i-text\") {\n obj.styles = \"\";\n }\n if (\n obj.name != null &&\n obj.name !== \"terminal\" &&\n obj.name.name !== \"TUBE\" &&\n obj.name.name !== \"TUBE-16\" &&\n obj.name.name !== \"TUBE-25\" &&\n obj.name.name !== \"TUBE-32\" &&\n obj.name.name !== \"BLACK-BOX\" &&\n obj.name !== \"ruler\" &&\n obj.name !== \"line\" &&\n obj.name !== \"TUBE\" &&\n obj.name !== \"TUBE-16\" &&\n obj.name !== \"TUBE-25\" &&\n obj.name !== \"TUBE-32\" &&\n obj.name !== \"BLACK-BOX\"\n ) {\n if (names[obj.name] != null) obj.name = names[obj.name];\n var test = KITCHEN.products.find((element) => element.name === obj.name);\n obj.name = test;\n var left = obj.left;\n var top = obj.top;\n var angle = obj.angle;\n KITCHEN.removeObject(obj);\n KITCHEN.addProduct(test, left, top, angle);\n KITCHEN.canvas.renderAll();\n }\n if (obj.name === \"TUBE\" || obj.name === \"TUBE-16\" || obj.name === \"TUBE-25\" || obj.name === \"TUBE-32\") {\n KITCHEN.removeObject(obj);\n var ratioY = obj.height * obj.scaleY;\n\n KITCHEN.addProduct(KITCHEN.products.find((element) => element.name === obj.name), obj.left, obj.top, obj.angle, ratioY);\n\n KITCHEN.canvas.renderAll();\n }\n\n\n });\n if (KITCHEN.terminalsVisible) {\n KITCHEN.showAllTerminals();\n } else {\n KITCHEN.hideAllTerminals();\n }\n //KITCHEN.resolveDuplicateIds();\n KITCHEN.restoreAllSizes();\n\n KITCHEN.canvasHistory.reset();\n }, 500);\n\n};\n\nKITCHEN.toggleTable = function (bool) {\n if (bool) {\n KITCHEN.tableCanvas.forEachObject(function (obj) {\n KITCHEN.tableCanvas.remove(obj);\n });\n } else {\n KITCHEN.drawTable(KITCHEN.tableParameters);\n }\n KITCHEN.tableCanvas.renderAll();\n};\n\nconst names = {\n \"TP-ORPHEUS-VIS\": \"ORPHEUS-VIS\",\n \"TOPAS-White\": \"TP-TOPAS-White\",\n \"TOPAS-C\": \"TP-TOPAS-C\",\n \"ON-ORPHEUS-N\": \"ORPHEUS-N\",\n \"OF-ORPHEUS-F\": \"ORPHEUS-F\",\n \"OF-ORPHEUS-F-COMPR\": \"ORPHEUS-F-COMPR\",\n \"OP-ORPHEUS-PS\": \"ORPHEUS-PS\",\n \"OT-ORPHEUS-TWINS\": \"ORPHEUS-TWINS\",\n \"OH-ORPHEUS-HP+DFG+MW\": \"ORPHEUS-HP+DFG+MW\",\n \"OH-ORPHEUS-HP\": \"ORPHEUS-HP\",\n \"OH-ORPHEUS-ONE-HP\": \"ORPHEUS-ONE-HP\",\n \"OR-ORPHEUS-ONE\": \"ORPHEUS-ONE\",\n \"AC-GECO-V2\": \"GECO\",\n \"TP-SHBC\": \"SHBC\",\n \"OR-ORPHEUS\": \"ORPHEUS\",\n \"LR-DFG\": \"LYRA-DFP\",\n \"LR-SHG\": \"LYRA-SHG/DFG\"\n}","\n {{ product.longName }}
\n{{ product.descriptionText }}
\n\n \n
\n \n \n
\n \n \n \n \n \n \n \n\n {{ preset.title }}\n
\n\n \n
\n \n
\n \n
\n \n \n \n
\n ![\"Dashboard\"](\"@/assets/static/media/svg/kitchen_banner.svg\")
\n \n
\n\n\n\n","import { render } from \"./HomeView.vue?vue&type=template&id=b9b9a1be&lang=true\"\nimport script from \"./HomeView.vue?vue&type=script&lang=js\"\nexport * from \"./HomeView.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n\n \n
\n \n
\n \n
\n Converters
\n\n \n
\n
\n | \n | \n \n
| \n
\n
\n \n
\n \n
\n Nonlinear optics
\n\n \n
\n
\n | \n | \n \n
| \n
\n
\n \n
\n \n
\n Refraction
\n\n \n
\n
\n | \n | \n \n
| \n
\n
\n \n
\n \n
\n Reflection and diffraction
\n\n \n
\n
\n | \n | \n \n
| \n
\n \n
\n \n
\n \n
\n Dispersion calculators
\n\n \n
\n
\n | \n | \n \n
| \n
\n \n
\n \n \n
\n \n
\n Beam properties
\n\n \n
\n
\n | \n | \n \n
| \n
\n \n
\n \n \n \n
\n \n
\n Other tools
\n\n \n
\n
\n \n ![\"Other](\"@/assets/static/media/svg/other.svg\") \n | \n \n
| \n
\n \n \n API Version: {{ apiVersion }}\n
\n \n \n \n \n\n Version: {{ version }}\n
\n \n
\n \n \n \n
\n \n
\n \n \n \n Delete\n \n \n Save\n \n \n {{ disabled ? \"Enable Edit\" : \"Disable Edit\" }}\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n Description image\n
\n \n \n
\n \n {{ product.descriptionImage }}\n \n
\n \n \n
\n \n SVG image\n
\n \n \n
\n \n {{ product.svgImage }}\n \n
\n \n \n\n\n\n","\n \n
\n \n Terminals\n
\n \n
\n \n \n \n \n http://toolbox.lightcon.com/planner/{{ pdfData.name }}\n \n \n \n \n \n \n
\n\n Optical table layout
\n\n {{ pdfData.layoutSettings.title }}\n
\n{{ pdfData.layoutSettings.comments }}
\n| Author | \n{{ pdfData.layoutSettings.author }} | \n
| {{ pdfData.layoutSettings.email }} | \n|
| Date | \n{{ today }} | \n
| Layout code | \n{{ pdfData.name }} | \n
| Table size | \n{{ tableSizeFromParameters(pdfData.tableParameters) }} | \n
| Table type | \n{{ pdfData.tableParameters.type }} | \n
\n \n
\n\n \n
\n \n\n \n \n
\n
\n\n \n \n © Light Conversion, UAB\n \n \n Phone: +370 5 249 18 30, e-mail: sales@lightcon.com\n \n \n \n
\n Items
\n| # | \nItem name | \nItem code | \nFull size | \nHousing size | \nDynamics NAV code | \n
|---|
\n
\n
\n Tuning curves
\n\n \n
\n \n\n \n \n \n \n \n Parameters out of bounds\n
\n \n
\n \n \n \n \n {{ interaction.alias }}\n {{ interaction.pumpEnergyRange.min }}-{{ interaction.pumpEnergyRange.max }} μJ\n \n
\n Interaction types:
\n\n \n
\n \n Energy out of bounds\n
\n \n \n Show best effort\n
\n \n
\n \n \n\n \n
\n \n \n
\n \n\n
\n \n {{ image.name\n }}\n ×Close\n \n
\n \n \n
\n \n
\n \n
\n\n {{ name }}
\n\n \n μJ\n W\n kHz\n
\n \n \n \n \n \n Out of bounds\n
\n \n
\n \n\n\n\n","import { render } from \"./TuningCurveSlider.vue?vue&type=template&id=4648e3bc&lang=true\"\nimport script from \"./TuningCurveSlider.vue?vue&type=script&lang=js\"\nexport * from \"./TuningCurveSlider.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export const frozen = [\"energy\", \"power\"];\n\nexport const powerSymbols = {\n \"-6\": \"10\\u207B\\u2076\",\n \"-5\": \"10\\u207B\\u2075\",\n \"-4\": \"10\\u207B\\u2074\",\n \"-3\": \"10\\u207B\\u00B3\",\n \"-2\": \"10\\u207B\\u00B2\",\n \"-1\": \"10\\u207B\\u00B9\",\n 0: \"10\\u2070\",\n 1: \"10\\u00B9\",\n 2: \"10\\u00B2\",\n 3: \"10\\u00B3\",\n 4: \"10\\u2074\",\n 5: \"10\\u2075\",\n};\n\nexport const xticksList = [\n 1, 5, 10, 20, 30, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1200, 1400, 1600, 1800, 2000, 3000, 4000,\n 5000, 6000, 7000, 8000, 9000, 10000, 12000, 14000, 16000, 18000, 20000, 1000000000, 100000000000000000000000,\n];\n\nexport const yticksList = [\n 0.0000001, 0.0000002, 0.0000003, 0.0000004, 0.0000005, 0.000001, 0.000002, 0.000003, 0.000004, 0.000005, 0.00001,\n 0.00002, 0.00003, 0.00004, 0.00005, 0.0001, 0.0002, 0.0003, 0.0004, 0.0005, 0.001, 0.002, 0.003, 0.004, 0.005, 0.01,\n 0.02, 0.03, 0.04, 0.05, 0.1, 0.2, 0.3, 0.4, 0.5, 1, 2, 3, 4, 5, 10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 1000,\n 2000, 3000, 4000, 5000, 10000, 20000, 30000, 40000, 50000, 1e5, 2e5, 3e5, 4e5, 5e5, 1e6, 2e6, 3e6, 4e6, 5e6, 7e6,\n];\n\n//by alias\nexport const colors = {\n //Violetine\n \"DUV (merged)\": \"#ea00ed\",\n \"DUV\": \"#ea00ed\",\n \"DUV-SIG\": \"#ea00ed\",\n \"DUV-IDL\": \"#994499\",\n \"THS\": \"#8718c7\",\n \"UV extension\": \"#8718c7\",\n \n //Melyna\n \"VIS\": \"#8718c7\",\n \"FHS\": \"#8718c7\",\n \"FHI\": \"#0c00ff\",\n\n \"SHS\": \"#3366cc\",\n \"SHS (long)\": \"#093d71\",\n \"SHS (short)\": \"#6baaf4\",\n\n \"SHI\": \"#00c0ff\",\n \"SHI (long)\": \"#0086b1\",\n \"SHI (short)\": \"#72fffd\",\n\n \"VIS1\": \"#3366cc\",\n \"VIS2\": \"#3366cc\",\n \"VIS-NIR extension\": \"#3366cc\",\n \"Wide tuning range, UV\": \"#3366cc\",\n \"Aux Pump\": \"#3366cc\",\n\n //Zalsvos\n \"Signal\": \"#048302\",\n \"Signal (compressed)\": \"#069a04\",\n \"Signal (uncompressed)\": \"#069a04\",\n \"Signal (long)\": \"#04b14f\",\n \"Signal (short)\": \"#2ad257\",\n \"Standard\": \"#048302\",\n \"SIG\": \"#069a04\",\n \"SIG LONG\": \"#04b14f\",\n \"SIG LONG 1st\": \"#2aff00\",\n \"Signal+Idler\": \"#209b74\",\n \"SIG+IDL LONG\": \"#abf000\",\n \"SIG 1st\": \"#2ad257\",\n\n //Rausvos\n \"Idler\": \"#f3d400\",\n \"Idler (noncollinear)\": \"#f3d400\",\n \"Idler (uncompressed)\": \"#f3d400\",\n \"Idler (short)\": \"#f3d400\",\n\n \"Idler (collinear)\": \"#e3f300\",\n \"Idler (compressed)\": \"#e3f300\",\n \"CMP-IDL\": \"#e3f300\",\n\n \"Idler (long)\": \"#f39900\",\n \"Idler (narrowband)\": \"#f39900\",\n \"IDL LONG\": \"#f39900\",\n \"Idler Noncollinear\": \"#f3d400\",\n \"Idler Collinear\": \"#e3f300\",\n \"Narrowband extension\": \"#f39900\",\n \n\n \"Wide tuning range, NIR\": \"#f3d400\",\n \n \"DFG\": \"#f39900\",\n \"DFG1\": \"#f39900\",\n \"DFG2\": \"#f39900\",\n \"DFP1-IDL\": \"#f39900\",\n \"DFP2-IDL\": \"#9f0101\",\n\n \"hrD\":\"#9f0101\",\n \"sh\": \"#069a04\",\n \"th\": \"#3366cc\",\n \"fh\": \"#8718c7\",\n};\n\nexport function exponential_form(x) {\n var x2 = x;\n var i = 0;\n\n while (x2 >= 10) {\n x2 = x2 / 10.0;\n i += 1;\n }\n\n while (x2 < 1.0) {\n x2 = x2 * 10;\n i -= 1;\n }\n\n return x2.toFixed(1) + \"\\u00B7\" + powerSymbols[i.toString()];\n}\n\nexport function test_inside (x, m) {\n var xmin = m[0] < m[1] ? m[0] : m[1];\n var xmax = m[0] > m[1] ? m[0] : m[1]\n\n return x >= xmin && x < xmax;\n}\n\n\nexport function array_difference (arr1, arr2) {\n var i;\n var arr3 = [];\n\n if (arr1.length !== arr2.length) {\n return;\n }\n\n for (i = 0; i < arr1.length; i += 1) {\n if (arr1[i] === null) {\n arr3[i] = null;\n } else {\n arr3[i] = arr1[i] - arr2[i];\n }\n }\n\n return arr3;\n}\n","import { render } from \"./TuningCurvesView.vue?vue&type=template&id=7a22007e&scoped=true&lang=true\"\nimport script from \"./TuningCurvesView.vue?vue&type=script&lang=js\"\nexport * from \"./TuningCurvesView.vue?vue&type=script&lang=js\"\n\nimport \"./TuningCurvesView.vue?vue&type=style&index=0&id=7a22007e&lang=css&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7a22007e\"]])\n\nexport default __exports__","\n \n \n
\n Harmonic module optimization (pulse energy vs repetition rate)
\n\n \n \n \n
\n \n\n \n \n
\n\n \n \n
\n \n
\n \n \n Energy max
\n
\n \n Energy max
\n \n \n μJ\n
\n \n \n Power
\n
\n \n Power
\n \n \n W\n
\n \n \n Pump energy 1
\n
\n \n Pump energy 1
\n \n \n μJ\n
\n \n \n Pump energy 2
\n
\n \n Pump energy 2
\n \n \n μJ\n
\n \n \n Export PNG\n \n
\n \n
\n \n
\n \n \n
\n \n\n\n\n","import { render } from \"./HarmonicModuleOptimization.vue?vue&type=template&id=19a275d6&scoped=true&lang=true\"\nimport script from \"./HarmonicModuleOptimization.vue?vue&type=script&lang=js\"\nexport * from \"./HarmonicModuleOptimization.vue?vue&type=script&lang=js\"\n\nimport \"./HarmonicModuleOptimization.vue?vue&type=style&index=0&id=19a275d6&lang=css&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-19a275d6\"]])\n\nexport default __exports__","\n \n
\n \n {{ image.name\n }}\n ×Close\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n Save\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n\n \n
\n \n \n \n Change\n \n {{ image.name }}\n
\n \n Description image\n
\n \n
\n \n
\n \n \n \n \n Change\n \n {{ svgImage.name }}\n
\n \n SVG image\n
\n \n
\n \n
\n \n \n\n\n\n","\n \n
\n \n Terminals\n
\n \n
\n \n
\n\n\n\n","import { render } from \"./PresetRegisterView.vue?vue&type=template&id=78931088&scoped=true&lang=true\"\nimport script from \"./PresetRegisterView.vue?vue&type=script&lang=js\"\nexport * from \"./PresetRegisterView.vue?vue&type=script&lang=js\"\n\nimport \"./PresetRegisterView.vue?vue&type=style&index=0&id=78931088&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/Toolbox2.SPA/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-78931088\"]])\n\nexport default __exports__","import { createRouter, createWebHistory } from \"vue-router\";\n\n//Converters\nimport UnitConverterView from \"@/views/converters/UnitConverterView.vue\";\nimport BandwidthConverterView from \"@/views/converters/BandwidthConverterView.vue\";\nimport PulseLengthBandwidthConverterView from \"@/views/converters/PulseLengthBandwidthConverterView.vue\";\nimport SFConverterView from \"@/views/converters/SFConverterView.vue\";\n\n//Beam properties\nimport PulseIntensityView from \"@/views/beamProperties/PulseIntensityView.vue\";\nimport BeamDisplacementView from \"@/views/beamProperties/BeamDisplacementView.vue\";\nimport BeamDisplacementSandwichView from \"@/views/beamProperties/BeamDisplacementSandwichView.vue\";\nimport GaussianBeamPropagationView from \"@/views/beamProperties/GaussianBeamPropagationView.vue\";\nimport PulsePowerView from \"@/views/beamProperties/PulsePowerView.vue\";\nimport BeamDisplacementSlabPairView from \"@/views/beamProperties/BeamDisplacementSlabPairView.vue\";\n\n//Geometrical optics\nimport RefractiveIndexView from \"@/views/geometricalOptics/RefractiveIndexView.vue\";\nimport CompareMaterialsView from \"@/views/geometricalOptics/CompareMaterialsView.vue\";\nimport PrismRefractionView from \"@/views/geometricalOptics/PrismRefractionView.vue\";\nimport LensRadiusView from \"@/views/geometricalOptics/LensRadiusView.vue\";\nimport FresnelReflectionView from \"@/views/geometricalOptics/FresnelReflectionView.vue\";\nimport DiffractionAnglesView from \"@/views/geometricalOptics/DiffractionAnglesView.vue\";\nimport GratingCalculatorView from \"@/views/geometricalOptics/GratingCalculatorView.vue\";\n\n//Dispersion\nimport MaterialDispersionView from \"@/views/dispersion/MaterialDispersionView.vue\";\nimport GratingPairCompressorView from \"@/views/dispersion/GratingPairCompressorView.vue\";\nimport TwoPrismCompressorView from \"@/views/dispersion/TwoPrismCompressorView.vue\";\nimport PulseElongationView from \"@/views/dispersion/PulseElongationView.vue\";\nimport PulseElongationThroughMaterialView from \"@/views/dispersion/PulseElongationThroughMaterialView.vue\";\n\n//Nonlinear optics\nimport BIntegralView from \"@/views/nonlinearOptics/BIntegralView.vue\";\nimport SumFrequencyGenerationView from \"@/views/nonlinearOptics/SumFrequencyGenerationView.vue\";\nimport NoncolinearSFGInternalAnglesView from \"@/views/nonlinearOptics/NoncolinearSFGInternalAnglesView.vue\";\nimport NonlinearOpticalInteractionsView from \"@/views/nonlinearOptics/NonlinearOpticalInteractionsView.vue\";\n\n//Admin\nimport AdminView from \"@/views/adminViews/AdminView.vue\";\nimport AdminDashboardView from \"@/views/adminViews/AdminDashboardView.vue\";\nimport AdminSchemes from \"@/views/adminViews/SchemesView.vue\";\nimport AdminPresets from \"@/views/adminViews/PresetsView.vue\";\nimport NavBarAdmin from \"@/components/TheNavBarAdmin.vue\";\nimport AdminMaterials from \"@/views/adminViews/MaterialsView.vue\";\nimport AdminMaterialEditor from \"@/views/adminViews/MaterialsEditorView.vue\"\n\nimport PlannerView from \"@/views/PlannerView.vue\";\nimport HomeView from \"@/views/HomeView.vue\";\nimport KitchenPlanner from \"@/components/planner/KitchenPlanner.vue\";\nimport NavBar from \"@/components/TheNavBar.vue\";\nimport ProductInfo from \"@/components/planner/ProductInfo.vue\";\nimport PdfOutput from \"@/components/planner/PdfOutput.vue\";\n\nimport TuningCurvesView from \"@/views/TuningCurvesView.vue\";\nimport HarmonicModuleOptimization from \"@/views/HarmonicModuleOptimization.vue\";\nimport createStore from \"@/store/index.js\";\nimport ProductRegisterView from \"@/views/adminViews/ProductRegisterView.vue\";\nimport PresetRegisterView from \"@/views/adminViews/PresetRegisterView.vue\";\n\nconst routes = [\n { path: \"/:pathMatch(.*)*\", redirect: \"/\" },\n {\n path: \"/\",\n name: \"home\",\n components: {\n default: HomeView,\n navbar: NavBar,\n },\n meta: {\n title: \"Optics Toolbox - Interactive Calculators for Scientists and Engineers\",\n metaTags: [\n {\n name: \"description\",\n content: \"The home page of optics toolbox.\",\n },\n {\n property: \"og:description\",\n content: \"The home page of optics toolbox.\",\n },\n ],\n },\n },\n {\n path: \"/planner\",\n name: \"planner\",\n components: {\n default: PlannerView,\n navbar: NavBar,\n },\n props: true,\n children: [\n {\n path: \":name\",\n name: \"savedplanner\",\n components: {\n default: KitchenPlanner,\n navbar: NavBar,\n },\n props: { default: true, navbar: false },\n },\n ],\n meta: { title: \"Planner - Optics Toolbox\" },\n },\n {\n path: \"/planner/pdf/:id\",\n name: \"pdfview\",\n components: {\n default: PdfOutput,\n },\n props: true,\n meta: { title: \"Planner - PDF\" },\n },\n {\n path: \"/planner/png/:id\",\n beforeEnter(to) {\n window.location.href = process.env.VUE_APP_SCHEMES_PATH + to.params.id + \".png\";\n }\n },\n //----------------------Converters\n {\n path: \"/tools/unitconverter\",\n name: \"unitconverter\",\n components: {\n default: UnitConverterView,\n navbar: NavBar,\n },\n meta: { title: \"Unit Converter - Optics Toolbox\" },\n },\n {\n path: \"/tools/unitconverter/clear\",\n name: \"unitconverterclear\",\n components: {\n default: UnitConverterView,\n },\n meta: { title: \"Unit Converter - Optics Toolbox\" },\n },\n {\n path: \"/tools/bandwidthconverter\",\n name: \"bandwidthconverter\",\n components: {\n default: BandwidthConverterView,\n navbar: NavBar,\n },\n meta: { title: \"Bandwidth converter - Optics Toolbox\" },\n },\n {\n path: \"/tools/tbconverter\",\n name: \"pulselengthbandwidthconverter\",\n components: {\n default: PulseLengthBandwidthConverterView,\n navbar: NavBar,\n },\n meta: { title: \"Pulse Length Bandwidth Converter - Optics Toolbox\" },\n },\n {\n path: \"/tools/SFconverter\",\n name: \"sfconverter\",\n components: {\n default: SFConverterView,\n navbar: NavBar,\n },\n meta: { title: \"OPA/SFG wavelength converter - Optics Toolbox\" },\n },\n //----------------------Beam properties\n {\n path: \"/tools/pulseintensity\",\n name: \"pulseintensity\",\n components: {\n default: PulseIntensityView,\n navbar: NavBar,\n },\n meta: { title: \"Pulse peak intensity and fluence - Optics Toolbox\" },\n },\n {\n path: \"/tools/pulsepower\",\n name: \"pulsepower\",\n components: {\n default: PulsePowerView,\n navbar: NavBar,\n },\n meta: { title: \"Pulse peak power - Optics Toolbox\" },\n },\n {\n path: \"/tools/gaussianbeampropagation\",\n name: \"gaussianbeampropagation\",\n components: {\n default: GaussianBeamPropagationView,\n navbar: NavBar,\n },\n meta: { title: \"Gaussian beam propagation - Optics Toolbox\" },\n },\n {\n path: \"/tools/beamdisplacement\",\n name: \"beamdisplacement\",\n components: {\n default: BeamDisplacementView,\n navbar: NavBar,\n },\n meta: { title: \"Beam displacement - Optics Toolbox\" },\n },\n {\n path: \"/tools/beamdisplacementsandwich\",\n name: \"beamdisplacementsandwich\",\n components: {\n default: BeamDisplacementSandwichView,\n navbar: NavBar,\n },\n meta: { title: \"Optical path in heterostructures - Optics Toolbox\" },\n },\n {\n path: \"/tools/beamdisplacementslabpair\",\n name: \"beamdisplacementslabpair\",\n components: {\n default: BeamDisplacementSlabPairView,\n navbar: NavBar,\n },\n meta: { title: \"Beam displacement (slab pair) - Optics Toolbox\" },\n },\n //----------------------Geometrical optics\n {\n path: \"/tools/refractiveindex\",\n name: \"refractiveindex\",\n components: {\n default: RefractiveIndexView,\n navbar: NavBar,\n },\n meta: { title: \"Refractive index - Optics Toolbox\" },\n },\n {\n path: \"/tools/comparematerials\",\n name: \"comparematerials\",\n components: {\n default: CompareMaterialsView,\n navbar: NavBar,\n },\n meta: { title: \"Comparison of materials - Optics Toolbox\" },\n },\n {\n path: \"/tools/prismrefraction\",\n name: \"prismrefraction\",\n components: {\n default: PrismRefractionView,\n navbar: NavBar,\n },\n meta: { title: \"Beam refraction in prism - Optics Toolbox\" },\n },\n {\n path: \"/tools/lensradius\",\n name: \"lensradius\",\n components: {\n default: LensRadiusView,\n navbar: NavBar,\n },\n meta: { title: \"Lens radius - Optics Toolbox\" },\n },\n {\n path: \"/tools/fresnelreflection\",\n name: \"fresnelreflection\",\n components: {\n default: FresnelReflectionView,\n navbar: NavBar,\n },\n meta: { title: \"Fresnel reflection - Optics Toolbox\" },\n },\n {\n path: \"/tools/diffractionangles\",\n name: \"diffractionangles\",\n components: {\n default: DiffractionAnglesView,\n navbar: NavBar,\n },\n meta: { title: \"Diffraction angles - Optics Toolbox\" },\n },\n {\n path: \"/tools/gratingcalculator\",\n name: \"gratingcalculator\",\n components: {\n default: GratingCalculatorView,\n navbar: NavBar,\n },\n meta: { title: \"Grating calculator - Optics Toolbox\" },\n },\n //----------------------Dispersion\n\n {\n path: \"/tools/dispersionparameters\",\n name: \"dispersionparameters\",\n components: {\n default: MaterialDispersionView,\n navbar: NavBar,\n },\n meta: { title: \"Material Dispersion - Optics Toolbox\" },\n },\n {\n path: \"/tools/gratingpair\",\n name: \"gratingpair\",\n components: {\n default: GratingPairCompressorView,\n navbar: NavBar,\n },\n meta: { title: \"Grating pair compressor - Optics Toolbox\" },\n },\n {\n path: \"/tools/prismpair\",\n name: \"prismpair\",\n components: {\n default: TwoPrismCompressorView,\n navbar: NavBar,\n },\n meta: { title: \"Two prism compressor - Optics Toolbox\" },\n },\n {\n path: \"/tools/pulsebroadening\",\n name: \"pulsebroadening\",\n components: {\n default: PulseElongationView,\n navbar: NavBar,\n },\n meta: { title: \"Pulse elongation with known GDD - Optics Toolbox\" },\n },\n {\n path: \"/tools/gaussianbeamelongation\",\n name: \"gaussianbeamelongation\",\n components: {\n default: PulseElongationThroughMaterialView,\n navbar: NavBar,\n },\n meta: { title: \"Pulse elongation (through material) - Optics Toolbox\" },\n },\n //---------------------Nonlinear optics\n {\n path: \"/tools/PMangles\",\n name: \"PMangles\",\n components: {\n default: NonlinearOpticalInteractionsView,\n navbar: NavBar,\n },\n meta: { title: \"Nonlinear optical interacions - Optics Toolbox\" },\n },\n {\n path: \"/tools/SFG\",\n name: \"SFG\",\n components: {\n default: SumFrequencyGenerationView,\n navbar: NavBar,\n },\n meta: { title: \"Sum frequency generation - Optics Toolbox\" },\n },\n {\n path: \"/tools/SFGinternalangles\",\n name: \"SFGinternalangles\",\n components: {\n default: NoncolinearSFGInternalAnglesView,\n navbar: NavBar,\n },\n meta: { title: \"Noncolinear SFG internal angles - Optics Toolbox\" },\n },\n {\n path: \"/tools/Bintegral\",\n name: \"Bintegral\",\n components: {\n default: BIntegralView,\n navbar: NavBar,\n },\n meta: { title: \"B-integral - Optics Toolbox\" },\n },\n {\n path: \"/tools/tuningcurves\",\n name: \"tuningcurves\",\n components: {\n default: TuningCurvesView,\n navbar: NavBar,\n },\n meta: { title: \"Tuning Curves - Optics Toolbox\" },\n },\n {\n path: \"/tools/HarmonicModuleOptimization\",\n name: \"harmonicmoduleoptimization\",\n components: {\n default: HarmonicModuleOptimization,\n navbar: NavBar,\n },\n meta: { title: \"Harmonic module optimization\" },\n },\n //----------------------Admin\n {\n path: \"/admin\",\n name: \"admin\",\n components: {\n default: AdminView,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n },\n {\n path: \"/admin/dashboard/products\",\n name: \"admindashboard\",\n components: {\n default: AdminDashboardView,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n children: [\n {\n path: \":id\",\n name: \"productinfo\",\n components: {\n default: ProductInfo,\n },\n props: true,\n },\n ],\n },\n {\n path: \"/admin/dashboard/schemes\",\n name: \"adminschemes\",\n components: {\n default: AdminSchemes,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n children: [\n {\n path: \":id\",\n name: \"schemeinfo\",\n components: {\n default: KitchenPlanner,\n },\n props: true,\n },\n ],\n },\n {\n path: \"/admin/dashboard/presets\",\n name: \"adminpresets\",\n components: {\n default: AdminPresets,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n children: [\n {\n path: \":id\",\n name: \"presetinfo\",\n components: {\n default: KitchenPlanner,\n },\n props: true,\n },\n ],\n },\n {\n path: \"/admin/dashboard/products/register\",\n name: \"productregister\",\n components: {\n default: ProductRegisterView,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n },\n {\n path: \"/admin/dashboard/presets/register\",\n name: \"presetregister\",\n components: {\n default: PresetRegisterView,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n },\n {\n path: \"/admin/dashboard/materials\",\n name: \"adminmaterials\",\n components: {\n default: AdminMaterials,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n },\n {\n path: \"/admin/dashboard/materials/editor\",\n name: \"adminmaterialeditor\",\n components: {\n default: AdminMaterialEditor,\n navbar: NavBarAdmin,\n },\n meta: { title: \"Admin - Optics Toolbox\" },\n beforeEnter: () => {\n if (createStore.state.status.loggedIn || createStore.state.initialState.status.loggedIn) {\n return true;\n }\n return { name: \"admin\" };\n },\n },\n];\n\nconst router = createRouter({\n history: createWebHistory(process.env.BASE_URL),\n routes,\n});\n\n// This callback runs before every route change, including on page load.\nrouter.beforeEach((to, from, next) => {\n // This goes through the matched routes from last to first, finding the closest route with a title.\n // e.g., if we have `/some/deep/nested/route` and `/some`, `/deep`, and `/nested` have titles,\n // `/nested`'s will be chosen.\n const nearestWithTitle = to.matched\n .slice()\n .reverse()\n .find((r) => r.meta && r.meta.title);\n\n // Find the nearest route element with meta tags.\n const nearestWithMeta = to.matched\n .slice()\n .reverse()\n .find((r) => r.meta && r.meta.metaTags);\n\n const previousNearestWithMeta = from.matched\n .slice()\n .reverse()\n .find((r) => r.meta && r.meta.metaTags);\n\n // If a route with a title was found, set the document (page) title to that value.\n if (nearestWithTitle) {\n document.title = nearestWithTitle.meta.title;\n } else if (previousNearestWithMeta) {\n document.title = previousNearestWithMeta.meta.title;\n }\n\n // Remove any stale meta tags from the document using the key attribute we set below.\n Array.from(document.querySelectorAll(\"[data-vue-router-controlled]\")).map((el) => el.parentNode.removeChild(el));\n\n // Skip rendering meta tags if there are none.\n if (!nearestWithMeta) return next();\n\n // Turn the meta tag definitions into actual elements in the head.\n nearestWithMeta.meta.metaTags\n .map((tagDef) => {\n const tag = document.createElement(\"meta\");\n\n Object.keys(tagDef).forEach((key) => {\n tag.setAttribute(key, tagDef[key]);\n });\n\n // We use this to track which meta tags we create so we don't interfere with other ones.\n tag.setAttribute(\"data-vue-router-controlled\", \"\");\n\n return tag;\n })\n // Add the meta tags to the document head.\n .forEach((tag) => document.head.appendChild(tag));\n\n next();\n});\n\nexport default router;\n","import { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport router from \"./router\";\nimport store from \"./store\";\n//boostrap\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"bootstrap\";\n//old css file\nimport \"./assets/style.css\";\n//bootstrap-select\nimport \"bootstrap-select/dist/css/bootstrap-select.css\";\nimport \"bootstrap-select/dist/js/bootstrap-select.min.js\";\n//MathJax\nimport MathJax, { initMathJax, renderByMathjax } from \"mathjax-vue3\";\n//sweetalert\nimport VueSweetalert2 from 'vue-sweetalert2';\nimport 'sweetalert2/dist/sweetalert2.min.css';\n\n\nfunction onMathJaxReady() {\n renderByMathjax();\n}\ninitMathJax({options: {\n enableMenu: false, // set to false to disable the menu\n menuOptions: {\n settings: {\n inTabOrder: false, // true if tabbing includes math\n }\n } \n},url: 'https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-svg.min.js'}, onMathJaxReady);\n\ncreateApp(App).use(store).use(router).use(MathJax).use(VueSweetalert2).mount(\"#app\");\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkopticstoolbox\"] = self[\"webpackChunkopticstoolbox\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(3568); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["class","_createElementVNode","_createVNode","_component_router_view","name","_component_pulse_loader","loading","$options","color","size","_ctx","components","PulseLoader","computed","this","$store","state","mounted","dispatch","__exports__","render","id","_hoisted_2","_component_math_jax","latex","tabindex","_hoisted_6","ref","$event","type","step","_hoisted_8","_hoisted_12","_hoisted_14","_hoisted_18","_hoisted_20","_hoisted_24","_hoisted_26","_hoisted_30","_hoisted_32","_hoisted_36","_hoisted_38","_component_ConvertFromLambdaDescriptionModal","_component_ConvertFromEDescriptionModal","_component_ConvertFromFDescriptionModal","_component_ConvertFromKDescriptionModal","_component_ConvertFromOmegaDescriptionModal","_component_ConvertFromTDescriptionModal","_createElementBlock","$props","role","_hoisted_4","block","_hoisted_11","props","c","pi","ConvertFromLambdaDescriptionModal","ConvertFromEDescriptionModal","ConvertFromFDescriptionModal","ConvertFromKDescriptionModal","ConvertFromOmegaDescriptionModal","ConvertFromTDescriptionModal","data","lambdaValue","lambda","get","toFixed","set","newValue","validateNumber","T","E","omega","f","k","$refs","focusMe","focus","methods","number","test","value","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_29","_hoisted_31","_component_BandwidthConverterDescription","$data","onChange","_hoisted_7","lambda_bw_type","deltalambda","title","_hoisted_19","_hoisted_23","_hoisted_27","k_bw_type","deltak","_hoisted_34","_component_DeltaLambdaDescriptionModal","_component_DeltaKDescriptionModal","_hoisted_10","src","_imports_0","_hoisted_3","script","uc_omega_to","units","uc_to_omega","bc_omega_to","lambda0","bc_to_omega","bc_FWHM_to","FWHM","bc_to_FWHM","sg_bc_to_FWHM","n","Math","pow","log","UpdateParameter","caller","bandwidthConverterParameters","TBP","deltat","UpdateBWType","lambda_bw_old_type","k_bw_old_type","BandwidthConverterDescription","DeltaLambdaDescriptionModal","DeltaKDescriptionModal","watch","update","parameter","style","_hoisted_9","_hoisted_22","href","onClick","_component_TBProductDescriptionModal","TBProductDescriptionModal","TBPpreset","wl1","wl2","wl3","wlorder","lambda1","round10","update_wl_order","lambda2","lambda3","i","for","readonly","_hoisted_17","_hoisted_21","min","_hoisted_25","max","_component_SuperGaussianParameterDescriptionModal","_component_PeakIntensityGaussianDescriptionModal","_component_PeakIntensitySech2DescriptionModal","_component_PeakFluenceDescriptionModal","inverseGammas","Infinity","SuperGaussianParameterDescriptionModal","PeakIntensityGaussianDescriptionModal","PeakIntensitySech2DescriptionModal","PeakFluenceDescriptionModal","D_e_2","D_FWHM","w0","gama","fluence","intensity","sqrt","intensity_sech2","dataReady","_createBlock","_component_BeamDisplacementRayOutput","icon","Title","wl","material","theta","phi","_component_Selector","list","onSelectedMaterial","_toDisplayString","_component_Slider","onUpdate","_Fragment","_renderList","subcategorie","key","label","materials","autofocus","category","element","_hoisted_5","longName","created","product","friendlyModelName","index","listName","defaultSelection","withLabel","Boolean","default","emits","selected","nv","$emit","setTimeout","$","selectpicker","beforeMount","keys","Object","firstKey","formattedDate","dateToFormat","date","Date","Intl","DateTimeFormat","dateStyle","timeStyle","format","description","info","birefrigerence_type","authHeader","user","JSON","parse","localStorage","getItem","Authorization","DataService","getMaterialsData","axios","headers","getN2MaterialsData","error","response","getSchemesData","getSchemeData","updateScheme","jsonScheme","registerScheme","getProductsData","getCategorizedProductsData","getProductSpecsData","getHarmonicOptimizationSpec","getProductData","productId","registerProduct","updateProduct","deleteProduct","postSvgImage","image","formData","FormData","append","postDescriptionImage","deleteDescriptionImage","postSchemeImage","getPresetsData","getPresetData","presetId","registerPreset","presetInfo","updatePreset","deletePreset","uploadPresetFromScheme","jsonName","getApiVersion","getOldSchemeData","process","_hoisted_28","_component_BeamDisplacementDescriptionModal","_component_OpticalPathDescriptionModal","_component_PhiCEDescriptionModal","GroupVelocity","n0","n1","n2","deltawl","denominator","RefractiveIndex","RefractiveIndexGeneral","abs","NumberOfAxis","RefractiveIndexMaterial","n_o","n_e","sin","cos","n_x","n_y","n_z","UpdateGVDZero","isMaterialBiaxial","fun","x","GroupVelocityDispersion","wl0","fsolve_monotonic","parameters","wl_n_range","xmin","xmax","precision","dx","limit_delta","x_new","iter","C","Clength","tmp","formula","n_wl","data_n_wl","data_n","length","len","j","x1","x2","y1","y2","n_defined","sellmeier_coeffs","push","alias","XC","YC","ZC","GVDMaterial","TODMaterial","delta_wl","d2P","d3P","NLRefractiveIndex","yValues","xValues","n2_o","n2_e","n2_wl","fun_phase_template","zRayleigh","z","rad_to_deg","atan","fun_curvature_template","fun_diameter_template","M2","angle","parseFloat","deg_to_rad","fresnel_reflection","thetai","thetat","asin","R_s","R_p","diffraction_angles","theta0","m","gpmm","rhs","AOI_diffraction_deviance","thetad","console","arguments","l_a","l_b","l_c","AOI1","AOI2","grating_pair_GDD","L","GDD","grating_pair_TOD","TOD","d_eff_phi","interaction_type","crystal_class","d_eff","d","make_n_function","ray","fsolve","x0","numiter","maxiter","steepest_descent_w_sampling","fval","deltax_sampling","deltax","minarg","stop","test_inside","a","b","make_phi_function","thetac","OpticalPathDescriptionModal","PhiCEDescriptionModal","BeamDisplacementDescriptionModal","String","hValue","alphaValue","extraordinayRay","titleid","ri","h","sinalpha","GV","opticalpath","opticalpathtime","deltaphiCE","round6","Slider","Selector","BeamDisplacementRayOutput","inputValue","slider","lazy","showTooltip","wlrangeMin","wlrangeMax","getters","wlrangeMaxDef","wlrangeMinDef","onInputChange","onSliderChange","onSelection","then","_component_MaterialSelect","thickness","onDelete","onMaterial","onHChange","_component_BeamDisplacementSandwichRayOutput","_component_OpticalPathSpatialDescriptionModal","_component_OpticalPathTemporalDescriptionModal","OpticalPathTemporalDescriptionModal","OpticalPathSpatialDescriptionModal","materialList","phi_CE","t","calculate","newWl","ri_e","phi_CE_e","t_e","GDD_e","TOD_e","GV_e","L_e","item","onInput","defaultMaterialName","withThickness","emitDelete","BeamDisplacementSandwichRayOutput","MaterialSelect","materialCount","no_wl_overlap","materialListLength","defaultmaterial","defaultMaterial","addMaterial","onhChange","ordinary","extraordinary","onSelect","updateRange","splice","newMaterialForList","wlMin","wlMax","_hoisted_41","_hoisted_43","_hoisted_49","_hoisted_51","_hoisted_53","_hoisted_55","_hoisted_57","_hoisted_58","_component_BeamFocusing","_component_DivergenceAngleDescriptionModal","_component_RayleighLengthDescriptionModal","_component_BeamParameterProductDescriptionModal","_imports_1","s","d0_out","w0_out","s_out","d0_lens","w0_lens","AuthService","login","username","password","setItem","stringify","logout","removeItem","initialState","status","loggedIn","jwtPayload","parseJwt","exp","now","createStore","groupedMaterials","n2materials","products","categorizedProducts","schemes","presets","defaultMaterialReady","schemesReady","productsReady","n2MaterialsReady","tempImage","plannerActiveObjectName","apiVersion","productSpecs","plannerActiveObject","harmonicOptimizationSpec","materialsByType","filter","mutations","SET_GroupedMaterials","SET_N2Materials","SET_CategorizedProducts","DELETE_CategorizedProducts","SET_Products","DELETE_Products","DELETE_Presets","presetsReady","SET_Schemes","DELETE_Schemes","SET_Loading","SET_Presets","SET_DefaultMaterial","SET_TempImage","SET_PlannerActiveObjectSize","object","plannerActiveObjectSize","round","getScaledWidth","getScaledHeight","SET_PlannerActiveObjectName","SET_PlannerActiveObject","SET_ApiVersion","version","SET_ProductSpecs","specs","SET_HarmonicOptimizationSpec","loginSuccess","loginFailure","actions","loadHarmonicOptimizationSpec","commit","loadGroupedMaterials","loadN2Materials","loadProducts","loadCategorizedProducts","loadProductSpecs","loadSchemes","loadPresets","loadDefaultMaterial","loadDefaultPlannerProduct","loadApiVersion","Promise","resolve","reject","modules","token","base64Url","split","base64","replace","jsonPayload","decodeURIComponent","window","atob","map","charCodeAt","toString","slice","join","drawPlotD3","y","target","x_axis","y_axis","additional_options","margin","options","hAxis","logScale","titleTextStyle","italic","tickOptions","vAxis","backgroundColor","chartArea","left","top","bottom","width","height","legend","position","parent","explorer","maxZoomIn","merge_objects","myColors","defaultMargin","right","padding","empty","translate_format","myRegexp1","myRegexp2","myMatch","exec","prototype","hasOwnProperty","call","xRange","xAxis","yRange","yAxis","xval","yval","tval","svg","d3","attr","select","insert","scale","range","orient","tickFormat","LN10","innerTickSize","outerTickSize","tickPadding","xAxis2","linear","yAxis2","yRangeMinTemp","yRangeMaxTemp","yRangeMin","yRangeMax","lineFunction","defined","dataSet","val","tooltip","tooltipfun","xRangeDomain","extent","pointSize","domain","tip","d3Tip","offset","html","path","series","lineDashStyle","selectAll","enter","hoverRange","on","show","hide","leftX","rightX","text","store","obj1","obj2","p","drawTuningCurvesD3","vAxes","indexOf","ticks","tickValues","yAxisSecondary","yScale","v","xaxis","dataSetBE","dataSetSpec","dataSetOther","dataSetOrder","concat","jj","line","pointSizeHover","visibleInLegend","data1","indexer","area","y0","datum","translate","g","each","items","property","legendPadding","lb","li","classed","self","pos","getBBox","circle","undefined","linedashstyle","entries","sort","exit","remove","lbbox","BeamFocusing","DivergenceAngleDescriptionModal","RayleighLengthDescriptionModal","BeamParameterProductDescriptionModal","zMax","d0","activePlot","d0_FWHM","BPP","plot","$watch","newVal","z_positive","z_min","z_max","z_step","z_num","z_val","fun_phase","fun_curvature","fun_diameter","axis","_component_PeakPowerGaussianDescriptionModal","_component_PeakPowerSech2DescriptionModal","PeakPowerGaussianDescriptionModal","PeakPowerSech2DescriptionModal","power","power_sech2","_component_BeamDisplacementSlabPairRayOutput","_component_OpticalPathSlabPairDescriptionModal","OpticalPathSlabPairDescriptionModal","distanceValue","alpha","distance","l","opticalpathtime0","opticalpathtimedelta","dForView","BeamDisplacementSlabPairRayOutput","n_oe","drawPlot","wlValue","wl_min","wl_max","wl_step","get5DefaultValuesAsync","drawPlots","materialToAdd","async","materialForReturn","getMaterial","material3","sumOfExtraordinaryPlots","y_n","y_gvd","y_tod","funcs_n","funcs_gvd","funcs_tod","fun_n","_material","fun_gvd","fun_tod","_component_PrismRefractionRayOutput","onHasError","_component_BrewstersAngleDescriptionModal","_component_DeviationAngleDescriptionModal","_component_RefrectionAngleDescriptionModal","_component_MinDeviationAngleDescriptionModal","BrewstersAngleDescriptionModal","DeviationAngleDescriptionModal","RefrectionAngleDescriptionModal","MinDeviationAngleDescriptionModal","theta1Value","theta1","deltaValue","delta","thetabr","alpha0","theta0critical","hasError","isNaN","PrismRefractionRayOutput","onError","R","B","_hoisted_33","_component_ReflectanceSDescriptionModal","_component_ReflectancePDescriptionModal","ReflectancePDescriptionModal","ReflectanceSDescriptionModal","result","theta_br","y_s_val","y_p_val","y_s_tooltip","y_p_tooltip","x_min","x_max","x_step","fun_s","fun_p","viewWindow","baselineColor","_hoisted_40","_hoisted_44","_hoisted_46","rows","_component_DeviationAngle2DescriptionModal","_component_LittrowAngleDescriptionModal","_component_AngleOfIncidenceDescriptionModal","DeviationAngle2DescriptionModal","LittrowAngleDescriptionModal","AngleOfIncidenceDescriptionModal","thetaL","thetab","textarea_text","textToReturn","m_min","floor","m_max","ceil","wl_val","fun_diffraction_angles_template","_component_RayOutput","_component_GroupVelocityDispersionDescription","_component_ThirdOrderDispersionDescription","_component_GroupRefractiveIndexDescription","GroupVelocityDispersionDescription","ThirdOrderDispersionDescription","GroupRefractiveIndexDescription","GVD","todr","ng","wl_gvdzero","RayOutput","rangeSlider","isMaterialIsotropic","onRangeSliderChange","fun_GDD","fun_TOD","fun_GDD_e","fun_TOD_e","wl_limit","tid","_hoisted_60","_hoisted_62","disabled","_hoisted_69","_hoisted_75","_hoisted_77","_hoisted_83","_hoisted_85","_hoisted_90","_hoisted_91","_hoisted_98","_hoisted_100","_hoisted_105","_hoisted_107","_hoisted_108","_component_BrewsterConfigurationDescriptionModal","_component_DistanceBetweenPrismDescriptionModal","_component_GroupDelayDispersionDescriptionModal","_component_InsertionAngleFirstPrismDescriptionModal","_component_InsertionAngleSecondPrismDescriptionModal","_component_OutputPrismPairDescriptionModal","_component_PrismSeparationDescriptionModal","_component_ThirdOrderDispersionOfPrismPairDescriptionModal","BrewsterConfigurationDescriptionModal","DistanceBetweenPrismDescriptionModal","GroupDelayDispersionDescriptionModal","InsertionAngleFirstPrismDescriptionModal","InsertionAngleSecondPrismDescriptionModal","OutputPrismPairDescriptionModal","PrismSeparationDescriptionModal","ThirdOrderDispersionOfPrismPairDescriptionModal","brewsterConfiguration","l1","l2","theta0Default","alphaDefault","GDDPrismPair","TODPrismPair","phi11","psi11","psi21","phi21","l1_prime","P_BC","w","prismpair_textarea_text","prism_pair_path","phi21c","fun_wl","wlc","NaN","AB","BC","CD","DE","sum","P_AB","tan","l2_prime","P_DE","P_CD","deltat_after","deltat_min","deltat_max","deltat_at_min","fun_deltat_template","_component_PulseElongationRayOutput","beforeFWHM_wValue","wl_units","LValue","onBeforeFWHM_t","wlsliderValue","afterFWHM_t","beforeFWHM_t","beforeFWHM_w","TBWP","PulseElongationRayOutput","oldValue","onBeforeFWHM_tChange","Bintegral_e","PI","Bintegral_o","n2_source","_component_SFGPanel","expand","onState","_component_EEOthetaPMDescriptionModal","_component_EOEthetaPMDescriptionModal","_component_EOOthetaPMDescriptionModal","_component_OEEthetaPMDescriptionModal","_component_OEOthetaPMDescriptionModal","_component_OOEthetaPMDescriptionModal","_component_AngularWalkoffDescriptionModal","EEOthetaPMDescriptionModal","EOEthetaPMDescriptionModal","EOOthetaPMDescriptionModal","OEEthetaPMDescriptionModal","OEOthetaPMDescriptionModal","OOEthetaPMDescriptionModal","AngularWalkoffDescriptionModal","GVM","theta_PM","walkoff","deff","showExpanded","interaction_types","thetaV","walkoffV","GVMV","deffV","walkoff1","walkoff2","walkoff3","delay1","delay2","deffReturn","updateData","newwl","delta_theta","internal_angle","make_d_eff_function","mat","charAt","deffval","n31","n32","n21","n22","n11","n12","GV3","GV2","GV1","SFGPanel","EEOshow","OEOshow","EOOshow","OOEshow","EOEshow","OEEshow","EEOstate","OEOstate","EOOstate","OOEstate","EOEstate","OEEstate","noPMshow","wlOutOfBounds","lambda1Inside","lambda2Inside","lambda3Inside","onStateChange","eeo","oeo","eoo","ooe","eoe","oee","_hoisted_37","phi_array","theta0_array","phi1","phi2","_hoisted_35","lambda_field1","lambda_field2","wl_field1","wl_field2","wl_field3","wl_field1Values","valuesForReturn","wl_field2Values","validateInput","UpdatePMAngles","wl_label","wl_index","walkoff_output","temp","x_title","y_title","d_eff_max","theta_PM_all","d_eff_max_all","subscript_indices","isFinite","placeholder","required","onKeyup","staySignedIn","loginFailed","$router","location","reload","resetError","selectedProduct","params","not","parents","removeClass","toggleClass","preset","selectedPreset","edit","schemeId","_component_router_link","to","group","n2_defined","_component_JsonEditorVue","JsonEditorVue","saveAsName","inputStyle","borderColor","onSave","$swal","fire","showConfirmButton","timer","onSaveAs","errorsString","errors","confirmed","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","isConfirmed","_component_Planner","_hoisted_39","_hoisted_42","_hoisted_47","_hoisted_61","_hoisted_63","_hoisted_65","_hoisted_67","_hoisted_71","_hoisted_73","_hoisted_76","_hoisted_79","_hoisted_81","_hoisted_84","_hoisted_87","_hoisted_1","fullPath","includes","_component_ProductInfoForUser","_hoisted_101","_hoisted_102","_hoisted_103","_component_TableSettings","settings","onAdd","descriptionText","descriptionLink","imgUrl","descriptionImage","KITCHEN","lastTarget","layoutSettings","notificationSent","ft_to_cm","decimalAdjust","isBetween","deg","pngImageHD","defaultTableParams","X","Y","offsetX","offsetY","drawLine","active","isDown","lineColor","lineWidth","toggle","activate","canvas","selection","hoverCursor","deactivate","mouseDown","pointer","points","getPointer","e","fabric","hasControls","strokeWidth","fill","stroke","originX","originY","selectable","targetFindTolerance","setControlsVisibility","tr","bl","ml","mt","mr","mb","mtr","tl","br","add","canvasHistory","saveState","mouseMove","shiftPressed","setCoords","renderAll","terminate","forEachObject","obj","measure","stage","fontSize","fontFamily","fontColor","line0","dimension","noScaleCache","widthText0","line1","gridScale","line2","slash1","slash2","widthText","styles","toObject","ruler","drawMiddleLine","stateQueue","stateIndex","stateMaxIndex","tabletop","objects","table","reset","toJSON","tableParameters","unshift","undo","loadFromJSON","tableCanvas","clear","drawTable","maxId","_objects","createPNG","animate","makePNG","can","document","getElementById","getContext","toBlobHD","tableSvg","toSVG","suppressPreamble","tableCloneObject","tableSvgImage","encodeURIComponent","o","sendToBack","png_image_tabletop","toDataURL","multiplier","byteCharacters","byteNumbers","Array","byteArray","Uint8Array","Blob","makePNG2","pngImage","ctx","clearRect","drawImage","tableArray","widthOffset","heightOffset","rx","ry","grid","holeRadius","radius","evented","dy","pop","tableObjectNumber","prepareTableSettingsWindow","author","email","comments","prop","css","getCanvasWidth","getCanvasHeight","apply","valArray","canvasWidth","canvasHeight","myRe","usingPreset","hideAllTerminals","search","gridSpacing","ratioGridScale","TEMP","snapX","snapPositionX","snapY","snapPositionY","topInit","leftInit","scaleX","setScaleX","setScaleY","scaleY","restoreAllSizes","trigger","modify","modal","new","addProduct","shape","visible","hasBorders","formatShape","lockRotation","freeRotate","lockScalingX","lockScalingY","terminals","_controlsVisibility","svgImage","scaleToWidth","bringToFront","lastAddedObject","showObjectTerminals","bringForwardObjectTerminals","png_image","img","scaleToHeight","sourcePath","strokeWidthUnscaled","requestRenderAll","updateObjectTerminals","visibility","terminal","getObjectById","hideObjectTerminals","varrr","bringForward","newTerminal","nTerminals","firstTerminalId","scalableX","scalableY","snapPositionXInit","snapPositionYInit","terminalMarkWidth","terminalMarkFill","hasRotatingPoint","align","toggleAllTerminals","terminalsVisible","showAllTerminals","updateAllTerminals","disableSelection","enableSelection","resolveDuplicateIds","mydict","maxid","productInList","find","moveSelectedObject","_activeObject","limits","toFrontSelectedObject","toBackSelectedObject","onSettings","lastTargetId","objX","objY","termX","termY","objectsCount","getObjects","button","click","removeSelectedObject","getActiveObjects","removeObject","_restoreObjectsState","rotateSelectedObject","temp_snap","initAngle","rotate","saveAsPng","download","toBlob","blob","URL","createObjectURL","tableTop","link","createElement","body","appendChild","removeChild","saveScheme","loadSettingsFromJSON","input","tableDefined","save","output","paths","toDatalessJSON","exportObjectList","box_size","compare","item1","item2","boxWidth","boxHeight","code","boxSize","navCode","which","keyCode","ctrlPressed","activeObject","getActiveObject","selectionStart","updatedText","copiedObject","loadOldSchemeFromJSON","names","ratioY","toggleTable","bool","additionalInformation","_component_PresetInfo","alt","imageUrl","imageFilename","PresetInfo","newTable","custom_cm","sizeFT","usePreset","applySettings","presetName","firstWord","string","timeout","ms","ProductInfoForUser","TableSettings","showSelector","presetMode","showColors","drawColor","Author","Email","AdditionalInformation","Size","savedScheme","savingError","saved","copySaved","newPlan","presetTitle","presetCategory","presetHasError","createdFromPreset","oldScheme","showTable","blackBoxWidth","blackBoxHeight","schemeUrl","getData","createCanvas","whenObjectSelected","whenselectionUpdated","whenSelectionCleared","scaling","event","updateWidth","getObjectScaling","parseInt","all","uploadSchemeImage","newLayout","saveJson","deleteObjects","cwRotate","ccwRotate","onMoveToFront","onMoveToBack","draw","annotate","newTextbox","toggleTerminals","tabelParam","catch","loadOldScheme","stateful","renderOnAddRemove","preserveObjectStacking","perPixelTargetFind","fireRightClick","stopContextMenu","$route","savePreset","savedJson","sendPresetData","confirmDialog","register","saveInfo","saveAsPreset","tableParam","Planner","_imports_2","_imports_3","_imports_4","_imports_5","_imports_6","_imports_7","_imports_8","_imports_9","_hoisted_52","_hoisted_54","_hoisted_64","_hoisted_70","_hoisted_72","_hoisted_82","_hoisted_86","_hoisted_89","_hoisted_92","_hoisted_93","_hoisted_96","_hoisted_99","_hoisted_104","_hoisted_110","_hoisted_111","_hoisted_116","_hoisted_119","_hoisted_121","_hoisted_122","_hoisted_124","_hoisted_125","_hoisted_127","_hoisted_128","_hoisted_66","url","cache","dataType","ATL_JQ_PAGE_PROPS","triggerFunction","showCollectorDialog","preventDefault","fieldValues","visibleFromOutside","accept","capture","_component_TerminalsTable","onRemove","scope","newTerminals","descImgPresent","TerminalsTable","hasSnapError","svgUrl","errorHandling","onFileChanged","files","onSvgFileChanged","onDeleteDescriptionImage","border","valign","pdfData","qrsrc","today","hh","getHours","getMinutes","dd","getDate","mm","getMonth","yyyy","getFullYear","print","tableSizeFromParameters","_component_TuningCurveSlider","pumpEnergyRange","onOnValueChange","onFreeze","pumpPowerRange","pumpRepRateRange","interactions","interaction","initValue","Number","outOfBoundsError","lock","setSliderValue","powerSymbols","xticksList","yticksList","colors","exponential_form","array_difference","arr1","arr2","arr3","TuningCurveSlider","pulseEnergy","repetitionRate","hasEnergyError","hasRepRateError","hasPowerError","powerFreezed","pulseEnergyFreezed","repRateFreezed","selectedinteractions","showBestEffort","images","savePng","d3ToPng","require","firstChild","quality","ignore","background","fileData","downloadPng","deleteImageFromArray","onPulseEnergyChange","energy","onPowerChange","onRepetitionRateChange","calculateRange","target_div","productData","interactionName","powerScale","yvalBE","yvalSpecs","yrangeProduct","interactionsList","isChecked","global_i","global_max","yvalTotal","xrange","yrange","xticks","yticks","yticksEnergy","xseries","interactionCode","inList","inRange","isVisible","isDisabled","isCheckedString","isDisabledString","rangeString","wavelength","maxPower","specifiedWavelengthRange","minPower","isStacked","targetAxisIndex","areaOpacity","pointsVisible","maxLines","textStyle","viewWindowMode","gridlines","slantedText","slantedTextAngle","Pump_energy_1","Pump_energy_2","energy_max","productName","restart","a0","a1","a2","a3","freq","freq_max","get_conversion","dataSteps","energies","types","toUpperCase","energy_fundamental","conversion","energy_converted","stick","yticksfiltered","marginStick","xAxisName","yAxisName","_component_base_image_input","image1","image2","imageData","chooseImage","fileInput","onSelectFile","reader","FileReader","onload","readAsDataURL","BaseImageInput","checkString","checkBool","newProduct","file","_component_KitchenPlanner","KitchenPlanner","routes","redirect","HomeView","navbar","NavBar","meta","metaTags","content","PlannerView","children","PdfOutput","beforeEnter","UnitConverterView","BandwidthConverterView","PulseLengthBandwidthConverterView","SFConverterView","PulseIntensityView","PulsePowerView","GaussianBeamPropagationView","BeamDisplacementView","BeamDisplacementSandwichView","BeamDisplacementSlabPairView","RefractiveIndexView","CompareMaterialsView","PrismRefractionView","LensRadiusView","FresnelReflectionView","DiffractionAnglesView","GratingCalculatorView","MaterialDispersionView","GratingPairCompressorView","TwoPrismCompressorView","PulseElongationView","PulseElongationThroughMaterialView","NonlinearOpticalInteractionsView","SumFrequencyGenerationView","NoncolinearSFGInternalAnglesView","BIntegralView","TuningCurvesView","HarmonicModuleOptimization","AdminView","AdminDashboardView","NavBarAdmin","ProductInfo","AdminSchemes","AdminPresets","ProductRegisterView","PresetRegisterView","AdminMaterials","AdminMaterialEditor","router","createRouter","history","createWebHistory","beforeEach","from","next","nearestWithTitle","matched","reverse","r","nearestWithMeta","previousNearestWithMeta","querySelectorAll","el","parentNode","tagDef","tag","forEach","setAttribute","head","onMathJaxReady","renderByMathjax","initMathJax","enableMenu","menuOptions","inTabOrder","createApp","App","use","MathJax","VueSweetalert2","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","deferred","O","chunkIds","fn","priority","notFulfilled","fulfilled","every","getter","__esModule","definition","defineProperty","enumerable","globalThis","Function","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","bind","__webpack_exports__"],"sourceRoot":""}