From bcb23bdb025cedee187b3d87262f9a30a80715e4 Mon Sep 17 00:00:00 2001
From: Benji Bilheimer <git@benjibee.com>
Date: Wed, 4 Jul 2018 14:14:21 +0200
Subject: [PATCH] detecting / using custom fullscreen icon paths

---
 fullscreen.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/fullscreen.js b/fullscreen.js
index 0e5c622..79ea992 100644
--- a/fullscreen.js
+++ b/fullscreen.js
@@ -117,9 +117,11 @@ Flickity.keyboardHandlers[27] = function() {
 // ----- FullscreenButton ----- //
 
 function FullscreenButton( name, flickity ) {
+  var customPaths = this.getpathDirections(flickity.options.fullscreenPaths ? flickity.options.fullscreenPaths : {});
+
   this.name = name;
   this.createButton();
-  this.createIcon();
+  this.createIcon(customPaths);
   // events
   // trigger viewFullscreen or exitFullscreen on click
   this.onClick = function() {
@@ -144,12 +146,7 @@ function capitalize( text ) {
 
 var svgURI = 'http://www.w3.org/2000/svg';
 
-var pathDirections = {
-  view: 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',
-  exit: 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',
-};
-
-FullscreenButton.prototype.createIcon = function() {
+FullscreenButton.prototype.createIcon = function(pathDirections) {
   var svg = document.createElementNS( svgURI, 'svg');
   svg.setAttribute( 'class', 'flickity-button-icon' );
   svg.setAttribute( 'viewBox', '0 0 32 32' );
@@ -162,6 +159,14 @@ FullscreenButton.prototype.createIcon = function() {
   this.element.appendChild( svg );
 };
 
+FullscreenButton.prototype.getpathDirections = function( customPaths ){
+
+  return {
+    view: typeof customPaths.view == 'string' ? customPaths.view : 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',
+    exit: typeof customPaths.exit == 'string' ? customPaths.exit : 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',
+  };
+}
+
 FullscreenButton.prototype.activate = function() {
   this.element.addEventListener( 'click', this.clickHandler );
 };