From b7efc0daf06eb8130beaaa51a6dda4354b512833 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 13 Jun 2023 14:40:59 +0200
Subject: [PATCH] wip #6020 @0.5

---
 .idea/deployment.xml | 66 +++++++++++++++++++++++++++++++++++++++-----
 src/Links/Link.php   | 17 ++++++++++++
 2 files changed, 76 insertions(+), 7 deletions(-)

diff --git a/.idea/deployment.xml b/.idea/deployment.xml
index f722004..ff7f409 100644
--- a/.idea/deployment.xml
+++ b/.idea/deployment.xml
@@ -1,44 +1,44 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" autoUpload="Always" serverName="toolbox.fluidbook.com" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false" autoUploadExternalChanges="true" showAutoUploadSettingsWarning="false">
+  <component name="PublishConfigData" autoUpload="Always" serverName="dev.toolbox.fluidbook.com" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false" autoUploadExternalChanges="true" showAutoUploadSettingsWarning="false">
     <option name="confirmBeforeUploading" value="false" />
     <serverData>
-      <paths name="batman.cubedesigners.com">
+      <paths name="alphaville.cubedesigners.com">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
           </mappings>
         </serverdata>
       </paths>
-      <paths name="ccv-montpellier.fr">
+      <paths name="demo1.cubedesigners.com">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
           </mappings>
         </serverdata>
       </paths>
-      <paths name="demo1.cubedesigners.com">
+      <paths name="dev-digital.danone.com">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
           </mappings>
         </serverdata>
       </paths>
-      <paths name="dev-digital.danone.com">
+      <paths name="dev.cubedesigners.fr">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
           </mappings>
         </serverdata>
       </paths>
-      <paths name="dev.cubedesigners.fr">
+      <paths name="dev.cubjeans.com">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
           </mappings>
         </serverdata>
       </paths>
-      <paths name="dev.cubjeans.com">
+      <paths name="dev.detouteslescouleurs.com">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -87,6 +87,23 @@
           </mappings>
         </serverdata>
       </paths>
+      <paths name="dev.toolbox.fluidbook.com">
+        <serverdata>
+          <mappings>
+            <mapping deploy="/vendor/fluidbook/tools" local="$PROJECT_DIR$" web="/" />
+          </mappings>
+          <excludedPaths>
+            <excludedPath local="true" path="$PROJECT_DIR$/vendor" />
+          </excludedPaths>
+        </serverdata>
+      </paths>
+      <paths name="dev.toolbox.fluidbook.com (Host)">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="digitaltoolbox.danone.com">
         <serverdata>
           <mappings>
@@ -122,6 +139,13 @@
           </mappings>
         </serverdata>
       </paths>
+      <paths name="kingkong.cubedesigners.com">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="m.cubjeans.com">
         <serverdata>
           <mappings>
@@ -181,6 +205,13 @@
           </mappings>
         </serverdata>
       </paths>
+      <paths name="songbook.enhydra.fr">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="stats3.fluidbook.com">
         <serverdata>
           <mappings>
@@ -198,6 +229,20 @@
           </excludedPaths>
         </serverdata>
       </paths>
+      <paths name="toolbox.fluidbook.com (Host)">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+      <paths name="vps-e87c4d02.vps.ovh.net">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="workshop.fluidbook.com">
         <serverdata>
           <mappings>
@@ -254,6 +299,13 @@
           </mappings>
         </serverdata>
       </paths>
+      <paths name="www.detouteslescouleurs.com">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="www.enko-running-shoes.com">
         <serverdata>
           <mappings>
diff --git a/src/Links/Link.php b/src/Links/Link.php
index 446db6a..22fed5b 100644
--- a/src/Links/Link.php
+++ b/src/Links/Link.php
@@ -115,6 +115,7 @@ class Link {
     public $tooltipColor = null;
     public $tooltipBackgroundColor = null;
     public $transition;
+    public $polygon = '';
     protected $role = 'button';
 
     protected $_init;
@@ -649,6 +650,22 @@ class Link {
             $css .= CSS::writeCSSUA('transform', 'skew(' . $this->skew . ')');
             $origin = true;
         }
+        if ($this->polygon) {
+            if (!is_array($this->polygon)) {
+                $points = json_decode($this->polygon, true);
+            } else {
+                $points = $this->polygon;
+            }
+            if (!empty($points)) {
+                $clippath = [];
+                foreach ($points as $p) {
+                    $x = ($p['x'] / $this->width) * 100;
+                    $y = ($p['y'] / $this->height) * 100;
+                    $clippath[] = $x . '% ' . $y . '%';
+                }
+                $css .= 'clip-path:polygon(' . implode(',', $clippath) . ');';
+            }
+        }
 
         $css .= $this->getCSS();
         $css .= '}';
-- 
2.39.5