More Javascript

This commit is contained in:
William Petit 2015-03-30 14:18:55 +02:00
parent 67f3024587
commit 006c3f5a42
15 changed files with 409 additions and 12 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -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({

View File

@ -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).
]

View File

@ -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'
```

View File

@ -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();
```

View File

@ -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%" />

View File

@ -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
]

View File

@ -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.
]

View File

@ -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'
```

View File

@ -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

View File

@ -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();
});
```

View File

@ -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"

View File

@ -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();
```

View File

@ -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

View File

@ -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>