From de58ecf07c7db896409a5a5d69691f97ddeac704 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9lian=20Veyssi=C3=A8re?= <celian-veyssiere@harvest.fr>
Date: Mon, 4 Mar 2024 11:46:53 +0100
Subject: [PATCH] Updated examples & code generator

---
 src/app/app-examples.component.html | 10 ++++++++--
 src/app/app-gen.component.html      |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/app-examples.component.html b/src/app/app-examples.component.html
index 83d81ec..4540120 100644
--- a/src/app/app-examples.component.html
+++ b/src/app/app-examples.component.html
@@ -190,13 +190,19 @@ <h3 id="ex-19">19. dropdown list position above ({{ value19 }})</h3>
     </select2>
     <div class="noStyle">
         <h3 id="ex-20">20. nostyle ({{ value20 }})</h3>
+
+        <select #select20>
+            <option selected>noStyle</option>
+            <option>borderless</option></select
+        ><br />
+
         <select2
             [overlay]="overlay"
             [data]="data20"
             [value]="value20"
             (update)="update('value20', $event)"
             listPosition="above"
-            styleMode="noStyle"
+            [styleMode]="select20?.value || 'noStyle'"
             id="selec2-20"
         >
         </select2>
@@ -357,7 +363,7 @@ <h3 id="ex-30">30. selected option when × is clicked ({{ value30 }})</h3>
     </select2>
 
     <h3 id="ex-31">31. change list ({{ value31 }})</h3>
-    <select #select (change)="changeData31(select.value)">
+    <select #select31 (change)="changeData31(select31.value)">
         <option>english</option>
         <option>french</option>
         <option>japanese</option></select
diff --git a/src/app/app-gen.component.html b/src/app/app-gen.component.html
index 1b3e742..c7c837e 100644
--- a/src/app/app-gen.component.html
+++ b/src/app/app-gen.component.html
@@ -121,6 +121,7 @@ <h4>parameters</h4>
                 <option value="">default</option>
                 <option value="material">material</option>
                 <option value="noStyle">noStyle</option>
+                <option value="borderless">borderless</option>
             </select>
         </div>
         <h4>Templates</h4>