@seniorsistemas/angular-components 17.27.1-feature-sds-110-174b0744 → 17.27.1-feature-sds-110-660dd566

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seniorsistemas/angular-components",
-  "version": "17.27.1-feature-sds-110-174b0744",
+  "version": "17.27.1-feature-sds-110-660dd566",
   "peerDependencies": {
     "@angular/cdk": "^18.2.14",
     "@angular/common": "^18.2.0",
@@ -25,6 +25,7 @@
     "common/",
     "alert/",
     "card/",
+    "confirm-dialog/",
     "grid-menu/",
     "help-popover/",
     "template/",
@@ -105,7 +106,9 @@
     "interactive-content/",
     "fieldset/",
     "star-rating/",
-    "paginator/"
+    "tabs/",
+    "paginator/",
+    "dialog/"
   ],
   "sideEffects": false,
   "module": "fesm2022/seniorsistemas-angular-components.mjs",
@@ -210,6 +213,12 @@
       "esm": "./esm2022/common/seniorsistemas-angular-components-common.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-common.mjs"
     },
+    "./confirm-dialog": {
+      "types": "./confirm-dialog/index.d.ts",
+      "esm2022": "./esm2022/confirm-dialog/seniorsistemas-angular-components-confirm-dialog.mjs",
+      "esm": "./esm2022/confirm-dialog/seniorsistemas-angular-components-confirm-dialog.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-confirm-dialog.mjs"
+    },
     "./control-errors": {
       "types": "./control-errors/index.d.ts",
       "esm2022": "./esm2022/control-errors/seniorsistemas-angular-components-control-errors.mjs",
@@ -234,6 +243,12 @@
       "esm": "./esm2022/custom-fields/seniorsistemas-angular-components-custom-fields.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-custom-fields.mjs"
     },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "esm2022": "./esm2022/dialog/seniorsistemas-angular-components-dialog.mjs",
+      "esm": "./esm2022/dialog/seniorsistemas-angular-components-dialog.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-dialog.mjs"
+    },
     "./dynamic-form": {
       "types": "./dynamic-form/index.d.ts",
       "esm2022": "./esm2022/dynamic-form/seniorsistemas-angular-components-dynamic-form.mjs",
@@ -528,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/structure/lib/structure/header.component.d.ts

@@ -1,7 +1,5 @@
-import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class HeaderComponent {
-    readonly template: TemplateRef<any> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "s-header", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -594,8 +594,11 @@ video {
 .top-2\.5 {
   top: 0.625rem;
 }
-.z-\[999\] {
-  z-index: 999;
+.z-\[1000\] {
+  z-index: 1000;
+}
+.col-span-12 {
+  grid-column: span 12 / span 12;
 }
 .m-3 {
   margin: 0.75rem;
@@ -640,15 +643,37 @@ video {
 .h-8 {
   height: 2rem;
 }
+.h-\[1px\] {
+  height: 1px;
+}
 .h-\[35px\] {
   height: 35px;
 }
 .h-full {
   height: 100%;
 }
+.h-min {
+  height: -moz-min-content;
+  height: min-content;
+}
+.h-screen {
+  height: 100vh;
+}
 .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;
 }
@@ -661,9 +686,33 @@ video {
 .w-full {
   width: 100%;
 }
+.w-screen {
+  width: 100vw;
+}
 .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;
+}
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+.max-w-\[500px\] {
+  max-width: 500px;
+}
+.max-w-\[800px\] {
+  max-width: 800px;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
 .flex-shrink {
   flex-shrink: 1;
 }
@@ -690,6 +739,12 @@ video {
 .resize {
   resize: both;
 }
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
 .flex-col {
   flex-direction: column;
 }
@@ -699,6 +754,12 @@ video {
 .items-center {
   align-items: center;
 }
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
 .justify-center {
   justify-content: center;
 }
@@ -726,6 +787,12 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
 .text-wrap {
   text-wrap: wrap;
 }
@@ -749,12 +816,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));
@@ -775,6 +851,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));
@@ -787,6 +867,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
 }
+.bg-grayscale-20 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(222 220 229 / var(--tw-bg-opacity, 1));
+}
 .bg-grayscale-5 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 250 252 / var(--tw-bg-opacity, 1));
@@ -802,6 +886,9 @@ video {
 .p-2 {
   padding: 0.5rem;
 }
+.p-4 {
+  padding: 1rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -826,6 +913,9 @@ video {
   padding-top: 7px;
   padding-bottom: 7px;
 }
+.pb-0 {
+  padding-bottom: 0px;
+}
 .pl-2\.5 {
   padding-left: 0.625rem;
 }
@@ -835,6 +925,12 @@ video {
 .pr-7 {
   padding-right: 1.75rem;
 }
+.pt-0 {
+  padding-top: 0px;
+}
+.text-left {
+  text-align: left;
+}
 .text-\[14px\] {
   font-size: 14px;
 }
@@ -866,6 +962,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));
@@ -878,6 +978,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;
 }
@@ -930,6 +1034,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));
@@ -954,6 +1064,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;
 }
@@ -964,6 +1079,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;
 }
@@ -982,3 +1105,13 @@ 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/text-area-ia/lib/text-area-ia/text-area-ia.module.d.ts

@@ -2,13 +2,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "./text-area-ia.component";
 import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-translate/core";
-import * as i4 from "primeng/dialog";
-import * as i5 from "@seniorsistemas/angular-components/button";
-import * as i6 from "@seniorsistemas/angular-components/loading-state";
-import * as i7 from "@angular/common";
-import * as i8 from "@seniorsistemas/angular-components/text-area";
+import * as i4 from "@seniorsistemas/angular-components/button";
+import * as i5 from "@seniorsistemas/angular-components/loading-state";
+import * as i6 from "@angular/common";
+import * as i7 from "@seniorsistemas/angular-components/text-area";
+import * as i8 from "@seniorsistemas/angular-components/dialog";
+import * as i9 from "@seniorsistemas/angular-components/template";
 export declare class TextAreaIAModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaIAModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextAreaIAModule, [typeof i1.TextAreaIAComponent], [typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.TranslateModule, typeof i4.DialogModule, typeof i5.ButtonModule, typeof i6.LoadingStateModule, typeof i7.NgTemplateOutlet, typeof i8.TextAreaModule], [typeof i1.TextAreaIAComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TextAreaIAModule, [typeof i1.TextAreaIAComponent], [typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.TranslateModule, typeof i4.ButtonModule, typeof i5.LoadingStateModule, typeof i6.NgTemplateOutlet, typeof i7.TextAreaModule, typeof i8.DialogComponent, typeof i9.TemplateModule], [typeof i1.TextAreaIAComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TextAreaIAModule>;
 }

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>;
 }