passbolt-styleguide 3.3.3 → 3.4.0-alpha2

package/src/js/colorpicker.js

@@ -1,32 +0,0 @@
-$(document).ready(function() {
-	/* color picker */
-	var fb = $.farbtastic('#js_colorpicker');
-	var txtvalue = "";
-	var txtpossible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789*(){}[]:;!@#$%^&*_-+=|';
-	var colorpossible = 'ABCDEF0123456789';
-
-	/* callback on color picking selection */
-	fb.linkTo(function(color){
-		var txtcolor = fb.hsl[2] > 0.5 ? '#000' : '#fff';
-		$('#js_security_token_text')
-			.css('color',txtcolor)
-			.css('background-color',color);
-		$('#js_security_token_background').val(color);
-		$('#js_security_token_color').val(txtcolor);
-
-	});
-
-	/* set some random letters */
-	var i=0;
-	var randcolor = '';
-	var randtext = '';
-	for( ; i < 3; i++ )
-		randtext += txtpossible.charAt(Math.floor(Math.random() * txtpossible.length));
-	$('#js_security_token_text').val(randtext);
-
-	/* set some random color */
-	for(i=0; i < 6; i++ )
-		randcolor += colorpossible.charAt(Math.floor(Math.random() * colorpossible.length));
-	fb.setColor('#' + randcolor);
-
-});

package/src/js/download.js

@@ -1,128 +0,0 @@
-//download.js v3.0, by dandavis; 2008-2014. [CCBY2] see http://danml.com/download.html for tests/usage
-// v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime
-// v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs
-// v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support
-
-// data can be a string, Blob, File, or dataURL
-
-function download(data, strFileName, strMimeType) {
-
-  var self = window, // this script is only for browsers anyway...
-    u = "application/octet-stream", // this default mime also triggers iframe downloads
-    m = strMimeType || u,
-    x = data,
-    D = document,
-    a = D.createElement("a"),
-    z = function(a){return String(a);},
-
-
-    B = self.Blob || self.MozBlob || self.WebKitBlob || z,
-    BB = self.MSBlobBuilder || self.WebKitBlobBuilder || self.BlobBuilder,
-    fn = strFileName || "download",
-    blob,
-    b,
-    ua,
-    fr;
-
-  //if(typeof B.bind === 'function' ){ B=B.bind(self); }
-
-  if(String(this)==="true"){ //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback
-    x=[x, m];
-    m=x[0];
-    x=x[1];
-  }
-
-
-
-  //go ahead and download dataURLs right away
-  if(String(x).match(/^data\:[\w+\-]+\/[\w+\-]+[,;]/)){
-    return navigator.msSaveBlob ?  // IE10 can't do a[download], only Blobs:
-      navigator.msSaveBlob(d2b(x), fn) :
-      saver(x) ; // everyone else can save dataURLs un-processed
-  }//end if dataURL passed?
-
-  try{
-
-    blob = x instanceof B ?
-      x :
-      new B([x], {type: m}) ;
-  }catch(y){
-    if(BB){
-      b = new BB();
-      b.append([x]);
-      blob = b.getBlob(m); // the blob
-    }
-
-  }
-
-
-
-  function d2b(u) {
-    var p= u.split(/[:;,]/),
-      t= p[1],
-      dec= p[2] == "base64" ? atob : decodeURIComponent,
-      bin= dec(p.pop()),
-      mx= bin.length,
-      i= 0,
-      uia= new Uint8Array(mx);
-
-    for(i;i<mx;++i) uia[i]= bin.charCodeAt(i);
-
-    return new B([uia], {type: t});
-  }
-
-  function saver(url, winMode){
-
-
-    if ('download' in a) { //html5 A[download]
-      a.href = url;
-      a.setAttribute("download", fn);
-      a.innerHTML = "downloading...";
-      D.body.appendChild(a);
-      setTimeout(function() {
-        a.click();
-        D.body.removeChild(a);
-        if(winMode===true){setTimeout(function(){ self.URL.revokeObjectURL(a.href);}, 250 );}
-      }, 66);
-      return true;
-    }
-
-    //do iframe dataURL download (old ch+FF):
-    var f = D.createElement("iframe");
-    D.body.appendChild(f);
-    if(!winMode){ // force a mime that will download:
-      url="data:"+url.replace(/^data:([\w\/\-\+]+)/, u);
-    }
-
-
-    f.src = url;
-    setTimeout(function(){ D.body.removeChild(f); }, 333);
-
-  }//end saver
-
-
-  if (navigator.msSaveBlob) { // IE10+ : (has Blob, but not a[download] or URL)
-    return navigator.msSaveBlob(blob, fn);
-  }
-
-  if(self.URL){ // simple fast and modern way using Blob and URL:
-    saver(self.URL.createObjectURL(blob), true);
-  }else{
-    // handle non-Blob()+non-URL browsers:
-    if(typeof blob === "string" || blob.constructor===z ){
-      try{
-        return saver( "data:" +  m   + ";base64,"  +  self.btoa(blob)  );
-      }catch(y){
-        return saver( "data:" +  m   + "," + encodeURIComponent(blob)  );
-      }
-    }
-
-    // Blob but not URL:
-    fr=new FileReader();
-    fr.onload=function(e){
-      saver(this.result);
-    };
-    fr.readAsDataURL(blob);
-  }
-  return true;
-} /* end download() */

package/src/js/farbtastic.js

@@ -1,345 +0,0 @@
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation; either version 2 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
- */
-
-jQuery.fn.farbtastic = function (callback) {
-	$.farbtastic(this, callback);
-	return this;
-};
-
-jQuery.farbtastic = function (container, callback) {
-	var container = $(container).get(0);
-	return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback));
-}
-
-jQuery._farbtastic = function (container, callback) {
-	// Store farbtastic object
-	var fb = this;
-
-	// Insert markup
-	$(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>');
-	var e = $('.farbtastic', container);
-	fb.wheel = $('.wheel', container).get(0);
-	// Dimensions
-	fb.radius = 84;
-	fb.square = 100;
-	fb.width = 194;
-
-	// Fix background PNGs in IE6
-	if (navigator.appVersion.match(/MSIE [0-6]\./)) {
-		$('*', e).each(function () {
-			if (this.currentStyle.backgroundImage != 'none') {
-				var image = this.currentStyle.backgroundImage;
-				image = this.currentStyle.backgroundImage.substring(5, image.length - 2);
-				$(this).css({
-					'backgroundImage': 'none',
-					'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
-				});
-			}
-		});
-	}
-
-	/**
-	 * Link to the given element(s) or callback.
-	 */
-	fb.linkTo = function (callback) {
-		// Unbind previous nodes
-		if (typeof fb.callback == 'object') {
-			$(fb.callback).unbind('keyup', fb.updateValue);
-		}
-
-		// Reset color
-		fb.color = null;
-
-		// Bind callback or elements
-		if (typeof callback == 'function') {
-			fb.callback = callback;
-		}
-		else if (typeof callback == 'object' || typeof callback == 'string') {
-			fb.callback = $(callback);
-			fb.callback.bind('keyup', fb.updateValue);
-			if (fb.callback.get(0).value) {
-				fb.setColor(fb.callback.get(0).value);
-			}
-		}
-		return this;
-	}
-	fb.updateValue = function (event) {
-		if (this.value && this.value != fb.color) {
-			fb.setColor(this.value);
-		}
-	}
-
-	/**
-	 * Change color with HTML syntax #123456
-	 */
-	fb.setColor = function (color) {
-		var unpack = fb.unpack(color);
-		if (fb.color != color && unpack) {
-			fb.color = color;
-			fb.rgb = unpack;
-			fb.hsl = fb.RGBToHSL(fb.rgb);
-			fb.updateDisplay();
-		}
-		return this;
-	}
-
-	/**
-	 * Change color with HSL triplet [0..1, 0..1, 0..1]
-	 */
-	fb.setHSL = function (hsl) {
-		fb.hsl = hsl;
-		fb.rgb = fb.HSLToRGB(hsl);
-		fb.color = fb.pack(fb.rgb);
-		fb.updateDisplay();
-		return this;
-	}
-
-	/////////////////////////////////////////////////////
-
-	/**
-	 * Retrieve the coordinates of the given event relative to the center
-	 * of the widget.
-	 */
-	fb.widgetCoords = function (event) {
-		var x, y;
-		var el = event.target || event.srcElement;
-		var reference = fb.wheel;
-
-		if (typeof event.offsetX != 'undefined') {
-			// Use offset coordinates and find common offsetParent
-			var pos = { x: event.offsetX, y: event.offsetY };
-
-			// Send the coordinates upwards through the offsetParent chain.
-			var e = el;
-			while (e) {
-				e.mouseX = pos.x;
-				e.mouseY = pos.y;
-				pos.x += e.offsetLeft;
-				pos.y += e.offsetTop;
-				e = e.offsetParent;
-			}
-
-			// Look for the coordinates starting from the wheel widget.
-			var e = reference;
-			var offset = { x: 0, y: 0 }
-			while (e) {
-				if (typeof e.mouseX != 'undefined') {
-					x = e.mouseX - offset.x;
-					y = e.mouseY - offset.y;
-					break;
-				}
-				offset.x += e.offsetLeft;
-				offset.y += e.offsetTop;
-				e = e.offsetParent;
-			}
-
-			// Reset stored coordinates
-			e = el;
-			while (e) {
-				e.mouseX = undefined;
-				e.mouseY = undefined;
-				e = e.offsetParent;
-			}
-		}
-		else {
-			// Use absolute coordinates
-			var pos = fb.absolutePosition(reference);
-			x = (event.pageX || 0*(event.clientX + $('html').get(0).scrollLeft)) - pos.x;
-			y = (event.pageY || 0*(event.clientY + $('html').get(0).scrollTop)) - pos.y;
-		}
-		// Subtract distance to middle
-		return { x: x - fb.width / 2, y: y - fb.width / 2 };
-	}
-
-	/**
-	 * Mousedown handler
-	 */
-	fb.mousedown = function (event) {
-		// Capture mouse
-		if (!document.dragging) {
-			$(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup);
-			document.dragging = true;
-		}
-
-		// Check which area is being dragged
-		var pos = fb.widgetCoords(event);
-		fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square;
-
-		// Process
-		fb.mousemove(event);
-		return false;
-	}
-
-	/**
-	 * Mousemove handler
-	 */
-	fb.mousemove = function (event) {
-		// Get coordinates relative to color picker center
-		var pos = fb.widgetCoords(event);
-
-		// Set new HSL parameters
-		if (fb.circleDrag) {
-			var hue = Math.atan2(pos.x, -pos.y) / 6.28;
-			if (hue < 0) hue += 1;
-			fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]);
-		}
-		else {
-			var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5));
-			var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5));
-			fb.setHSL([fb.hsl[0], sat, lum]);
-		}
-		return false;
-	}
-
-	/**
-	 * Mouseup handler
-	 */
-	fb.mouseup = function () {
-		// Uncapture mouse
-		$(document).unbind('mousemove', fb.mousemove);
-		$(document).unbind('mouseup', fb.mouseup);
-		document.dragging = false;
-	}
-
-	/**
-	 * Update the markers and styles
-	 */
-	fb.updateDisplay = function () {
-		// Markers
-		var angle = fb.hsl[0] * 6.28;
-		$('.h-marker', e).css({
-			left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px',
-			top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px'
-		});
-
-		$('.sl-marker', e).css({
-			left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px',
-			top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px'
-		});
-
-		// Saturation/Luminance gradient
-		$('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5])));
-
-		// Linked elements or callback
-		if (typeof fb.callback == 'object') {
-			// Set background/foreground color
-			$(fb.callback).css({
-				backgroundColor: fb.color,
-				color: fb.hsl[2] > 0.5 ? '#000' : '#fff'
-			});
-
-			// Change linked value
-			$(fb.callback).each(function() {
-				if (this.value && this.value != fb.color) {
-					this.value = fb.color;
-				}
-			});
-		}
-		else if (typeof fb.callback == 'function') {
-			fb.callback.call(fb, fb.color);
-		}
-	}
-
-	/**
-	 * Get absolute position of element
-	 */
-	fb.absolutePosition = function (el) {
-		var r = { x: el.offsetLeft, y: el.offsetTop };
-		// Resolve relative to offsetParent
-		if (el.offsetParent) {
-			var tmp = fb.absolutePosition(el.offsetParent);
-			r.x += tmp.x;
-			r.y += tmp.y;
-		}
-		return r;
-	};
-
-	/* Various color utility functions */
-	fb.pack = function (rgb) {
-		var r = Math.round(rgb[0] * 255);
-		var g = Math.round(rgb[1] * 255);
-		var b = Math.round(rgb[2] * 255);
-		return '#' + (r < 16 ? '0' : '') + r.toString(16) +
-			(g < 16 ? '0' : '') + g.toString(16) +
-			(b < 16 ? '0' : '') + b.toString(16);
-	}
-
-	fb.unpack = function (color) {
-		if (color.length == 7) {
-			return [parseInt('0x' + color.substring(1, 3)) / 255,
-				parseInt('0x' + color.substring(3, 5)) / 255,
-				parseInt('0x' + color.substring(5, 7)) / 255];
-		}
-		else if (color.length == 4) {
-			return [parseInt('0x' + color.substring(1, 2)) / 15,
-				parseInt('0x' + color.substring(2, 3)) / 15,
-				parseInt('0x' + color.substring(3, 4)) / 15];
-		}
-	}
-
-	fb.HSLToRGB = function (hsl) {
-		var m1, m2, r, g, b;
-		var h = hsl[0], s = hsl[1], l = hsl[2];
-		m2 = (l <= 0.5) ? l * (s + 1) : l + s - l*s;
-		m1 = l * 2 - m2;
-		return [this.hueToRGB(m1, m2, h+0.33333),
-			this.hueToRGB(m1, m2, h),
-			this.hueToRGB(m1, m2, h-0.33333)];
-	}
-
-	fb.hueToRGB = function (m1, m2, h) {
-		h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h);
-		if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
-		if (h * 2 < 1) return m2;
-		if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6;
-		return m1;
-	}
-
-	fb.RGBToHSL = function (rgb) {
-		var min, max, delta, h, s, l;
-		var r = rgb[0], g = rgb[1], b = rgb[2];
-		min = Math.min(r, Math.min(g, b));
-		max = Math.max(r, Math.max(g, b));
-		delta = max - min;
-		l = (min + max) / 2;
-		s = 0;
-		if (l > 0 && l < 1) {
-			s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l));
-		}
-		h = 0;
-		if (delta > 0) {
-			if (max == r && max != g) h += (g - b) / delta;
-			if (max == g && max != b) h += (2 + (b - r) / delta);
-			if (max == b && max != r) h += (4 + (r - g) / delta);
-			h /= 6;
-		}
-		return [h, s, l];
-	}
-
-	// Install mousedown handler (the others are set on the document on-demand)
-	$('*', e).mousedown(fb.mousedown);
-
-	// Init color
-	fb.setColor('#000000');
-
-	// Set linked elements/callback
-	if (callback) {
-		fb.linkTo(callback);
-	}
-}