matcha-components 20.145.0 → 20.148.0
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/fesm2022/matcha-components.mjs +202 -3
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/index.d.ts +42 -1
- package/package.json +1 -1
|
@@ -7039,9 +7039,11 @@ class MatchaMaskCompatibleDirective {
|
|
|
7039
7039
|
const prefix = this._maskService.prefix || '';
|
|
7040
7040
|
const suffix = this._maskService.suffix || '';
|
|
7041
7041
|
const valueWithoutPrefixSuffix = value.replace(prefix, '').replace(suffix, '').trim();
|
|
7042
|
-
//
|
|
7042
|
+
// Verificar se é máscara currency (separator) antes de aplicar lógica de limpeza de zeros
|
|
7043
|
+
const isCurrencyMask = this._mask && this._mask.trim().startsWith('separator.');
|
|
7044
|
+
// Se ficou vazio ou apenas com separadores/zeros (apenas para currency), permitir limpar completamente
|
|
7043
7045
|
const onlySymbols = /^[^\d]*$/.test(valueWithoutPrefixSuffix) ||
|
|
7044
|
-
/^0+[,.]?0*$/.test(valueWithoutPrefixSuffix);
|
|
7046
|
+
(isCurrencyMask && /^0+[,.]?0*$/.test(valueWithoutPrefixSuffix));
|
|
7045
7047
|
if (valueWithoutPrefixSuffix === '' || onlySymbols) {
|
|
7046
7048
|
target.value = '';
|
|
7047
7049
|
this._maskService.onChange('');
|
|
@@ -10883,6 +10885,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
10883
10885
|
args: ['keydown', ['$event']]
|
|
10884
10886
|
}] } });
|
|
10885
10887
|
|
|
10888
|
+
class MatchaTableComponent {
|
|
10889
|
+
get striped() {
|
|
10890
|
+
return this._striped;
|
|
10891
|
+
}
|
|
10892
|
+
set striped(v) {
|
|
10893
|
+
this._striped = v === 'false' ? false : !!v;
|
|
10894
|
+
}
|
|
10895
|
+
get hover() {
|
|
10896
|
+
return this._hover;
|
|
10897
|
+
}
|
|
10898
|
+
set hover(v) {
|
|
10899
|
+
this._hover = v === 'false' ? false : !!v;
|
|
10900
|
+
}
|
|
10901
|
+
get bordered() {
|
|
10902
|
+
return this._bordered;
|
|
10903
|
+
}
|
|
10904
|
+
set bordered(v) {
|
|
10905
|
+
this._bordered = v === 'false' ? false : !!v;
|
|
10906
|
+
}
|
|
10907
|
+
get stickyHeader() {
|
|
10908
|
+
return this._stickyHeader;
|
|
10909
|
+
}
|
|
10910
|
+
set stickyHeader(v) {
|
|
10911
|
+
this._stickyHeader = v === 'false' ? false : !!v;
|
|
10912
|
+
}
|
|
10913
|
+
constructor(_elementRef, _renderer) {
|
|
10914
|
+
this._elementRef = _elementRef;
|
|
10915
|
+
this._renderer = _renderer;
|
|
10916
|
+
this.size = 'comfortable';
|
|
10917
|
+
this._striped = false;
|
|
10918
|
+
this._hover = false;
|
|
10919
|
+
this._bordered = false;
|
|
10920
|
+
this._stickyHeader = false;
|
|
10921
|
+
this.stickyStart = null;
|
|
10922
|
+
this.stickyEnd = null;
|
|
10923
|
+
this._config = {
|
|
10924
|
+
size: 'comfortable',
|
|
10925
|
+
striped: false,
|
|
10926
|
+
hover: false,
|
|
10927
|
+
bordered: false,
|
|
10928
|
+
stickyHeader: false,
|
|
10929
|
+
stickyStart: null,
|
|
10930
|
+
stickyEnd: null
|
|
10931
|
+
};
|
|
10932
|
+
}
|
|
10933
|
+
ngOnInit() {
|
|
10934
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table');
|
|
10935
|
+
this.setConfig();
|
|
10936
|
+
}
|
|
10937
|
+
ngOnChanges() {
|
|
10938
|
+
this.setConfig();
|
|
10939
|
+
}
|
|
10940
|
+
ngOnDestroy() {
|
|
10941
|
+
this.clearConfig();
|
|
10942
|
+
}
|
|
10943
|
+
clearConfig() {
|
|
10944
|
+
// size
|
|
10945
|
+
if (this._config.size) {
|
|
10946
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `matcha-table-${this._config.size}`);
|
|
10947
|
+
}
|
|
10948
|
+
// striped
|
|
10949
|
+
if (this._config.striped) {
|
|
10950
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-striped');
|
|
10951
|
+
}
|
|
10952
|
+
// hover
|
|
10953
|
+
if (this._config.hover) {
|
|
10954
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-hover');
|
|
10955
|
+
}
|
|
10956
|
+
// bordered
|
|
10957
|
+
if (this._config.bordered) {
|
|
10958
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-bordered');
|
|
10959
|
+
}
|
|
10960
|
+
// sticky header
|
|
10961
|
+
if (this._config.stickyHeader) {
|
|
10962
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-sticky-header');
|
|
10963
|
+
}
|
|
10964
|
+
// sticky columns
|
|
10965
|
+
if (this._config.stickyStart) {
|
|
10966
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-sticky-start');
|
|
10967
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `matcha-table-sticky-start-${this._config.stickyStart}`);
|
|
10968
|
+
}
|
|
10969
|
+
if (this._config.stickyEnd) {
|
|
10970
|
+
this._renderer.removeClass(this._elementRef.nativeElement, 'matcha-table-sticky-end');
|
|
10971
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `matcha-table-sticky-end-${this._config.stickyEnd}`);
|
|
10972
|
+
}
|
|
10973
|
+
}
|
|
10974
|
+
setConfig() {
|
|
10975
|
+
this.clearConfig();
|
|
10976
|
+
this.setSize();
|
|
10977
|
+
this.setStriped();
|
|
10978
|
+
this.setHover();
|
|
10979
|
+
this.setBordered();
|
|
10980
|
+
this.setStickyHeader();
|
|
10981
|
+
this.setStickyColumns();
|
|
10982
|
+
}
|
|
10983
|
+
setSize() {
|
|
10984
|
+
if (!this.size) {
|
|
10985
|
+
return;
|
|
10986
|
+
}
|
|
10987
|
+
this._renderer.addClass(this._elementRef.nativeElement, `matcha-table-${this.size}`);
|
|
10988
|
+
this._config.size = this.size;
|
|
10989
|
+
}
|
|
10990
|
+
setStriped() {
|
|
10991
|
+
if (this.striped) {
|
|
10992
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-striped');
|
|
10993
|
+
this._config.striped = true;
|
|
10994
|
+
}
|
|
10995
|
+
else {
|
|
10996
|
+
this._config.striped = false;
|
|
10997
|
+
}
|
|
10998
|
+
}
|
|
10999
|
+
setHover() {
|
|
11000
|
+
if (this.hover) {
|
|
11001
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-hover');
|
|
11002
|
+
this._config.hover = true;
|
|
11003
|
+
}
|
|
11004
|
+
else {
|
|
11005
|
+
this._config.hover = false;
|
|
11006
|
+
}
|
|
11007
|
+
}
|
|
11008
|
+
setBordered() {
|
|
11009
|
+
if (this.bordered) {
|
|
11010
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-bordered');
|
|
11011
|
+
this._config.bordered = true;
|
|
11012
|
+
}
|
|
11013
|
+
else {
|
|
11014
|
+
this._config.bordered = false;
|
|
11015
|
+
}
|
|
11016
|
+
}
|
|
11017
|
+
setStickyHeader() {
|
|
11018
|
+
if (this.stickyHeader) {
|
|
11019
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-sticky-header');
|
|
11020
|
+
this._config.stickyHeader = true;
|
|
11021
|
+
}
|
|
11022
|
+
else {
|
|
11023
|
+
this._config.stickyHeader = false;
|
|
11024
|
+
}
|
|
11025
|
+
}
|
|
11026
|
+
setStickyColumns() {
|
|
11027
|
+
this._config.stickyStart = null;
|
|
11028
|
+
this._config.stickyEnd = null;
|
|
11029
|
+
if (this.stickyStart && this.stickyStart > 0) {
|
|
11030
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-sticky-start');
|
|
11031
|
+
this._renderer.addClass(this._elementRef.nativeElement, `matcha-table-sticky-start-${this.stickyStart}`);
|
|
11032
|
+
this._config.stickyStart = this.stickyStart;
|
|
11033
|
+
}
|
|
11034
|
+
if (this.stickyEnd && this.stickyEnd > 0) {
|
|
11035
|
+
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table-sticky-end');
|
|
11036
|
+
this._renderer.addClass(this._elementRef.nativeElement, `matcha-table-sticky-end-${this.stickyEnd}`);
|
|
11037
|
+
this._config.stickyEnd = this.stickyEnd;
|
|
11038
|
+
}
|
|
11039
|
+
}
|
|
11040
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11041
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaTableComponent, isStandalone: false, selector: "[matcha-table]", inputs: { size: "size", striped: "striped", hover: "hover", bordered: "bordered", stickyHeader: "stickyHeader", stickyStart: ["sticky-start", "stickyStart"], stickyEnd: ["sticky-end", "stickyEnd"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"matcha-table-container\">\n <div class=\"matcha-table-container-shadow fw-500\">\n <table class=\"matcha-table-content\">\n <ng-content></ng-content>\n </table>\n </div>\n</div>\n\n", styles: [""] }); }
|
|
11042
|
+
}
|
|
11043
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableComponent, decorators: [{
|
|
11044
|
+
type: Component,
|
|
11045
|
+
args: [{ selector: '[matcha-table]', standalone: false, template: "<div class=\"matcha-table-container\">\n <div class=\"matcha-table-container-shadow fw-500\">\n <table class=\"matcha-table-content\">\n <ng-content></ng-content>\n </table>\n </div>\n</div>\n\n" }]
|
|
11046
|
+
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
11047
|
+
type: Inject,
|
|
11048
|
+
args: [ElementRef]
|
|
11049
|
+
}] }, { type: i0.Renderer2, decorators: [{
|
|
11050
|
+
type: Inject,
|
|
11051
|
+
args: [Renderer2]
|
|
11052
|
+
}] }], propDecorators: { size: [{
|
|
11053
|
+
type: Input,
|
|
11054
|
+
args: ['size']
|
|
11055
|
+
}], striped: [{
|
|
11056
|
+
type: Input
|
|
11057
|
+
}], hover: [{
|
|
11058
|
+
type: Input
|
|
11059
|
+
}], bordered: [{
|
|
11060
|
+
type: Input
|
|
11061
|
+
}], stickyHeader: [{
|
|
11062
|
+
type: Input
|
|
11063
|
+
}], stickyStart: [{
|
|
11064
|
+
type: Input,
|
|
11065
|
+
args: ['sticky-start']
|
|
11066
|
+
}], stickyEnd: [{
|
|
11067
|
+
type: Input,
|
|
11068
|
+
args: ['sticky-end']
|
|
11069
|
+
}] } });
|
|
11070
|
+
|
|
10886
11071
|
class MatchaTooltipDirective {
|
|
10887
11072
|
get tooltipDisabled() { return this._tooltipDisabled; }
|
|
10888
11073
|
set tooltipDisabled(v) { this._tooltipDisabled = v === 'false' ? false : !!v; }
|
|
@@ -13542,6 +13727,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
13542
13727
|
}]
|
|
13543
13728
|
}] });
|
|
13544
13729
|
|
|
13730
|
+
class MatchaTableModule {
|
|
13731
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13732
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableComponent], exports: [MatchaTableComponent] }); }
|
|
13733
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableModule }); }
|
|
13734
|
+
}
|
|
13735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTableModule, decorators: [{
|
|
13736
|
+
type: NgModule,
|
|
13737
|
+
args: [{
|
|
13738
|
+
declarations: [MatchaTableComponent],
|
|
13739
|
+
imports: [],
|
|
13740
|
+
exports: [MatchaTableComponent]
|
|
13741
|
+
}]
|
|
13742
|
+
}] });
|
|
13743
|
+
|
|
13545
13744
|
class StepContentDirective {
|
|
13546
13745
|
constructor(template) {
|
|
13547
13746
|
this.template = template;
|
|
@@ -13573,5 +13772,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
13573
13772
|
* Generated bundle index. Do not edit.
|
|
13574
13773
|
*/
|
|
13575
13774
|
|
|
13576
|
-
export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
|
|
13775
|
+
export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
|
|
13577
13776
|
//# sourceMappingURL=matcha-components.mjs.map
|