@dev-tcloud/tcloud-ui 7.5.3 → 7.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "7.5.3",
+  "version": "7.7.0",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/scss/tcloud-revitalizacao/components/_tc-rev-input-control.scss

@@ -11,6 +11,7 @@
   height: var(--size-40);
   transition: 200ms ease;
   padding: 0 var(--size-16);
+  box-sizing: border-box;
   max-width: 100%;
 
   &::placeholder {
@@ -109,11 +110,11 @@
     outline: none;
     height: var(--size-40);
     transition: 200ms ease;
-    padding: 0 var(--size-16);
+    padding: 0 var(--size-44) 0 var(--size-16);
     position: absolute;
     top: 0;
     left: 0;
-    padding-right: var(--size-44);
+    box-sizing: border-box;
     width: 100%;
     z-index: 1;
 
@@ -143,15 +144,18 @@
   }
 
   .tc-rev-input-icon {
-    align-content: center;
-    display: block;
+    align-items: center;
+    display: flex;
+    justify-content: center;
     position: absolute;
-    right: 4px;
-    top: 4px;
+    right: var(--size-6);
+    top: 50%;
+    transform: translateY(-50%);
     z-index: 2;
     font-size: var(--f-size-16);
     width: var(--size-32);
     height: var(--size-32);
+    line-height: 1;
     text-align: center;
   }
 }

package/types/dev-tcloud-tcloud-ui.d.ts

@@ -868,12 +868,14 @@ declare class TCloudUiModalFooterComponent implements OnInit, OnDestroy {
 type TCloudUiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';
 type TCloudUiPopoverAlign = 'start' | 'center' | 'end';
 type TCloudUiPopoverMaxWidth = number | string;
+type TCloudUiPopoverAppearance = 'default' | 'compact' | 'menu' | 'borderless';
 
 declare class TCloudUiPopoverComponent {
     private elementRef;
     position: TCloudUiPopoverPosition;
     align: TCloudUiPopoverAlign;
     maxWidth: TCloudUiPopoverMaxWidth;
+    appearance: TCloudUiPopoverAppearance;
     disabled: boolean;
     showCloseIcon: boolean;
     private _open;
@@ -888,7 +890,7 @@ declare class TCloudUiPopoverComponent {
     onDocumentClick(event: MouseEvent): void;
     onEscape(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiPopoverComponent, "tcloud-ui-popover", never, { "position": { "alias": "position"; "required": false; }; "align": { "alias": "align"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["[popover-trigger]", "[popover-content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiPopoverComponent, "tcloud-ui-popover", never, { "position": { "alias": "position"; "required": false; }; "align": { "alias": "align"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["[popover-trigger]", "[popover-content]"], true, never>;
 }
 
 declare class TCloudUiMultiInputComponent implements OnInit, OnDestroy, Validator {
@@ -1006,7 +1008,12 @@ declare class TCloudUiScrollBoxComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiScrollBoxComponent, "tcloud-ui-scroll-box", never, { "border": { "alias": "border"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+interface ITab {
+    id: string;
+    disabled: boolean;
+}
 type TabOptionTextTone = 'default' | 'inverse';
+type TabHeadAppearance = 'default' | 'filled' | 'segmented';
 
 declare class TabMenuService {
     private _route;
@@ -1033,6 +1040,9 @@ declare class TabMenuService {
     private _tabOptionActiveTextTone;
     private tabOptionActiveTextToneSubject;
     tabOptionActiveTextToneState$: rxjs.Observable<TabOptionTextTone>;
+    private _tabHeadAppearance;
+    private tabHeadAppearanceSubject;
+    tabHeadAppearanceState$: rxjs.Observable<TabHeadAppearance>;
     constructor(_route: ActivatedRoute, _router: Router);
     setTabScroll(scroll: boolean): void;
     getTabScroll(): boolean;
@@ -1046,6 +1056,8 @@ declare class TabMenuService {
     getTabOptionTextTone(): TabOptionTextTone;
     setTabOptionActiveTextTone(activeTextTone: TabOptionTextTone): void;
     getTabOptionActiveTextTone(): TabOptionTextTone;
+    setTabHeadAppearance(appearance: TabHeadAppearance): void;
+    getTabHeadAppearance(): TabHeadAppearance;
     setTabState(tab: string, registerInUrl?: boolean | undefined): void;
     getTabState(): string;
     setTabDisabled(id: string, disabled: boolean): void;
@@ -1083,6 +1095,7 @@ declare class TCloudUiTabHeadComponent implements OnInit {
     get scroll(): boolean;
     ID: string;
     background: boolean;
+    appearance: TabHeadAppearance;
     backgroundColor: string;
     private _tabOptionTextTone;
     set tabOptionTextTone(tabOptionTextTone: TabOptionTextTone);
@@ -1101,7 +1114,7 @@ declare class TCloudUiTabHeadComponent implements OnInit {
     private scrollSuave;
     private moveScroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiTabHeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "tabOptionTextTone": { "alias": "tabOptionTextTone"; "required": false; }; "tabOptionActiveTextTone": { "alias": "tabOptionActiveTextTone"; "required": false; }; "bottom_line": { "alias": "bottom_line"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "tabOptionTextTone": { "alias": "tabOptionTextTone"; "required": false; }; "tabOptionActiveTextTone": { "alias": "tabOptionActiveTextTone"; "required": false; }; "bottom_line": { "alias": "bottom_line"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class TCloudUiTabContentComponent implements OnInit {
@@ -1124,14 +1137,23 @@ declare class TCloudUiTabTitleComponent implements OnInit, OnDestroy {
     active: boolean;
     loading: boolean;
     bottom_line: boolean;
+    inheritedAppearance: TabHeadAppearance;
+    inheritedTextTone: TabOptionTextTone;
+    inheritedActiveTextTone: TabOptionTextTone;
+    get filledHost(): boolean;
+    get segmentedHost(): boolean;
     private _disabled;
     set disabled(disabled: boolean);
     get disabled(): boolean;
     private subscription;
     constructor(tabMenuService: TabMenuService);
+    get resolvedTextColor(): string;
+    get resolvedActiveTextColor(): string;
     ngOnInit(): void;
     toTab(): void;
     ngOnDestroy(): void;
+    private resolveTextTone;
+    private resolveActiveTextTone;
     static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiTabTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabTitleComponent, "tcloud-ui-tab-title", never, { "tab": { "alias": "tab"; "required": false; }; "title": { "alias": "title"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
@@ -3535,4 +3557,4 @@ declare class TcRevComponentsLibModule {
 }
 
 export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCarouselComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFooterComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMarkReadmeComponent, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNavbarComponent, TCloudUiNavbarFooterComponent, TCloudUiNavbarItemComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiPopoverComponent, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabOptionComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiTopNavigationComponent, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
-export type { AlertType, BarChartData, BreadcrumbItem$1 as BreadcrumbItem, CalendarAppointment$1 as CalendarAppointment, DropdownGroup, DropdownGroupedOption, DropdownMultiOption$1 as DropdownMultiOption, DropdownOption$1 as DropdownOption, ImageDimensions, ImageItem, LineStepTitleData, MultiLevelDropdownOption$1 as MultiLevelDropdownOption, PreloadedImage, ProgressStatusConfig$1 as ProgressStatusConfig, TCDataFilters, TCDataOtions, TCloudUiCarouselEffect, TCloudUiConfig, TCloudUiCustomServices, TCloudUiNavbarGroup, TCloudUiNavbarItem, TCloudUiPopoverAlign, TCloudUiPopoverMaxWidth, TCloudUiPopoverPosition, WizardStep$1 as WizardStep, reorderItensData };
+export type { AlertType, BarChartData, BreadcrumbItem$1 as BreadcrumbItem, CalendarAppointment$1 as CalendarAppointment, DropdownGroup, DropdownGroupedOption, DropdownMultiOption$1 as DropdownMultiOption, DropdownOption$1 as DropdownOption, ITab, ImageDimensions, ImageItem, LineStepTitleData, MultiLevelDropdownOption$1 as MultiLevelDropdownOption, PreloadedImage, ProgressStatusConfig$1 as ProgressStatusConfig, TCDataFilters, TCDataOtions, TCloudUiCarouselEffect, TCloudUiConfig, TCloudUiCustomServices, TCloudUiNavbarGroup, TCloudUiNavbarItem, TCloudUiPopoverAlign, TCloudUiPopoverAppearance, TCloudUiPopoverMaxWidth, TCloudUiPopoverPosition, TabHeadAppearance, TabOptionTextTone, WizardStep$1 as WizardStep, reorderItensData };