Merge pull request #69 from squidit/feature/SQ-64533-label-template

SQ-64533 [Dicas] Incluir novas dicas na configuração da campanha
squidit · Jun 26, 2024 · 112f8fc · 112f8fc
2 parents 1771f0f + c2ec37a
commit 112f8fc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git 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">
+      <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
@@ -207,6 +207,12 @@ export class SqInputComponent {
   @ContentChild('rightLabel')
   rightLabel: TemplateRef<HTMLElement> | null = null
 
+  /**
+   * Reference to a label template.
+   */
+  @ContentChild('labelTemplate')
+  labelTemplate: TemplateRef<HTMLElement> | null = null
+
   /**
    * The internal value of the input element.
    */

diff --git 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"
-}
+}