@edugouvfr/ngx-dsfr-ext
Version:
NgxDsfrExt est une extension au package @edugouvfr/ngx-dsfr (portage Angular des éléments DSFR)
64 lines • 7.97 kB
JavaScript
import { Component } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { DsfrFormSelectModule } from '@edugouvfr/ngx-dsfr';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@edugouvfr/ngx-dsfr";
export class DsfrSelectFilterComponent {
agInit(params) {
this.params = params;
this.label = params.label;
this.options = params.options;
}
onParentModelChanged(parentModel) {
// When the filter is empty we will receive a null value here
if (!parentModel) {
this.currentValue = undefined;
}
else {
this.currentValue = parentModel.filter;
}
}
onSelectChanged() {
if (!this.currentValue) {
// Remove the filter
this.params.parentFilterInstance((instance) => {
instance.onFloatingFilterChanged(null, null);
});
return;
}
//this.currentValue = Number(this.currentValue);
this.params.parentFilterInstance((instance) => {
instance.onFloatingFilterChanged('equals', this.currentValue);
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrSelectFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DsfrSelectFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `<dsfr-form-select
[]="params.id"
[(ngModel)]="currentValue"
[]="params.placeholder ?? ''"
[]="options"
(selectChange)="onSelectChanged()">
<ng-container label
><span class="fr-sr-only"> {{ label }}</span>
</ng-container>
</dsfr-form-select>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DsfrFormSelectModule }, { kind: "component", type: i2.DsfrFormSelectComponent, selector: "dsfr-form-select", inputs: ["placeholder", "required", "ariaLabel", "ariaInvalid", "error", "valid", "message", "messageSeverity", "labelSrOnly", "placeHolder", "options", "compareWith"], outputs: ["selectChange"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrSelectFilterComponent, decorators: [{
type: Component,
args: [{
standalone: true,
imports: [FormsModule, ReactiveFormsModule, DsfrFormSelectModule],
template: `<dsfr-form-select
[]="params.id"
[(ngModel)]="currentValue"
[]="params.placeholder ?? ''"
[]="options"
(selectChange)="onSelectChanged()">
<ng-container label
><span class="fr-sr-only"> {{ label }}</span>
</ng-container>
</dsfr-form-select>`,
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWNvbHVtbi1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItZXh0L2dyaWQvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC1jb2x1bW4tZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQWMsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQTBCdkUsTUFBTSxPQUFPLHlCQUF5QjtJQVFwQyxNQUFNLENBQUMsTUFBcUU7UUFDMUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUNoQyxDQUFDO0lBRUQsb0JBQW9CLENBQUMsV0FBZ0I7UUFDbkMsNkRBQTZEO1FBQzdELElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLFNBQVMsQ0FBQztRQUNoQyxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDLE1BQU0sQ0FBQztRQUN6QyxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3ZCLG9CQUFvQjtZQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsUUFBYSxFQUFFLEVBQUU7Z0JBQ2pELFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDL0MsQ0FBQyxDQUFDLENBQUM7WUFDSCxPQUFPO1FBQ1QsQ0FBQztRQUVELGdEQUFnRDtRQUNoRCxJQUFJLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsUUFBYSxFQUFFLEVBQUU7WUFDakQsUUFBUSxDQUFDLHVCQUF1QixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQXBDVSx5QkFBeUI7bUdBQXpCLHlCQUF5Qix3RUFYMUI7Ozs7Ozs7OztzQkFTVSwyREFWVixXQUFXLDhWQUFFLG1CQUFtQiw4QkFBRSxvQkFBb0I7OzRGQVlyRCx5QkFBeUI7a0JBZHJDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQztvQkFDakUsUUFBUSxFQUFFOzs7Ozs7Ozs7c0JBU1U7aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERzZnJGb3JtU2VsZWN0TW9kdWxlLCBEc2ZyT3B0aW9uIH0gZnJvbSAnQGVkdWdvdXZmci9uZ3gtZHNmcic7XG5pbXBvcnQgeyBJRmxvYXRpbmdGaWx0ZXJBbmd1bGFyQ29tcCB9IGZyb20gJ2FnLWdyaWQtYW5ndWxhcic7XG5pbXBvcnQgeyBJRmxvYXRpbmdGaWx0ZXJQYXJhbXMsIElTaW1wbGVGaWx0ZXIgfSBmcm9tICdhZy1ncmlkLWNvbW11bml0eSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHNmckZpbHRlclNlbGVjdFBhcmFtcyB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGlkOiBzdHJpbmc7XG4gIG9wdGlvbnM6IERzZnJPcHRpb25bXTtcbiAgY29tcGFyZUZuPzogYW55O1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRHNmckZvcm1TZWxlY3RNb2R1bGVdLFxuICB0ZW1wbGF0ZTogYDxkc2ZyLWZvcm0tc2VsZWN0XG4gICAgW2lkXT1cInBhcmFtcy5pZFwiXG4gICAgWyhuZ01vZGVsKV09XCJjdXJyZW50VmFsdWVcIlxuICAgIFtwbGFjZUhvbGRlcl09XCJwYXJhbXMucGxhY2Vob2xkZXIgPz8gJydcIlxuICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgIChzZWxlY3RDaGFuZ2UpPVwib25TZWxlY3RDaGFuZ2VkKClcIj5cbiAgICA8bmctY29udGFpbmVyIGxhYmVsXG4gICAgICA+PHNwYW4gY2xhc3M9XCJmci1zci1vbmx5XCI+IHt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2RzZnItZm9ybS1zZWxlY3Q+YCxcbn0pXG5leHBvcnQgY2xhc3MgRHNmclNlbGVjdEZpbHRlckNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIElGbG9hdGluZ0ZpbHRlckFuZ3VsYXJDb21wIHtcbiAgcGFyYW1zITogSUZsb2F0aW5nRmlsdGVyUGFyYW1zPElTaW1wbGVGaWx0ZXI+ICYgRHNmckZpbHRlclNlbGVjdFBhcmFtcztcbiAgY3VycmVudFZhbHVlOiBUIHwgdW5kZWZpbmVkO1xuICBzdHlsZTogYW55O1xuICBvcHRpb25zOiBEc2ZyT3B0aW9uW107XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbXBhcmVGbjogYW55O1xuXG4gIGFnSW5pdChwYXJhbXM6IElGbG9hdGluZ0ZpbHRlclBhcmFtczxJU2ltcGxlRmlsdGVyPiAmIERzZnJGaWx0ZXJTZWxlY3RQYXJhbXMpOiB2b2lkIHtcbiAgICB0aGlzLnBhcmFtcyA9IHBhcmFtcztcbiAgICB0aGlzLmxhYmVsID0gcGFyYW1zLmxhYmVsO1xuICAgIHRoaXMub3B0aW9ucyA9IHBhcmFtcy5vcHRpb25zO1xuICB9XG5cbiAgb25QYXJlbnRNb2RlbENoYW5nZWQocGFyZW50TW9kZWw6IGFueSkge1xuICAgIC8vIFdoZW4gdGhlIGZpbHRlciBpcyBlbXB0eSB3ZSB3aWxsIHJlY2VpdmUgYSBudWxsIHZhbHVlIGhlcmVcbiAgICBpZiAoIXBhcmVudE1vZGVsKSB7XG4gICAgICB0aGlzLmN1cnJlbnRWYWx1ZSA9IHVuZGVmaW5lZDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jdXJyZW50VmFsdWUgPSBwYXJlbnRNb2RlbC5maWx0ZXI7XG4gICAgfVxuICB9XG5cbiAgb25TZWxlY3RDaGFuZ2VkKCkge1xuICAgIGlmICghdGhpcy5jdXJyZW50VmFsdWUpIHtcbiAgICAgIC8vIFJlbW92ZSB0aGUgZmlsdGVyXG4gICAgICB0aGlzLnBhcmFtcy5wYXJlbnRGaWx0ZXJJbnN0YW5jZSgoaW5zdGFuY2U6IGFueSkgPT4ge1xuICAgICAgICBpbnN0YW5jZS5vbkZsb2F0aW5nRmlsdGVyQ2hhbmdlZChudWxsLCBudWxsKTtcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vdGhpcy5jdXJyZW50VmFsdWUgPSBOdW1iZXIodGhpcy5jdXJyZW50VmFsdWUpO1xuICAgIHRoaXMucGFyYW1zLnBhcmVudEZpbHRlckluc3RhbmNlKChpbnN0YW5jZTogYW55KSA9PiB7XG4gICAgICBpbnN0YW5jZS5vbkZsb2F0aW5nRmlsdGVyQ2hhbmdlZCgnZXF1YWxzJywgdGhpcy5jdXJyZW50VmFsdWUpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=