dphelper 0.2.57 → 0.2.62

package/scripts/scrollbar.js

@@ -1,245 +0,0 @@
-/*!
- * dpHelper <https://github.com/passariello/dpHelper>
- * Copyright (c) 2021, Dario Passariello.
- * Licensed under the Apache-2.0 License.
- */
-
-/***********************************************************************/
-
-  var description = {
-    "name" : "Scrollbar",
-    "description" : "test",
-    "version" : "0.0.1",
-    "command" : "scrollbar",
-    "subCommand" : [
-      {
-        "name":"custom",
-        "description":"test"
-      },{
-        "name":"indicator",
-        "description":"test"
-      },{
-        "name":"position.get",
-        "description":"test"
-      },{
-        "name":"position.set",
-        "description":"test"
-      },{
-        "name":"smooth",
-        "description":"test"
-      },{
-        "name":"scrollTo",
-        "description":"test"
-      }
-    ],
-    "example" : "",
-    "author" : "Dario Passariello",
-    "active" : true
-  };
-
-  dphelper._list.scripts.push( description );
-
-/***********************************************************************/
-
-  dphelper.scrollbar = {
-
-    custom: ( el, options ) => {
-
-      if(!options['color_1']) options['color_1'] = "black";
-      if(!options['color_2']) options['color_2'] = "transparent";
-      if(!options['color_3']) options['color_3'] = "rgba(30,150,255,.5)";
-      if(!options['type']) options['type'] = "thin";
-      if(!options['behavior']) options['behavior'] = "smooth";
-      if(!options['width']) options['width'] = "8px";
-      if(!options['height']) options['height'] = "8px";
-      if(!options['rounded']) options['rounded'] = "25px";
-      if(!options['margin']) options['margin'] = "5px";
-      if(!options['border']) options['border'] = "5px solid transparent";
-
-      const $style = `${el}{
-                          scrollbar-width:auto;
-                          scrollbar-color:${options['color_1']} ${options['color_2']};
-                          scrollbar-width: ${options['type']};
-                          scroll-behavior: ${options['behavior']};
-                          scroll-margin: ${options['margin']};
-                          -ms-overflow-style: -ms-autohiding-scrollbar;
-                        }
-                      ${el}::-webkit-scrollbar {
-                          scroll-behavior: ${options['behavior']};
-                          width: ${options['width']};
-                          height: ${options['height']};
-                        }
-                      ${el}::-webkit-scrollbar-track {
-                        background: ${options['color_2']};
-                          border-radius: ${options['rounded']};
-                        }
-                      ${el}::-webkit-scrollbar-thumb {
-                          -webkit-border-radius: ${options['rounded']};
-                          border-radius: ${options['rounded']};
-                          background: ${options['color_1']};
-                          border:
-                        }
-
-                        /* ${el}::-webkit-scrollbar-thumb:window-inactive {
-                          background: ${options['color_3']}
-                        }*/
-                      `;
-
-      let styleToHead = document.createElement( "style" );
-      document.head.appendChild( styleToHead );
-      styleToHead.innerHTML = $style;
-
-    },
-
-    indicator: ( props ) => {
-
-      /**
-      /* This timeout it's to be suse that whole UI is loaded
-      /* Just smaller trick!
-      */
-
-        let cont = document.querySelector( props.el );
-        let sc = document.querySelector('.scrollindicator');
-
-        if( !sc ){
-
-          const createEl = document.createElement('div');
-          createEl.classList.add("scrollindicator");
-          document.querySelector('header').appendChild(createEl);
-
-          createEl.style.cssText = `
-            height:5px;
-            background:#65c45c;
-            position:absolute;
-            bottom:0;
-            left:0;
-            z-index:2
-          `;
-        }
-
-        if( !props.el && sc) {
-          sc.style.width = 0 + '%';
-          return null;
-        }
-
-        try{
-          let sc = document.querySelector('.scrollindicator');
-          cont.addEventListener( 'scroll' , function ( e ) {
-
-            sc.style.width = 0 + '%';
-            let winScroll = this.scrollTop || this.scrollTop;
-            let height = this.scrollHeight - this.clientHeight;
-            let scrolled = Math.min(Math.max(parseInt( (winScroll / height) * 100 ), 0), 100);
-            sc.style.width = scrolled + '%';
-
-            sc.click();
-
-          });
-
-          window.addEventListener('popstate', function ( e ) {
-            sc.style.width = 0;
-          });
-
-        }catch( e ){
-          return;
-        }
-
-      return null;
-
-    },
-
-    position: {
-
-      set: ( el ) => {
-        let ar = [ $( el ).scrollTop() , $( el ).scrollLeft() ];
-        if( ar[0] != null && ar[1] != null ){ dphelper.storage.set( el , ar ); }
-      },
-
-      get: ( el ) => {
-        if( !dphelper.storage.get( el ) ) return;
-        let ar = dphelper.storage.get( el ).trim().split(',');
-        $( el ).scrollTop( ar[0] );
-        $( el ).scrollLeft( ar[1] );
-      }
-
-    },
-
-    smooth: (target, speed, smooth) => {
-
-      if (target === document)
-        target = (document.scrollingElement || document.documentElement || document.body.parentNode || document.body); // cross browser support for document scrolling
-
-      let moving = false;
-      let pos = target.scrollTop;
-      let frame = target === document.body && document.documentElement ? document.documentElement : target; // safari is the new IE
-
-      target.addEventListener('mousewheel', scrolled, { passive: false });
-      target.addEventListener('DOMMouseScroll', scrolled, { passive: false });
-
-      function scrolled( e ) {
-        e.preventDefault(); // disable default scrolling
-
-        let delta = normalizeWheelDelta( e );
-
-        pos += -delta * speed;
-        pos = Math.max(0, Math.min(pos, target.scrollHeight - frame.clientHeight)); // limit scrolling
-
-        if (!moving) update();
-      }
-
-      function normalizeWheelDelta( e ){
-        if(e.detail){
-          if(e.wheelDelta)
-            return e.wheelDelta/e.detail/40 * (e.detail>0 ? 1 : -1); // Opera
-          else
-            return -e.detail/3; // Firefox
-        }else
-          return e.wheelDelta/120; // IE,Safari,Chrome
-      }
-
-      function update() {
-        moving = true;
-
-        let delta = (pos - target.scrollTop) / smooth;
-
-        target.scrollTop += delta;
-
-        if (Math.abs(delta) > 0.5)
-          requestFrame(update);
-        else
-          moving = false;
-      }
-
-      let requestFrame = function() { // requestAnimationFrame cross browser
-        return (
-          window.requestAnimationFrame ||
-          window.webkitRequestAnimationFrame ||
-          window.mozRequestAnimationFrame ||
-          window.oRequestAnimationFrame ||
-          window.msRequestAnimationFrame ||
-          function(func) {
-            window.setTimeout(func, 1000 / 50);
-          }
-        );
-      }();
-
-    },
-
-    scrollTo: function( container, element, gap = 0 ) {
-
-      let el1 = document.querySelector( container );
-      let el2 = document.querySelector( element );
-      let el3 = gap; // DIVERGENCE
-
-      if( !el1 || !el2 || !el3 ) return;
-
-      el1.scrollTo({
-        top: el2.offsetTop,
-        behavior: "smooth"
-      });
-
-    }
-
-  };
-
-  //example: dphelper.scrollbar.custom('*')

package/scripts/shortcut.js

@@ -1,70 +0,0 @@
-/*!
- * dpHelper <https://github.com/passariello/dpHelper>
- * Copyright (c) 2021, Dario Passariello.
- * Licensed under the Apache-2.0 License.
- */
-
-/***********************************************************************/
-
-  var description = {
-    "name" : "Handle Shortcut",
-    "description" : "test",
-    "version" : "0.0.1",
-    "command" : "shortcut",
-    "example" : "",
-    "author" : "Dario Passariello",
-    "active" : true
-  };
-
-  dphelper._list.scripts.push( description );
-
-/***********************************************************************/
-
-  dphelper.shortcut = ( e, trigger ) => {
-    const code = e.which ? e.which : e.keyCode;
-
-    if( !trigger ) trigger = {
-      // EXAMPLES:
-      "data" : [
-        {
-          "key" : "83",
-          "ctrl" : true,
-          "active" : true,
-          "description" : "CTRL+S",
-          //"element" : "#formSave",
-          "function" : ""
-        },
-        {
-          "key" : "27",
-          "ctrl" : false,
-          "active" : true,
-          "description" : "ESC",
-          "element" : "",
-          "function" : ""
-        },
-        {
-          "key" : "80",
-          "ctrl" : true,
-          "active" : true,
-          "description" : "CTRL+P",
-          "element" : "",
-          "function" : "function(){ Print }"
-        }
-      ]
-    };
-
-    trigger.map( list => {
-
-      // IF CTRL COMMAND
-      if ( e.ctrlKey || e.metaKey && list.ctrl === true ) {
-        if( code === parseInt(list.key) && list.active === true ){
-          if( list.element ) simulateClick( list.element );
-          if( list.function ) JSON.stringify( list.function );
-          e.preventDefault();
-          return;
-        }
-      }
-
-    });
-
-  };

package/scripts/storage.js

@@ -1,62 +0,0 @@
-/*!
- * dpHelper <https://github.com/passariello/dpHelper>
- * Copyright (c) 2021, Dario Passariello.
- * Licensed under the Apache-2.0 License.
- */
-
-/***********************************************************************/
-
-  var description = {
-    "name" : "Local Storage Manager",
-    "description" : "test",
-    "version" : "0.0.1",
-    "command" : "storage",
-    "subCommand" : [
-      {
-        "name":"get",
-        "description":"test"
-      },{
-        "name":"set",
-        "description":"test"
-      },{
-        "name":"delete",
-        "description":"test"
-      },{
-        "name":"clearAll",
-        "description":"test"
-      }
-    ],
-    "example" : "",
-    "author" : "Dario Passariello",
-    "active" : true
-  };
-
-  dphelper._list.scripts.push( description );
-
-/***********************************************************************/
-
-dphelper.storage = {
-
-  get: function( name ) {
-    if(!name) return;
-    return window.localStorage.getItem( name );
-  },
-
-  set: function( name, value ) {
-    if(!name || !value) return;
-    window.localStorage.setItem( name, JSON.stringify(value) );
-  },
-
-  delete: function( name ) {
-    if(!name) return;
-    window.localStorage.removeItem( name );
-  },
-
-  clearAll: function() {
-    window.localStorage.clear();
-  }
-
-};
-
-// START STORAGE DB
-// dphelper.storage.set( "dpHelper", 'active' );