@switch (paramType) {
  @case(ParameterControlEnum.Input) {
    @if (options?.slider) {
        <mat-slider class="w-full"
            [step]="options?.sliderStep || 1"
            [min]="options?.sliderMin || 0"
            [max]="options?.sliderMax || 100"
            [discrete]="options?.showThumbLabel"
            [showTickMarks]="options?.showTickMarks"
            [color]="options?.sliderColor"
            >
            <input matSliderThumb [(ngModel)]="parameterValue" (dragEnd)="onSlicerEnd($event)">
        </mat-slider>
    } @else {
        <ngm-input class="block w-full px-2" [(ngModel)]="parameterValue" [type]="parameter.dataType ?? 'string'"
        (blur)="onBlur($event)"
        />
    }
  }
  @case(ParameterControlEnum.Select) {
    <mat-radio-group class="flex-1 flex flex-col justify-start items-start"
        [displayDensity]="appearance?.displayDensity"
        [ngModel]="$any(parameter.members?.[0])?.value"
        (ngModelChange)="updateParameterValue($event)"
    >
        <mat-radio-button *ngFor="let option of parameter.availableMembers"
            [value]="option.value">{{ option.label }}</mat-radio-button>
    </mat-radio-group>
  }
  @case(ParameterControlEnum.Dimensions) {
    <!-- 暂时先用简易版:平铺展示维度成员 -->
    @if (multiple) {
        <mat-selection-list class="flex-1"
            [multiple]="true"
            [displayDensity]="appearance?.displayDensity"
            [compareWith]="compareWith"
            [(ngModel)]="members"
        >
            <mat-list-option *ngFor="let availableMember of availableMembers$ | async" [value]="availableMember">
                <ngm-display-behaviour [option]="availableMember" [displayBehaviour]="displayBehaviour"></ngm-display-behaviour>
            </mat-list-option>
        </mat-selection-list>
    }@else {
        <mat-selection-list class="flex-1"
            [multiple]="false"
            [displayDensity]="appearance?.displayDensity"
            [compareWith]="compareWith"
            [(ngModel)]="members"
        >
            <mat-list-option *ngFor="let availableMember of availableMembers$ | async" [value]="availableMember">
                <ngm-display-behaviour [option]="availableMember" [displayBehaviour]="displayBehaviour"></ngm-display-behaviour>
            </mat-list-option>
        </mat-selection-list>
    }
  }
}

<!-- todo dimension$ change to referenceDimension -->
@if (variableProperty()?.referenceDimension) {
  <ngm-member-tree class="flex-1"
    [dataSettings]="dataSettings"
    [dimension]="dimension$ | async"
    [options]="options"
    [ngModel]="slicer"
    (ngModelChange)="onSlicerChange($event)"
  />
}