@if (getDataType() == dataType.Multi && countries.length > 0) {
  <w-edit-multiselect class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="countries" [(ngModel)]="countrySelected" optionLabel="name" optionValue="gmCountryId" (onChange)="onCountrySelected()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-multiselect>
}
@if (getDataType() == dataType.Multi && areaLevels1.length > 0 && countrySelected) {
  <w-edit-multiselect class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="areaLevels1" [(ngModel)]="areaLevel1Selected" optionLabel="name" optionValue="gmAreaLevel1Id" (onChange)="onAreaLevel1Selected()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-multiselect>
}
@if (getDataType() == dataType.Multi && areaLevels2.length > 0 && areaLevel1Selected) {
  <w-edit-multiselect class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="areaLevels2" [(ngModel)]="areaLevel2Selected" optionLabel="name" optionValue="gmAreaLevel2Id" (onChange)="onAreaLevel2Selected()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-multiselect>
}
@if (getDataType() == dataType.Multi && localities.length > 0 && areaLevel2Selected) {
  <w-edit-multiselect class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="localities" [(ngModel)]="localitySelected" optionLabel="name" optionValue="gmLocalityId" (onChange)="onLocalitySelected()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-multiselect>
}
@if (getDataType() == dataType.Multi && postalCodes.length > 0 && localitySelected) {
  <w-edit-multiselect class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="postalCodes" [(ngModel)]="postalCodeSelected" optionLabel="name" optionValue="gmPostalCodeId" (onChange)="onPostalCodeSelected()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-multiselect>
}

@if (getDataType() == dataType.Single && countries.length > 0) {
  <w-edit-select class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="countries" [(ngModel)]="countrySelected" optionLabel="name" optionValue="gmCountryId" (onChange)="onCountrySelected()" (onClear)="onCountryCleared()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-select>
}
@if (getDataType() == dataType.Single && areaLevels1.length > 0 && countrySelected) {
  <w-edit-select class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="areaLevels1" [(ngModel)]="areaLevel1Selected" optionLabel="name" optionValue="gmAreaLevel1Id" (onChange)="onAreaLevel1Selected()" (onClear)="onAreaLevel1Cleared()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-select>
}
@if (getDataType() == dataType.Single && areaLevels2.length > 0 && areaLevel1Selected) {
  <w-edit-select class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="areaLevels2" [(ngModel)]="areaLevel2Selected" optionLabel="name" optionValue="gmAreaLevel2Id" (onChange)="onAreaLevel2Selected()" (onClear)="onAreaLevel2Cleared()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-select>
}
@if (getDataType() == dataType.Single && localities.length > 0 && areaLevel2Selected) {
  <w-edit-select class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="localities" [(ngModel)]="localitySelected" optionLabel="name" optionValue="gmLocalityId" (onChange)="onLocalitySelected()" (onClear)="onLocalityCleared()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-select>
}
@if (getDataType() == dataType.Single && postalCodes.length > 0 && localitySelected) {
  <w-edit-select class="w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex" [showClear]="false" appendTo="self" [options]="postalCodes" [(ngModel)]="postalCodeSelected" optionLabel="name" optionValue="gmPostalCodeId" (onChange)="onPostalCodeSelected()" (onClear)="onPostalCodeCleared()" [placeholder]="selectPlaceholder" [showLabel]="false"></w-edit-select>
}