@greg-md/ng-flex-css-layout/esm5/lib/helpers.js

Flex-CSS-Layout is an alternative behaviour of Flex-Layout directives, that will still work with Angular Universal and App Shell.

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes} checked by tsc
 */
import * as tslib_1 from "tslib";
/**
 * @param {?} align
 * @return {?}
 */
export function normalizeLayoutAlignValue(align) {
    align = align || 'start stretch';
    var _a = tslib_1.__read(align.split(' '), 2), mainAxis = _a[0], crossAxis = _a[1];
    switch (mainAxis) {
        case 'center':
        case 'space-around':
        case 'space-between':
        case 'space-evenly':
            break;
        case 'end':
        case 'flex-end':
            mainAxis = 'flex-end';
            break;
        case 'start':
        case 'flex-start':
        default:
            mainAxis = 'flex-start'; // default main axis
            break;
    }
    switch (crossAxis) {
        case 'start':
        case 'flex-start':
            crossAxis = 'flex-start';
            break;
        case 'baseline':
        case 'center':
            crossAxis = 'center';
            break;
        case 'end':
        case 'flex-end':
            crossAxis = 'flex-end';
            break;
        case 'stretch':
        default:
            // 'stretch'
            crossAxis = 'stretch'; // default cross axis
            break;
    }
    return [mainAxis, crossAxis];
}
/**
 * @param {?} direction
 * @param {?} wrap
 * @param {?} isInline
 * @param {?} breakpoint
 * @return {?}
 */
export function generateLayoutClassName(direction, wrap, isInline, breakpoint) {
    return 'fcLayout'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + direction + (wrap ? '-' + wrap : '') + (isInline ? '-inline' : '');
}
/**
 * @param {?} mainAxis
 * @param {?} crossAxis
 * @param {?} breakpoint
 * @return {?}
 */
export function generateLayoutAlignClassName(mainAxis, crossAxis, breakpoint) {
    return 'fcLayoutAlign'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + mainAxis + '-' + crossAxis;
}
/**
 * @param {?} value
 * @param {?} breakpoint
 * @return {?}
 */
export function generateLayoutGapClassName(value, breakpoint) {
    return 'fcLayoutGap'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(value);
}
/**
 * @param {?} grow
 * @param {?} shrink
 * @param {?} basis
 * @param {?} breakpoint
 * @return {?}
 */
export function generateFlexClassName(grow, shrink, basis, breakpoint) {
    return 'fcFlex'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(grow) + '-' + valueToClassName(shrink) + (basis ? '-' + valueToClassName(basis) : '');
}
/**
 * @param {?} order
 * @param {?} breakpoint
 * @return {?}
 */
export function generateFlexOrderClassName(order, breakpoint) {
    return 'fcFlexOrder'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(order);
}
/**
 * @param {?} offset
 * @param {?} breakpoint
 * @return {?}
 */
export function generateFlexOffsetClassName(offset, breakpoint) {
    return 'fcFlexOffset'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(offset);
}
/**
 * @param {?} align
 * @param {?} breakpoint
 * @return {?}
 */
export function generateFlexAlignClassName(align, breakpoint) {
    return 'fcFlexAlign'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(align);
}
/**
 * @return {?}
 */
export function generateFlexFillClassName() {
    return 'fcFlexFill';
}
/**
 * @param {?} display
 * @param {?} show
 * @param {?} breakpoint
 * @return {?}
 */
export function generateFlexShowHideClassName(display, show, breakpoint) {
    return 'fcShow'
        + (breakpoint !== 'all' ? '--' + breakpoint : '')
        + '--' + valueToClassName(display)
        + '--' + (show ? 'show' : 'hide');
}
/**
 * @param {?} value
 * @return {?}
 */
export function valueToClassName(value) {
    return String(value).replace(/[^a-zA-Z0-9-]/, '-');
}

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVycy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BncmVnLW1kL25nLWZsZXgtY3NzLWxheW91dC8iLCJzb3VyY2VzIjpbImxpYi9oZWxwZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE1BQU0sb0NBQW9DLEtBQWE7SUFDckQsS0FBSyxHQUFHLEtBQUssSUFBSSxlQUFlLENBQUM7SUFFakMsOENBQUssZ0JBQVEsRUFBRSxpQkFBUyxDQUFxQjtJQUU3QyxNQUFNLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1FBQ2pCLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxjQUFjLENBQUM7UUFDcEIsS0FBSyxlQUFlLENBQUM7UUFDckIsS0FBSyxjQUFjO1lBQ2pCLEtBQUssQ0FBQztRQUNSLEtBQUssS0FBSyxDQUFDO1FBQ1gsS0FBSyxVQUFVO1lBQ2IsUUFBUSxHQUFHLFVBQVUsQ0FBQztZQUN0QixLQUFLLENBQUM7UUFDUixLQUFLLE9BQU8sQ0FBQztRQUNiLEtBQUssWUFBWSxDQUFDO1FBQ2xCO1lBQ0UsUUFBUSxHQUFHLFlBQVksQ0FBQztZQUN4QixLQUFLLENBQUM7S0FDVDtJQUVELE1BQU0sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFDbEIsS0FBSyxPQUFPLENBQUM7UUFDYixLQUFLLFlBQVk7WUFDZixTQUFTLEdBQUcsWUFBWSxDQUFDO1lBQ3pCLEtBQUssQ0FBQztRQUNSLEtBQUssVUFBVSxDQUFDO1FBQ2hCLEtBQUssUUFBUTtZQUNYLFNBQVMsR0FBRyxRQUFRLENBQUM7WUFDckIsS0FBSyxDQUFDO1FBQ1IsS0FBSyxLQUFLLENBQUM7UUFDWCxLQUFLLFVBQVU7WUFDYixTQUFTLEdBQUcsVUFBVSxDQUFDO1lBQ3ZCLEtBQUssQ0FBQztRQUNSLEtBQUssU0FBUyxDQUFDO1FBQ2Y7O1lBQ0UsU0FBUyxHQUFHLFNBQVMsQ0FBQztZQUN0QixLQUFLLENBQUM7S0FDVDtJQUVELE1BQU0sQ0FBQyxDQUFD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LENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1VBQy9DLElBQUksR0FBRyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7VUFDaEMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0NBQ3JDOzs7OztBQUVELE1BQU0sMkJBQTJCLEtBQUs7SUFDcEMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0NBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGZ1bmN0aW9uIG5vcm1hbGl6ZUxheW91dEFsaWduVmFsdWUoYWxpZ246IHN0cmluZykge1xuICBhbGlnbiA9IGFsaWduIHx8ICdzdGFydCBzdHJldGNoJztcblxuICBsZXQgW21haW5BeGlzLCBjcm9zc0F4aXNdID0gYWxpZ24uc3BsaXQoJyAnKTtcblxuICBzd2l0Y2ggKG1haW5BeGlzKSB7XG4gICAgY2FzZSAnY2VudGVyJzpcbiAgICBjYXNlICdzcGFjZS1hcm91bmQnOlxuICAgIGNhc2UgJ3NwYWNlLWJldHdlZW4nOlxuICAgIGNhc2UgJ3NwYWNlLWV2ZW5seSc6XG4gICAgICBicmVhaztcbiAgICBjYXNlICdlbmQnOlxuICAgIGNhc2UgJ2ZsZXgtZW5kJzpcbiAgICAgIG1haW5BeGlzID0gJ2ZsZXgtZW5kJztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3N0YXJ0JzpcbiAgICBjYXNlICdmbGV4LXN0YXJ0JzpcbiAgICBkZWZhdWx0IDpcbiAgICAgIG1haW5BeGlzID0gJ2ZsZXgtc3RhcnQnOyAgLy8gZGVmYXVsdCBtYWluIGF4aXNcbiAgICAgIGJyZWFrO1xuICB9XG5cbiAgc3dpdGNoIChjcm9zc0F4aXMpIHtcbiAgICBjYXNlICdzdGFydCc6XG4gICAgY2FzZSAnZmxleC1zdGFydCc6XG4gICAgICBjcm9zc0F4aXMgPSAnZmxleC1zdGFydCc7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdiYXNlbGluZSc6XG4gICAgY2FzZSAnY2VudGVyJzpcbiAgICAgIGNyb3NzQXhpcyA9ICdjZW50ZXInO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZW5kJzpcbiAgICBjYXNlICdmbGV4LWVuZCc6XG4gICAgICBjcm9zc0F4aXMgPSAnZmxleC1lbmQnO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3RyZXRjaCc6XG4gICAgZGVmYXVsdCA6IC8vICdzdHJldGNoJ1xuICAgICAgY3Jvc3NBeGlzID0gJ3N0cmV0Y2gnOyAgIC8vIGRlZmF1bHQgY3Jvc3MgYXhpc1xuICAgICAgYnJlYWs7XG4gIH1cblxuICByZXR1cm4gW21haW5BeGlzLCBjcm9zc0F4aXNdO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVMYXlvdXRDbGFzc05hbWUoZGlyZWN0aW9uOiBzdHJpbmcsIHdyYXA6IHN0cmluZywgaXNJbmxpbmU6IGJvb2xlYW4sIGJyZWFrcG9pbnQ6IHN0cmluZykge1xuICByZXR1cm4gJ2ZjTGF5b3V0J1xuICAgICsgKGJyZWFrcG9pbnQgIT09ICdhbGwnID8gJy0tJyArIGJyZWFrcG9pbnQgOiAnJylcbiAgICArICctLScgKyBkaXJlY3Rpb24gKyAod3JhcCA/ICctJyArIHdyYXAgOiAnJykgKyAoaXNJbmxpbmUgPyAnLWlubGluZScgOiAnJyk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZW5lcmF0ZUxheW91dEFsaWduQ2xhc3NOYW1lKG1haW5BeGlzOiBzdHJpbmcsIGNyb3NzQXhpczogc3RyaW5nLCBicmVha3BvaW50OiBzdHJpbmcpIHtcbiAgcmV0dXJuICdmY0xheW91dEFsaWduJ1xuICAgICsgKGJyZWFrcG9pbnQgIT09ICdhbGwnID8gJy0tJyArIGJyZWFrcG9pbnQgOiAnJylcbiAgICArICctLScgKyBtYWluQXhpcyArICctJyArIGNyb3NzQXhpcztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdlbmVyYXRlTGF5b3V0R2FwQ2xhc3NOYW1lKHZhbHVlOiBzdHJpbmcsIGJyZWFrcG9pbnQ6IHN0cmluZykge1xuICByZXR1cm4gJ2ZjTGF5b3V0R2FwJ1xuICAgICsgKGJyZWFrcG9pbnQgIT09ICdhbGwnID8gJy0tJyArIGJyZWFrcG9pbnQgOiAnJylcbiAgICArICctLScgKyB2YWx1ZVRvQ2xhc3NOYW1lKHZhbHVlKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdlbmVyYXRlRmxleENsYXNzTmFtZShncm93LCBzaHJpbmssIGJhc2lzLCBicmVha3BvaW50OiBzdHJpbmcpIHtcbiAgcmV0dXJuICdmY0ZsZXgnXG4gICAgKyAoYnJlYWtwb2ludCAhPT0gJ2FsbCcgPyAnLS0nICsgYnJlYWtwb2ludCA6ICcnKVxuICAgICsgJy0tJyArIHZhbHVlVG9DbGFzc05hbWUoZ3JvdykgKyAnLScgKyB2YWx1ZVRvQ2xhc3NOYW1lKHNocmluaykgKyAoYmFzaXMgPyAnLScgKyB2YWx1ZVRvQ2xhc3NOYW1lKGJhc2lzKSA6ICcnKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdlbmVyYXRlRmxleE9yZGVyQ2xhc3NOYW1lKG9yZGVyLCBicmVha3BvaW50OiBzdHJpbmcpIHtcbiAgcmV0dXJuICdmY0ZsZXhPcmRlcidcbiAgICArIChicmVha3BvaW50ICE9PSAnYWxsJyA/ICctLScgKyBicmVha3BvaW50IDogJycpXG4gICAgKyAnLS0nICsgdmFsdWVUb0NsYXNzTmFtZShvcmRlcik7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZW5lcmF0ZUZsZXhPZmZzZXRDbGFzc05hbWUob2Zmc2V0LCBicmVha3BvaW50OiBzdHJpbmcpIHtcbiAgcmV0dXJuICdmY0ZsZXhPZmZzZXQnXG4gICAgKyAoYnJlYWtwb2ludCAhPT0gJ2FsbCcgPyAnLS0nICsgYnJlYWtwb2ludCA6ICcnKVxuICAgICsgJy0tJyArIHZhbHVlVG9DbGFzc05hbWUob2Zmc2V0KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdlbmVyYXRlRmxleEFsaWduQ2xhc3NOYW1lKGFsaWduLCBicmVha3BvaW50OiBzdHJpbmcpIHtcbiAgcmV0dXJuICdmY0ZsZXhBbGlnbidcbiAgICArIChicmVha3BvaW50ICE9PSAnYWxsJyA/ICctLScgKyBicmVha3BvaW50IDogJycpXG4gICAgKyAnLS0nICsgdmFsdWVUb0NsYXNzTmFtZShhbGlnbik7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZW5lcmF0ZUZsZXhGaWxsQ2xhc3NOYW1lKCkge1xuICByZXR1cm4gJ2ZjRmxleEZpbGwnO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVGbGV4U2hvd0hpZGVDbGFzc05hbWUoZGlzcGxheSwgc2hvdzogYm9vbGVhbiwgYnJlYWtwb2ludDogc3RyaW5nKSB7XG4gIHJldHVybiAnZmNTaG93J1xuICAgICsgKGJyZWFrcG9pbnQgIT09ICdhbGwnID8gJy0tJyArIGJyZWFrcG9pbnQgOiAnJylcbiAgICArICctLScgKyB2YWx1ZVRvQ2xhc3NOYW1lKGRpc3BsYXkpXG4gICAgKyAnLS0nICsgKHNob3cgPyAnc2hvdycgOiAnaGlkZScpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdmFsdWVUb0NsYXNzTmFtZSh2YWx1ZSkge1xuICByZXR1cm4gU3RyaW5nKHZhbHVlKS5yZXBsYWNlKC9bXmEtekEtWjAtOS1dLywgJy0nKTtcbn1cbiJdfQ==