@mikezimm/fps-library-v2/lib/components/molecules/FullPageBackGround/FullPageBGElementClasses.js

Library of reusable typescript/javascript functions, interfaces and constants

import { check4This, Check4 } from "@mikezimm/fps-core-v7/lib/logic/Links/CheckSearch";
export function FullPageBGElementClasses(webPartProps) {
    const { fullPageImage, fullPageOverlayColor, fullPageImageFilter, fullPageOverlayOpacity, defaultWhiteText } = webPartProps;
    // Adding this to allow you to create a fullPageColor background instead of an image
    const UseFPBGColor = fullPageImage && fullPageImage.indexOf('http') !== 0 && fullPageImage.indexOf('/') !== 0 ? true : false;
    // If UseFPBGColor === false, then it's an image and just use the White/Black dropdown value
    const useFullPageOverlayColor = UseFPBGColor === false ? fullPageOverlayColor : fullPageImage;
    let fullPageImageFit = webPartProps.fullPageImageFit;
    if (check4This(Check4.PageFitOriginal) === true) {
        fullPageImageFit = `Original`;
    }
    else if (check4This(Check4.PageFitLayout2) === true) {
        fullPageImageFit = `Layout2`;
    }
    const canvasClass = fullPageImageFit === 'Layout2' ? `slickSectionCanvasBG2` : `slickSectionCanvasBG`;
    const imgClass = fullPageImageFit === 'Layout2' ? `slickSectionCanvasBGImg2` : `slickSectionCanvasBGImg`;
    const result = {
        canvasClass: canvasClass,
        imgClass: imgClass,
        useFullPageOverlayColor: useFullPageOverlayColor,
        UseFPBGColor: UseFPBGColor,
        defaultWhiteText: defaultWhiteText,
    };
    return result;
}
//# sourceMappingURL=FullPageBGElementClasses.js.map