@seniorsistemas/angular-components 17.27.1-feature-sds-110-66a603a1 → 17.27.1-feature-sds-110-8be5f7f5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seniorsistemas/angular-components",
-  "version": "17.27.1-feature-sds-110-66a603a1",
+  "version": "17.27.1-feature-sds-110-8be5f7f5",
   "peerDependencies": {
     "@angular/cdk": "^18.2.14",
     "@angular/common": "^18.2.0",
@@ -106,6 +106,7 @@
     "interactive-content/",
     "fieldset/",
     "star-rating/",
+    "tabs/",
     "paginator/",
     "dialog/"
   ],
@@ -134,18 +135,18 @@
       "esm": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-alert.mjs"
     },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
-      "esm": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
-      "default": "./fesm2022/seniorsistemas-angular-components-badge.mjs"
-    },
     "./bignumber-input": {
       "types": "./bignumber-input/index.d.ts",
       "esm2022": "./esm2022/bignumber-input/seniorsistemas-angular-components-bignumber-input.mjs",
       "esm": "./esm2022/bignumber-input/seniorsistemas-angular-components-bignumber-input.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-bignumber-input.mjs"
     },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "esm2022": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
+      "esm": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-badge.mjs"
+    },
     "./breadcrumb": {
       "types": "./breadcrumb/index.d.ts",
       "esm2022": "./esm2022/breadcrumb/seniorsistemas-angular-components-breadcrumb.mjs",
@@ -542,6 +543,12 @@
       "esm": "./esm2022/table-header/seniorsistemas-angular-components-table-header.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-table-header.mjs"
     },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "esm2022": "./esm2022/tabs/seniorsistemas-angular-components-tabs.mjs",
+      "esm": "./esm2022/tabs/seniorsistemas-angular-components-tabs.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-tabs.mjs"
+    },
     "./template": {
       "types": "./template/index.d.ts",
       "esm2022": "./esm2022/template/seniorsistemas-angular-components-template.mjs",

package/tabs/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@seniorsistemas/angular-components/tabs" />
+export * from './public-api';

package/tabs/lib/tab-item/tab-item.component.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, TemplateRef } from '@angular/core';
+import { TemplateDirective } from '@seniorsistemas/angular-components/template';
+import * as i0 from "@angular/core";
+export declare class TabItemComponent implements AfterViewInit {
+    readonly _template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly headerTemplateDirectives: import("@angular/core").Signal<readonly TemplateDirective[]>;
+    readonly templateContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    header: import("@angular/core").InputSignal<string | undefined>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    value: import("@angular/core").ModelSignal<string | number | undefined>;
+    destroyOnHide: import("@angular/core").InputSignal<boolean>;
+    template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    headerElement: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "s-tab-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["headerTemplateDirectives"], ["*"], true, never>;
+}

package/tabs/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy } from '@angular/core';
+import { TabItemComponent } from '../tab-item/tab-item.component';
+import * as i0 from "@angular/core";
+export declare class TabsComponent implements OnDestroy {
+    private readonly onDestroy$;
+    protected readonly tabItems: import("@angular/core").Signal<readonly TabItemComponent[]>;
+    protected readonly activeTabComponent: import("@angular/core").Signal<import("@angular/core").TemplateRef<any> | undefined>;
+    protected readonly keepAliveTabsContent: import("@angular/core").Signal<TabItemComponent[]>;
+    activeTab: import("@angular/core").ModelSignal<string | number>;
+    layoutType: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    constructor();
+    ngOnDestroy(): void;
+    protected onActiveTab(tab: TabItemComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "s-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "layoutType": { "alias": "layoutType"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["tabItems"], never, true, never>;
+}

package/tabs/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/seniorsistemas-angular-components-tabs.mjs"
+}

package/tabs/public-api.d.ts

@@ -0,0 +1,2 @@
+export { TabsComponent } from "./lib/tabs/tabs.component";
+export { TabItemComponent } from "./lib/tab-item/tab-item.component";

package/tailwind.css

@@ -505,14 +505,24 @@ video {
 .container {
   width: 100%;
 }
-@media (min-width: 640px) {
+@media (min-width: 0) {
 
   .\!container {
-    max-width: 640px !important;
+    max-width: 0 !important;
   }
 
   .container {
-    max-width: 640px;
+    max-width: 0;
+  }
+}
+@media (min-width: 576px) {
+
+  .\!container {
+    max-width: 576px !important;
+  }
+
+  .container {
+    max-width: 576px;
   }
 }
 @media (min-width: 768px) {
@@ -525,34 +535,44 @@ video {
     max-width: 768px;
   }
 }
-@media (min-width: 1024px) {
+@media (min-width: 992px) {
+
+  .\!container {
+    max-width: 992px !important;
+  }
+
+  .container {
+    max-width: 992px;
+  }
+}
+@media (min-width: 1200px) {
 
   .\!container {
-    max-width: 1024px !important;
+    max-width: 1200px !important;
   }
 
   .container {
-    max-width: 1024px;
+    max-width: 1200px;
   }
 }
-@media (min-width: 1280px) {
+@media (min-width: 1360px) {
 
   .\!container {
-    max-width: 1280px !important;
+    max-width: 1360px !important;
   }
 
   .container {
-    max-width: 1280px;
+    max-width: 1360px;
   }
 }
-@media (min-width: 1536px) {
+@media (min-width: 1600px) {
 
   .\!container {
-    max-width: 1536px !important;
+    max-width: 1600px !important;
   }
 
   .container {
-    max-width: 1536px;
+    max-width: 1600px;
   }
 }
 .pointer-events-none {
@@ -662,9 +682,18 @@ video {
 .max-h-52 {
   max-height: 13rem;
 }
+.max-h-96 {
+  max-height: 24rem;
+}
 .max-h-screen {
   max-height: 100vh;
 }
+.min-h-10 {
+  min-height: 2.5rem;
+}
+.min-h-11 {
+  min-height: 2.75rem;
+}
 .w-3 {
   width: 0.75rem;
 }
@@ -683,6 +712,12 @@ video {
 .min-w-10 {
   min-width: 2.5rem;
 }
+.min-w-24 {
+  min-width: 6rem;
+}
+.max-w-28 {
+  max-width: 7rem;
+}
 .max-w-\[1140px\] {
   max-width: 1140px;
 }
@@ -724,6 +759,9 @@ video {
 .resize {
   resize: both;
 }
+.grid-flow-col {
+  grid-auto-flow: column;
+}
 .grid-cols-12 {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
@@ -736,6 +774,9 @@ video {
 .items-center {
   align-items: center;
 }
+.justify-start {
+  justify-content: flex-start;
+}
 .justify-end {
   justify-content: flex-end;
 }
@@ -766,18 +807,18 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
 .text-wrap {
   text-wrap: wrap;
 }
-.rounded {
-  border-radius: 0.25rem;
-}
 .rounded-\[3px\] {
   border-radius: 3px;
 }
-.rounded-md {
-  border-radius: 0.375rem;
-}
 .rounded-l-\[3px\] {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
@@ -789,12 +830,21 @@ video {
 .border {
   border-width: 1px;
 }
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+.border-b-\[1px\] {
+  border-bottom-width: 1px;
+}
 .border-l {
   border-left-width: 1px;
 }
 .border-r-0 {
   border-right-width: 0px;
 }
+.border-r-4 {
+  border-right-width: 4px;
+}
 .border-\[\#c1c1cc\] {
   --tw-border-opacity: 1;
   border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
@@ -815,6 +865,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
 }
+.border-b-grayscale-20 {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(222 220 229 / var(--tw-border-opacity, 1));
+}
 .bg-criticality-blue {
   --tw-bg-opacity: 1;
   background-color: rgb(66 139 202 / var(--tw-bg-opacity, 1));
@@ -888,6 +942,9 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.text-left {
+  text-align: left;
+}
 .text-\[14px\] {
   font-size: 14px;
 }
@@ -919,6 +976,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-grayscale-100 {
+  --tw-text-opacity: 1;
+  color: rgb(14 17 25 / var(--tw-text-opacity, 1));
+}
 .text-grayscale-30 {
   --tw-text-opacity: 1;
   color: rgb(193 193 204 / var(--tw-text-opacity, 1));
@@ -931,6 +992,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(33 37 51 / var(--tw-text-opacity, 1));
 }
+.text-primary {
+  --tw-text-opacity: 1;
+  color: rgb(66 139 202 / var(--tw-text-opacity, 1));
+}
 .opacity-50 {
   opacity: 0.5;
 }
@@ -983,6 +1048,12 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.hover\:border-b-4:hover {
+  border-bottom-width: 4px;
+}
+.hover\:border-r-4:hover {
+  border-right-width: 4px;
+}
 .hover\:border-grayscale-50:hover {
   --tw-border-opacity: 1;
   border-color: rgb(136 139 153 / var(--tw-border-opacity, 1));
@@ -1007,6 +1078,11 @@ video {
   --tw-text-opacity: 1;
   color: rgb(14 17 25 / var(--tw-text-opacity, 1));
 }
+.hover\:transition-all:hover {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .focus\:border-2:focus {
   border-width: 2px;
 }
@@ -1017,6 +1093,14 @@ video {
 .focus\:outline:focus {
   outline-style: solid;
 }
+.disabled\:border-grayscale-30:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
+}
+.disabled\:text-grayscale-30:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(193 193 204 / var(--tw-text-opacity, 1));
+}
 .disabled\:hover\:bg-\[transparent\]:hover:disabled {
   background-color: transparent;
 }
@@ -1035,13 +1119,3 @@ video {
 .group:disabled .group-disabled\:opacity-50 {
   opacity: 0.5;
 }
-@media not all and (min-width: 640px) {
-
-  .max-sm\:h-screen {
-    height: 100vh;
-  }
-
-  .max-sm\:w-screen {
-    width: 100vw;
-  }
-}

package/template/lib/template/template.directive.d.ts

@@ -1,9 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TemplateDirective {
-    readonly template: TemplateRef<any>;
     type: string;
-    constructor(template: TemplateRef<any>);
+    readonly template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "[sTemplate]", never, { "type": { "alias": "sTemplate"; "required": true; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "[sTemplate]", never, { "type": { "alias": "sTemplate"; "required": true; }; }, {}, never, never, true, never>;
 }

package/template/lib/template/template.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./template.directive";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./template.directive";
 export declare class TemplateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TemplateModule, [typeof i1.TemplateDirective], [typeof i2.CommonModule], [typeof i1.TemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TemplateModule, never, [typeof i1.CommonModule, typeof i2.TemplateDirective], [typeof i2.TemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TemplateModule>;
 }

package/tooltip/lib/tooltip/tooltip.directive.d.ts

@@ -1,8 +1,8 @@
 import { ApplicationRef, ElementRef, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { DebounceUtils } from '@seniorsistemas/angular-components/common';
 import { MobileBehavior } from './models/mobile-behavior';
 import { TooltipEvent } from './models/tooltip-event';
 import { TooltipPositions } from './models/tooltip-position';
-import { DebounceUtils } from '@seniorsistemas/angular-components/common';
 import * as i0 from "@angular/core";
 export declare class TooltipDirective implements OnInit, OnDestroy {
     private readonly elementRef;
@@ -19,6 +19,7 @@ export declare class TooltipDirective implements OnInit, OnDestroy {
     visible: boolean;
     mobileBehavior: MobileBehavior;
     focusedInputRef: HTMLInputElement | null;
+    checkTruncatedText: import("@angular/core").InputSignal<boolean>;
     private componentRef;
     private showTimeout?;
     private touchTimeout?;
@@ -56,6 +57,7 @@ export declare class TooltipDirective implements OnInit, OnDestroy {
     private setTooltipPositionProperty;
     private setTooltipComponentProperties;
     private destroy;
+    private get contentIsTruncated();
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[sTooltip]", never, { "tooltip": { "alias": "sTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "displayTime": { "alias": "displayTime"; "required": false; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; }; "focusedInputRef": { "alias": "focusedInputRef"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[sTooltip]", never, { "tooltip": { "alias": "sTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "displayTime": { "alias": "displayTime"; "required": false; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; }; "focusedInputRef": { "alias": "focusedInputRef"; "required": false; }; "checkTruncatedText": { "alias": "checkTruncatedText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/tooltip/lib/tooltip/tooltip.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.component";
-import * as i2 from "./tooltip.directive";
-import * as i3 from "@angular/common";
+import * as i2 from "@angular/common";
+import * as i3 from "./tooltip.directive";
 export declare class TooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof i1.TooltipComponent, typeof i2.TooltipDirective], [typeof i3.CommonModule], [typeof i2.TooltipDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof i1.TooltipComponent], [typeof i2.CommonModule, typeof i3.TooltipDirective], [typeof i3.TooltipDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
 }