matcha-components 20.262.0 → 20.264.0

package/index.d.ts

@@ -2117,11 +2117,40 @@ declare class MatchaTimeRangeModule {
 }
 
 declare class MatchaDropListService {
+    private ngZone;
     private dropZones;
+    private namedDropZones;
+    readonly currentDragData: i0.WritableSignal<any>;
+    readonly currentDragType: i0.WritableSignal<string>;
+    private activeDrag;
+    private ghostElement;
+    private dragOffsetX;
+    private dragOffsetY;
+    private lastTargetContainer;
+    private globalListeners;
+    private hoverTimer;
+    private lastHoveredItemIndex;
+    private hasMoved;
+    private startX;
+    private startY;
+    constructor(ngZone: NgZone);
     registerDropZone(element: HTMLElement, component: any): void;
     unregisterDropZone(element: HTMLElement): void;
     findDropZone(element: Element | null): any;
     getAllDropZones(): any[];
+    registerNamedDropZone(id: string | number, directive: any): void;
+    unregisterNamedDropZone(id: string | number): void;
+    beginDrag(dragDirective: any, nativeEl: HTMLElement, event: MouseEvent | TouchEvent, groupEl?: HTMLElement): void;
+    private createGhost;
+    private setupGlobalListeners;
+    private onPointerMove;
+    private onPointerUp;
+    private findContainerFromElements;
+    private findNamedDropZoneAt;
+    private handleHoverExpand;
+    private cleanup;
+    private getClientX;
+    private getClientY;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MatchaDropListService>;
 }
@@ -2133,46 +2162,23 @@ declare class MatchaDragDirective implements OnInit, OnDestroy {
     private dropListService;
     matchaDragData: any;
     matchaDragDisabled: boolean;
+    matchaDragGroupEl: HTMLElement | null;
+    matchaDragType: string;
+    matchaDragStarted: EventEmitter<void>;
     get dragItemClass(): boolean;
     get dragDisabledClass(): boolean;
     private listeners;
-    private isDragging;
     private dragHandle?;
     private dropList?;
-    private touchStartPosition;
-    private touchCurrentPosition;
-    private touchDragThreshold;
-    private isTouchDragging;
-    private dragPreview?;
-    private touchIdentifier?;
     constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, ngZone: NgZone, dropListService: MatchaDropListService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     setDropList(dropList: any): void;
     setDragHandle(handle: HTMLElement): void;
-    private setupDragEvents;
-    private onDragStart;
-    private onDragEnd;
-    private onTouchStart;
-    private onTouchMove;
-    private onTouchEnd;
-    private onTouchCancel;
-    private startTouchDrag;
-    private updateTouchDrag;
-    private endTouchDrag;
-    private cancelTouchDrag;
-    private createTouchDragPreview;
-    private checkDropZones;
-    private findDropZone;
-    private findAngularComponent;
-    private createFakeDragEvent;
-    private findTouch;
-    private resetTouchState;
-    private cleanupTouchDrag;
-    private createDragImage;
+    private setupPointerEvents;
     private cleanupListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDragDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDragDirective, "[matchaDrag]", never, { "matchaDragData": { "alias": "matchaDragData"; "required": false; }; "matchaDragDisabled": { "alias": "matchaDragDisabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDragDirective, "[matchaDrag]", never, { "matchaDragData": { "alias": "matchaDragData"; "required": false; }; "matchaDragDisabled": { "alias": "matchaDragDisabled"; "required": false; }; "matchaDragGroupEl": { "alias": "matchaDragGroupEl"; "required": false; }; "matchaDragType": { "alias": "matchaDragType"; "required": false; }; }, { "matchaDragStarted": "matchaDragStarted"; }, never, never, false, never>;
 }
 
 interface MatchaDropListDroppedEvent<T = any> {
@@ -2190,7 +2196,7 @@ interface MatchaDropListConnectedToEvent<T = any> {
     previousIndex: number;
     currentIndex: number;
 }
-declare class MatchaDropListComponent<T = any> implements OnInit, OnDestroy, AfterContentInit {
+declare class MatchaDropListComponent<T = any> implements OnInit, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
     private renderer;
     private dropListService;
@@ -2199,36 +2205,46 @@ declare class MatchaDropListComponent<T = any> implements OnInit, OnDestroy, Aft
     matchaDropListConnectedTo: MatchaDropListComponent[];
     matchaDropListSortingDisabled: boolean;
     matchaDropListAcceptPredicate?: (item: any, sourceContainer: MatchaDropListComponent, targetContainer: MatchaDropListComponent) => boolean;
+    matchaDropListAcceptTypes: string[];
+    matchaDropListTreeMode: boolean;
+    matchaDropListHoverExpandDelay: number;
     matchaDropListDropped: EventEmitter<MatchaDropListDroppedEvent<T>>;
-    dragItems: QueryList<MatchaDragDirective>;
+    matchaDropListHoverExpand: EventEmitter<any>;
+    private _directDragItems;
+    get directDragItems(): MatchaDragDirective[];
     get dropListClass(): boolean;
-    private currentDragItem?;
-    private dragStartIndex;
-    private sourceContainer?;
     isReceivingDrag: boolean;
     showDropIndicator: boolean;
     dropIndicatorPosition: number;
     canAcceptDrop: boolean;
     private calculatedDropIndex;
+    private currentDragItem?;
+    private dragStartIndex;
+    private sourceContainer?;
     constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, dropListService: MatchaDropListService);
     ngOnInit(): void;
-    ngAfterContentInit(): void;
+    registerDragItem(item: MatchaDragDirective): void;
+    unregisterDragItem(item: MatchaDragDirective): void;
     ngOnDestroy(): void;
-    private setupDropZone;
-    private updateDropIndicator;
-    onDragStart(dragItem: MatchaDragDirective, event: DragEvent): void;
-    onDragEnd(): void;
-    private handleDrop;
-    private reorderItems;
-    private transferItem;
-    private getDragItemIndex;
+    onPointerDragStart(dragItem: MatchaDragDirective): void;
+    onPointerDragEnd(): void;
+    updatePlaceholder(clientX: number, clientY: number, dragDirective: MatchaDragDirective, sourceContainer?: MatchaDropListComponent): void;
+    clearPlaceholder(): void;
+    private getInnerContainer;
+    finalizeDrop(dragDirective: MatchaDragDirective, sourceContainer: MatchaDropListComponent): void;
+    getItemIndexAt(clientX: number, clientY: number): number;
+    emitHoverExpand(itemIndex: number): void;
     notifyDragStart(dragItem: MatchaDragDirective, sourceContainer: MatchaDropListComponent): void;
     notifyDragEnd(): void;
-    private canAcceptCurrentDrop;
-    handleTouchDragOver(event: any): void;
-    handleTouchDrop(event: any, dragItem: any): void;
+    private reorderItems;
+    private transferItem;
+    getDragItemIndex(dragItem: MatchaDragDirective): number;
+    onDragStart(dragItem: MatchaDragDirective, _event: any): void;
+    onDragEnd(): void;
+    handleTouchDragOver(_event: any): void;
+    handleTouchDrop(_event: any, _dragItem: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListComponent<any>, never>;
-    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>;
+    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; }; "matchaDropListAcceptTypes": { "alias": "matchaDropListAcceptTypes"; "required": false; }; "matchaDropListTreeMode": { "alias": "matchaDropListTreeMode"; "required": false; }; "matchaDropListHoverExpandDelay": { "alias": "matchaDropListHoverExpandDelay"; "required": false; }; }, { "matchaDropListDropped": "matchaDropListDropped"; "matchaDropListHoverExpand": "matchaDropListHoverExpand"; }, never, ["*"], false, never>;
 }
 
 declare class MatchaDragHandleDirective implements OnInit {
@@ -2241,9 +2257,29 @@ declare class MatchaDragHandleDirective implements OnInit {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDragHandleDirective, "[matchaDragHandle]", never, {}, {}, never, never, false, never>;
 }
 
+interface MatchaDropZoneDroppedEvent<T = any> {
+    item: T;
+    clientX: number;
+    clientY: number;
+}
+declare class MatchaDropZoneDirective implements OnInit, OnDestroy {
+    elementRef: ElementRef<HTMLElement>;
+    private dropListService;
+    matchaDropZoneId: string | number;
+    matchaDropZoneAcceptTypes: string[];
+    matchaDropZoneDropped: EventEmitter<MatchaDropZoneDroppedEvent<any>>;
+    get isDropRejected(): boolean;
+    constructor(elementRef: ElementRef<HTMLElement>, dropListService: MatchaDropListService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleDrop(item: any, clientX: number, clientY: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropZoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDropZoneDirective, "[matchaDropZone]", never, { "matchaDropZoneId": { "alias": "matchaDropZoneId"; "required": true; }; "matchaDropZoneAcceptTypes": { "alias": "matchaDropZoneAcceptTypes"; "required": false; }; }, { "matchaDropZoneDropped": "matchaDropZoneDropped"; }, never, never, false, never>;
+}
+
 declare class MatchaDropListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDropListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDropListModule, [typeof MatchaDropListComponent, typeof MatchaDragDirective, typeof MatchaDragHandleDirective], [typeof i2.CommonModule], [typeof MatchaDropListComponent, typeof MatchaDragDirective, typeof MatchaDragHandleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDropListModule, [typeof MatchaDropListComponent, typeof MatchaDragDirective, typeof MatchaDragHandleDirective, typeof MatchaDropZoneDirective], [typeof i2.CommonModule], [typeof MatchaDropListComponent, typeof MatchaDragDirective, typeof MatchaDragHandleDirective, typeof MatchaDropZoneDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDropListModule>;
 }
 
@@ -2725,7 +2761,7 @@ declare class MatchaSnackBarComponent implements OnInit, OnDestroy {
     duration: number;
     visible: boolean;
     private timeoutId;
-    get colorAttr(): "error" | "info" | "warning" | "success";
+    get colorAttr(): "error" | "warning" | "info" | "success";
     get positionAttr(): "top" | "bottom";
     get classes(): string;
     constructor(snackBarService: MatchaSnackBarService);
@@ -3221,5 +3257,5 @@ declare class MatchaToolbarModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaToolbarModule>;
 }
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MaskExpression, 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, MatchaListComponent, MatchaListItemComponent, MatchaListModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaMsgBoxActionsComponent, MatchaMsgBoxComponent, MatchaMsgBoxModule, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarComponent, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarComponent, MatchaSnackBarModule, MatchaSnackBarService, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaSubmenuTriggerDirective, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTextEditorComponent, MatchaTextEditorModule, MatchaTimeComponent, MatchaTimeModule, MatchaTimeRangeComponent, MatchaTimeRangeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, buildSunEditorConfig, compatibleOptions, initialConfig, timeMasks, withoutValidation };
-export type { BreakpointState, DrawerMode, DrawerPosition, ILevelClasses, InputTransformFn, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaMaskConfig, MatchaMaskOptions, MatchaOptionParent, MatchaSnackBarConfig, MatchaTextEditorOptions, ModalComponent, OutputTransformFn, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MaskExpression, 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, MatchaDropListService, MatchaDropZoneDirective, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaListComponent, MatchaListItemComponent, MatchaListModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaMsgBoxActionsComponent, MatchaMsgBoxComponent, MatchaMsgBoxModule, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarComponent, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarComponent, MatchaSnackBarModule, MatchaSnackBarService, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaSubmenuTriggerDirective, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTextEditorComponent, MatchaTextEditorModule, MatchaTimeComponent, MatchaTimeModule, MatchaTimeRangeComponent, MatchaTimeRangeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, buildSunEditorConfig, compatibleOptions, initialConfig, timeMasks, withoutValidation };
+export type { BreakpointState, DrawerMode, DrawerPosition, ILevelClasses, InputTransformFn, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaDropZoneDroppedEvent, MatchaMaskConfig, MatchaMaskOptions, MatchaOptionParent, MatchaSnackBarConfig, MatchaTextEditorOptions, ModalComponent, OutputTransformFn, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.262.0",
+  "version": "20.264.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"