SQ-66760 [FRONT] - Detalhes de comportamento e responsividade da tabe…

…la de Acompanhamento de Postagem (#96)

* feat: add button collapse disable option

* feat: add tooltip to collapse button

src/components/sq-accordion/sq-collapse/sq-collapse.component.html

@@ -22,13 +22,17 @@
     </span>
     <div
       class="wrapper-icons"
+      [ngClass]="{
+        disabled: collapseButtonDisabled
+      }"
       [ngStyle]="{
         color: colorIcons,
         'background-color': hoverIcon ? setHover(colorBackgroundIcon) : colorBackgroundIcon,
         'font-size': fontSizeIcon,
         height: heightIcon,
         'line-height': heightIcon
       }"
+      [tooltip]="collapseButtonTooltip"
       (mouseover)="hoverIcon = true"
       (mouseleave)="hoverIcon = false"
     >

src/components/sq-accordion/sq-collapse/sq-collapse.component.ts

@@ -38,6 +38,16 @@ export class SqCollapseComponent {
    */
   @Input() disabled?: boolean
 
+  /**
+   * Indicates whether just the collapse dropdown button is disabled.
+   */
+  @Input() collapseButtonDisabled?: boolean
+
+  /**
+   * The tooltip for the collapse button.
+   */
+  @Input() collapseButtonTooltip?: string
+
   /**
    * The color scheme of the collapse component.
    */
@@ -133,7 +143,7 @@ export class SqCollapseComponent {
    * Toggles the state of the collapse component.
    */
   public async toggleCollapse() {
-    if (!this.disabled && !this.loading && !this.opening) {
+    if (!this.disabled && !this.collapseButtonDisabled && !this.loading && !this.opening) {
       this.opening = this.wrapper?.nativeElement?.clientHeight + 'px'
       clearTimeout(this.timeout)
       this.timeout = setTimeout(() => {

src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.3.62",
+  "version": "1.3.63",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/cdk": ">=15.0.0",