From 1e4c6786c6907e8ada2618298072e57f07f8e580 Mon Sep 17 00:00:00 2001
From: Levy Henrique <levyhanunes@gmail.com>
Date: Wed, 26 Jun 2024 13:52:49 -0300
Subject: [PATCH 1/4] feat: Add label template support to sq-input component

---
 application/src/app/app.component.html          | 7 +++++++
 src/components/sq-input/sq-input.component.html | 7 +++++--
 src/components/sq-input/sq-input.component.ts   | 6 ++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/application/src/app/app.component.html b/application/src/app/app.component.html
index 977a895..8453207 100644
--- a/application/src/app/app.component.html
+++ b/application/src/app/app.component.html
@@ -3,5 +3,12 @@
   <main>
     <router-outlet></router-outlet>
     <!-- Use Here to test library components -->
+    <sq-input
+      [placeholder]="'Test Input Placeholder'"
+    >
+      <ng-template #labelTemplate>
+        <span>Test Input</span>
+      </ng-template>
+    </sq-input>
   </main>
 </div>
diff --git a/src/components/sq-input/sq-input.component.html b/src/components/sq-input/sq-input.component.html
index f89c229..d796213 100644
--- a/src/components/sq-input/sq-input.component.html
+++ b/src/components/sq-input/sq-input.component.html
@@ -1,13 +1,16 @@
 <div class="wrapper-all-inside-input {{ customClass }}">
   <label
     class="display-flex"
-    *ngIf="label?.length || tooltipMessage"
+    *ngIf="label?.length || tooltipMessage || labelTemplate"
     [ngClass]="{
       readonly: readonly
     }"
     [for]="id"
   >
-    <div *ngIf="label" [ngStyle]="{ 'color': labelColor }" [innerHtml]="label | universalSafe"></div>
+    <div *ngIf="label && !labelTemplate" [ngStyle]="{ 'color': labelColor }" [innerHtml]="label | universalSafe"></div>
+    <div *ngIf="labelTemplate && !label">
+      <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>
+    </div>
     <sq-tooltip
       *ngIf="tooltipMessage"
       class="ml-1"
diff --git a/src/components/sq-input/sq-input.component.ts b/src/components/sq-input/sq-input.component.ts
index 03a65b8..878335a 100644
--- a/src/components/sq-input/sq-input.component.ts
+++ b/src/components/sq-input/sq-input.component.ts
@@ -207,6 +207,12 @@ export class SqInputComponent {
   @ContentChild('rightLabel')
   rightLabel: TemplateRef<HTMLElement> | null = null
 
+  /**
+   * Reference to a right-aligned label template.
+   */
+  @ContentChild('labelTemplate')
+  labelTemplate: TemplateRef<HTMLElement> | null = null
+
   /**
    * The internal value of the input element.
    */

From 26795c27f80972f74091bb25e7504fcb657aa845 Mon Sep 17 00:00:00 2001
From: Levy Henrique <levyhanunes@gmail.com>
Date: Wed, 26 Jun 2024 13:54:26 -0300
Subject: [PATCH 2/4] feat: Update sq-input component to use generic label
 template

---
 application/src/app/app.component.html        | 7 -------
 src/components/sq-input/sq-input.component.ts | 2 +-
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/application/src/app/app.component.html b/application/src/app/app.component.html
index 8453207..977a895 100644
--- a/application/src/app/app.component.html
+++ b/application/src/app/app.component.html
@@ -3,12 +3,5 @@
   <main>
     <router-outlet></router-outlet>
     <!-- Use Here to test library components -->
-    <sq-input
-      [placeholder]="'Test Input Placeholder'"
-    >
-      <ng-template #labelTemplate>
-        <span>Test Input</span>
-      </ng-template>
-    </sq-input>
   </main>
 </div>
diff --git a/src/components/sq-input/sq-input.component.ts b/src/components/sq-input/sq-input.component.ts
index 878335a..bb3d27e 100644
--- a/src/components/sq-input/sq-input.component.ts
+++ b/src/components/sq-input/sq-input.component.ts
@@ -208,7 +208,7 @@ export class SqInputComponent {
   rightLabel: TemplateRef<HTMLElement> | null = null
 
   /**
-   * Reference to a right-aligned label template.
+   * Reference to a label template.
    */
   @ContentChild('labelTemplate')
   labelTemplate: TemplateRef<HTMLElement> | null = null

From a47351f0d1c24205ba7801946b8b920e44d29d03 Mon Sep 17 00:00:00 2001
From: Levy Henrique <levyhanunes@gmail.com>
Date: Wed, 26 Jun 2024 14:20:56 -0300
Subject: [PATCH 3/4] Update sq-input component to use generic label template

---
 src/components/sq-input/sq-input.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/sq-input/sq-input.component.html b/src/components/sq-input/sq-input.component.html
index d796213..b51cf44 100644
--- a/src/components/sq-input/sq-input.component.html
+++ b/src/components/sq-input/sq-input.component.html
@@ -8,7 +8,7 @@
     [for]="id"
   >
     <div *ngIf="label && !labelTemplate" [ngStyle]="{ 'color': labelColor }" [innerHtml]="label | universalSafe"></div>
-    <div *ngIf="labelTemplate && !label">
+    <div *ngIf="labelTemplate">
       <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>
     </div>
     <sq-tooltip

From c2ec37a77fda8b80fdfd4649565caae45717dbe2 Mon Sep 17 00:00:00 2001
From: Levy Henrique <levyhanunes@gmail.com>
Date: Wed, 26 Jun 2024 14:23:52 -0300
Subject: [PATCH 4/4] chore: Bump version to 1.3.39 in package.json

---
 src/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/package.json b/src/package.json
index f2b034e..64aaaef 100644
--- a/src/package.json
+++ b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.3.38",
+  "version": "1.3.39",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",
@@ -41,4 +41,4 @@
   "esm2022": "esm2022/squidit-ngx-css.mjs",
   "fesm2022": "fesm2022/squidit-ngx-css.mjs",
   "typings": "index.d.ts"
-}
+}
\ No newline at end of file