Nx MCP Server

import { html } from 'lit'; import { FieldInterface } from './field-mixin'; import { when } from 'lit/directives/when.js'; import { FieldValueConsumerInterface } from '../../field-value-consumer-mixin'; import { EditorContextInterface } from '@nx-console/shared-ui-components'; export const CheckboxWrapper = < T extends new ( ...args: any[] ) => FieldInterface & EditorContextInterface & FieldValueConsumerInterface, >( base: T, ) => { return class extends base { render() { return html` <div class="${this.shouldRenderError() ? 'border-error' : this.shouldRenderChanged() ? 'border-primary' : 'border-transparent'} flex flex-col border-l-4 py-2 pl-3" > <label for="${this.fieldId}" >${this.option.name}${this.option.isRequired ? '*' : ''}</label > <div class="mt-2 flex flex-row items-start gap-2"> ${this.renderField()} <p class="text-mutedForeground self-center"> ${this.option.description} </p> ${when( this.shouldRenderError() && typeof this.validation === 'string', () => html`<p class="text-sm text-error ${when( this.editor === 'intellij', () => 'mt-1', )}" id="${this.fieldId}-error" aria-live="polite" > ${this.validation} </p> </div>`, )} </div> </div> `; } }; };