HomeVendure CoreShow hidden breadcrumbs...ComponentsZoneSelectorComponentOn this pageZoneSelectorComponent@vendure/admin-uiSource A form control for selecting zones. Signatureclass ZoneSelectorComponent implements ControlValueAccessor { @Output() selectedValuesChange = new EventEmitter<Zone>(); @Input() readonly = false; @Input() transformControlValueAccessorValue: (value: Zone | undefined) => any = value => value?.id; selectedId$ = new Subject<string>(); onChangeFn: (val: any) => void; onTouchFn: () => void; disabled = false; value: string | Zone; zones$ = this.dataService .query(GetZoneSelectorListDocument, { options: { take: 999 } }) .mapSingle(result => result.zones.items); constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef) onChange(selected: Zone) => ; registerOnChange(fn: any) => ; registerOnTouched(fn: any) => ; setDisabledState(isDisabled: boolean) => void; focus() => ; writeValue(obj: string | Zone | null) => void;} Implements: ControlValueAccessor selectedValuesChangepropertyreadonlypropertytransformControlValueAccessorValueproperty(value: Zone | undefined) => anyselectedId$propertyonChangeFnproperty(val: any) => voidonTouchFnproperty() => voiddisabledpropertyvaluepropertystring | Zonezones$propertyonChangemethod(selected: Zone) => registerOnChangemethod(fn: any) => registerOnTouchedmethod(fn: any) => setDisabledStatemethod(isDisabled: boolean) => voidfocusmethod() => writeValuemethod(obj: string | Zone | null) => voidWas this chapter helpful?It was helpfulIt wasn't helpfulReport IssuePreviousRichTextEditorComponentNextCustom Detail ComponentsEdited Apr 20, 2026ยทEdit this page