More Javascript

javascript/base/index.html

@@ -37,7 +37,17 @@
         'fonctions-4',
         'tableaux-1',
         'tableaux-2',
-        'heritage-1'
+        'modele-objet-1',
+        'modele-objet-2',
+        'modele-objet-3',
+        'modele-objet-4',
+        'modularisation-1',
+        'modularisation-2',
+        'modularisation-3',
+        'modularisation-4',
+        'modularisation-5',
+        'modularisation-6',
+        'modularisation-7'
       ];
 
       var slideshow = remark.create({

javascript/base/modele-objet-1.md

@@ -1,29 +1,30 @@
-# .cadoles-slide-title[Héritage et chaîne prototypale]
+# .cadoles-slide-title[Modèle objet (1/4)]
 
 Javascript est un langage objet orienté **prototype**.
 
 **Constructeur et opérateur `new`**
 ```js
+// Le constructeur est une simple fonction
 function Person(name) {
   this.name = name;
 }
 
+// "Méthode" statique
+Person.methodeStatique = function() {
+  console.log('Methode statique');
+};
+
+Person.methodeStatique();
+
 // "Méthode" d'instance
 Person.prototype.sayHello = function() {
   return 'Hello, my name is ' + this.name;
 };
 
-// On créait une instance de Person
+// L'instanciation est réalisée avec l'ajout de l'opérateur 'new'
 var p = new Person('John Doe');
 
 console.log(p.name);
 console.log(p.sayHello());   // -> 'Hello, my name is John Doe'
 
 ```
-**Ce qui peut déstabiliser:**
-.cadoles-list.cadoles-small[
-
-- Les méthodes et propriétées privées n'existent pas.
-- Le prototype d'un objet peut être modifié/remplacé en cours d'exécution (les objets **déjà** seront également impactés).
-
-]

javascript/base/modele-objet-2.md

@@ -0,0 +1,22 @@
+# .cadoles-slide-title[Modèle objet (2/4)]
+
+**Ce qui peut déstabiliser:**
+
+.cadoles-list.cadoles-small[
+- Les méthodes et propriétées privées n'existent pas.
+- Le prototype d'un objet peut être modifié/remplacé en cours d'exécution (les objets **déjà** instanciés seront également impactés).
+]
+**Exemple**
+```js
+var Foo = function() {};
+
+var f = new Foo();
+
+f.bar();          // Erreur
+
+Foo.prototype.bar = function() {
+  console.log('bar');
+};
+
+f.bar();          // -> 'bar'
+```

javascript/base/modele-objet-3.md

@@ -0,0 +1,35 @@
+# .cadoles-slide-title[Modèle objet (3/4)]
+
+**Héritage**
+
+```js
+function Animal() {
+  this.nom = '';
+}
+
+Animal.prototype.donnerNom = function(nom) {
+  this.nom = nom;
+};
+
+var a = new Animal();
+a.donnerNom('...');
+
+function Chien() {
+  // On applique le constructeur d'Animal sur l'instance
+  Animal.call(this);
+}
+
+// On créait un nouvel objet prototype à partir de celui d'Animal
+Chien.prototype = Object.create(Animal.prototype);
+
+Chien.prototype.aboyer = function() {
+  console.log('Wouf !');
+};
+
+var c = new Chien();
+
+c.donnerNom('Beethoven');
+console.log(c.nom);
+c.aboyer();
+
+```

javascript/base/modele-objet-4.md

@@ -0,0 +1,5 @@
+# .cadoles-slide-title[Modèle objet (4/4)]
+
+**Chaîne prototypale**
+
+<img src="img/chaine_prototypale.png" style="max-width:100%" />

javascript/base/modularisation-1.md

@@ -0,0 +1,9 @@
+# .cadoles-slide-title[Modularisation (1/6)]
+
+.cadoles-list[
+- État des lieux
+- Variable globale et S.E.A.F.
+- Format "AMD"
+- CommonJS
+- Modules ES6
+]

javascript/base/modularisation-2.md

@@ -0,0 +1,7 @@
+# .cadoles-slide-title[Modularisation (2/6)]
+
+.cadoles-list[
+- Javascript (jusqu'à ES6) n'intègre pas de mécanisme particulier afin de modulariser le code.
+- L'envergure des projets Javascript devenant de plus en plus importante, différentes méthodes ont vu le jour dans les projets portées par la communauté.
+- Certaines sont accompagnées de spécification facilitant l'inter-opérabilité des projets, d'autres tiennent plus de la convention.
+]

javascript/base/modularisation-3.md

@@ -0,0 +1,33 @@
+# .cadoles-slide-title[Modularisation (3/6)]
+
+**Variable global et S.E.A.F.**
+
+> **S.E.A.F.:** _Self Executable Anonymous Function_
+
+```js
+(function(MyModule) {
+
+  // Cette variable n'est pas visible en dehors du contexte de définition
+  // du module
+  var localVar = 'Hello World !';
+
+  // Fonction privée, utilisable à l'intérieur du module
+  function myPrivateFunc() {
+    console.log('Fonction privée !')
+  }
+
+  // Fonction publique, utilisable via l'exposition publique de myModule
+  MyModule.myPublicFunc = function() {
+    console.log('Fonction publique !')
+  };
+
+  // Propriété publique
+  MyModule.foo = 'bar';
+
+// Dans un navigateur, 'this' pointe vers Window (le contexte général)
+}(MyModule = this.MyModule || {}));
+
+MyModule.myPublicFunc();    // -> 'Fonction publique !'
+console.log(MyModule.foo);  // -> 'bar'
+
+```

javascript/base/modularisation-4.md

@@ -0,0 +1,10 @@
+# .cadoles-slide-title[Modularisation (4/6)]
+
+**Avantages**
+- Simple à mettre en place, méthode très répandue (ex: jQuery)
+- Peu de surcoût d'exécution
+- Pas de transformation à apporter au code pour le rendre exécutable dans le navigateur
+
+**Désavantages**
+- Beaucoup de variantes, avec parfois des comportements légèrement différents
+- Ne gère par les dépendances

javascript/base/modularisation-5.md

@@ -0,0 +1,34 @@
+# .cadoles-slide-title[Modularisation (5/6)]
+
+**Format AMD**
+
+> **AMD:** _Asynchronous Module Definition_
+
+```js
+
+require('myModuleA', function() {
+
+  var myModuleA = {};
+
+  var localVar = 'Hello World !';
+
+  function myPrivateFunc() {
+    console.log('Fonction privée !')
+  }
+
+  // Fonction publique, utilisable via l'exposition publique de myModule
+  myModuleA.myPublicFunc = function() {
+    console.log('Fonction publique !')
+  };
+
+  return myModuleA;
+
+});
+
+require('myModuleB', ['myModuleA'], function(myModuleA) {
+
+  myModuleA.myPublicFunc();
+
+});
+
+```

javascript/base/modularisation-6.md

@@ -0,0 +1,11 @@
+# .cadoles-slide-title[Modularisation (6/6)]
+
+**Avantages**
+- Gestion et injection des dépendances
+- Inter-opérable avec les autres méthodes de modularisation via configuration
+- Véritable [spécification](https://github.com/amdjs/amdjs-api/blob/master/AMD.md), de nombreux "loaders" compatibles existent
+- "Lazy-loading" possible de certaines parties du code
+- Possibilité de charger des ressources autres que du Javascript via un mécanisme de plugin (ressources type texte, templates, etc...)
+
+**Désavantages**
+- Nécessite l'utilisation d'un "loader"

javascript/base/modularisation-7.md

@@ -0,0 +1,27 @@
+# .cadoles-slide-title[Modularisation (7/6)]
+
+**CommonJS**
+```js
+// **********************
+// * Fichier myModuleA.js
+// **********************
+
+var localVar = 'Hello World !';
+
+function myPrivateFunc() {
+  console.log('Fonction privée !')
+}
+
+// Fonction publique, utilisable via l'exposition publique de myModule
+exports.myPublicFunc = function() {
+  console.log('Fonction publique !')
+};
+
+// **********************
+// * Fichier myModuleB.js
+// **********************
+
+var myModuleA = require('./myModuleA');
+myModuleA.myPublicFunc();
+
+```

javascript/base/plan.md

@@ -4,7 +4,7 @@
 
 - Historique
 - Le langage
-- L'héritage prototypal
+- Le modèle objet
 - Modularisation
 - L'écosystème Javascript
 - Les alternatives
@@ -22,7 +22,7 @@
   - Objets
   - Fonctions
   - Tableaux
-- L'héritage prototypal
+- Le modèle objet
 - Modularisation
   - État des lieux
   - Variable globale

javascript/ressources/chaine_prototypale.ep

@@ -0,0 +1,193 @@
+<?xml version="1.0"?>
+<Document xmlns="http://www.evolus.vn/Namespace/Pencil"><Properties/><Pages><Page><Properties><Property name="name">Untitled Page</Property><Property name="id">1427708853703_9075</Property><Property name="width">1264</Property><Property name="height">812</Property><Property name="dimBackground"/><Property name="transparentBackground"/><Property name="backgroundColor">#ffffff</Property></Properties><Content><g xmlns="http://www.w3.org/2000/svg" p:type="Group" xmlns:p="http://www.evolus.vn/Namespace/Pencil" transform="translate(128,128.22401523590088)" id="8508b4f3b9d24544b05b1997d21c465d" p:sizing-gow="600.375244140625" p:sizing-goh="129.0959930419922"><g p:type="Shape" p:def="Evolus.Common:PlainTextV2" id="4d6aaef833b44297854221e9c83e44ab" transform="matrix(1,0,0,1,0,11.775993347167969)" p:sizing-ox="0" p:sizing-oy="0" p:sizing-ow="8.192000389099121" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[d]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="d2c7ddf54f474ef09b2e85de69dfbf8b" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="52db3eb061c3409abd9890b822e5247a" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">d</tspan></text>
+        </g><g p:type="Shape" p:def="Evolus.Common:RoundedRect" id="3ab5bf7e31fa4f27b01f1af0f066d730" transform="matrix(1,0,0,1,0,15.775993347167969)" p:sizing-ox="1" p:sizing-oy="16.776000022888184" p:sizing-ow="128" p:sizing-oh="88"><p:metadata><p:property name="box"><![CDATA[128,88]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,11]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="126" height="86" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="d7260597f69e41b798c822d64735caed" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="dc36c26c92424f1f9ee89f4adf2441e4">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#d7260597f69e41b798c822d64735caed" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#dc36c26c92424f1f9ee89f4adf2441e4)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="b175311d7f7a4e90a83fb9e20bac53d1"/>
+            <use xlink:href="#d7260597f69e41b798c822d64735caed" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="11" y="44" width="106" height="0" p:name="text" id="1b9b24fba8e54e2b84dcae1bb30d94ab" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" p:def="Evolus.Common:RichTextBoxV2" id="88ef6cf395db4a31a9525a205a3b99a3" transform="matrix(1,0,0,1,8,23.77599334716797)" p:sizing-ox="8" p:sizing-oy="23.775999069213867" p:sizing-ow="99" p:sizing-oh="30"><p:metadata><p:property name="width"><![CDATA[200,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="textContent"><![CDATA[nom: 'Beethoven'<br />age: 2<br />]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="customStyle"><![CDATA[
+                ]]></p:property></p:metadata>
+
+            <foreignObject x="0" y="0" width="99" height="30" p:name="htmlObject" id="b49fc77db6624db4a92b8a2aae2d96f9" style="color: rgb(0, 0, 0); opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <div xmlns="http://www.w3.org/1999/xhtml" p:name="textDiv" id="e472a65fca804a3aa8d87504dc44079f" style="display: inline-block; white-space: nowrap; text-decoration: none;"><div xmlns="http://www.w3.org/1999/xhtml">nom: 'Beethoven'<br />age: 2<br /></div></div>
+            </foreignObject>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="e34881afec4e4daea25782b52827c92e" transform="matrix(1,0,0,1,9.000015258789062,92.77599334716797)" p:sizing-ox="8.488015234470367" p:sizing-oy="81.00000095367432" p:sizing-ow="63.487998962402344" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[__proto__]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="6fc537ff3ae549fca0b95695414a9fea" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="32593c3568c946fe9605193038e41f78" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">__proto__</tspan></text>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="39b52c5d14944f459828ed9474be2d34" transform="matrix(1,0,0,1,110.00001525878906,83.77599334716797)" p:sizing-ox="111.00001525878906" p:sizing-oy="84.7760009765625" p:sizing-ow="13.999980468749996" p:sizing-oh="15.999980468749996"><p:metadata><p:property name="box"><![CDATA[13.999980468749996,15.999980468749996]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,1.9999975585937495]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="12" height="14" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="eb9acf75060a45b4bb1d28a8bce0a59f" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="5612462c0b0c4b09b5371b26da1f7cc7">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#eb9acf75060a45b4bb1d28a8bce0a59f" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#5612462c0b0c4b09b5371b26da1f7cc7)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="b32f25bdb4a84f4eaa872bfbcd08ed7c"/>
+            <use xlink:href="#eb9acf75060a45b4bb1d28a8bce0a59f" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="2" y="8" width="9.99999" height="0" p:name="text" id="e5a33a47179d4b90abd9b8cceaf11274" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="40b80eaa656843a788c7ce56aa45c726" transform="matrix(1,0,0,1,160.0000457763672,11.775993347167969)" p:sizing-ox="160.0000457763672" p:sizing-oy="0" p:sizing-ow="36.35200119018555" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[Chien]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="b2c4d278a57d4decaf852f128cd19236" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="91db3e27c8da4851858d53ed9f8f4010" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">Chien</tspan></text>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="9ba0075a2570430ba0e61623a7887641" transform="matrix(1,0,0,1,160.0000457763672,15.775993347167969)" p:sizing-ox="161.0000457763672" p:sizing-oy="16.776000022888184" p:sizing-ow="128" p:sizing-oh="88"><p:metadata><p:property name="box"><![CDATA[128,88]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,11]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="126" height="86" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="9a0405612cb84a6faafc6cfcb1618eaa" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="5bc97d8c46704eebbe34a151233f9d95">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#9a0405612cb84a6faafc6cfcb1618eaa" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#5bc97d8c46704eebbe34a151233f9d95)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="9b5b105a62114247ab46ee4a204174d4"/>
+            <use xlink:href="#9a0405612cb84a6faafc6cfcb1618eaa" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="11" y="44" width="106" height="0" p:name="text" id="48a5b07d4f7f4e6587cee8ead5d23c04" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RichTextBoxV2" id="30e904dedcda4e9fadea974916f1ff46" transform="matrix(1,0,0,1,168.0000457763672,23.77599334716797)" p:sizing-ox="168.0000457763672" p:sizing-oy="23.775999069213867" p:sizing-ow="47" p:sizing-oh="15"><p:metadata><p:property name="width"><![CDATA[200,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="textContent"><![CDATA[aboyer()<br />]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="customStyle"><![CDATA[
+                ]]></p:property></p:metadata>
+
+            <foreignObject x="0" y="0" width="47" height="15" p:name="htmlObject" id="770be92b03f64fe1909ad3b673630092" style="color: rgb(0, 0, 0); opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <div xmlns="http://www.w3.org/1999/xhtml" p:name="textDiv" id="ff105a44c9e041eda52f49cf33821b10" style="display: inline-block; white-space: nowrap; text-decoration: none;"><div xmlns="http://www.w3.org/1999/xhtml">aboyer()<br /></div></div>
+            </foreignObject>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="8e557dc5769242aba40c3081d480c1cc" transform="matrix(1,0,0,1,169.0000457763672,92.77599334716797)" p:sizing-ox="168.4880457520485" p:sizing-oy="81.00000095367432" p:sizing-ow="63.487998962402344" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[__proto__]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="513fb3e067314314a84512c7201a52e9" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="fe8f00493b1e401982e85e7ce8b6842f" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">__proto__</tspan></text>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="13e0462f90a047a68610e670ad734719" transform="matrix(1,0,0,1,270.00006103515625,83.77599334716797)" p:sizing-ox="271.00006103515625" p:sizing-oy="84.7760009765625" p:sizing-ow="13.999980468749996" p:sizing-oh="15.999980468749996"><p:metadata><p:property name="box"><![CDATA[13.999980468749996,15.999980468749996]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,1.9999975585937495]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="12" height="14" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="f28fe7a257cd4c19908f59f52117274c" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="e6f80aa07c9440daa24bcd5cf3c4fdaf">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#f28fe7a257cd4c19908f59f52117274c" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#e6f80aa07c9440daa24bcd5cf3c4fdaf)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="d335d1173d7843008b2b545e198b0420"/>
+            <use xlink:href="#f28fe7a257cd4c19908f59f52117274c" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="2" y="8" width="9.99999" height="0" p:name="text" id="62c3aa15938b4c1f982eda054bea0f07" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" p:def="Evolus.Common:arrow" p:sc="Straight Connector" id="da38fb9636264ecdbc671719fc4c8e6b" transform="matrix(1,0,0,1,172.96005249023438,129.0959930419922)" p:sizing-ox="116.99911499023438" p:sizing-oy="85.09599304199219" p:sizing-ow="55.9609375" p:sizing-oh="44"><p:metadata><p:property name="startPin" p:connectedOutletId="middle-center" p:connectedShapeId="39b52c5d14944f459828ed9474be2d34"><![CDATA[-55.96000885009766,-37.32000946044922]]></p:property><p:property name="endPin"><![CDATA[-13,-38]]></p:property><p:property name="withStartArrow"><![CDATA[false]]></p:property><p:property name="withEndArrow"><![CDATA[true]]></p:property><p:property name="mode"><![CDATA[straight]]></p:property><p:property name="detached"><![CDATA[false]]></p:property><p:property name="strokeColor"><![CDATA[#666666FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[]]></p:property><p:property name="textFont"><![CDATA[Helvetica|normal|normal|12px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+            <defs>
+                <path style="stroke-linejoin: round; fill: none;" p:name="path" id="aa73edfb64d245bba4a2558783714dc5" d="M -55.96000885009766 -37.32000946044922 L -22.99874753550167 -37.84173528093949 L -13 -38 M -19 -44 L -13 -38 L -19 -32"/>
+            </defs>
+            <use xlink:href="#aa73edfb64d245bba4a2558783714dc5" xmlns:xlink="http://www.w3.org/1999/xlink" stroke-width="10" stroke-opacity="0" stroke="#FF0000"/>
+            <use xlink:href="#aa73edfb64d245bba4a2558783714dc5" xmlns:xlink="http://www.w3.org/1999/xlink" p:name="outArrow1" id="106c3ee57cff45278b610e13d66317fc" style="stroke: rgb(102, 102, 102); stroke-opacity: 1; stroke-width: 2;"/>
+            <text p:name="text" id="6cc8a103fb534e23927cbec554bc3359" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: Helvetica; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <textPath xlink:href="#aa73edfb64d245bba4a2558783714dc5" xmlns:xlink="http://www.w3.org/1999/xlink" startOffset="50%" text-anchor="middle" alignment-baseline="middle">
+                    <tspan dy="-4" p:name="textSpan" id="d29c1e0442c64c30aaabdbf1596f3d78" dx="-16"/>
+                </textPath>
+            </text>
+
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="65bb57e0335b4c12881094251037256b" transform="matrix(1,0,0,1,317.00006103515625,11.775993347167969)" p:sizing-ox="317.00006103515625" p:sizing-oy="0" p:sizing-ow="43.52000045776367" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[Animal]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="a68e81885e324246bc55808b0e4a7742" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="ce5bdec1cc5c4a3a8cd60f914975c5d5" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">Animal</tspan></text>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="8a13b26fe5944a558c195413f2381136" transform="matrix(1,0,0,1,317.00006103515625,15.775993347167969)" p:sizing-ox="318.00006103515625" p:sizing-oy="16.776000022888184" p:sizing-ow="128" p:sizing-oh="88"><p:metadata><p:property name="box"><![CDATA[128,88]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,11]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="126" height="86" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="562a59996669471aa685b23cddf74d7b" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="bd82c7c5094f4fe0b1d7a30bcde32ef0">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#562a59996669471aa685b23cddf74d7b" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#bd82c7c5094f4fe0b1d7a30bcde32ef0)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="56d1ef43bd654997b48961ceabe548a5"/>
+            <use xlink:href="#562a59996669471aa685b23cddf74d7b" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="11" y="44" width="106" height="0" p:name="text" id="6c5920cba4c44073b8061be643d435bc" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RichTextBoxV2" id="b2fca5db49864a47a3300009cbda5c39" transform="matrix(1,0,0,1,325.00006103515625,23.77599334716797)" p:sizing-ox="325.00006103515625" p:sizing-oy="23.775999069213867" p:sizing-ow="74" p:sizing-oh="15"><p:metadata><p:property name="width"><![CDATA[200,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="textContent"><![CDATA[donnerNom()]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="customStyle"><![CDATA[
+                ]]></p:property></p:metadata>
+
+            <foreignObject x="0" y="0" width="74" height="15" p:name="htmlObject" id="641e386687344c909b80ef04e9e6c36d" style="color: rgb(0, 0, 0); opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <div xmlns="http://www.w3.org/1999/xhtml" p:name="textDiv" id="ae82e3fc46ae442bb2dc3334865252f8" style="display: inline-block; white-space: nowrap; text-decoration: none;"><div xmlns="http://www.w3.org/1999/xhtml">donnerNom()</div></div>
+            </foreignObject>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="c90abacd24414d4e9e64743f52a3f2fa" transform="matrix(1,0,0,1,326.00006103515625,92.77599334716797)" p:sizing-ox="325.48806101083755" p:sizing-oy="81.00000095367432" p:sizing-ow="63.487998962402344" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[__proto__]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="1deb78094bc447668c7cd86323df31a9" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="fea1ae382e84425c8b7f18c52e853727" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">__proto__</tspan></text>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="94f9bbb955bd418caf49c89415ad5a75" transform="matrix(1,0,0,1,426.9999694824219,83.77599334716797)" p:sizing-ox="427.9999694824219" p:sizing-oy="84.7760009765625" p:sizing-ow="13.999980468749996" p:sizing-oh="15.999980468749996"><p:metadata><p:property name="box"><![CDATA[13.999980468749996,15.999980468749996]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,1.9999975585937495]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="12" height="14" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="117dccb6dd914724bae12070edc411aa" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="ba9158da1c7f4b73b028f66f1ef45bc5">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#117dccb6dd914724bae12070edc411aa" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#ba9158da1c7f4b73b028f66f1ef45bc5)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="27977922476c42e2af89c063a344ab06"/>
+            <use xlink:href="#117dccb6dd914724bae12070edc411aa" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="2" y="8" width="9.99999" height="0" p:name="text" id="dc65dc324cf247048f8e7eb15b0b1233" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="f583bfda7921472b97f13679e33375b1" transform="matrix(1,0,0,1,472.9999694824219,11.775993347167969)" p:sizing-ox="472.9999694824219" p:sizing-oy="0" p:sizing-ow="40.959999084472656" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[Object]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="5224a4680db34d878145d67280eef39a" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="10cf9b70df954793a620c81901998863" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">Object</tspan></text>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="c22fbb06c8544fb7ad18a603ecb645e6" transform="matrix(1,0,0,1,472.9999694824219,15.775993347167969)" p:sizing-ox="473.9999694824219" p:sizing-oy="16.776000022888184" p:sizing-ow="128" p:sizing-oh="88"><p:metadata><p:property name="box"><![CDATA[128,88]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,11]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="126" height="86" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="ca58bd02124f4635bd42f07852bfe9de" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="2c6a611f6d7f43d3bb4a78811eb6e6b6">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#ca58bd02124f4635bd42f07852bfe9de" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#2c6a611f6d7f43d3bb4a78811eb6e6b6)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="868735fb0b5a4b08be82e388cc307e88"/>
+            <use xlink:href="#ca58bd02124f4635bd42f07852bfe9de" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="11" y="44" width="106" height="0" p:name="text" id="3c78131d4dcc4e9891b05ade5d946799" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RichTextBoxV2" id="63442a13974f4c5ca2ca89317cf59a48" transform="matrix(1,0,0,1,480.9999694824219,23.77599334716797)" p:sizing-ox="480.9999694824219" p:sizing-oy="23.775999069213867" p:sizing-ow="53" p:sizing-oh="15"><p:metadata><p:property name="width"><![CDATA[200,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="textContent"><![CDATA[toString()]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="customStyle"><![CDATA[
+                ]]></p:property></p:metadata>
+
+            <foreignObject x="0" y="0" width="53" height="15" p:name="htmlObject" id="7e5ad3b0f3b24312bae669d8c0a26c65" style="color: rgb(0, 0, 0); opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <div xmlns="http://www.w3.org/1999/xhtml" p:name="textDiv" id="df5a7bc4d70341919197af55297c58af" style="display: inline-block; white-space: nowrap; text-decoration: none;"><div xmlns="http://www.w3.org/1999/xhtml">toString()</div></div>
+            </foreignObject>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:PlainTextV2" id="25c6174ddfb2423683563244a7956802" transform="matrix(1,0,0,1,481.9999694824219,92.77599334716797)" p:sizing-ox="481.4879694581032" p:sizing-oy="81.00000095367432" p:sizing-ow="63.487998962402344" p:sizing-oh="14.847999572753906"><p:metadata><p:property name="disabled"><![CDATA[false]]></p:property><p:property name="width"><![CDATA[100,0]]></p:property><p:property name="fixedWidth"><![CDATA[false]]></p:property><p:property name="label"><![CDATA[__proto__]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|bold|normal|13px|none]]></p:property><p:property name="textAlign"><![CDATA[0,0]]></p:property></p:metadata>
+            <rect x="0" y="0" style="fill: none; stroke: none; visibility: hidden; display: none;" p:name="bgRect" id="c4b63bdee0a84f3e8f77da077403bf9b" width="0" height="0"/>
+            <text xml:space="preserve" p:name="text" id="87e21210032d42ff8e6c9e8452b7347b" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none;"><tspan x="0" y="0">__proto__</tspan></text>
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:RoundedRect" id="026ce1b48f8b4af99dc77467e8f467ba" transform="matrix(1,0,0,1,583,83.77599334716797)" p:sizing-ox="584" p:sizing-oy="84.7760009765625" p:sizing-ow="13.999980468749996" p:sizing-oh="15.999980468749996"><p:metadata><p:property name="box"><![CDATA[13.999980468749996,15.999980468749996]]></p:property><p:property name="withBlur"><![CDATA[false]]></p:property><p:property name="radius"><![CDATA[0,0]]></p:property><p:property name="textPadding"><![CDATA[0,1.9999975585937495]]></p:property><p:property name="fillColor"><![CDATA[#FFFFFFFF]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[
+                ]]></p:property><p:property name="textFont"><![CDATA["Liberation Sans",Arial,sans-serif|normal|normal|13px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+
+            <defs>
+                <rect width="12" height="14" rx="0" ry="0" x="0" y="0" style="stroke-width: 2; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(153, 153, 153); stroke-opacity: 1;" p:name="rrRect" id="ac4bc72cc2704199a1bd989d432018c3" transform="translate(1,1)"/>
+                <filter height="1.2558399" y="-0.12792" width="1.06396" x="-0.03198" p:name="shadingFilter" id="91d6206dde374fe899a3021ae769228f">
+                    <feGaussianBlur stdDeviation="1" in="SourceAlpha"/>
+                </filter>
+            </defs>
+            <use xlink:href="#ac4bc72cc2704199a1bd989d432018c3" xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(2, 2)" p:filter="url(#91d6206dde374fe899a3021ae769228f)" style="opacity: 0.5; visibility: hidden; display: none;" p:heavy="true" p:name="bgCopy" id="c5dc15a5d8a54e54a2e3f4eb3c80e0c8"/>
+            <use xlink:href="#ac4bc72cc2704199a1bd989d432018c3" xmlns:xlink="http://www.w3.org/1999/xlink"/>
+            <foreignObject x="2" y="8" width="9.99999" height="0" p:name="text" id="4d63687fc2924f50a47e2b72b93047a2" style="font-family: &quot;Liberation Sans&quot;,Arial,sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; fill: rgb(0, 0, 0); fill-opacity: 1; color: rgb(0, 0, 0); opacity: 1; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml">
+                </div></foreignObject>
+        </g><g p:type="Shape" p:def="Evolus.Common:Line" id="16d17e900a41478cbc1c78cfae085ef3" transform="matrix(0.7071067690849304,0.7071067690849304,-0.7071067690849304,0.7071067690849304,586.1149291992188,80.90021514892578)" p:sizing-ox="579.0438615083694" p:sizing-oy="80.90021514892578" p:sizing-ow="20.167125" p:sizing-oh="10"><p:metadata><p:property name="box"><![CDATA[20.167125,10]]></p:property><p:property name="strokeColor"><![CDATA[#999999FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property></p:metadata>
+            <rect style="fill: #000000; fill-opacity: 0; stroke: none;" x="0" y="0" p:name="bgRect" id="66b1e3ffbc5c4565a10beb5f33991893" width="20.1671" height="10"/>
+            <path style="fill: none; stroke: rgb(153, 153, 153); stroke-width: 2; stroke-opacity: 1;" d="M 0 5 L 20.167125 5" p:name="line1" id="4e264481b113432da6f21780645734a0" transform="translate(0,0)"/>
+        </g></g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:arrow" p:sc="Straight Connector" id="5f5cd29a68b84714bb46ab62e43566a0" transform="matrix(1,0,0,1,614.9600219726562,292.32000732421875)"><p:metadata><p:property name="startPin" p:connectedOutletId="middle-center" p:connectedShapeId="94f9bbb955bd418caf49c89415ad5a75"><![CDATA[-52.960088958740236,-72.32000946044923]]></p:property><p:property name="endPin"><![CDATA[-14,-73]]></p:property><p:property name="withStartArrow"><![CDATA[false]]></p:property><p:property name="withEndArrow"><![CDATA[true]]></p:property><p:property name="mode"><![CDATA[straight]]></p:property><p:property name="detached"><![CDATA[false]]></p:property><p:property name="strokeColor"><![CDATA[#666666FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[]]></p:property><p:property name="textFont"><![CDATA[Helvetica|normal|normal|12px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+            <defs>
+                <path style="stroke-linejoin: round; fill: none;" p:name="path" id="5e5d8e208fcc45acbdcd90299221be8d" d="M -52.960088958740236 -72.32000946044923 L -23.998477221778955 -72.82549141692351 L -14 -73 M -20 -79 L -14 -73 L -20 -67"/>
+            </defs>
+            <use xlink:href="#5e5d8e208fcc45acbdcd90299221be8d" xmlns:xlink="http://www.w3.org/1999/xlink" stroke-width="10" stroke-opacity="0" stroke="#FF0000"/>
+            <use xlink:href="#5e5d8e208fcc45acbdcd90299221be8d" xmlns:xlink="http://www.w3.org/1999/xlink" p:name="outArrow1" id="beb2a832d1b5470baecc3c5c2d1b8d76" style="stroke: rgb(102, 102, 102); stroke-opacity: 1; stroke-width: 2;"/>
+            <text p:name="text" id="9a987a1b378243709916448373fe849e" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: Helvetica; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <textPath xlink:href="#5e5d8e208fcc45acbdcd90299221be8d" xmlns:xlink="http://www.w3.org/1999/xlink" startOffset="50%" text-anchor="middle" alignment-baseline="middle">
+                    <tspan dy="-4" p:name="textSpan" id="ecd5e9b19115498cbd98c7536617c374" dx="-16"></tspan>
+                </textPath>
+            </text>
+
+        </g><g xmlns="http://www.w3.org/2000/svg" p:type="Shape" xmlns:p="http://www.evolus.vn/Namespace/Pencil" p:def="Evolus.Common:arrow" p:sc="Straight Connector" id="1a9880bd27454cdba6a0c387a3058b7f" transform="matrix(1,0,0,1,456.96002197265625,294.32000732421875)"><p:metadata><p:property name="startPin" p:connectedOutletId="middle-center" p:connectedShapeId="13e0462f90a047a68610e670ad734719"><![CDATA[-51.959932556152346,-74.32000946044923]]></p:property><p:property name="endPin"><![CDATA[-13,-74]]></p:property><p:property name="withStartArrow"><![CDATA[false]]></p:property><p:property name="withEndArrow"><![CDATA[true]]></p:property><p:property name="mode"><![CDATA[straight]]></p:property><p:property name="detached"><![CDATA[false]]></p:property><p:property name="strokeColor"><![CDATA[#666666FF]]></p:property><p:property name="strokeStyle"><![CDATA[2|]]></p:property><p:property name="textContent"><![CDATA[]]></p:property><p:property name="textFont"><![CDATA[Helvetica|normal|normal|12px|none]]></p:property><p:property name="textColor"><![CDATA[#000000FF]]></p:property><p:property name="textAlign"><![CDATA[1,1]]></p:property></p:metadata>
+            <defs>
+                <path style="stroke-linejoin: round; fill: none;" p:name="path" id="d6a8e5a6f0e1445b9faa8cf86460a2b6" d="M -51.959932556152346 -74.32000946044923 L -22.999662683743395 -74.0821353233989 L -13 -74 M -19 -80 L -13 -74 L -19 -68"/>
+            </defs>
+            <use xlink:href="#d6a8e5a6f0e1445b9faa8cf86460a2b6" xmlns:xlink="http://www.w3.org/1999/xlink" stroke-width="10" stroke-opacity="0" stroke="#FF0000"/>
+            <use xlink:href="#d6a8e5a6f0e1445b9faa8cf86460a2b6" xmlns:xlink="http://www.w3.org/1999/xlink" p:name="outArrow1" id="1a7fb8ddfc5c46cbbca5a25c5c098628" style="stroke: rgb(102, 102, 102); stroke-opacity: 1; stroke-width: 2;"/>
+            <text p:name="text" id="14943981034f423cbb6f61a9efdbba32" style="fill: rgb(0, 0, 0); fill-opacity: 1; font-family: Helvetica; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none;">
+                <textPath xlink:href="#d6a8e5a6f0e1445b9faa8cf86460a2b6" xmlns:xlink="http://www.w3.org/1999/xlink" startOffset="50%" text-anchor="middle" alignment-baseline="middle">
+                    <tspan dy="-4" p:name="textSpan" id="75d04e4aff024501aadfba136d04f4f9" dx="-16"></tspan>
+                </textPath>
+            </text>
+
+        </g></Content></Page></Pages></Document>