docs/docs/reference/admin-ui-api/components/zone-selector-component.mdx
A form control for selecting zones.
class 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;
}
<MemberInfo kind="property" type={``} />
<MemberInfo kind="property" type={``} />
<MemberInfo kind="property" type={(value: <a href='/reference/typescript-api/entities/zone#zone'>Zone</a> | undefined) => any} />
<MemberInfo kind="property" type={``} />
<MemberInfo kind="property" type={(val: any) => void} />
<MemberInfo kind="property" type={() => void} />
<MemberInfo kind="property" type={``} />
<MemberInfo kind="property" type={string | <a href='/reference/typescript-api/entities/zone#zone'>Zone</a>} />
<MemberInfo kind="property" type={``} />
<MemberInfo kind="method" type={(selected: <a href='/reference/typescript-api/entities/zone#zone'>Zone</a>) => } />
<MemberInfo kind="method" type={(fn: any) => } />
<MemberInfo kind="method" type={(fn: any) => } />
<MemberInfo kind="method" type={(isDisabled: boolean) => void} />
<MemberInfo kind="method" type={() => } />
<MemberInfo kind="method" type={(obj: string | <a href='/reference/typescript-api/entities/zone#zone'>Zone</a> | null) => void} />