d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ThyPlacement, ConnectedPositionOffset } from './interface';
import { POSITION_MAP } from './overlay-position-map';
import { ConnectionPositionPair } from '@angular/cdk/overlay';

const connectionFallbackPositionsMap: { [key: string]: ThyPlacement[] } = {
    top: ['topLeft', 'topRight', 'bottom', 'bottomLeft', 'bottomRight'],
    topLeft: ['top', 'topRight', 'bottomLeft', 'bottom', 'bottomRight'],
    topRight: ['top', 'topLeft', 'bottomRight', 'bottom', 'bottomLeft'],
    bottom: ['bottomLeft', 'bottomRight', 'top', 'topLeft', 'topRight'],
    bottomLeft: ['bottom', 'bottomRight', 'topLeft', 'top', 'topRight'],
    bottomRight: ['bottom', 'bottomLeft', 'topRight', 'top', 'topLeft'],
    left: ['leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom'],
    leftTop: ['left', 'leftBottom', 'rightTop', 'right', 'rightBottom'],
    leftBottom: ['left', 'leftTop', 'rightBottom', 'right', 'rightTop'],
    right: ['rightTop', 'rightBottom', 'left', 'leftTop', 'leftBottom'],
    rightTop: ['right', 'rightBottom', 'leftTop', 'left', 'leftBottom'],
    rightBottom: ['right', 'rightTop', 'leftBottom', 'left', 'leftTop']
};

export function buildConnectedPositionOffset(placement: ThyPlacement, offset: number): ConnectedPositionOffset {
    const connectedPositionOffset: ConnectedPositionOffset = {};
    if (placement.startsWith('top')) {
        connectedPositionOffset.offsetY = -offset;
    } else if (placement.startsWith('bottom')) {
        connectedPositionOffset.offsetY = offset;
    } else if (placement.startsWith('left')) {
        connectedPositionOffset.offsetX = -offset;
    } else if (placement.startsWith('right')) {
        connectedPositionOffset.offsetX = offset;
    } else {
        // do nothings
    }
    return connectedPositionOffset;
}

export function buildConnectedPositionPair(placement: ThyPlacement, offset?: number, panelClassPrefix?: string): ConnectionPositionPair {
    const position: ConnectionPositionPair = {
        ...POSITION_MAP[placement],
        ...(offset ? buildConnectedPositionOffset(placement, offset) : null)
    };
    if (panelClassPrefix) {
        position.panelClass = `${panelClassPrefix}-${placement}`;
    }
    return position;
}

export function getFallbackPlacements(placement: ThyPlacement): ThyPlacement[] {
    return connectionFallbackPositionsMap[placement] || [];
}

/**
 * get flexible positions by placement, return placement position and it's fallback connection position
 * @example
 * getFlexiblePositions('top', 10, 'thy-overlay')
 * [{topPosition}, {topLeftPosition}, {topRightPosition}, {bottomPosition}, {bottomLeftPosition}, {bottomRightPosition},]
 * @returns [ConnectionPositionPair]
 */
export function getFlexiblePositions(placement: ThyPlacement, offset?: number, panelClassPrefix?: string): ConnectionPositionPair[] {
    const fallbackPlacements = getFallbackPlacements(placement);

    return [placement, ...fallbackPlacements].map(placementName => {
        return buildConnectedPositionPair(placementName, offset, panelClassPrefix);
    });
}

export function getPlacementByPosition(position: ConnectionPositionPair) {
    const keyList = ['originX', 'originY', 'overlayX', 'overlayY'];
    for (const placement in POSITION_MAP) {
        if (keyList.every(key => position[key] === POSITION_MAP[placement][key])) {
            return placement;
        }
    }
}

1	import { ThyPlacement, ConnectedPositionOffset } from './interface';
2	import { POSITION_MAP } from './overlay-position-map';	1✔
3	import { ConnectionPositionPair } from '@angular/cdk/overlay';
4
5	const connectionFallbackPositionsMap: { [key: string]: ThyPlacement[] } = {
6	top: ['topLeft', 'topRight', 'bottom', 'bottomLeft', 'bottomRight'],
7	topLeft: ['top', 'topRight', 'bottomLeft', 'bottom', 'bottomRight'],
8	topRight: ['top', 'topLeft', 'bottomRight', 'bottom', 'bottomLeft'],
9	bottom: ['bottomLeft', 'bottomRight', 'top', 'topLeft', 'topRight'],
10	bottomLeft: ['bottom', 'bottomRight', 'topLeft', 'top', 'topRight'],
11	bottomRight: ['bottom', 'bottomLeft', 'topRight', 'top', 'topLeft'],
12	left: ['leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom'],
13	leftTop: ['left', 'leftBottom', 'rightTop', 'right', 'rightBottom'],
14	leftBottom: ['left', 'leftTop', 'rightBottom', 'right', 'rightTop'],
15	right: ['rightTop', 'rightBottom', 'left', 'leftTop', 'leftBottom'],
16	rightTop: ['right', 'rightBottom', 'leftTop', 'left', 'leftBottom'],
17	rightBottom: ['right', 'rightTop', 'leftBottom', 'left', 'leftTop']	×
18	};	×
19		×
20	export function buildConnectedPositionOffset(placement: ThyPlacement, offset: number): ConnectedPositionOffset {
21	const connectedPositionOffset: ConnectedPositionOffset = {};	×
22	if (placement.startsWith('top')) {	×
23	connectedPositionOffset.offsetY = -offset;
24	} else if (placement.startsWith('bottom')) {	×
25	connectedPositionOffset.offsetY = offset;	×
26	} else if (placement.startsWith('left')) {
27	connectedPositionOffset.offsetX = -offset;	×
28	} else if (placement.startsWith('right')) {	×
29	connectedPositionOffset.offsetX = offset;
30	} else {
31	// do nothings
32	}
33	return connectedPositionOffset;	×
34	}
35
36	export function buildConnectedPositionPair(placement: ThyPlacement, offset?: number, panelClassPrefix?: string): ConnectionPositionPair {	×
37	const position: ConnectionPositionPair = {
38	...POSITION_MAP[placement],	×
39	...(offset ? buildConnectedPositionOffset(placement, offset) : null)
40	};	×
41	if (panelClassPrefix) {	×
42	position.panelClass = `${panelClassPrefix}-${placement}`;
43	}	×
44	return position;
45	}
46		×
47	export function getFallbackPlacements(placement: ThyPlacement): ThyPlacement[] {
48	return connectionFallbackPositionsMap[placement] \|\| [];
49	}
50
51	/**
52	* get flexible positions by placement, return placement position and it's fallback connection position
53	* @example
54	* getFlexiblePositions('top', 10, 'thy-overlay')
55	* [{topPosition}, {topLeftPosition}, {topRightPosition}, {bottomPosition}, {bottomLeftPosition}, {bottomRightPosition},]
56	* @returns [ConnectionPositionPair]	×
57	*/	×
58	export function getFlexiblePositions(placement: ThyPlacement, offset?: number, panelClassPrefix?: string): ConnectionPositionPair[] {	×
59	const fallbackPlacements = getFallbackPlacements(placement);
60
61	return [placement, ...fallbackPlacements].map(placementName => {
62	return buildConnectedPositionPair(placementName, offset, panelClassPrefix);	×
63	});	×
64	}	×
65		×
66	export function getPlacementByPosition(position: ConnectionPositionPair) {
67	const keyList = ['originX', 'originY', 'overlayX', 'overlayY'];
68	for (const placement in POSITION_MAP) {
69	if (keyList.every(key => position[key] === POSITION_MAP[placement][key])) {
70	return placement;
71	}
72	}
73	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous