"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
 * @todo isArray needs to be used here to make sure the list is array type
 */
const isNonEmptyArray = (list) => list && list.length > 0;
exports.isNonEmptyArray = isNonEmptyArray;
/**
 * get device type based on the window width
 */
function getDeviceType() {
    const screenWidth = window.outerWidth;
    const isMobileDevice = (screenWidth <= 767);
    const isTabletDevice = (screenWidth >= 768 && screenWidth <= 1024);
    const isDesktopDevice = (screenWidth > 1024);
    if (isMobileDevice) {
        return 'mobile';
    }
    else if (isTabletDevice) {
        return 'tablet';
    }
    else {
        return 'desktop';
    }
}
exports.getDeviceType = getDeviceType;
/**
 * get item display count based on the device type
 */
function getItemDisplayCount(props) {
    const { displayCountOnMobile, displayCountOnTablet, displayCountOnDesktop, list } = props;
    const deviceType = getDeviceType();
    const count = ((deviceType === 'mobile') ? displayCountOnMobile : (deviceType === 'tablet') ? displayCountOnTablet : displayCountOnDesktop);
    // making sure that the display count should not be greater than list length
    if (isNonEmptyArray(list)) {
        if (list.length >= count) {
            return count;
        }
        else {
            return list.length;
        }
    }
    else {
        return 0;
    }
}
exports.getItemDisplayCount = getItemDisplayCount;
/**
 * @description used to get item width based displayCount on the device width
 */
function getItemWidth(displayCount) {
    /**
     * @todo dynamic width needs to be added here
     */
    const screenWidth = window.outerWidth;
    return Math.round(screenWidth / displayCount);
}
exports.getItemWidth = getItemWidth;
//# sourceMappingURL=deps.js.map