@dev-tcloud/tcloud-ui 7.7.1 → 7.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/tcloud-ui-tab-menu.md +33 -21
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +86 -19
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/js/tcloud-ui-app.js +71 -71
- package/package.json +1 -1
- package/scss/tcloud-revitalizacao/components/_tc-rev-input-control.scss +15 -0
- package/types/dev-tcloud-tcloud-ui.d.ts +30 -5
package/package.json
CHANGED
|
@@ -58,6 +58,21 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
+
select.tc-rev-input-control {
|
|
62
|
+
appearance: none;
|
|
63
|
+
-webkit-appearance: none;
|
|
64
|
+
-moz-appearance: none;
|
|
65
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235C6280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
|
|
66
|
+
background-position: right var(--size-12) center;
|
|
67
|
+
background-repeat: no-repeat;
|
|
68
|
+
background-size: var(--size-16) var(--size-12);
|
|
69
|
+
padding-right: var(--size-40);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.tc-dark select.tc-rev-input-control {
|
|
73
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23C0C6D8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
|
|
74
|
+
}
|
|
75
|
+
|
|
61
76
|
.tc-rev-input-label {
|
|
62
77
|
font-family: var(--f-family);
|
|
63
78
|
font-size: var(--f-size-14);
|
|
@@ -1013,7 +1013,8 @@ interface ITab {
|
|
|
1013
1013
|
disabled: boolean;
|
|
1014
1014
|
}
|
|
1015
1015
|
type TabOptionTextTone = 'default' | 'inverse';
|
|
1016
|
-
type TabHeadAppearance = 'default' | '
|
|
1016
|
+
type TabHeadAppearance = 'default' | 'segmented';
|
|
1017
|
+
type TabHeadDensity = 'default' | 'compact';
|
|
1017
1018
|
|
|
1018
1019
|
declare class TabMenuService {
|
|
1019
1020
|
private _route;
|
|
@@ -1043,6 +1044,12 @@ declare class TabMenuService {
|
|
|
1043
1044
|
private _tabHeadAppearance;
|
|
1044
1045
|
private tabHeadAppearanceSubject;
|
|
1045
1046
|
tabHeadAppearanceState$: rxjs.Observable<TabHeadAppearance>;
|
|
1047
|
+
private _tabHeadDensity;
|
|
1048
|
+
private tabHeadDensitySubject;
|
|
1049
|
+
tabHeadDensityState$: rxjs.Observable<TabHeadDensity>;
|
|
1050
|
+
private _tabHeadWrapLabel;
|
|
1051
|
+
private tabHeadWrapLabelSubject;
|
|
1052
|
+
tabHeadWrapLabelState$: rxjs.Observable<boolean>;
|
|
1046
1053
|
constructor(_route: ActivatedRoute, _router: Router);
|
|
1047
1054
|
setTabScroll(scroll: boolean): void;
|
|
1048
1055
|
getTabScroll(): boolean;
|
|
@@ -1056,8 +1063,12 @@ declare class TabMenuService {
|
|
|
1056
1063
|
getTabOptionTextTone(): TabOptionTextTone;
|
|
1057
1064
|
setTabOptionActiveTextTone(activeTextTone: TabOptionTextTone): void;
|
|
1058
1065
|
getTabOptionActiveTextTone(): TabOptionTextTone;
|
|
1059
|
-
setTabHeadAppearance(appearance: TabHeadAppearance): void;
|
|
1066
|
+
setTabHeadAppearance(appearance: TabHeadAppearance | string | undefined): void;
|
|
1060
1067
|
getTabHeadAppearance(): TabHeadAppearance;
|
|
1068
|
+
setTabHeadDensity(density: TabHeadDensity | string | undefined): void;
|
|
1069
|
+
getTabHeadDensity(): TabHeadDensity;
|
|
1070
|
+
setTabHeadWrapLabel(wrapLabel: boolean): void;
|
|
1071
|
+
getTabHeadWrapLabel(): boolean;
|
|
1061
1072
|
setTabState(tab: string, registerInUrl?: boolean | undefined): void;
|
|
1062
1073
|
getTabState(): string;
|
|
1063
1074
|
setTabDisabled(id: string, disabled: boolean): void;
|
|
@@ -1095,7 +1106,15 @@ declare class TCloudUiTabHeadComponent implements OnInit {
|
|
|
1095
1106
|
get scroll(): boolean;
|
|
1096
1107
|
ID: string;
|
|
1097
1108
|
background: boolean;
|
|
1098
|
-
|
|
1109
|
+
private _appearance;
|
|
1110
|
+
set appearance(appearance: TabHeadAppearance | string | undefined);
|
|
1111
|
+
get appearance(): TabHeadAppearance;
|
|
1112
|
+
private _density;
|
|
1113
|
+
set density(density: TabHeadDensity | string | undefined);
|
|
1114
|
+
get density(): TabHeadDensity;
|
|
1115
|
+
private _wrapLabel;
|
|
1116
|
+
set wrapLabel(wrapLabel: boolean);
|
|
1117
|
+
get wrapLabel(): boolean;
|
|
1099
1118
|
backgroundColor: string;
|
|
1100
1119
|
private _tabOptionTextTone;
|
|
1101
1120
|
set tabOptionTextTone(tabOptionTextTone: TabOptionTextTone);
|
|
@@ -1114,7 +1133,7 @@ declare class TCloudUiTabHeadComponent implements OnInit {
|
|
|
1114
1133
|
private scrollSuave;
|
|
1115
1134
|
private moveScroll;
|
|
1116
1135
|
static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiTabHeadComponent, never>;
|
|
1117
|
-
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>;
|
|
1136
|
+
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; }; "density": { "alias": "density"; "required": false; }; "wrapLabel": { "alias": "wrapLabel"; "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>;
|
|
1118
1137
|
}
|
|
1119
1138
|
|
|
1120
1139
|
declare class TCloudUiTabContentComponent implements OnInit {
|
|
@@ -1137,11 +1156,17 @@ declare class TCloudUiTabTitleComponent implements OnInit, OnDestroy {
|
|
|
1137
1156
|
active: boolean;
|
|
1138
1157
|
loading: boolean;
|
|
1139
1158
|
bottom_line: boolean;
|
|
1159
|
+
inheritedFull: boolean;
|
|
1140
1160
|
inheritedAppearance: TabHeadAppearance;
|
|
1161
|
+
inheritedDensity: TabHeadDensity;
|
|
1162
|
+
inheritedWrapLabel: boolean;
|
|
1141
1163
|
inheritedTextTone: TabOptionTextTone;
|
|
1142
1164
|
inheritedActiveTextTone: TabOptionTextTone;
|
|
1143
1165
|
get filledHost(): boolean;
|
|
1144
1166
|
get segmentedHost(): boolean;
|
|
1167
|
+
get fullHost(): boolean;
|
|
1168
|
+
get compactHost(): boolean;
|
|
1169
|
+
get wrapLabelHost(): boolean;
|
|
1145
1170
|
private _disabled;
|
|
1146
1171
|
set disabled(disabled: boolean);
|
|
1147
1172
|
get disabled(): boolean;
|
|
@@ -3557,4 +3582,4 @@ declare class TcRevComponentsLibModule {
|
|
|
3557
3582
|
}
|
|
3558
3583
|
|
|
3559
3584
|
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 };
|
|
3560
|
-
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 };
|
|
3585
|
+
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, TabHeadDensity, TabOptionTextTone, WizardStep$1 as WizardStep, reorderItensData };
|