layerpro 0.0.60 → 0.0.63

package/init.js

@@ -7,8 +7,6 @@ License: MIT
 
   var layerpro = window.layerpro = {}
 
-  require(__dirname + '/typings/layerpro.d.ts')
-
   // LOAD SETUP
   const pjson = require('./package.json')
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "layerpro",
-  "version": "0.0.60",
+  "version": "0.0.63",
   "description": "Manage your popups and customize them",
   "deprecated": false,
   "appCode": "layerpro",

package/scripts/{GenLayer.jsx → genLayer.jsx}

@@ -5,7 +5,7 @@ License: MIT
 
 import { createRoot } from 'react-dom/client'
 
-export const GenLayer = (p) => {
+export const genLayer = (p) => {
 
   var root // FUCKYOU FACEBOOK!
 

package/scripts/mouseCoords.jsx

@@ -30,7 +30,7 @@ export const getMouseDirection = function (e) {
   oldX = e.pageX
   oldY = e.pageY
 
-  console.log(xDirection)
+  //console.log(xDirection)
 
   return xDirection
 

package/scripts/popup.jsx

@@ -5,7 +5,7 @@ License: MIT
 
 //import React, { useState, useEffect } from "react";
 
-import { GenLayer } from "./GenLayer.jsx"
+import { genLayer } from "./genLayer.jsx"
 import { mouseCoord } from "./mouseCoords.jsx"
 import "./message.jsx"
 
@@ -19,7 +19,7 @@ $.ajaxSetup({
 
 const larX = 300
 const larY = 150
-// const prefs = localStorage.getItem('layerpro')
+const prefs = localStorage.getItem('layerpro')
 
 let isdresizableRes
 let highIndex = 1
@@ -46,7 +46,7 @@ export const popup = {
     if (!p) return false
 
     p.id = p.id || Math.round(Math.random() * 1000)
-    p.body = p.body || null
+    p.body = p.body
     p.width = p.width || 640
     p.height = p.height || 480
     p.name = p.name || 'popUp_' + p.id
@@ -55,7 +55,7 @@ export const popup = {
     p.iconize = p.iconize || null
     p.maximize = p.maximize || null
     p.isMaximize = p.isMaximize || null
-    p.dockable = p.dockable || null
+    p.dockable = p.dockable
     p.close = p.close || null
     p.raised = p.raised || null
     p.movable = p.movable || null
@@ -93,7 +93,7 @@ export const popup = {
 
     // Creation of final PopUp (avoid to recreate if same id exist)
     if ($('.popup_window_' + p.id, '#popup').length === 0) {
-      GenLayer(p)
+      genLayer(p)
     }
 
     /*******************************************************************/
@@ -348,15 +348,15 @@ export const popup = {
       }
     })
 
-    _dragger.on('dblclick', function (p) {
+    _dragger.on('dblclick', function (e) {
       layerpro.popup.maximize(p)
     })
 
     function dragMouseDown(e) {
       pos3 = e.clientX
       pos4 = e.clientY
-      document.addEventListener('mousemove', elementDrag)
-      document.addEventListener('mouseup', elementDragEnd)
+      document.onmousemove = elementDrag
+      document.onmouseup = elementDragEnd
       return false
     }
 
@@ -423,8 +423,8 @@ export const popup = {
 
     popup.vfx(_parent, false)
 
-    document.addEventListener('mousemove', (e) => { popup.doRes(e, id) })
-    document.addEventListener('mouseup', () => { popup.stopRes(id) })
+    document.onmousemove = (e) => { popup.doRes(e, id) }
+    document.onmouseup = () => { popup.stopRes(id) }
 
     startX = cords[0]
     startY = cords[1]
@@ -463,27 +463,35 @@ export const popup = {
       /********************************************************************************************************************************************/
 
       // TOP DRAG
-      if (popup.checkArea(e)[1] < popup.checkArea(e)[4] && Math.sign(popup.checkArea(e)[1]) === 1 && _sizer.hasClass("resize_0")) {
-        if (_parent.height() >= larY) { _parent.css({ 'top': Number.parseInt(startBottom - Y1), 'height': Number.parseInt(Y1) }) }
-        if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
+      if (popup.checkArea(e)[1] < popup.checkArea(e)[4] && Math.sign(popup.checkArea(e)[1]) === 1) {
+        if (_sizer.hasClass("resize_0")) {
+          if (_parent.height() >= larY) { _parent.css({ 'top': parseInt(startBottom - Y1), 'height': parseInt(Y1) }) }
+          if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+        }
       }
 
-      if (popup.checkArea(e)[0] < popup.checkArea(e)[5] && Math.sign(popup.checkArea(e)[0]) === 1 && // RIGHT DRAG
-        _sizer.hasClass("resize_1")) {
-        if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X), 'right': Number.parseInt(startLeft - X) }) }
-        if (_parent.width() <= larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+      if (popup.checkArea(e)[0] < popup.checkArea(e)[5] && Math.sign(popup.checkArea(e)[0]) === 1) {
+        // RIGHT DRAG
+        if (_sizer.hasClass("resize_1")) {
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X), 'right': parseInt(startLeft - X) }) }
+          if (_parent.width() <= larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
+        }
       }
 
-      if (popup.checkArea(e)[1] < popup.checkArea(e)[4] && Math.sign(popup.checkArea(e)[1]) === 1 && // BOTTOM DRAG
-        _sizer.hasClass("resize_2")) {
-        if (_parent.height() >= larY) { _parent.css({ 'height': Number.parseInt(Y) }) }
-        if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
+      if (popup.checkArea(e)[1] < popup.checkArea(e)[4] && Math.sign(popup.checkArea(e)[1]) === 1) {
+        // BOTTOM DRAG
+        if (_sizer.hasClass("resize_2")) {
+          if (_parent.height() >= larY) { _parent.css({ 'height': parseInt(Y) }) }
+          if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+        }
       }
 
-      if (popup.checkArea(e)[0] < popup.checkArea(e)[5] && Math.sign(popup.checkArea(e)[0]) === 1 && // LEFT DRAG
-        _sizer.hasClass("resize_3")) {
-        if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X1), 'left': Number.parseInt(startRight - X1) }) }
-        if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+      if (popup.checkArea(e)[0] < popup.checkArea(e)[5] && Math.sign(popup.checkArea(e)[0]) === 1) {
+        // LEFT DRAG
+        if (_sizer.hasClass("resize_3")) {
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X1), 'left': parseInt(startRight - X1) }) }
+          if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
+        }
       }
 
       /********************************************************************************************************************************************/
@@ -497,34 +505,34 @@ export const popup = {
 
         // TOP LEFT
         if (_sizer.hasClass("resize_corner_0")) {
-          if (_parent.height() >= larY) { _parent.css({ 'top': Number.parseInt(startBottom - Y1), 'height': Number.parseInt(Y1) }) }
-          if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
-          if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X1), 'left': Number.parseInt(startRight - X1) }) }
-          if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+          if (_parent.height() >= larY) { _parent.css({ 'top': parseInt(startBottom - Y1), 'height': parseInt(Y1) }) }
+          if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X1), 'left': parseInt(startRight - X1) }) }
+          if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
         }
 
         // TOP RIGHT
         if (_sizer.hasClass("resize_corner_1")) {
-          if (_parent.height() >= larY) { _parent.css({ 'top': Number.parseInt(startBottom - Y1), 'height': Number.parseInt(Y1) }) }
-          if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
-          if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X), 'right': Number.parseInt(startLeft - X) }) }
-          if (_parent.width() <= larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+          if (_parent.height() >= larY) { _parent.css({ 'top': parseInt(startBottom - Y1), 'height': parseInt(Y1) }) }
+          if (_parent.height() <= larY && Y1 > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X), 'right': parseInt(startLeft - X) }) }
+          if (_parent.width() <= larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
         }
 
         // BOTTOM RIGHT
         if (_sizer.hasClass("resize_corner_2")) {
-          if (_parent.height() >= larY) { _parent.css({ 'height': Number.parseInt(Y) }) }
-          if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
-          if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X), 'right': Number.parseInt(startLeft - X) }) }
-          if (_parent.width() <= larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+          if (_parent.height() >= larY) { _parent.css({ 'height': parseInt(Y) }) }
+          if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X), 'right': parseInt(startLeft - X) }) }
+          if (_parent.width() <= larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
         }
 
         // BOTTOM LEFT
         if (_sizer.hasClass("resize_corner_3")) {
-          if (_parent.height() >= larY) { _parent.css({ 'height': Number.parseInt(Y) }) }
-          if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': Number.parseInt(larY + 1) }) }
-          if (_parent.width() >= larX) { _parent.css({ 'width': Number.parseInt(X1), 'left': Number.parseInt(startRight - X1) }) }
-          if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': Number.parseInt(larX + 1) }) }
+          if (_parent.height() >= larY) { _parent.css({ 'height': parseInt(Y) }) }
+          if (_parent.height() <= larY && Y > larY) { _parent.css({ 'height': parseInt(larY + 1) }) }
+          if (_parent.width() >= larX) { _parent.css({ 'width': parseInt(X1), 'left': parseInt(startRight - X1) }) }
+          if (_parent.width() <= larX && X1 > larX) { _parent.css({ 'width': parseInt(larX + 1) }) }
         }
 
       }
@@ -584,7 +592,7 @@ export const popup = {
   zIndex: function (els) {
 
     els.each(function () {
-      let currentIndex = Number.parseInt($(this, '#popup').css("zIndex"), 10)
+      let currentIndex = parseInt($(this, '#popup').css("zIndex"), 10)
 
       if (currentIndex > highIndex) {
         highIndex = currentIndex

package/typings/cordova.d.ts

@@ -0,0 +1,12 @@
+/*
+Copyright: © 2022 Dario Passariello <dariopassariello@gmail.com>
+License: CC BY-NC-ND 4.0
+*/
+
+declare global {
+  interface Window {
+    cordova: any
+  }
+}
+
+cordova = window.cordova || false

package/typings/dphelper.d.ts

@@ -0,0 +1,29 @@
+/*
+Copyright: © 2022 Dario Passariello <dariopassariello@gmail.com>
+License: CC BY-NC-ND 4.0
+*/
+
+declare module 'dphelper'
+declare var dphelper: any
+declare var store: any
+declare var state: any
+// declare var _dph: any;
+
+declare module 'jquery'
+declare var $: any
+
+////////////////////////////////////////////////////////////////
+
+declare global {
+  interface Window {
+    dphelper: any
+    store: any
+    state: any
+    //_dph:any
+  }
+}
+
+dphelper = window.dphelper || []
+store = window.store || []
+state = window.state || []
+//_dph = window._dph || [];

package/typings/layerpro.d.ts

@@ -6,7 +6,7 @@ License: CC BY-NC-ND 4.0
 declare module 'layerpro'
 declare var layerpro: any
 
-// Remove confirm error about number of paramentes
+// Remove popup errors about number of paramentes or existence
 declare function confirm(f1?, func1?, func2?)
 declare function prompt(f1?, string?)
 declare function message(f1?)
@@ -20,3 +20,4 @@ declare global {
 }
 
 layerpro = window.layerpro || {}
+

package/typings/menupro.d.ts

@@ -0,0 +1,18 @@
+/*
+Copyright: © 2022 Dario Passariello <dariopassariello@gmail.com>
+License: CC BY-NC-ND 4.0
+*/
+
+declare module 'menupro'
+declare var menupro: any
+
+////////////////////////////////////////////////////////////////
+
+declare global {
+  interface Window {
+    menupro: any
+  }
+}
+
+menupro = window.menupro || {}
+

package/typings/namespace.d.ts

@@ -0,0 +1,7 @@
+
+declare namespace JSX {
+  export interface IntrinsicElements {
+    'x-foo': any
+  }
+}
+