section

sectionView

workspace

workspace

workspaceView

ts
export class SectionViewElement extends UmbLitElement implements UmbSectionViewElement {
    constructor() {
        super();
    }
    override render() {
        return html`<custom-workspace-root></custom-workspace-root>`;
    }
}

ts
const workspace: ManifestWorkspace = {
    type: 'workspace',
    alias: CUSTOM_WORKSPACE_ALIAS,
    name: 'Custom Workspace',
    element: () => import('./workspace.element'),
    meta: {
        entityType: 'custom-entity'
    }
}


const workspaceContext: ManifestWorkspaceContext = {
    type: 'workspaceContext',
    alias: CUSTOM_CONTEXT_ALIAS,
    name: 'Custom Workspace Context',
    js: () => import('./workspace.context'),
    conditions: [
        {
            alias: 'Umb.Condition.WorkspaceAlias',
            match: CUSTOM_WORKSPACE_ALIAS
        }
    ]
}

ts
export class CustomWorkspaceRootElement extends UmbElementMixin(LitElement) {

    #workspaceContext: CustomWorkspaceContext;

    constructor() {
        super();

        this.#workspaceContext = new CustomWorkspaceContext(this);
    }

    override render() {
        return html`
            <umb-workspace-editor .enforceNoFooter=${true}>
            </umb-workspace-editor>
        `;
    }
}

UmbWorkspaceContext

ts
export class CustomWorkspaceContext extends UmbControllerBase implements UmbWorkspaceContext {
    public readonly workspaceAlias: string = CUSTOM_WORKSPACE_ALIAS;

    getEntityType(): string {
        return CUSTOM_ENTITY_TYPE;
    }

    constructor(host: UmbControllerHost) {
        super(host);
        this.provideContext(UMB_WORKSPACE_CONTEXT, this);
    }
}

export default CustomWorkspaceContext;

export const CUSTOM_CONTEXT_TOKEN = new UmbContextToken<CustomWorkspaceContext>(
    'CustomWorkspaceContext',
);

workspace/[entity-type]

sectionRoute