matcha-components 19.109.0 → 19.111.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.
Files changed (26) hide show
  1. package/fesm2022/matcha-components.mjs +1128 -4638
  2. package/fesm2022/matcha-components.mjs.map +1 -1
  3. package/lib/matcha-components.module.d.ts +23 -24
  4. package/lib/matcha-drop-list/directives/drag-handle.directive.d.ts +12 -0
  5. package/lib/matcha-drop-list/directives/drag.directive.d.ts +51 -0
  6. package/lib/matcha-drop-list/drop-list/drop-list.component.d.ts +59 -0
  7. package/lib/matcha-drop-list/drop-list.module.d.ts +10 -0
  8. package/lib/matcha-drop-list/services/drop-list.service.d.ts +10 -0
  9. package/lib/matcha-skeleton/skeleton/skeleton.component.d.ts +12 -0
  10. package/lib/matcha-skeleton/skeleton.module.d.ts +8 -0
  11. package/package.json +1 -1
  12. package/public-api.d.ts +8 -13
  13. package/lib/matcha-input-phone/all-countries.d.ts +0 -8
  14. package/lib/matcha-input-phone/input-phone.component.d.ts +0 -69
  15. package/lib/matcha-input-phone/input-phone.module.d.ts +0 -11
  16. package/lib/matcha-input-phone/lib/custom-keyboard-event.d.ts +0 -1
  17. package/lib/matcha-input-phone/lib/ngx-mask-applier.service.d.ts +0 -55
  18. package/lib/matcha-input-phone/lib/ngx-mask-expression.enum.d.ts +0 -43
  19. package/lib/matcha-input-phone/lib/ngx-mask.config.d.ts +0 -40
  20. package/lib/matcha-input-phone/lib/ngx-mask.directive.d.ts +0 -78
  21. package/lib/matcha-input-phone/lib/ngx-mask.module.d.ts +0 -11
  22. package/lib/matcha-input-phone/lib/ngx-mask.pipe.d.ts +0 -13
  23. package/lib/matcha-input-phone/lib/ngx-mask.providers.d.ts +0 -4
  24. package/lib/matcha-input-phone/lib/ngx-mask.service.d.ts +0 -83
  25. package/lib/matcha-tree/tree.directive.d.ts +0 -9
  26. package/lib/matcha-tree/tree.module.d.ts +0 -8
@@ -17,31 +17,30 @@ import * as i15 from "./matcha-hint-text/hint.module";
17
17
  import * as i16 from "./matcha-icon/icon.module";
18
18
  import * as i17 from "./matcha-infinite-scroll/matcha-infinite-scroll.module";
19
19
  import * as i18 from "./matcha-input/input.module";
20
- import * as i19 from "./matcha-input-phone/input-phone.module";
21
- import * as i20 from "./matcha-masonry/masonry.module";
22
- import * as i21 from "./matcha-menu/menu.module";
23
- import * as i22 from "./matcha-modal/matcha-modal.module";
24
- import * as i23 from "./matcha-paginator/paginator.module";
25
- import * as i24 from "./matcha-progress-bar/progress-bar.module";
26
- import * as i25 from "./matcha-radio-button/radio-button.module";
27
- import * as i26 from "./matcha-ripple/ripple.module";
28
- import * as i27 from "./matcha-select/select.module";
29
- import * as i28 from "./matcha-sidenav/sidenav.module";
30
- import * as i29 from "./matcha-slide-toggle/slide-toggle.module";
31
- import * as i30 from "./matcha-slider/slider.module";
32
- import * as i31 from "./matcha-snackbar/snack-bar.module";
33
- import * as i32 from "./matcha-sort-header/sort-header.module";
34
- import * as i33 from "./matcha-spin/spin.module";
35
- import * as i34 from "./matcha-stepper/stepper.module";
36
- import * as i35 from "./matcha-table/table.module";
37
- import * as i36 from "./matcha-tabs/tabs.module";
38
- import * as i37 from "./matcha-title/title.module";
39
- import * as i38 from "./matcha-tooltip/tooltip.module";
40
- import * as i39 from "./matcha-tree/tree.module";
41
- import * as i40 from "./matcha-date/date.module";
42
- import * as i41 from "./matcha-time/time.module";
20
+ import * as i19 from "./matcha-masonry/masonry.module";
21
+ import * as i20 from "./matcha-menu/menu.module";
22
+ import * as i21 from "./matcha-modal/matcha-modal.module";
23
+ import * as i22 from "./matcha-paginator/paginator.module";
24
+ import * as i23 from "./matcha-progress-bar/progress-bar.module";
25
+ import * as i24 from "./matcha-radio-button/radio-button.module";
26
+ import * as i25 from "./matcha-ripple/ripple.module";
27
+ import * as i26 from "./matcha-select/select.module";
28
+ import * as i27 from "./matcha-sidenav/sidenav.module";
29
+ import * as i28 from "./matcha-slide-toggle/slide-toggle.module";
30
+ import * as i29 from "./matcha-slider/slider.module";
31
+ import * as i30 from "./matcha-snackbar/snack-bar.module";
32
+ import * as i31 from "./matcha-sort-header/sort-header.module";
33
+ import * as i32 from "./matcha-spin/spin.module";
34
+ import * as i33 from "./matcha-stepper/stepper.module";
35
+ import * as i34 from "./matcha-table/table.module";
36
+ import * as i35 from "./matcha-tabs/tabs.module";
37
+ import * as i36 from "./matcha-title/title.module";
38
+ import * as i37 from "./matcha-tooltip/tooltip.module";
39
+ import * as i38 from "./matcha-date/date.module";
40
+ import * as i39 from "./matcha-time/time.module";
41
+ import * as i40 from "./matcha-drop-list/drop-list.module";
43
42
  export declare class MatchaComponentsModule {
44
43
  static ɵfac: i0.ɵɵFactoryDeclaration<MatchaComponentsModule, never>;
45
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof i1.MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatchaAccordionModule, typeof i5.MatchaBadgeModule, typeof i6.MatchaButtonModule, typeof i7.MatchaButtonToggleModule, typeof i8.MatchaCardModule, typeof i9.MatchaCheckboxModule, typeof i10.MatchaChipsModule, typeof i11.MatchaDatepickerModule, typeof i12.MatchaDividerModule, typeof i13.MatchaElevationModule, typeof i14.MatchaFormFieldModule, typeof i15.MatchaHintTextModule, typeof i16.MatchaIconModule, typeof i17.MatchaInfiniteScrollModule, typeof i18.MatchaInputModule, typeof i19.MatchaInputPhoneModule, typeof i20.MatchaMasonryModule, typeof i21.MatchaMenuModule, typeof i22.MatchaModalModule, typeof i23.MatchaPaginatorModule, typeof i24.MatchaProgressBarModule, typeof i25.MatchaRadioButtonModule, typeof i26.MatchaRippleModule, typeof i27.MatchaSelectModule, typeof i28.MatchaSidenavModule, typeof i29.MatchaSlideToggleModule, typeof i30.MatchaSliderModule, typeof i31.MatchaSnackBarModule, typeof i32.MatchaSortHeaderModule, typeof i33.MatchaSpinModule, typeof i34.MatchaStepperModule, typeof i35.MatchaTableModule, typeof i36.MatchaTabsModule, typeof i37.MatchaTitleModule, typeof i38.MatchaTooltipModule, typeof i39.MatchaTreeModule, typeof i40.MatchaDateModule, typeof i41.MatchaTimeModule], [typeof i4.MatchaAccordionModule, typeof i5.MatchaBadgeModule, typeof i6.MatchaButtonModule, typeof i7.MatchaButtonToggleModule, typeof i8.MatchaCardModule, typeof i9.MatchaCheckboxModule, typeof i10.MatchaChipsModule, typeof i11.MatchaDatepickerModule, typeof i12.MatchaDividerModule, typeof i13.MatchaElevationModule, typeof i14.MatchaFormFieldModule, typeof i15.MatchaHintTextModule, typeof i16.MatchaIconModule, typeof i17.MatchaInfiniteScrollModule, typeof i18.MatchaInputModule, typeof i19.MatchaInputPhoneModule, typeof i20.MatchaMasonryModule, typeof i21.MatchaMenuModule, typeof i22.MatchaModalModule, typeof i23.MatchaPaginatorModule, typeof i24.MatchaProgressBarModule, typeof i25.MatchaRadioButtonModule, typeof i26.MatchaRippleModule, typeof i27.MatchaSelectModule, typeof i28.MatchaSidenavModule, typeof i29.MatchaSlideToggleModule, typeof i30.MatchaSliderModule, typeof i31.MatchaSnackBarModule, typeof i32.MatchaSortHeaderModule, typeof i33.MatchaSpinModule, typeof i34.MatchaStepperModule, typeof i35.MatchaTableModule, typeof i36.MatchaTabsModule, typeof i37.MatchaTitleModule, typeof i38.MatchaTooltipModule, typeof i39.MatchaTreeModule, typeof i40.MatchaDateModule, typeof i41.MatchaTimeModule]>;
44
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof i1.MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatchaAccordionModule, typeof i5.MatchaBadgeModule, typeof i6.MatchaButtonModule, typeof i7.MatchaButtonToggleModule, typeof i8.MatchaCardModule, typeof i9.MatchaCheckboxModule, typeof i10.MatchaChipsModule, typeof i11.MatchaDatepickerModule, typeof i12.MatchaDividerModule, typeof i13.MatchaElevationModule, typeof i14.MatchaFormFieldModule, typeof i15.MatchaHintTextModule, typeof i16.MatchaIconModule, typeof i17.MatchaInfiniteScrollModule, typeof i18.MatchaInputModule, typeof i19.MatchaMasonryModule, typeof i20.MatchaMenuModule, typeof i21.MatchaModalModule, typeof i22.MatchaPaginatorModule, typeof i23.MatchaProgressBarModule, typeof i24.MatchaRadioButtonModule, typeof i25.MatchaRippleModule, typeof i26.MatchaSelectModule, typeof i27.MatchaSidenavModule, typeof i28.MatchaSlideToggleModule, typeof i29.MatchaSliderModule, typeof i30.MatchaSnackBarModule, typeof i31.MatchaSortHeaderModule, typeof i32.MatchaSpinModule, typeof i33.MatchaStepperModule, typeof i34.MatchaTableModule, typeof i35.MatchaTabsModule, typeof i36.MatchaTitleModule, typeof i37.MatchaTooltipModule, typeof i38.MatchaDateModule, typeof i39.MatchaTimeModule, typeof i40.MatchaDropListModule], [typeof i4.MatchaAccordionModule, typeof i5.MatchaBadgeModule, typeof i6.MatchaButtonModule, typeof i7.MatchaButtonToggleModule, typeof i8.MatchaCardModule, typeof i9.MatchaCheckboxModule, typeof i10.MatchaChipsModule, typeof i11.MatchaDatepickerModule, typeof i12.MatchaDividerModule, typeof i13.MatchaElevationModule, typeof i14.MatchaFormFieldModule, typeof i15.MatchaHintTextModule, typeof i16.MatchaIconModule, typeof i17.MatchaInfiniteScrollModule, typeof i18.MatchaInputModule, typeof i19.MatchaMasonryModule, typeof i20.MatchaMenuModule, typeof i21.MatchaModalModule, typeof i22.MatchaPaginatorModule, typeof i23.MatchaProgressBarModule, typeof i24.MatchaRadioButtonModule, typeof i25.MatchaRippleModule, typeof i26.MatchaSelectModule, typeof i27.MatchaSidenavModule, typeof i28.MatchaSlideToggleModule, typeof i29.MatchaSliderModule, typeof i30.MatchaSnackBarModule, typeof i31.MatchaSortHeaderModule, typeof i32.MatchaSpinModule, typeof i33.MatchaStepperModule, typeof i34.MatchaTableModule, typeof i35.MatchaTabsModule, typeof i36.MatchaTitleModule, typeof i37.MatchaTooltipModule, typeof i38.MatchaDateModule, typeof i39.MatchaTimeModule, typeof i40.MatchaDropListModule]>;
46
45
  static ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
47
46
  }
@@ -0,0 +1,12 @@
1
+ import { ElementRef, OnInit } from '@angular/core';
2
+ import { MatchaDragDirective } from './drag.directive';
3
+ import * as i0 from "@angular/core";
4
+ export declare class MatchaDragHandleDirective implements OnInit {
5
+ private elementRef;
6
+ private dragDirective;
7
+ get dragHandleClass(): boolean;
8
+ constructor(elementRef: ElementRef<HTMLElement>, dragDirective: MatchaDragDirective);
9
+ ngOnInit(): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDragHandleDirective, never>;
11
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDragHandleDirective, "[matchaDragHandle]", never, {}, {}, never, never, false, never>;
12
+ }
@@ -0,0 +1,51 @@
1
+ import { ElementRef, OnInit, OnDestroy, Renderer2, NgZone } from '@angular/core';
2
+ import { MatchaDropListService } from '../services/drop-list.service';
3
+ import * as i0 from "@angular/core";
4
+ export declare class MatchaDragDirective implements OnInit, OnDestroy {
5
+ elementRef: ElementRef<HTMLElement>;
6
+ private renderer;
7
+ private ngZone;
8
+ private dropListService;
9
+ matchaDragData: any;
10
+ matchaDragDisabled: boolean;
11
+ get dragItemClass(): boolean;
12
+ get dragDisabledClass(): boolean;
13
+ private listeners;
14
+ private isDragging;
15
+ private dragHandle?;
16
+ private dropList?;
17
+ private touchStartPosition;
18
+ private touchCurrentPosition;
19
+ private touchDragThreshold;
20
+ private isTouchDragging;
21
+ private dragPreview?;
22
+ private touchIdentifier?;
23
+ constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, ngZone: NgZone, dropListService: MatchaDropListService);
24
+ ngOnInit(): void;
25
+ ngOnDestroy(): void;
26
+ setDropList(dropList: any): void;
27
+ setDragHandle(handle: HTMLElement): void;
28
+ private setupDragEvents;
29
+ private onDragStart;
30
+ private onDragEnd;
31
+ private onTouchStart;
32
+ private onTouchMove;
33
+ private onTouchEnd;
34
+ private onTouchCancel;
35
+ private startTouchDrag;
36
+ private updateTouchDrag;
37
+ private endTouchDrag;
38
+ private cancelTouchDrag;
39
+ private createTouchDragPreview;
40
+ private checkDropZones;
41
+ private findDropZone;
42
+ private findAngularComponent;
43
+ private createFakeDragEvent;
44
+ private findTouch;
45
+ private resetTouchState;
46
+ private cleanupTouchDrag;
47
+ private createDragImage;
48
+ private cleanupListeners;
49
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDragDirective, never>;
50
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDragDirective, "[matchaDrag]", never, { "matchaDragData": { "alias": "matchaDragData"; "required": false; }; "matchaDragDisabled": { "alias": "matchaDragDisabled"; "required": false; }; }, {}, never, never, false, never>;
51
+ }
@@ -0,0 +1,59 @@
1
+ import { EventEmitter, ElementRef, Renderer2, OnInit, OnDestroy, QueryList, AfterContentInit } from '@angular/core';
2
+ import { MatchaDragDirective } from '../directives/drag.directive';
3
+ import { MatchaDropListService } from '../services/drop-list.service';
4
+ import * as i0 from "@angular/core";
5
+ export interface MatchaDropListDroppedEvent<T = any> {
6
+ previousIndex: number;
7
+ currentIndex: number;
8
+ item: T;
9
+ container: MatchaDropListComponent;
10
+ previousContainer?: MatchaDropListComponent;
11
+ data: T[];
12
+ }
13
+ export interface MatchaDropListConnectedToEvent<T = any> {
14
+ sourceData: T[];
15
+ targetData: T[];
16
+ item: T;
17
+ previousIndex: number;
18
+ currentIndex: number;
19
+ }
20
+ export declare class MatchaDropListComponent<T = any> implements OnInit, OnDestroy, AfterContentInit {
21
+ elementRef: ElementRef<HTMLElement>;
22
+ private renderer;
23
+ private dropListService;
24
+ matchaDropListData: T[];
25
+ matchaDropListDisabled: boolean;
26
+ matchaDropListConnectedTo: MatchaDropListComponent[];
27
+ matchaDropListSortingDisabled: boolean;
28
+ matchaDropListAcceptPredicate?: (item: any, sourceContainer: MatchaDropListComponent, targetContainer: MatchaDropListComponent) => boolean;
29
+ matchaDropListDropped: EventEmitter<MatchaDropListDroppedEvent<T>>;
30
+ dragItems: QueryList<MatchaDragDirective>;
31
+ get dropListClass(): boolean;
32
+ private currentDragItem?;
33
+ private dragStartIndex;
34
+ private sourceContainer?;
35
+ isReceivingDrag: boolean;
36
+ showDropIndicator: boolean;
37
+ dropIndicatorPosition: number;
38
+ canAcceptDrop: boolean;
39
+ private calculatedDropIndex;
40
+ constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, dropListService: MatchaDropListService);
41
+ ngOnInit(): void;
42
+ ngAfterContentInit(): void;
43
+ ngOnDestroy(): void;
44
+ private setupDropZone;
45
+ private updateDropIndicator;
46
+ onDragStart(dragItem: MatchaDragDirective, event: DragEvent): void;
47
+ onDragEnd(): void;
48
+ private handleDrop;
49
+ private reorderItems;
50
+ private transferItem;
51
+ private getDragItemIndex;
52
+ notifyDragStart(dragItem: MatchaDragDirective, sourceContainer: MatchaDropListComponent): void;
53
+ notifyDragEnd(): void;
54
+ private canAcceptCurrentDrop;
55
+ handleTouchDragOver(event: any): void;
56
+ handleTouchDrop(event: any, dragItem: any): void;
57
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListComponent<any>, never>;
58
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDropListComponent<any>, "matcha-drop-list", never, { "matchaDropListData": { "alias": "matchaDropListData"; "required": false; }; "matchaDropListDisabled": { "alias": "matchaDropListDisabled"; "required": false; }; "matchaDropListConnectedTo": { "alias": "matchaDropListConnectedTo"; "required": false; }; "matchaDropListSortingDisabled": { "alias": "matchaDropListSortingDisabled"; "required": false; }; "matchaDropListAcceptPredicate": { "alias": "matchaDropListAcceptPredicate"; "required": false; }; }, { "matchaDropListDropped": "matchaDropListDropped"; }, ["dragItems"], ["*"], false, never>;
59
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./drop-list/drop-list.component";
3
+ import * as i2 from "./directives/drag.directive";
4
+ import * as i3 from "./directives/drag-handle.directive";
5
+ import * as i4 from "@angular/common";
6
+ export declare class MatchaDropListModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDropListModule, [typeof i1.MatchaDropListComponent, typeof i2.MatchaDragDirective, typeof i3.MatchaDragHandleDirective], [typeof i4.CommonModule], [typeof i1.MatchaDropListComponent, typeof i2.MatchaDragDirective, typeof i3.MatchaDragHandleDirective]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDropListModule>;
10
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class MatchaDropListService {
3
+ private dropZones;
4
+ registerDropZone(element: HTMLElement, component: any): void;
5
+ unregisterDropZone(element: HTMLElement): void;
6
+ findDropZone(element: Element | null): any;
7
+ getAllDropZones(): any[];
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListService, never>;
9
+ static ɵprov: i0.ɵɵInjectableDeclaration<MatchaDropListService>;
10
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class MatchaSkeletonComponent {
3
+ amount: number | string;
4
+ grid: number | string;
5
+ height: number | string;
6
+ model: 'profile' | 'table' | 'empty' | string | null;
7
+ gap: number | string;
8
+ get classes(): string;
9
+ get heightClass(): string;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSkeletonComponent, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSkeletonComponent, "matcha-skeleton", never, { "amount": { "alias": "amount"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "height": { "alias": "height"; "required": false; }; "model": { "alias": "model"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], false, never>;
12
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./skeleton/skeleton.component";
3
+ import * as i2 from "@angular/common";
4
+ export declare class MatchaSkeletonModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSkeletonModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSkeletonModule, [typeof i1.MatchaSkeletonComponent], [typeof i2.CommonModule], [typeof i1.MatchaSkeletonComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSkeletonModule>;
8
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "matcha-components",
3
- "version": "19.109.0",
3
+ "version": "19.111.0",
4
4
  "peerDependencies": {},
5
5
  "dependencies": {
6
6
  "tslib": "^2.3.0"
package/public-api.d.ts CHANGED
@@ -28,17 +28,18 @@ export * from './lib/matcha-form-field/matcha-error/matcha-error.component';
28
28
  export * from './lib/matcha-checkbox/checkbox/checkbox.component';
29
29
  export * from './lib/matcha-spin/spin/spin.component';
30
30
  export * from './lib/matcha-hint-text/hint/hint-text.component';
31
+ export * from './lib/matcha-skeleton/skeleton/skeleton.component';
31
32
  export * from './lib/matcha-slide-toggle/slide-toggle/slide-toggle.component';
32
33
  export * from './lib/matcha-button-toggle/button-toggle/button-toggle.component';
33
34
  export * from './lib/matcha-tabs/tabs/tabs.component';
34
35
  export * from './lib/matcha-tabs/tab-item/tab-item.component';
35
36
  export * from './lib/matcha-date/date/date.component';
36
37
  export * from './lib/matcha-time/time/time.component';
37
- export * from './lib/matcha-input-phone/input-phone.component';
38
38
  export * from './lib/matcha-stepper/step/step.component';
39
39
  export * from './lib/matcha-stepper/stepper/stepper.component';
40
40
  export * from './lib/matcha-stepper/stepper-content/stepper-content.component';
41
41
  export * from './lib/matcha-stepper/stepper-controller/stepper-controller.component';
42
+ export * from './lib/matcha-drop-list/drop-list/drop-list.component';
42
43
  export * from './lib/matcha-accordion/accordion.module';
43
44
  export * from './lib/matcha-infinite-scroll/matcha-infinite-scroll.module';
44
45
  export * from './lib/matcha-modal/matcha-modal.module';
@@ -67,17 +68,17 @@ export * from './lib/matcha-paginator/paginator.module';
67
68
  export * from './lib/matcha-progress-bar/progress-bar.module';
68
69
  export * from './lib/matcha-radio-button/radio-button.module';
69
70
  export * from './lib/matcha-select/select.module';
71
+ export * from './lib/matcha-skeleton/skeleton.module';
70
72
  export * from './lib/matcha-slide-toggle/slide-toggle.module';
71
73
  export * from './lib/matcha-slider/slider.module';
72
74
  export * from './lib/matcha-snackbar/snack-bar.module';
73
75
  export * from './lib/matcha-sort-header/sort-header.module';
74
76
  export * from './lib/matcha-table/table.module';
75
77
  export * from './lib/matcha-tabs/tabs.module';
76
- export * from './lib/matcha-tree/tree.module';
77
78
  export * from './lib/matcha-ripple/ripple.module';
78
79
  export * from './lib/matcha-spin/spin.module';
79
80
  export * from './lib/matcha-hint-text/hint.module';
80
- export * from './lib/matcha-input-phone/input-phone.module';
81
+ export * from './lib/matcha-drop-list/drop-list.module';
81
82
  export * from './lib/matcha-modal/modal.service';
82
83
  export * from './lib/matcha-modal/overlay.service';
83
84
  export * from './lib/matcha-date/date.module';
@@ -85,7 +86,6 @@ export * from './lib/matcha-time/time.module';
85
86
  export * from './lib/matcha-stepper/stepper.module';
86
87
  export * from './lib/matcha-tooltip/tooltip.directive';
87
88
  export * from './lib/matcha-input/input.directive';
88
- export * from './lib/matcha-tree/tree.directive';
89
89
  export * from './lib/matcha-table/table.directive';
90
90
  export * from './lib/matcha-sort-header/sort-header.directive';
91
91
  export * from './lib/matcha-snackbar/snack-bar.directive';
@@ -101,15 +101,10 @@ export * from './lib/matcha-datepicker/datepicker.directive';
101
101
  export * from './lib/matcha-chips/matcha-chips.directive';
102
102
  export * from './lib/matcha-badge/badge.directive';
103
103
  export * from './lib/matcha-ripple/ripple.directive';
104
+ export * from './lib/matcha-drop-list/directives/drag.directive';
105
+ export * from './lib/matcha-drop-list/directives/drag-handle.directive';
104
106
  export * from './lib/matcha-stepper/next-step.diretive';
105
107
  export * from './lib/matcha-stepper/prev-step.diretive';
106
108
  export * from './lib/matcha-stepper/step-content.diretive';
107
- export * from './lib/matcha-input-phone/lib/ngx-mask-applier.service';
108
- export * from './lib/matcha-input-phone/lib/ngx-mask.directive';
109
- export * from './lib/matcha-input-phone/lib/ngx-mask.module';
110
- export * from './lib/matcha-input-phone/lib/ngx-mask.pipe';
111
- export * from './lib/matcha-input-phone/lib/ngx-mask.service';
112
- export * from './lib/matcha-input-phone/lib/ngx-mask.providers';
113
- export * from './lib/matcha-input-phone/lib/custom-keyboard-event';
114
- export * from './lib/matcha-input-phone/lib/ngx-mask.config';
115
- export * from './lib/matcha-input-phone/lib/ngx-mask-expression.enum';
109
+ export * from './lib/matcha-drop-list/directives/drag.directive';
110
+ export * from './lib/matcha-drop-list/directives/drag-handle.directive';
@@ -1,8 +0,0 @@
1
- export declare function getCountryISO2(): {
2
- name: string;
3
- iso2: string;
4
- dialCode: string;
5
- priority: number;
6
- areaCodes: string[] | null;
7
- mask: string | string[];
8
- }[];
@@ -1,69 +0,0 @@
1
- /**
2
- * Componente MatchaInputPhone
3
- *
4
- * Componente Angular para entrada de telefone internacional com seleção de país, máscara dinâmica e exibição de bandeira.
5
- *
6
- * Funcionalidades:
7
- * - Seleção de país com dropdown e bandeira.
8
- * - Máscara dinâmica de acordo com o país e DDD digitado.
9
- * - Suporte a diferentes formatos de telefone (fixo/celular) para o Brasil.
10
- * - Emissão de evento ao alterar o valor do telefone.
11
- * - Inicialização automática pelo valor informado ou pelo idioma do navegador.
12
- *
13
- * Inputs:
14
- * - fallbackMask: string - Máscara padrão caso não seja encontrada uma específica.
15
- * - label: string - Rótulo do campo (padrão: 'Telefone').
16
- * - value: string - Valor inicial do telefone (com ou sem DDI).
17
- *
18
- * Outputs:
19
- * - onChange: EventEmitter<string> - Emite o valor do telefone completo (com DDI) ao alterar.
20
- *
21
- * ViewChild:
22
- * - inputSelector: ElementRef - Referência ao container do input (usado para fechar o dropdown).
23
- * - phoneRef: ElementRef - Referência ao input do telefone.
24
- *
25
- * Métodos principais:
26
- * - ngOnInit: Inicializa o componente pelo valor ou idioma.
27
- * - ngOnChanges: Atualiza o valor ao receber novo input externo.
28
- * - initCountryPhone: Inicializa país e máscara pelo valor do telefone.
29
- * - selectMaskForDialCode: Seleciona a máscara conforme país e DDD.
30
- * - selectCountry: Troca o país selecionado e atualiza máscara.
31
- * - onInput: Atualiza máscara e emite evento ao digitar.
32
- * - toggleDropdown: Abre/fecha o dropdown de países.
33
- */
34
- import { Renderer2, OnChanges, OnDestroy, OnInit, SimpleChanges, ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
35
- import * as i0 from "@angular/core";
36
- export declare class MatchaInputPhoneComponent implements OnInit, OnDestroy, OnChanges {
37
- private renderer;
38
- private cdr;
39
- inputSelector: ElementRef;
40
- phoneRef: ElementRef;
41
- fallbackMask: string;
42
- value?: string;
43
- onChange: EventEmitter<string>;
44
- typeMask: string;
45
- labelHover: string;
46
- allCountries: any[];
47
- isOpen: boolean;
48
- selectedCountry: any;
49
- inputValueModel: string;
50
- private clickListener;
51
- isInitialized: boolean;
52
- constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
53
- ngOnInit(): void;
54
- ngOnChanges(changes: SimpleChanges): void;
55
- initCountryPhone(phone: string): void;
56
- private setCountryAndInputValue;
57
- private matchCountryAndSetInputValue;
58
- private getMatchingCountry;
59
- private matchAreaCodeAndSetInputValue;
60
- selectMaskForDialCode(inputDigits: string, targetValuePhone?: string): void;
61
- initCountrylanguageNavigator(): void;
62
- selectCountry(country: any): void;
63
- toggleDropdown(): void;
64
- private removeClickListener;
65
- onInput(event: any): void;
66
- ngOnDestroy(): void;
67
- static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputPhoneComponent, never>;
68
- static ɵcmp: i0.ɵɵComponentDeclaration<MatchaInputPhoneComponent, "matcha-input-phone", never, { "fallbackMask": { "alias": "fallbackMask"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
69
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./input-phone.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "../matcha-form-field/matcha-form-field.module";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "./lib/ngx-mask.module";
7
- export declare class MatchaInputPhoneModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputPhoneModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaInputPhoneModule, [typeof i1.MatchaInputPhoneComponent], [typeof i2.CommonModule, typeof i3.MatchaFormFieldModule, typeof i4.FormsModule, typeof i5.NgxMaskModule], [typeof i1.MatchaInputPhoneComponent]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<MatchaInputPhoneModule>;
11
- }
@@ -1 +0,0 @@
1
- export type CustomKeyboardEvent = KeyboardEvent;
@@ -1,55 +0,0 @@
1
- import { NgxMaskConfig } from './ngx-mask.config';
2
- import * as i0 from "@angular/core";
3
- export declare class NgxMaskApplierService {
4
- protected _config: NgxMaskConfig;
5
- dropSpecialCharacters: NgxMaskConfig['dropSpecialCharacters'];
6
- hiddenInput: NgxMaskConfig['hiddenInput'];
7
- clearIfNotMatch: NgxMaskConfig['clearIfNotMatch'];
8
- specialCharacters: NgxMaskConfig['specialCharacters'];
9
- patterns: NgxMaskConfig['patterns'];
10
- prefix: NgxMaskConfig['prefix'];
11
- suffix: NgxMaskConfig['suffix'];
12
- thousandSeparator: NgxMaskConfig['thousandSeparator'];
13
- decimalMarker: NgxMaskConfig['decimalMarker'];
14
- customPattern: NgxMaskConfig['patterns'];
15
- showMaskTyped: NgxMaskConfig['showMaskTyped'];
16
- placeHolderCharacter: NgxMaskConfig['placeHolderCharacter'];
17
- validation: NgxMaskConfig['validation'];
18
- separatorLimit: NgxMaskConfig['separatorLimit'];
19
- allowNegativeNumbers: NgxMaskConfig['allowNegativeNumbers'];
20
- leadZeroDateTime: NgxMaskConfig['leadZeroDateTime'];
21
- leadZero: NgxMaskConfig['leadZero'];
22
- apm: NgxMaskConfig['apm'];
23
- inputTransformFn: NgxMaskConfig['inputTransformFn'] | null;
24
- outputTransformFn: NgxMaskConfig['outputTransformFn'] | null;
25
- keepCharacterPositions: NgxMaskConfig['keepCharacterPositions'];
26
- instantPrefix: NgxMaskConfig['instantPrefix'];
27
- triggerOnMaskChange: NgxMaskConfig['triggerOnMaskChange'];
28
- private _shift;
29
- plusOnePosition: boolean;
30
- maskExpression: string;
31
- actualValue: string;
32
- showKeepCharacterExp: string;
33
- shownMaskExpression: NgxMaskConfig['shownMaskExpression'];
34
- deletedSpecialCharacter: boolean;
35
- ipError?: boolean;
36
- cpfCnpjError?: boolean;
37
- applyMask(inputValue: string | object | boolean | null | undefined, maskExpression: string, position?: number, justPasted?: boolean, backspaced?: boolean, cb?: (...args: any[]) => any): string;
38
- _findDropSpecialChar(inputSymbol: string): undefined | string;
39
- _findSpecialChar(inputSymbol: string): undefined | string;
40
- _checkSymbolMask(inputSymbol: string, maskSymbol: string): boolean;
41
- private _formatWithSeparators;
42
- private percentage;
43
- getPrecision: (maskExpression: string) => number;
44
- private checkAndRemoveSuffix;
45
- private checkInputPrecision;
46
- private _stripToDecimal;
47
- private _charToRegExpExpression;
48
- private _shiftStep;
49
- protected _compareOrIncludes<T>(value: T, comparedValue: T | T[], excludedValue: T): boolean;
50
- private _validIP;
51
- private _splitPercentZero;
52
- private _findFirstNonZeroAndDecimalIndex;
53
- static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskApplierService, never>;
54
- static ɵprov: i0.ɵɵInjectableDeclaration<NgxMaskApplierService>;
55
- }
@@ -1,43 +0,0 @@
1
- export declare const enum MaskExpression {
2
- SEPARATOR = "separator",
3
- PERCENT = "percent",
4
- IP = "IP",
5
- CPF_CNPJ = "CPF_CNPJ",
6
- MONTH = "M",
7
- MONTHS = "M0",
8
- MINUTE = "m",
9
- HOUR = "h",
10
- HOURS = "H",
11
- MINUTES = "m0",
12
- HOURS_HOUR = "Hh",
13
- SECONDS = "s0",
14
- HOURS_MINUTES_SECONDS = "Hh:m0:s0",
15
- EMAIL_MASK = "A*@A*.A*",
16
- HOURS_MINUTES = "Hh:m0",
17
- MINUTES_SECONDS = "m0:s0",
18
- DAYS_MONTHS_YEARS = "d0/M0/0000",
19
- DAYS_MONTHS = "d0/M0",
20
- DAYS = "d0",
21
- DAY = "d",
22
- SECOND = "s",
23
- LETTER_S = "S",
24
- DOT = ".",
25
- COMMA = ",",
26
- CURLY_BRACKETS_LEFT = "{",
27
- CURLY_BRACKETS_RIGHT = "}",
28
- MINUS = "-",
29
- OR = "||",
30
- HASH = "#",
31
- EMPTY_STRING = "",
32
- SYMBOL_STAR = "*",
33
- SYMBOL_QUESTION = "?",
34
- SLASH = "/",
35
- WHITE_SPACE = " ",
36
- NUMBER_ZERO = "0",
37
- NUMBER_NINE = "9",
38
- BACKSPACE = "Backspace",
39
- DELETE = "Delete",
40
- ARROW_LEFT = "ArrowLeft",
41
- ARROW_UP = "ArrowUp",
42
- DOUBLE_ZERO = "00"
43
- }
@@ -1,40 +0,0 @@
1
- import { EventEmitter, InjectionToken } from '@angular/core';
2
- export type InputTransformFn = (value: unknown) => string | number;
3
- export type OutputTransformFn = (value: string | number | undefined | null) => unknown;
4
- export type NgxMaskConfig = {
5
- suffix: string;
6
- prefix: string;
7
- thousandSeparator: string;
8
- decimalMarker: '.' | ',' | ['.', ','];
9
- clearIfNotMatch: boolean;
10
- showMaskTyped: boolean;
11
- placeHolderCharacter: string;
12
- shownMaskExpression: string;
13
- specialCharacters: string[] | readonly string[];
14
- dropSpecialCharacters: boolean | string[] | readonly string[];
15
- hiddenInput: boolean;
16
- validation: boolean;
17
- instantPrefix: boolean;
18
- separatorLimit: string;
19
- apm: boolean;
20
- allowNegativeNumbers: boolean;
21
- leadZeroDateTime: boolean;
22
- leadZero: boolean;
23
- triggerOnMaskChange: boolean;
24
- keepCharacterPositions: boolean;
25
- inputTransformFn: InputTransformFn;
26
- outputTransformFn: OutputTransformFn;
27
- maskFilled: EventEmitter<void>;
28
- patterns: Record<string, {
29
- pattern: RegExp;
30
- optional?: boolean;
31
- symbol?: string;
32
- }>;
33
- };
34
- export type NgxMaskOptions = Partial<NgxMaskConfig>;
35
- export declare const NGX_MASK_CONFIG: InjectionToken<NgxMaskConfig>;
36
- export declare const NEW_CONFIG: InjectionToken<NgxMaskConfig>;
37
- export declare const INITIAL_CONFIG: InjectionToken<NgxMaskConfig>;
38
- export declare const initialConfig: NgxMaskConfig;
39
- export declare const timeMasks: string[];
40
- export declare const withoutValidation: string[];
@@ -1,78 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import { ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
3
- import { CustomKeyboardEvent } from './custom-keyboard-event';
4
- import { NgxMaskConfig } from './ngx-mask.config';
5
- import { NgxMaskService } from './ngx-mask.service';
6
- import * as i0 from "@angular/core";
7
- export declare class NgxMaskDirective implements ControlValueAccessor, OnChanges, Validator {
8
- mask: import("@angular/core").InputSignal<string | null | undefined>;
9
- specialCharacters: import("@angular/core").InputSignal<string[] | readonly string[]>;
10
- patterns: import("@angular/core").InputSignal<Record<string, {
11
- pattern: RegExp;
12
- optional?: boolean;
13
- symbol?: string;
14
- }>>;
15
- prefix: import("@angular/core").InputSignal<string>;
16
- suffix: import("@angular/core").InputSignal<string>;
17
- thousandSeparator: import("@angular/core").InputSignal<string>;
18
- decimalMarker: import("@angular/core").InputSignal<"." | "," | [".", ","]>;
19
- dropSpecialCharacters: import("@angular/core").InputSignal<boolean | string[] | readonly string[] | null>;
20
- hiddenInput: import("@angular/core").InputSignal<boolean | null>;
21
- showMaskTyped: import("@angular/core").InputSignal<boolean | null>;
22
- placeHolderCharacter: import("@angular/core").InputSignal<string | null>;
23
- shownMaskExpression: import("@angular/core").InputSignal<string | null>;
24
- clearIfNotMatch: import("@angular/core").InputSignal<boolean | null>;
25
- validation: import("@angular/core").InputSignal<boolean | null>;
26
- separatorLimit: import("@angular/core").InputSignal<string | null>;
27
- allowNegativeNumbers: import("@angular/core").InputSignal<boolean | null>;
28
- leadZeroDateTime: import("@angular/core").InputSignal<boolean | null>;
29
- leadZero: import("@angular/core").InputSignal<boolean | null>;
30
- triggerOnMaskChange: import("@angular/core").InputSignal<boolean | null>;
31
- apm: import("@angular/core").InputSignal<boolean | null>;
32
- inputTransformFn: import("@angular/core").InputSignal<import("./ngx-mask.config").InputTransformFn | null>;
33
- outputTransformFn: import("@angular/core").InputSignal<import("./ngx-mask.config").OutputTransformFn | null>;
34
- keepCharacterPositions: import("@angular/core").InputSignal<boolean | null>;
35
- instantPrefix: import("@angular/core").InputSignal<boolean | null>;
36
- maskFilled: import("@angular/core").OutputEmitterRef<void>;
37
- private _maskValue;
38
- private _inputValue;
39
- private _position;
40
- private _code;
41
- private _maskExpressionArray;
42
- private _justPasted;
43
- private _isFocused;
44
- /**For IME composition event */
45
- private _isComposing;
46
- _maskService: NgxMaskService;
47
- private readonly document;
48
- protected _config: NgxMaskConfig;
49
- onChange: (_: any) => void;
50
- onTouch: () => void;
51
- ngOnChanges(changes: SimpleChanges): void;
52
- validate({ value }: FormControl): ValidationErrors | null;
53
- onPaste(): void;
54
- onFocus(): void;
55
- onModelChange(value: string | undefined | null | number): void;
56
- onInput(e: CustomKeyboardEvent): void;
57
- onCompositionStart(): void;
58
- onCompositionEnd(e: CustomKeyboardEvent): void;
59
- onBlur(e: CustomKeyboardEvent): void;
60
- onClick(e: MouseEvent | CustomKeyboardEvent): void;
61
- onKeyDown(e: CustomKeyboardEvent): void;
62
- /** It writes the value in the input */
63
- writeValue(controlValue: unknown): Promise<void>;
64
- registerOnChange(fn: typeof this.onChange): void;
65
- registerOnTouched(fn: typeof this.onTouch): void;
66
- private _getActiveElement;
67
- checkSelectionOnDeletion(el: HTMLInputElement): void;
68
- /** It disables the input element */
69
- setDisabledState(isDisabled: boolean): void;
70
- private _applyMask;
71
- private _validateTime;
72
- private _getActualInputLength;
73
- private _createValidationError;
74
- private _setMask;
75
- private _areAllCharactersInEachStringSame;
76
- static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskDirective, never>;
77
- static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMaskDirective, "input[mask], textarea[mask]", ["mask", "ngxMask"], { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "specialCharacters": { "alias": "specialCharacters"; "required": false; "isSignal": true; }; "patterns": { "alias": "patterns"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; "isSignal": true; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; "isSignal": true; }; "hiddenInput": { "alias": "hiddenInput"; "required": false; "isSignal": true; }; "showMaskTyped": { "alias": "showMaskTyped"; "required": false; "isSignal": true; }; "placeHolderCharacter": { "alias": "placeHolderCharacter"; "required": false; "isSignal": true; }; "shownMaskExpression": { "alias": "shownMaskExpression"; "required": false; "isSignal": true; }; "clearIfNotMatch": { "alias": "clearIfNotMatch"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "separatorLimit": { "alias": "separatorLimit"; "required": false; "isSignal": true; }; "allowNegativeNumbers": { "alias": "allowNegativeNumbers"; "required": false; "isSignal": true; }; "leadZeroDateTime": { "alias": "leadZeroDateTime"; "required": false; "isSignal": true; }; "leadZero": { "alias": "leadZero"; "required": false; "isSignal": true; }; "triggerOnMaskChange": { "alias": "triggerOnMaskChange"; "required": false; "isSignal": true; }; "apm": { "alias": "apm"; "required": false; "isSignal": true; }; "inputTransformFn": { "alias": "inputTransformFn"; "required": false; "isSignal": true; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; "isSignal": true; }; "keepCharacterPositions": { "alias": "keepCharacterPositions"; "required": false; "isSignal": true; }; "instantPrefix": { "alias": "instantPrefix"; "required": false; "isSignal": true; }; }, { "maskFilled": "maskFilled"; }, never, never, false, never>;
78
- }