{{ t.pages.datatableSelect.overviewIntro }}

{{ t.common.sectionDescription }}

{{ t.pages.datatableSelect.descriptionBody }}

{{ t.common.sectionFeatures }}

{{ t.pages.datatableSelect.featureOne }}
{{ t.pages.datatableSelect.featureTwo }}
{{ t.pages.datatableSelect.featureThree }}
{{ t.pages.datatableSelect.featureFour }}
{{ t.pages.datatableSelect.featureFive }}

{{ t.common.sectionLimitations }}

{{ t.pages.datatableSelect.limitOne }}
{{ t.pages.datatableSelect.limitTwo }}
{{ t.pages.datatableSelect.limitThree }}

<li-datatable-select
  [settings]="dtSettings"
  [dataTableFilter]="filtro"
  [data]="items"
  [searchInFields]="sInFields"
  [labelKey]="'name'"
  [valueKey]="'id'"
  [title]="'Selecionar pessoa'"
  [placeholder]="'Clique para selecionar...'"
  (dataRequest)="onDataRequest($event)"
  (currentValueChange)="onValueChanged($event)">
</li-datatable-select>

{{ t.pages.datatableSelect.demoIntro }}

{{ t.pages.datatableSelect.selectPersonLabel }}

{{ t.common.value }}: {{ selectedPersonId ?? t.common.none }}

{{ t.common.label }}: {{ selectedPersonLabel.isEmpty ? '—' : selectedPersonLabel }}

{{ t.pages.datatableSelect.disabledIntro }}

{{ t.pages.datatableSelect.disabledLabel }}

{{ t.pages.datatableSelect.ngModelIntro }}

{{ t.pages.datatableSelect.ngModelLabel }}

ngModel value: {{ ngModelValue ?? 'null' }}

{{ t.common.event }}: {{ ngModelEventLog }}

{{ customTemplateIntro }}

{{ customTemplateLabel }}

{{ t.common.value }}: {{ customTemplateValue ?? t.common.none }}

{{ t.common.event }}: {{ customTemplateEventLog }}

{{ t.common.sectionHowToUse }}

{{ t.pages.datatableSelect.howToUseBody }}

{{ t.common.sectionMainOptions }}

{{ t.pages.datatableSelect.optionOne }}
{{ t.pages.datatableSelect.optionTwo }}
{{ t.pages.datatableSelect.optionThree }}
{{ t.pages.datatableSelect.optionFour }}
{{ t.pages.datatableSelect.optionFive }}
{{ t.pages.datatableSelect.optionSix }}
{{ t.pages.datatableSelect.optionSeven }}
{{ t.pages.datatableSelect.optionEight }}
{{ t.pages.datatableSelect.optionNine }}
{{ t.pages.datatableSelect.optionTen }}
{{ t.pages.datatableSelect.optionEleven }}

<li-datatable-select
  [settings]="dtSettings"
  [dataTableFilter]="filtro"
  [data]="items"
  [searchInFields]="sInFields"
  [labelKey]="'name'"
  [valueKey]="'id'"
  [(ngModel)]="selectedValue"
  (dataRequest)="onDataRequest($event)">
</li-datatable-select>

{{ t.common.sectionOutputs }}

{{ t.pages.datatableSelect.outputOne }}
{{ t.pages.datatableSelect.outputTwo }}
{{ t.pages.datatableSelect.outputThree }}
{{ t.pages.datatableSelect.outputFour }}

{{ t.common.sectionPublicMethods }}

{{ t.pages.datatableSelect.methodOne }}
{{ t.pages.datatableSelect.methodTwo }}
{{ t.pages.datatableSelect.methodThree }}

{{ t.common.sectionNotes }}

{{ t.pages.datatableSelect.noteOne }}
{{ t.pages.datatableSelect.noteTwo }}
{{ t.pages.datatableSelect.noteThree }}