@provoly/dashboard 1.4.3 → 1.4.5

package/fesm2022/provoly-dashboard-dataset.mjs

@@ -59,10 +59,10 @@ class PryDatasetVersionFormComponent {
         }
         this.formValidated.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetVersionFormComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetVersionFormComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetVersionFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetVersionFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset-version-form', template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { version: [{
@@ -225,10 +225,10 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
         this.store.dispatch(DataSourceActions.dataset.confirmDeleteVersion({ version }));
         $event?.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h2 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h2>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\" iconSvg=\"check\" class=\"check\"></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' + getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2.SinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h2 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h2>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\" iconSvg=\"check\" class=\"check\"></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' + getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2.SinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset-detail', template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h2 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h2>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\" iconSvg=\"check\" class=\"check\"></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' + getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryBaseAccess, decorators: [{
@@ -243,10 +243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class PryDatasetCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"] }]
         }] });
@@ -264,10 +264,10 @@ class PryDatasetComponent {
         this.selectedDataset = dataset;
         this.selectedMode = ViewMode.CONSULT;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset', template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
@@ -448,8 +448,8 @@ class PryDatasetModule {
         this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);
         this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetModule, declarations: [PryDatasetComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, declarations: [PryDatasetComponent,
             PryDatasetCssComponent,
             PryDatasetDetailComponent,
             PryDatasetVersionFormComponent], imports: [CommonModule,
@@ -463,7 +463,7 @@ class PryDatasetModule {
             PryTextEditorModule,
             PrySelectModule,
             PrySinceDateModule], exports: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, imports: [CommonModule,
             PryIconModule,
             PryCoreModule,
             PryOverlayModule,
@@ -475,7 +475,7 @@ class PryDatasetModule {
             PrySelectModule,
             PrySinceDateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/provoly-dashboard-filters-autocomplete.mjs

@@ -12,10 +12,10 @@ import { tap } from 'rxjs/operators';
 import * as i1 from '@ngrx/store';
 
 class PryAutocompleteCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css", ngImport: i0, template: '', isInline: true, styles: ["pry-autocomplete .m-filter__input-wrapper{height:1.875rem}pry-autocomplete .a-pry-select{border:none;padding:0;outline:none}pry-autocomplete .a-pry-select:focus-within{outline:0;border-radius:0;box-shadow:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css", ngImport: i0, template: '', isInline: true, styles: ["pry-autocomplete .m-filter__input-wrapper{height:1.875rem}pry-autocomplete .a-pry-select{border:none;padding:0;outline:none}pry-autocomplete .a-pry-select:focus-within{outline:0;border-radius:0;box-shadow:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-autocomplete-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-autocomplete .m-filter__input-wrapper{height:1.875rem}pry-autocomplete .a-pry-select{border:none;padding:0;outline:none}pry-autocomplete .a-pry-select:focus-within{outline:0;border-radius:0;box-shadow:none}\n"] }]
         }] });
@@ -78,10 +78,10 @@ class AutocompleteComponent extends BaseFilterComponent {
     clear() {
         this.search$.next('');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1.Store }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AutocompleteComponent, selector: "pry-autocomplete", viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-autocomplete-css></pry-autocomplete-css>\n@if (filter) {\n  <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" (keyup)=\"updateSearch($event)\" #ref>\n    @if (filter.name) {\n      <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n    }\n    <pry-select\n      [id]=\"filter.name\"\n      [items]=\"items$ | async\"\n      [ngModel]=\"filter.value\"\n      (ngModelChange)=\"setFilter($event)\"\n      [clearable]=\"true\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      aria-labelledby=\"item-label\"\n      (blur)=\"updateSearch($event)\"\n      [elementRef]=\"ref\"\n      (cleared)=\"clear()\"\n      [loading]=\"loader\"\n      (clicked)=\"resetAutocompleteValues()\"\n      #select\n    ></pry-select>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1.Store }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: AutocompleteComponent, selector: "pry-autocomplete", viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-autocomplete-css></pry-autocomplete-css>\n@if (filter) {\n  <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" (keyup)=\"updateSearch($event)\" #ref>\n    @if (filter.name) {\n      <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n    }\n    <pry-select\n      [id]=\"filter.name\"\n      [items]=\"items$ | async\"\n      [ngModel]=\"filter.value\"\n      (ngModelChange)=\"setFilter($event)\"\n      [clearable]=\"true\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      aria-labelledby=\"item-label\"\n      (blur)=\"updateSearch($event)\"\n      [elementRef]=\"ref\"\n      (cleared)=\"clear()\"\n      [loading]=\"loader\"\n      (clicked)=\"resetAutocompleteValues()\"\n      #select\n    ></pry-select>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-autocomplete', template: "<pry-autocomplete-css></pry-autocomplete-css>\n@if (filter) {\n  <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" (keyup)=\"updateSearch($event)\" #ref>\n    @if (filter.name) {\n      <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n    }\n    <pry-select\n      [id]=\"filter.name\"\n      [items]=\"items$ | async\"\n      [ngModel]=\"filter.value\"\n      (ngModelChange)=\"setFilter($event)\"\n      [clearable]=\"true\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      aria-labelledby=\"item-label\"\n      (blur)=\"updateSearch($event)\"\n      [elementRef]=\"ref\"\n      (cleared)=\"clear()\"\n      [loading]=\"loader\"\n      (clicked)=\"resetAutocompleteValues()\"\n      #select\n    ></pry-select>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.SearchService }], propDecorators: { select: [{
@@ -93,11 +93,11 @@ class PryAutocompleteModule extends BaseFilterModule {
     getComponent() {
         return AutocompleteComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteModule, declarations: [AutocompleteComponent, PryAutocompleteCssComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule, PryIconModule, PryI18nModule], exports: [AutocompleteComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteModule, declarations: [AutocompleteComponent, PryAutocompleteCssComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule, PryIconModule, PryI18nModule], exports: [AutocompleteComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AutocompleteComponent, PryAutocompleteCssComponent],

package/fesm2022/provoly-dashboard-filters-date.mjs

@@ -7,80 +7,59 @@ import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i4 from '@provoly/dashboard';
 import { BaseFilterComponent, BaseFilterModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule } from '@provoly/dashboard';
-import { Subject, combineLatest, debounceTime, startWith } from 'rxjs';
-import { skipWhile, distinctUntilChanged } from 'rxjs/operators';
 import * as i1 from '@ngrx/store';
 
 class DateFilterComponent extends BaseFilterComponent {
     constructor(store) {
         super(store);
-        this.value$ = new Subject();
-        this.date1$ = new Subject();
-        this.date2$ = new Subject();
+        this.dates = ['', ''];
         this.type = 'date';
     }
     ngOnInit() {
         super.ngOnInit();
         if (this.filter?.hasDateRange) {
-            this.date1 = (this.filter?.value ?? '').toString().split(',')[0];
-            this.date2 = (this.filter?.value ?? '').toString().split(',')[1];
-            // subscription responsible for dispatching filter value to the store
-            this.subscriptions.add(combineLatest([
-                this.date1$.pipe(debounceTime(1000), startWith(this.date1)),
-                this.date2$.pipe(debounceTime(1000), startWith(this.date2))
-            ])
-                .pipe(skipWhile(([date1, date2]) => date1 === this.date1 && date2 === this.date2))
-                .subscribe(([date1, date2]) => {
-                if (date1 && date2) {
-                    this.setFilter(date1 + ',' + date2);
-                }
-                else if (!date1 && !date2) {
-                    this.setFilter('');
-                }
-            }));
-            // subscription responsible for updating the ui
-            this.subscriptions.add(combineLatest([this.date1$.pipe(startWith(this.date1)), this.date2$.pipe(startWith(this.date2))])
-                .pipe(skipWhile(([date1, date2]) => date1 === this.date1 && date2 === this.date2))
-                .subscribe(([date1, date2]) => {
-                this.date1 = date1 ? date1 : '';
-                this.date2 = date2 ? date2 : '';
-            }));
+            if (this.filter?.value) {
+                this.dates = this.filter?.value.toString().split(',');
+            }
         }
         else {
-            this.subscriptions.add(this.value$.pipe(distinctUntilChanged(), debounceTime(1000)).subscribe((value) => this.setFilter(value)));
+            this.dates[0] = (this.filter?.value ?? '').toString();
         }
     }
-    setFilter(value) {
-        super.updateFilter(value);
-    }
-    changeValue($event) {
-        this.value$.next($event);
-    }
-    clearDate(index) {
-        if (index === 1) {
-            this.date1$.next('');
+    onDateChange(index, value) {
+        this.dates[index] = value;
+        if (this.filter?.hasDateRange) {
+            if (this.dates.filter((date) => !!date).length === this.dates.length) {
+                super.updateFilter(this.dates.join(','));
+            }
+            else if (this.dates.filter((date) => !!date).length === 0) {
+                super.updateFilter('');
+            }
         }
         else {
-            this.date2$.next('');
+            super.updateFilter(value ?? '');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DateFilterComponent, selector: "pry-date-filter", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"_value\"\n          (ngModelChange)=\"changeValue($event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!_value\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"setFilter('')\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">\u00D7</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date1\"\n            (ngModelChange)=\"date1$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!date1\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date2\"\n            (ngModelChange)=\"date2$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!date2\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(2)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    clearDate(index) {
+        this.onDateChange(index, '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DateFilterComponent, selector: "pry-date-filter", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"dates[0]\"\n          (ngModelChange)=\"onDateChange(0, $event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!dates[0]\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"clearDate(0)\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">\u00D7</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[0]\"\n            (ngModelChange)=\"onDateChange(0, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!dates[0]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(0)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[1]\"\n            (ngModelChange)=\"onDateChange(1, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!dates[1]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-date-filter', template: "<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"_value\"\n          (ngModelChange)=\"changeValue($event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!_value\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"setFilter('')\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">\u00D7</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date1\"\n            (ngModelChange)=\"date1$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!date1\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date2\"\n            (ngModelChange)=\"date2$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!date2\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(2)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n" }]
+            args: [{ selector: 'pry-date-filter', template: "<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"dates[0]\"\n          (ngModelChange)=\"onDateChange(0, $event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!dates[0]\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"clearDate(0)\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">\u00D7</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[0]\"\n            (ngModelChange)=\"onDateChange(0, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!dates[0]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(0)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[1]\"\n            (ngModelChange)=\"onDateChange(1, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!dates[1]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">\u00D7</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
 
 class PryDateFilterModule extends BaseFilterModule {
     getComponent() {
         return DateFilterComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDateFilterModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryDateFilterModule, declarations: [DateFilterComponent], imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule], exports: [DateFilterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDateFilterModule, imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDateFilterModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryDateFilterModule, declarations: [DateFilterComponent], imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule], exports: [DateFilterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDateFilterModule, imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDateFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDateFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DateFilterComponent],

package/fesm2022/provoly-dashboard-filters-date.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-filters-date.mjs","sources":["../../../../projects/provoly/dashboard/filters/date/date-filter.component.ts","../../../../projects/provoly/dashboard/filters/date/date-filter.component.html","../../../../projects/provoly/dashboard/filters/date/date-filter.module.ts","../../../../projects/provoly/dashboard/filters/date/provoly-dashboard-filters-date.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { BaseFilterComponent, SubscriptionnerDirective } from '@provoly/dashboard';\nimport { combineLatest, debounceTime, startWith, Subject } from 'rxjs';\nimport { distinctUntilChanged, skipWhile } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-date-filter',\n  templateUrl: './date-filter.component.html'\n})\nexport class DateFilterComponent extends BaseFilterComponent implements SubscriptionnerDirective, OnInit {\n  value$ = new Subject<string>();\n  date1?: string;\n  date2?: string;\n  date1$ = new Subject<string>();\n  date2$ = new Subject<string>();\n\n  constructor(store: Store) {\n    super(store);\n    this.type = 'date';\n  }\n\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this.filter?.hasDateRange) {\n      this.date1 = (this.filter?.value ?? '').toString().split(',')[0];\n      this.date2 = (this.filter?.value ?? '').toString().split(',')[1];\n      // subscription responsible for dispatching filter value to the store\n      this.subscriptions.add(\n        combineLatest([\n          this.date1$.pipe(debounceTime(1000), startWith(this.date1)),\n          this.date2$.pipe(debounceTime(1000), startWith(this.date2))\n        ])\n          .pipe(skipWhile(([date1, date2]) => date1 === this.date1 && date2 === this.date2))\n          .subscribe(([date1, date2]) => {\n            if (date1 && date2) {\n              this.setFilter(date1 + ',' + date2);\n            } else if (!date1 && !date2) {\n              this.setFilter('');\n            }\n          })\n      );\n      // subscription responsible for updating the ui\n      this.subscriptions.add(\n        combineLatest([this.date1$.pipe(startWith(this.date1)), this.date2$.pipe(startWith(this.date2))])\n          .pipe(skipWhile(([date1, date2]) => date1 === this.date1 && date2 === this.date2))\n          .subscribe(([date1, date2]) => {\n            this.date1 = date1 ? date1 : '';\n            this.date2 = date2 ? date2 : '';\n          })\n      );\n    } else {\n      this.subscriptions.add(\n        this.value$.pipe(distinctUntilChanged(), debounceTime(1000)).subscribe((value) => this.setFilter(value))\n      );\n    }\n  }\n\n  setFilter(value: string) {\n    super.updateFilter(value);\n  }\n\n  changeValue($event: string) {\n    this.value$.next($event);\n  }\n\n  clearDate(index: number) {\n    if (index === 1) {\n      this.date1$.next('');\n    } else {\n      this.date2$.next('');\n    }\n  }\n}\n","<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"_value\"\n          (ngModelChange)=\"changeValue($event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!_value\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"setFilter('')\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">×</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date1\"\n            (ngModelChange)=\"date1$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!date1\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">×</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"date2\"\n            (ngModelChange)=\"date2$.next($event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!date2\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(2)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">×</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  BaseFilterComponent,\n  BaseFilterModule,\n  PryCoreModule,\n  PryDatePickerModule,\n  PryI18nModule,\n  PryIconModule\n} from '@provoly/dashboard';\nimport { DateFilterComponent } from './date-filter.component';\n\n@NgModule({\n  declarations: [DateFilterComponent],\n  imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule],\n  exports: [DateFilterComponent]\n})\nexport class PryDateFilterModule extends BaseFilterModule {\n  override getComponent() {\n    return DateFilterComponent as Type<BaseFilterComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUM,MAAO,mBAAoB,SAAQ,mBAAmB,CAAA;AAO1D,IAAA,WAAA,CAAY,KAAY,EAAA;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;AAPf,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,OAAO,EAAU,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,OAAO,EAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,OAAO,EAAU,CAAC;AAI7B,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;KACpB;IAEQ,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE,CAAC;AACjB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;;AAEjE,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,aAAa,CAAC;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3D,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC5D,CAAC;iBACC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;iBACjF,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAI;AAC5B,gBAAA,IAAI,KAAK,IAAI,KAAK,EAAE;oBAClB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC;iBACrC;AAAM,qBAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;AAC3B,oBAAA,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;iBACpB;aACF,CAAC,CACL,CAAC;;AAEF,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,aAAa,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC9F,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;iBACjF,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAI;AAC5B,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;AAChC,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;aACjC,CAAC,CACL,CAAC;SACH;aAAM;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACzG,CAAC;SACH;KACF;AAED,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAC3B;AAED,IAAA,WAAW,CAAC,MAAc,EAAA;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC1B;AAED,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACtB;aAAM;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACtB;KACF;8GA9DU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,KAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,8ECVhC,ulFAqEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FD3Da,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,ulFAAA,EAAA,CAAA;;;AEYvB,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;IAC9C,YAAY,GAAA;AACnB,QAAA,OAAO,mBAAgD,CAAC;KACzD;8GAHU,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAJf,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,aAC1G,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAHpB,OAAA,EAAA,CAAA,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGzG,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,aAAa,CAAC;oBACrH,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
+{"version":3,"file":"provoly-dashboard-filters-date.mjs","sources":["../../../../projects/provoly/dashboard/filters/date/date-filter.component.ts","../../../../projects/provoly/dashboard/filters/date/date-filter.component.html","../../../../projects/provoly/dashboard/filters/date/date-filter.module.ts","../../../../projects/provoly/dashboard/filters/date/provoly-dashboard-filters-date.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { BaseFilterComponent, DateUtils, SubscriptionnerDirective } from '@provoly/dashboard';\n\n@Component({\n  selector: 'pry-date-filter',\n  templateUrl: './date-filter.component.html'\n})\nexport class DateFilterComponent extends BaseFilterComponent implements SubscriptionnerDirective, OnInit {\n  dates: string[] = ['', ''];\n\n  constructor(store: Store) {\n    super(store);\n    this.type = 'date';\n  }\n\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this.filter?.hasDateRange) {\n      if (this.filter?.value) {\n        this.dates = this.filter?.value.toString().split(',');\n      }\n    } else {\n      this.dates[0] = (this.filter?.value ?? '').toString();\n    }\n  }\n\n  onDateChange(index: number, value: string) {\n    this.dates[index] = value;\n    if (this.filter?.hasDateRange) {\n      if (this.dates.filter((date) => !!date).length === this.dates.length) {\n        super.updateFilter(this.dates.join(','));\n      } else if (this.dates.filter((date) => !!date).length === 0) {\n        super.updateFilter('');\n      }\n    } else {\n      super.updateFilter(value ?? '');\n    }\n  }\n\n  clearDate(index: number) {\n    this.onDateChange(index, '');\n  }\n}\n","<div *ngIf=\"filter\" class=\"m-filter\">\n  <div *ngIf=\"!filter?.hasDateRange; else dateRange\">\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <input\n          class=\"m-filter__input\"\n          [ngModel]=\"dates[0]\"\n          (ngModelChange)=\"onDateChange(0, $event)\"\n          type=\"date\"\n          [id]=\"filter.name\"\n        />\n        <span\n          *ngIf=\"!!dates[0]\"\n          class=\"m-filter__clear-wrapper m-filter__clear-wrapper--date\"\n          (click)=\"clearDate(0)\"\n          [title]=\"'@pry.filters.clear' | i18n\"\n        >\n          <span class=\"m-filter__clear\">×</span>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </span>\n      </div>\n    </div>\n  </div>\n  <ng-template #dateRange>\n    <div class=\"m-filter__wrapper\">\n      <div class=\"m-filter__input-wrapper\">\n        <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[0]\"\n            (ngModelChange)=\"onDateChange(0, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '1'\"\n          />\n          <span\n            *ngIf=\"!!dates[0]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(0)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">×</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <div class=\"m-filter__wrapper\">\n          <input\n            class=\"m-filter__input\"\n            [ngModel]=\"dates[1]\"\n            (ngModelChange)=\"onDateChange(1, $event)\"\n            type=\"date\"\n            [id]=\"filter.name + '2'\"\n          />\n          <span\n            *ngIf=\"!!dates[1]\"\n            class=\"m-filter__clear-wrapper m-filter__clear-wrapper--two-dates\"\n            (click)=\"clearDate(1)\"\n            [title]=\"'@pry.filters.clear' | i18n\"\n          >\n            <span class=\"m-filter__clear\">×</span>\n            <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  BaseFilterComponent,\n  BaseFilterModule,\n  PryCoreModule,\n  PryDatePickerModule,\n  PryI18nModule,\n  PryIconModule\n} from '@provoly/dashboard';\nimport { DateFilterComponent } from './date-filter.component';\n\n@NgModule({\n  declarations: [DateFilterComponent],\n  imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryI18nModule, PryDatePickerModule, PryIconModule],\n  exports: [DateFilterComponent]\n})\nexport class PryDateFilterModule extends BaseFilterModule {\n  override getComponent() {\n    return DateFilterComponent as Type<BaseFilterComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/provoly-dashboard-filters-list.mjs

@@ -9,10 +9,10 @@ import { BaseFilterComponent, BaseFilterModule, PrySelectModule } from '@provoly
 import * as i1 from '@ngrx/store';
 
 class PryListFilterCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryListFilterCssComponent, selector: "pry-list-filter-css", ngImport: i0, template: '', isInline: true, styles: [".m-form-label-field.-list{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryListFilterCssComponent, selector: "pry-list-filter-css", ngImport: i0, template: '', isInline: true, styles: [".m-form-label-field.-list{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-list-filter-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".m-form-label-field.-list{margin-bottom:0}\n"] }]
         }] });
@@ -33,10 +33,10 @@ class ListFilterComponent extends BaseFilterComponent {
         if (value !== this.filter?.value)
             super.updateFilter(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ListFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ListFilterComponent, selector: "pry-list-filter", usesInheritance: true, ngImport: i0, template: "<pry-list-filter-css></pry-list-filter-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"possibleValues\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryListFilterCssComponent, selector: "pry-list-filter-css" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ListFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ListFilterComponent, selector: "pry-list-filter", usesInheritance: true, ngImport: i0, template: "<pry-list-filter-css></pry-list-filter-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"possibleValues\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryListFilterCssComponent, selector: "pry-list-filter-css" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ListFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ListFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-list-filter', template: "<pry-list-filter-css></pry-list-filter-css>\n<div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\" *ngIf=\"filter\">\n  <label class=\"a-label m-filter__label\" for=\"{{ filter.name }}\">{{ filter.name }}&nbsp;:&nbsp;</label>\n  <pry-select\n    [id]=\"filter.name\"\n    [items]=\"possibleValues\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n  ></pry-select>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
@@ -45,11 +45,11 @@ class PryListFilterModule extends BaseFilterModule {
     getComponent() {
         return ListFilterComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterModule, declarations: [ListFilterComponent, PryListFilterCssComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule], exports: [ListFilterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterModule, declarations: [ListFilterComponent, PryListFilterCssComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule], exports: [ListFilterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, PrySelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ListFilterComponent, PryListFilterCssComponent],