fonteva-design-guide/force-app/main/default/lwc/pfmPage/pfmPage.js

## Dev, Build and Test

import { LightningElement, api, track } from 'lwc';

export default class Page extends LightningElement {
    @api type;
    @api name;
    @api description;
    @api sidebar;
    @api hideExample = false;
    @api hideMethods = false;

    @track valTrack;
    @track hasLeftSidebar = false;
    @track hasRightSidebar = false;
    @track classes;

    connectedCallback() {
        this.checkSideBar();

        const classBase = 'pfm-page';
        const valType = this.type,
            valSidebar = this.sidebar;

        let type, sidebar;

        type = valType ? ' pfm-page_' + valType : '';
        sidebar = valSidebar ? ' pfm-page_with-sidebar-' + valSidebar : '';

        this.classes = classBase + type + sidebar;
    }
    checkSideBar() {
        if (this.sidebar === 'left') {
            this.hasLeftSidebar = true;
        } else if (this.sidebar === 'right') {
            this.hasRightSidebar = true;
        }
    }
}