@provoly/dashboard 0.20.6 → 0.20.8

package/esm2022/admin/components/admin-metadata/shared/form-metadata/form-metadata.component.mjs

@@ -110,7 +110,7 @@ export class FormMetadataComponent {
         return path.toString();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormMetadataComponent, selector: "pry-form-metadata", inputs: { titleForm: "titleForm", isMetaSimpleEdit: "isMetaSimpleEdit", isMetaUser: "isMetaUser", metadata: "metadata" }, outputs: { submitMetadata$: "submitMetadata$" }, ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ titleForm }}</h1>\n\n  <form class=\"o-form\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadata()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"name-label\" for=\"metadata-name\">\n        {{ '@pry.admin.metadata.label' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        class=\"a-form-field\"\n        id=\"metadata-name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [required]=\"!metadata\"\n        [attr.aria-labelledby]=\"isSubmitted && metaForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && metaForm.get('name')?.invalid\"\n      />\n      <label\n        *ngIf=\"isSubmitted && metaForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"metadata-name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"metaForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('pattern')\">{{ '@pry.admin.classes.formatName' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-md\">\n      <label class=\"a-label\" for=\"metadata_description\">{{ '@pry.admin.metadata.description' | i18n }}</label>\n      <textarea\n        rows=\"5\"\n        type=\"text\"\n        id=\"metadata_description\"\n        class=\"a-form-field\"\n        formControlName=\"description\"\n      ></textarea>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"metadata-type\" id=\"metadata-type-label\" class=\"a-label\">\n        {{ '@pry.admin.metadata.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"metadata-type\"\n        formControlName=\"type\"\n        [items]=\"metaOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        [readonly]=\"!!metadata\"\n        [isForm]=\"true\"\n        (ngModelChange)=\"addItemList($event)\"\n        aria-labelledby=\"metadata-type-label\"\n      ></pry-select>\n    </div>\n\n    <ng-container *ngIf=\"metaForm.value.type === 'LIST'\">\n      <div class=\"o-datas-list-wrapper\" formArrayName=\"allowedValues\" *ngIf=\"metadataList.controls.length > 0\">\n        <fieldset>\n          <legend class=\"u-visually-hidden\">{{ '@pry.admin.varType.list' | i18n }}</legend>\n\n          <div class=\"o-datas-list metadata-list\" *ngFor=\"let control of metadataList.controls; let i = index\">\n            <div class=\"o-datas-list__fields metadata-input\">\n              <div class=\"m-form-label-field -width-sm\">\n                <label id=\"metadata-list-label\" for=\"metadata-list\" class=\"a-label\">\n                  {{ '@pry.admin.metadata.listLabel' | i18n }} *\n                  <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                </label>\n                <input\n                  class=\"a-form-field\"\n                  id=\"metadata-list\"\n                  formControlName=\"{{ i }}\"\n                  [required]=\"!control.value\"\n                  [attr.aria-invalid]=\"isSubmitted && control?.invalid\"\n                  [attr.aria-labelledby]=\"\n                    isSubmitted && control?.invalid ? 'metadata-list-label metadata-list-error' : 'metadata-list-label'\n                  \"\n                />\n                <label\n                  *ngIf=\"isSubmitted && control.invalid\"\n                  id=\"metadata-list-error\"\n                  for=\"metadata-list\"\n                  class=\"a-label a-label--help -error\"\n                >\n                  {{ '@pry.admin.required' | i18n }}\n                </label>\n              </div>\n\n              <div class=\"m-btn-group m-btn-group--input-actions\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i === metadataList.controls.length - 1\"\n                  (click)=\"control.value.trim() !== '' ? addItemList() : undefined\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.addValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"add\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i !== 0 && !metadataList.controls[i].disabled\"\n                  (click)=\"removeItemList(i)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.removeValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"delete\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </ng-container>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(metadata ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i5.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormMetadataComponent, selector: "pry-form-metadata", inputs: { titleForm: "titleForm", isMetaSimpleEdit: "isMetaSimpleEdit", isMetaUser: "isMetaUser", metadata: "metadata" }, outputs: { submitMetadata$: "submitMetadata$" }, ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ titleForm }}</h1>\n\n  <form class=\"o-form\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadata()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"name-label\" for=\"metadata-name\">\n        {{ '@pry.admin.metadata.label' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        class=\"a-form-field\"\n        id=\"metadata-name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [required]=\"!metadata\"\n        [attr.aria-labelledby]=\"isSubmitted && metaForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && metaForm.get('name')?.invalid\"\n      />\n      <label\n        *ngIf=\"isSubmitted && metaForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"metadata-name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"metaForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('pattern')\">{{ '@pry.admin.classes.formatName' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-md\">\n      <label class=\"a-label\" for=\"metadata_description\">{{ '@pry.admin.metadata.description' | i18n }}</label>\n      <textarea\n        rows=\"5\"\n        type=\"text\"\n        id=\"metadata_description\"\n        class=\"a-form-field\"\n        formControlName=\"description\"\n      ></textarea>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"metadata-type\" id=\"metadata-type-label\" class=\"a-label\">\n        {{ '@pry.admin.metadata.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"metadata-type\"\n        formControlName=\"type\"\n        [items]=\"metaOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        [readonly]=\"!!metadata\"\n        [isForm]=\"true\"\n        (ngModelChange)=\"addItemList($event)\"\n        aria-labelledby=\"metadata-type-label\"\n      ></pry-select>\n    </div>\n\n    <ng-container *ngIf=\"metaForm.value.type === 'LIST'\">\n      <div class=\"o-datas-list-wrapper\" formArrayName=\"allowedValues\" *ngIf=\"metadataList.controls.length > 0\">\n        <fieldset>\n          <legend class=\"u-visually-hidden\">{{ '@pry.admin.varType.list' | i18n }}</legend>\n\n          <div class=\"o-datas-list metadata-list\" *ngFor=\"let control of metadataList.controls; let i = index\">\n            <div class=\"o-datas-list__fields metadata-input\">\n              <div class=\"m-form-label-field -width-sm\">\n                <label id=\"metadata-list-label\" for=\"metadata-list\" class=\"a-label\">\n                  {{ '@pry.admin.metadata.listLabel' | i18n }} *\n                  <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                </label>\n                <input\n                  class=\"a-form-field\"\n                  id=\"metadata-list\"\n                  formControlName=\"{{ i }}\"\n                  [required]=\"!control.value\"\n                  [attr.aria-invalid]=\"isSubmitted && control?.invalid\"\n                  [attr.aria-labelledby]=\"\n                    isSubmitted && control?.invalid ? 'metadata-list-label metadata-list-error' : 'metadata-list-label'\n                  \"\n                />\n                <label\n                  *ngIf=\"isSubmitted && control.invalid\"\n                  id=\"metadata-list-error\"\n                  for=\"metadata-list\"\n                  class=\"a-label a-label--help -error\"\n                >\n                  {{ '@pry.admin.required' | i18n }}\n                </label>\n              </div>\n\n              <div class=\"m-btn-group m-btn-group--input-actions\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i === metadataList.controls.length - 1\"\n                  (click)=\"control.value.trim() !== '' ? addItemList() : undefined\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.addValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"add\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i !== 0 && !metadataList.controls[i].disabled\"\n                  (click)=\"removeItemList(i)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.removeValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"delete\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </ng-container>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(metadata ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i5.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormMetadataComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-metadata-rules/shared/admin-form-metadata-rules/admin-form-metadata-rules.component.mjs

@@ -119,7 +119,7 @@ export class AdminFormMetadataRulesComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdminFormMetadataRulesComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: { metadataRules: "metadataRules" }, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} *\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      id=\"name\"\n      type=\"text\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      (ngModelChange)=\"changeValueName($event)\"\n      [attr.aria-labelledby]=\"isSubmitted && form.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      [attr.aria-invalid]=\"isSubmitted && form.get('name')?.invalid\"\n      required\n    />\n    <label\n      class=\"a-label a-label--help -error\"\n      id=\"name-error\"\n      for=\"name\"\n      *ngIf=\"isSubmitted && form.get('name')?.invalid\"\n      >{{ '@pry.admin.required' | i18n }}</label\n    >\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"item-label\" for=\"item\">{{\n      '@pry.admin.metadata-rules.metadata-item.name' | i18n\n    }}</label>\n    <pry-select\n      id=\"item\"\n      formControlName=\"metadataItem\"\n      [items]=\"metadataList\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      (ngModelChange)=\"selectMetadataItem($event)\"\n      aria-labelledby=\"item-label\"\n    ></pry-select>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"user-label\" for=\"user\">{{\n      '@pry.admin.metadata-rules.metadata-user.name' | i18n\n    }}</label>\n    <pry-select\n      id=\"user\"\n      formControlName=\"metadataUser\"\n      [items]=\"metadataUserListFilter\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      (ngModelChange)=\"selectMetadataUser($event)\"\n      aria-labelledby=\"user-label\"\n    ></pry-select>\n  </div>\n\n  <label class=\"a-label a-label--help -error\" *ngIf=\"isSameName\">{{\n    '@pry.admin.metadata-rules.is-same-name' | i18n\n  }}</label>\n  <label class=\"a-label a-label--help -error\" *ngIf=\"isSameRules\">{{\n    '@pry.admin.metadata-rules.is-same-rules' | i18n\n  }}</label>\n\n  <div class=\"m-btn-group -width-sm\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary\"\n      (click)=\"goBack()\"\n      [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n    ></button>\n    <button\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [innerHTML]=\"(metadataRules ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: { metadataRules: "metadataRules" }, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} *\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      id=\"name\"\n      type=\"text\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      (ngModelChange)=\"changeValueName($event)\"\n      [attr.aria-labelledby]=\"isSubmitted && form.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      [attr.aria-invalid]=\"isSubmitted && form.get('name')?.invalid\"\n      required\n    />\n    <label\n      class=\"a-label a-label--help -error\"\n      id=\"name-error\"\n      for=\"name\"\n      *ngIf=\"isSubmitted && form.get('name')?.invalid\"\n      >{{ '@pry.admin.required' | i18n }}</label\n    >\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"item-label\" for=\"item\">{{\n      '@pry.admin.metadata-rules.metadata-item.name' | i18n\n    }}</label>\n    <pry-select\n      id=\"item\"\n      formControlName=\"metadataItem\"\n      [items]=\"metadataList\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      (ngModelChange)=\"selectMetadataItem($event)\"\n      aria-labelledby=\"item-label\"\n    ></pry-select>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"user-label\" for=\"user\">{{\n      '@pry.admin.metadata-rules.metadata-user.name' | i18n\n    }}</label>\n    <pry-select\n      id=\"user\"\n      formControlName=\"metadataUser\"\n      [items]=\"metadataUserListFilter\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      (ngModelChange)=\"selectMetadataUser($event)\"\n      aria-labelledby=\"user-label\"\n    ></pry-select>\n  </div>\n\n  <label class=\"a-label a-label--help -error\" *ngIf=\"isSameName\">{{\n    '@pry.admin.metadata-rules.is-same-name' | i18n\n  }}</label>\n  <label class=\"a-label a-label--help -error\" *ngIf=\"isSameRules\">{{\n    '@pry.admin.metadata-rules.is-same-rules' | i18n\n  }}</label>\n\n  <div class=\"m-btn-group -width-sm\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary\"\n      (click)=\"goBack()\"\n      [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n    ></button>\n    <button\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [innerHTML]=\"(metadataRules ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdminFormMetadataRulesComponent, decorators: [{
             type: Component,

package/esm2022/components/metadata-editor/metadata-editor.component.mjs

@@ -106,7 +106,7 @@ export class PryMetadataEditorComponent extends SubscriptionnerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryMetadataEditorComponent, deps: [{ token: i1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: { isModification: "isModification", targetId: "targetId", type: "type", metadata: "metadata" }, outputs: { addMeta: "addMeta", removeMeta: "removeMeta" }, usesInheritance: true, ngImport: i0, template: "<pry-metadata-editor-css></pry-metadata-editor-css>\n<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *ngIf=\"!metaDefinition(metadata).readOnly\">\n        <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n          <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n            <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n            <pry-icon\n              class=\"edit-icon\"\n              iconSvg=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"editMetadata(metadata)\"\n            ></pry-icon>\n          </button>\n          <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n            <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n            <pry-icon\n              class=\"delete-icon\"\n              iconSvg=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"removeMetadata(metadata)\"\n            ></pry-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n    <fieldset>\n      <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n      <div class=\"m-form-label-field o-metadata-editor__container\">\n        <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n        <pry-select\n          id=\"metadata\"\n          class=\"o-metadata-editor\"\n          formControlName=\"metadata\"\n          [items]=\"availableMetadata$ | async\"\n          (ngModelChange)=\"onMetaChange($event)\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n        >\n        </pry-select>\n        <label\n          *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n          id=\"metadata-error\"\n          for=\"metadata\"\n          class=\"a-label a-label--help -error\"\n        >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      </div>\n\n      <ng-container *ngIf=\"form.value.metadata\">\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field o-metadata-editor__container\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field o-metadata-editor__container\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"o-metadata-editor\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </fieldset>\n\n    <div class=\"m-btn-group -end\">\n      <button type=\"submit\" class=\"a-btn a-btn--primary\">\n        {{ (isModification ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n      </button>\n    </div>\n  </form>\n</ng-container>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryMetadataEditorCssComponent, selector: "pry-metadata-editor-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: { isModification: "isModification", targetId: "targetId", type: "type", metadata: "metadata" }, outputs: { addMeta: "addMeta", removeMeta: "removeMeta" }, usesInheritance: true, ngImport: i0, template: "<pry-metadata-editor-css></pry-metadata-editor-css>\n<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *ngIf=\"!metaDefinition(metadata).readOnly\">\n        <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n          <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n            <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n            <pry-icon\n              class=\"edit-icon\"\n              iconSvg=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"editMetadata(metadata)\"\n            ></pry-icon>\n          </button>\n          <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n            <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n            <pry-icon\n              class=\"delete-icon\"\n              iconSvg=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"removeMetadata(metadata)\"\n            ></pry-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n    <fieldset>\n      <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n      <div class=\"m-form-label-field o-metadata-editor__container\">\n        <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n        <pry-select\n          id=\"metadata\"\n          class=\"o-metadata-editor\"\n          formControlName=\"metadata\"\n          [items]=\"availableMetadata$ | async\"\n          (ngModelChange)=\"onMetaChange($event)\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n        >\n        </pry-select>\n        <label\n          *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n          id=\"metadata-error\"\n          for=\"metadata\"\n          class=\"a-label a-label--help -error\"\n        >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      </div>\n\n      <ng-container *ngIf=\"form.value.metadata\">\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field o-metadata-editor__container\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field o-metadata-editor__container\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"o-metadata-editor\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </fieldset>\n\n    <div class=\"m-btn-group -end\">\n      <button type=\"submit\" class=\"a-btn a-btn--primary\">\n        {{ (isModification ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n      </button>\n    </div>\n  </form>\n</ng-container>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryMetadataEditorCssComponent, selector: "pry-metadata-editor-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryMetadataEditorComponent, decorators: [{
             type: Component,

package/esm2022/components/scheme-picker/scheme-picker.component.mjs

@@ -89,7 +89,7 @@ export class PrySchemePickerComponent {
                 useExisting: forwardRef(() => PrySchemePickerComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  <div class=\"m-color-scheme__display__item\" *ngFor=\"let colorScheme of schemeColors$ | async; let i = index\">\n    <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n    <button\n      (click)=\"removeColorFromScheme(i)\"\n      class=\"a-btn a-btn--icon-only\"\n      title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n    >\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n      <pry-icon iconSvg=\"trash\"></pry-icon>\n    </button>\n  </div>\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n  >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i5.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+        ], ngImport: i0, template: "<div class=\"m-color-scheme\">\n  <label class=\"a-label\" for=\"scheme\">{{ '@pry.widget.colorScheme' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"changeColorScheme($event)\"\n    [ngModel]=\"scheme$ | async\"\n    [items]=\"schemes$ | async\"\n    id=\"scheme\"\n    bindValue=\"id\"\n    bindLabel=\"label\"\n  ></pry-select>\n</div>\n\n<div class=\"m-color-scheme__display\">\n  <div class=\"m-color-scheme__display__item\" *ngFor=\"let colorScheme of schemeColors$ | async; let i = index\">\n    <pry-color-picker [ngModel]=\"colorScheme\" (ngModelChange)=\"modifyColorScheme($event, i)\"></pry-color-picker>\n    <button\n      (click)=\"removeColorFromScheme(i)\"\n      class=\"a-btn a-btn--icon-only\"\n      title=\"{{ '@pry.widget.removeColor' | i18n }}\"\n    >\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.removeColor' | i18n }}</span>\n      <pry-icon iconSvg=\"trash\"></pry-icon>\n    </button>\n  </div>\n  <button\n    (click)=\"addColorToScheme()\"\n    class=\"a-btn a-btn--primary a-btn--icon-only\"\n    title=\"{{ '@pry.widget.addColor' | i18n }}\"\n  >\n    <span class=\"u-visually-hidden\">{{ '@pry.widget.addColor' | i18n }}</span>\n    <pry-icon iconSvg=\"add\"></pry-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i5.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySchemePickerComponent, decorators: [{
             type: Component,

package/esm2022/filters/autocomplete/autocomplete.component.mjs

@@ -25,7 +25,8 @@ export class AutocompleteComponent extends BaseFilterComponent {
                 this.loader = true;
                 return this.searchService.autocomplete(this.filter?.attributes, search, this.filter?.limit).pipe(tap(() => (this.loader = false)), catchError((err) => {
                     this.loader = false;
-                    throw err;
+                    console.error('Autocomplete failed', err);
+                    return [];
                 }));
             }
             return of([]);
@@ -45,10 +46,10 @@ export class AutocompleteComponent extends BaseFilterComponent {
         this.search$.next('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1.Store }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, selector: "pry-autocomplete", usesInheritance: true, ngImport: i0, template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div\n  class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\"\n  *ngIf=\"filter\"\n  (keyup)=\"updateSearch($event)\"\n  #ref\n>\n  <div class=\"no-widget no-widget__loader\">\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"20\"\n      [height]=\"20\"\n      *ngIf=\"loader\"\n    />\n  </div>\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]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n    [elementRef]=\"ref\"\n    (cleared)=\"clear()\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryAutocompleteCssComponent, selector: "pry-autocomplete-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, selector: "pry-autocomplete", usesInheritance: true, ngImport: i0, template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div\n  class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\"\n  *ngIf=\"filter\"\n  (keyup)=\"updateSearch($event)\"\n  #ref\n>\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]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n    [elementRef]=\"ref\"\n    (cleared)=\"clear()\"\n    [loading]=\"loader\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i5.PryAutocompleteCssComponent, selector: "pry-autocomplete-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-autocomplete', template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div\n  class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\"\n  *ngIf=\"filter\"\n  (keyup)=\"updateSearch($event)\"\n  #ref\n>\n  <div class=\"no-widget no-widget__loader\">\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"20\"\n      [height]=\"20\"\n      *ngIf=\"loader\"\n    />\n  </div>\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]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n    [elementRef]=\"ref\"\n    (cleared)=\"clear()\"\n  ></pry-select>\n</div>\n" }]
+            args: [{ selector: 'pry-autocomplete', template: "<pry-autocomplete-css></pry-autocomplete-css>\n<div\n  class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\"\n  *ngIf=\"filter\"\n  (keyup)=\"updateSearch($event)\"\n  #ref\n>\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]=\"autocomplete$ | async\"\n    [ngModel]=\"filter.value\"\n    (ngModelChange)=\"setFilter($event)\"\n    [clearable]=\"true\"\n    [autocomplete]=\"true\"\n    aria-labelledby=\"item-label\"\n    (blur)=\"updateSearch($event)\"\n    [elementRef]=\"ref\"\n    (cleared)=\"clear()\"\n    [loading]=\"loader\"\n  ></pry-select>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.SearchService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL2ZpbHRlcnMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC9maWx0ZXJzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFpQixNQUFNLG9CQUFvQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xILE9BQU8sS0FBSyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQU1yQyxNQUFNLE9BQU8scUJBQXNCLFNBQVEsbUJBQW1CO0lBSzVELFlBQVksS0FBWSxFQUFVLGFBQTRCO1FBQzVELEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQURtQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUo5RCxZQUFPLEdBQUcsSUFBSSxlQUFlLENBQVMsRUFBRSxDQUFDLENBQUM7UUFFMUMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUl0QixJQUFJLENBQUMsSUFBSSxHQUFHLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDcEMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQzNDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFDakIsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDbkIsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztnQkFDbkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQzlGLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsRUFDaEMsVUFBVSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7b0JBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO29CQUNwQixNQUFNLEdBQUcsQ0FBQztnQkFDWixDQUFDLENBQUMsQ0FDSCxDQUFDO2FBQ0g7WUFDRCxPQUFPLEVBQUUsQ0FBQyxFQUFjLENBQUMsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFO1lBQ2hDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQWM7UUFDekIsYUFBYTtRQUNiLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7K0dBOUNVLHFCQUFxQjttR0FBckIscUJBQXFCLCtFQ1hsQyxnNkJBK0JBOzs0RkRwQmEscUJBQXFCO2tCQUpqQyxTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5ncngvc3RvcmUnO1xuaW1wb3J0IHsgQmFzZUZpbHRlckNvbXBvbmVudCwgU2VhcmNoU2VydmljZSB9IGZyb20gJ0Bwcm92b2x5L2Rhc2hib2FyZCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGNhdGNoRXJyb3IsIGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIE9ic2VydmFibGUsIG9mLCBzd2l0Y2hNYXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCBlcXVhbCBmcm9tICdmYXN0LWRlZXAtZXF1YWwvZXM2JztcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHJ5LWF1dG9jb21wbGV0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9jb21wbGV0ZUNvbXBvbmVudCBleHRlbmRzIEJhc2VGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHNlYXJjaCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZz4oJycpO1xuICBhdXRvY29tcGxldGUkPzogT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG4gIGxvYWRlcjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSwgcHJpdmF0ZSBzZWFyY2hTZXJ2aWNlOiBTZWFyY2hTZXJ2aWNlKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICAgIHRoaXMudHlwZSA9ICdhdXRvY29tcGxldGUnO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB0aGlzLnNlYXJjaCQubmV4dCh0aGlzLl92YWx1ZSk7XG4gICAgdGhpcy5hdXRvY29tcGxldGUkID0gdGhpcy5zZWFyY2gkLnBpcGUoXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgocCwgdikgPT4gZXF1YWwocCwgdikpLFxuICAgICAgZGVib3VuY2VUaW1lKDUwMCksXG4gICAgICBzd2l0Y2hNYXAoKHNlYXJjaCkgPT4ge1xuICAgICAgICBpZiAoISFzZWFyY2ggJiYgc2VhcmNoLmxlbmd0aCA+IDIpIHtcbiAgICAgICAgICB0aGlzLmxvYWRlciA9IHRydWU7XG4gICAgICAgICAgcmV0dXJuIHRoaXMuc2VhcmNoU2VydmljZS5hdXRvY29tcGxldGUodGhpcy5maWx0ZXI/LmF0dHJpYnV0ZXMsIHNlYXJjaCwgdGhpcy5maWx0ZXI/LmxpbWl0KS5waXBlKFxuICAgICAgICAgICAgdGFwKCgpID0+ICh0aGlzLmxvYWRlciA9IGZhbHNlKSksXG4gICAgICAgICAgICBjYXRjaEVycm9yKChlcnIpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZTtcbiAgICAgICAgICAgICAgdGhyb3cgZXJyO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvZihbXSBhcyBzdHJpbmdbXSk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBzZXRGaWx0ZXIodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5maWx0ZXI/LnZhbHVlKSB7XG4gICAgICBzdXBlci51cGRhdGVGaWx0ZXIodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVNlYXJjaCgkZXZlbnQ/OiBFdmVudCkge1xuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBjb25zdCB2YWx1ZSA9ICRldmVudCA/ICRldmVudC50YXJnZXQhLnZhbHVlIDogJyc7XG4gICAgdGhpcy5zZWFyY2gkLm5leHQodmFsdWUpO1xuICB9XG5cbiAgY2xlYXIoKSB7XG4gICAgdGhpcy5zZWFyY2gkLm5leHQoJycpO1xuICB9XG59XG4iLCI8cHJ5LWF1dG9jb21wbGV0ZS1jc3M+PC9wcnktYXV0b2NvbXBsZXRlLWNzcz5cbjxkaXZcbiAgY2xhc3M9XCJtLWZpbHRlcl9faW5wdXQtd3JhcHBlciBtLWZpbHRlcl9faW5wdXQtd3JhcHBlci0tZHJvcGRvd25cIlxuICAqbmdJZj1cImZpbHRlclwiXG4gIChrZXl1cCk9XCJ1cGRhdGVTZWFyY2goJGV2ZW50KVwiXG4gICNyZWZcbj5cbiAgPGRpdiBjbGFzcz1cIm5vLXdpZGdldCBuby13aWRnZXRfX2xvYWRlclwiPlxuICAgIDxwcnktaWNvblxuICAgICAgaWNvblN2Zz1cImxvYWRlclwiXG4gICAgICBjbGFzcz1cIm5vLXdpZGdldF9fbG9hZGluZ1wiXG4gICAgICBbYWx0XT1cIidAcHJ5LndpZGdldC50YXJnZXQubG9hZGluZycgfCBpMThuXCJcbiAgICAgIFt3aWR0aF09XCIyMFwiXG4gICAgICBbaGVpZ2h0XT1cIjIwXCJcbiAgICAgICpuZ0lmPVwibG9hZGVyXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPGxhYmVsIGNsYXNzPVwiYS1sYWJlbCBtLWZpbHRlcl9fbGFiZWxcIiBmb3I9XCJ7eyBmaWx0ZXIubmFtZSB9fVwiPnt7IGZpbHRlci5uYW1lIH19Jm5ic3A7OiZuYnNwOzwvbGFiZWw+XG4gIDxwcnktc2VsZWN0XG4gICAgW2lkXT1cImZpbHRlci5uYW1lXCJcbiAgICBbaXRlbXNdPVwiYXV0b2NvbXBsZXRlJCB8IGFzeW5jXCJcbiAgICBbbmdNb2RlbF09XCJmaWx0ZXIudmFsdWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cInNldEZpbHRlcigkZXZlbnQpXCJcbiAgICBbY2xlYXJhYmxlXT1cInRydWVcIlxuICAgIFthdXRvY29tcGxldGVdPVwidHJ1ZVwiXG4gICAgYXJpYS1sYWJlbGxlZGJ5PVwiaXRlbS1sYWJlbFwiXG4gICAgKGJsdXIpPVwidXBkYXRlU2VhcmNoKCRldmVudClcIlxuICAgIFtlbGVtZW50UmVmXT1cInJlZlwiXG4gICAgKGNsZWFyZWQpPVwiY2xlYXIoKVwiXG4gID48L3ByeS1zZWxlY3Q+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL2ZpbHRlcnMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC9maWx0ZXJzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFpQixNQUFNLG9CQUFvQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xILE9BQU8sS0FBSyxNQUFNLHFCQUFxQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQU1yQyxNQUFNLE9BQU8scUJBQXNCLFNBQVEsbUJBQW1CO0lBSzVELFlBQVksS0FBWSxFQUFVLGFBQTRCO1FBQzVELEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQURtQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUo5RCxZQUFPLEdBQUcsSUFBSSxlQUFlLENBQVMsRUFBRSxDQUFDLENBQUM7UUFFMUMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUl0QixJQUFJLENBQUMsSUFBSSxHQUFHLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDcEMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQzNDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFDakIsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDbkIsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztnQkFDbkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQzlGLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsRUFDaEMsVUFBVSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7b0JBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO29CQUNwQixPQUFPLENBQUMsS0FBSyxDQUFDLHFCQUFxQixFQUFFLEdBQUcsQ0FBQyxDQUFDO29CQUMxQyxPQUFPLEVBQUUsQ0FBQztnQkFDWixDQUFDLENBQUMsQ0FDSCxDQUFDO2FBQ0g7WUFDRCxPQUFPLEVBQUUsQ0FBQyxFQUFjLENBQUMsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFO1lBQ2hDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQWM7UUFDekIsYUFBYTtRQUNiLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7K0dBL0NVLHFCQUFxQjttR0FBckIscUJBQXFCLCtFQ1hsQyxrckJBc0JBOzs0RkRYYSxxQkFBcUI7a0JBSmpDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmdyeC9zdG9yZSc7XG5pbXBvcnQgeyBCYXNlRmlsdGVyQ29tcG9uZW50LCBTZWFyY2hTZXJ2aWNlIH0gZnJvbSAnQHByb3ZvbHkvZGFzaGJvYXJkJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgT2JzZXJ2YWJsZSwgb2YsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IGVxdWFsIGZyb20gJ2Zhc3QtZGVlcC1lcXVhbC9lczYnO1xuaW1wb3J0IHsgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktYXV0b2NvbXBsZXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F1dG9jb21wbGV0ZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2NvbXBsZXRlQ29tcG9uZW50IGV4dGVuZHMgQmFzZUZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgc2VhcmNoJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPignJyk7XG4gIGF1dG9jb21wbGV0ZSQ/OiBPYnNlcnZhYmxlPHN0cmluZ1tdPjtcbiAgbG9hZGVyOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlLCBwcml2YXRlIHNlYXJjaFNlcnZpY2U6IFNlYXJjaFNlcnZpY2UpIHtcbiAgICBzdXBlcihzdG9yZSk7XG4gICAgdGhpcy50eXBlID0gJ2F1dG9jb21wbGV0ZSc7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uSW5pdCgpIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIHRoaXMuc2VhcmNoJC5uZXh0KHRoaXMuX3ZhbHVlKTtcbiAgICB0aGlzLmF1dG9jb21wbGV0ZSQgPSB0aGlzLnNlYXJjaCQucGlwZShcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKChwLCB2KSA9PiBlcXVhbChwLCB2KSksXG4gICAgICBkZWJvdW5jZVRpbWUoNTAwKSxcbiAgICAgIHN3aXRjaE1hcCgoc2VhcmNoKSA9PiB7XG4gICAgICAgIGlmICghIXNlYXJjaCAmJiBzZWFyY2gubGVuZ3RoID4gMikge1xuICAgICAgICAgIHRoaXMubG9hZGVyID0gdHJ1ZTtcbiAgICAgICAgICByZXR1cm4gdGhpcy5zZWFyY2hTZXJ2aWNlLmF1dG9jb21wbGV0ZSh0aGlzLmZpbHRlcj8uYXR0cmlidXRlcywgc2VhcmNoLCB0aGlzLmZpbHRlcj8ubGltaXQpLnBpcGUoXG4gICAgICAgICAgICB0YXAoKCkgPT4gKHRoaXMubG9hZGVyID0gZmFsc2UpKSxcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoKGVycikgPT4ge1xuICAgICAgICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlO1xuICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKCdBdXRvY29tcGxldGUgZmFpbGVkJywgZXJyKTtcbiAgICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvZihbXSBhcyBzdHJpbmdbXSk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBzZXRGaWx0ZXIodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5maWx0ZXI/LnZhbHVlKSB7XG4gICAgICBzdXBlci51cGRhdGVGaWx0ZXIodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVNlYXJjaCgkZXZlbnQ/OiBFdmVudCkge1xuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBjb25zdCB2YWx1ZSA9ICRldmVudCA/ICRldmVudC50YXJnZXQhLnZhbHVlIDogJyc7XG4gICAgdGhpcy5zZWFyY2gkLm5leHQodmFsdWUpO1xuICB9XG5cbiAgY2xlYXIoKSB7XG4gICAgdGhpcy5zZWFyY2gkLm5leHQoJycpO1xuICB9XG59XG4iLCI8cHJ5LWF1dG9jb21wbGV0ZS1jc3M+PC9wcnktYXV0b2NvbXBsZXRlLWNzcz5cbjxkaXZcbiAgY2xhc3M9XCJtLWZpbHRlcl9faW5wdXQtd3JhcHBlciBtLWZpbHRlcl9faW5wdXQtd3JhcHBlci0tZHJvcGRvd25cIlxuICAqbmdJZj1cImZpbHRlclwiXG4gIChrZXl1cCk9XCJ1cGRhdGVTZWFyY2goJGV2ZW50KVwiXG4gICNyZWZcbj5cbiAgPGxhYmVsIGNsYXNzPVwiYS1sYWJlbCBtLWZpbHRlcl9fbGFiZWxcIiBmb3I9XCJ7eyBmaWx0ZXIubmFtZSB9fVwiPnt7IGZpbHRlci5uYW1lIH19Jm5ic3A7OiZuYnNwOzwvbGFiZWw+XG4gIDxwcnktc2VsZWN0XG4gICAgW2lkXT1cImZpbHRlci5uYW1lXCJcbiAgICBbaXRlbXNdPVwiYXV0b2NvbXBsZXRlJCB8IGFzeW5jXCJcbiAgICBbbmdNb2RlbF09XCJmaWx0ZXIudmFsdWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cInNldEZpbHRlcigkZXZlbnQpXCJcbiAgICBbY2xlYXJhYmxlXT1cInRydWVcIlxuICAgIFthdXRvY29tcGxldGVdPVwidHJ1ZVwiXG4gICAgYXJpYS1sYWJlbGxlZGJ5PVwiaXRlbS1sYWJlbFwiXG4gICAgKGJsdXIpPVwidXBkYXRlU2VhcmNoKCRldmVudClcIlxuICAgIFtlbGVtZW50UmVmXT1cInJlZlwiXG4gICAgKGNsZWFyZWQpPVwiY2xlYXIoKVwiXG4gICAgW2xvYWRpbmddPVwibG9hZGVyXCJcbiAgPjwvcHJ5LXNlbGVjdD5cbjwvZGl2PlxuIl19

package/esm2022/filters/autocomplete/style/css.component.mjs

@@ -2,10 +2,10 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PryAutocompleteCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAutocompleteCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryAutocompleteCssComponent, selector: "pry-autocomplete-css", ngImport: i0, template: '', isInline: true, styles: ["pry-autocomplete .m-filter__input-wrapper{height:1.875rem;padding-left:0}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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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;padding-left:0}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"] }]
+            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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL2ZpbHRlcnMvYXV0b2NvbXBsZXRlL3N0eWxlL2Nzcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLDJCQUEyQjsrR0FBM0IsMkJBQTJCO21HQUEzQiwyQkFBMkIsNERBSjVCLEVBQUU7OzRGQUlELDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsWUFDdEIsRUFBRSxpQkFFRyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktYXV0b2NvbXBsZXRlLWNzcycsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmxzOiBbJy4vX20tYXV0b2NvbXBsZXRlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBQcnlBdXRvY29tcGxldGVDc3NDb21wb25lbnQge31cbiJdfQ==

package/esm2022/filters/list/list-filter.component.mjs

@@ -23,7 +23,7 @@ export class ListFilterComponent extends BaseFilterComponent {
             super.updateFilter(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i5.PryListFilterCssComponent, selector: "pry-list-filter-css" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i5.PryListFilterCssComponent, selector: "pry-list-filter-css" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListFilterComponent, decorators: [{
             type: Component,

package/esm2022/import/components/import.component.mjs

@@ -79,7 +79,7 @@ export class PryImportComponent {
         this.selectedFileType = fileType;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryImportComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryImportComponent, selector: "pry-import", ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"o-import\">\n  <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n  <div class=\"o-import__container\">\n    <div class=\"o-import__container__input\">\n      <div class=\"m-form-label-field\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n          <pry-select\n            id=\"fileType\"\n            [items]=\"fileTypes\"\n            [ngModel]=\"fileTypes[0].value\"\n            [disabled]=\"false\"\n            (ngModelChange)=\"onFileTypeChange($event)\"\n            bindValue=\"value\"\n            bindLabel=\"label\"\n          ></pry-select>\n        </div>\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + selectedFileType | i18n }}\n        </label>\n        <div class=\"o-file-input\">\n          <div *ngIf=\"file\" class=\"o-import__container__input__file\">\n            <pry-icon iconSvg=\"download\"></pry-icon>\n            <h3>{{ file.name }}</h3>\n            <span>{{ getFileSize(file.size) }}</span>\n          </div>\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileExtension[selectedFileType]\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [(ngModel)]=\"datasetSelected\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindValue=\"id\"\n          bindLabel=\"name\"\n        ></pry-select>\n      </div>\n      <pry-checkbox [(ngModel)]=\"normalizeGeoShape\">{{ '@pry.import.normalize' | i18n }}</pry-checkbox>\n      <div class=\"o-import__container__input__actions\">\n        <button class=\"a-btn a-btn--primary\" (click)=\"submit()\" [disabled]=\"isSubmitDisabled()\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"showMessage\">\n      <div class=\"o-import__result\">\n        <h1>\n          {{\n            '@pry.import.consultDataset'\n              | i18n\n                : { parameter: datasetSelected ?? '' | translateId : { type: 'datasource', output: 'name' } | async }\n          }}\n        </h1>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "elementRef"], outputs: ["searched", "cleared"] }, { 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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryImportComponent, selector: "pry-import", ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"o-import\">\n  <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n  <div class=\"o-import__container\">\n    <div class=\"o-import__container__input\">\n      <div class=\"m-form-label-field\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n          <pry-select\n            id=\"fileType\"\n            [items]=\"fileTypes\"\n            [ngModel]=\"fileTypes[0].value\"\n            [disabled]=\"false\"\n            (ngModelChange)=\"onFileTypeChange($event)\"\n            bindValue=\"value\"\n            bindLabel=\"label\"\n          ></pry-select>\n        </div>\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + selectedFileType | i18n }}\n        </label>\n        <div class=\"o-file-input\">\n          <div *ngIf=\"file\" class=\"o-import__container__input__file\">\n            <pry-icon iconSvg=\"download\"></pry-icon>\n            <h3>{{ file.name }}</h3>\n            <span>{{ getFileSize(file.size) }}</span>\n          </div>\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileExtension[selectedFileType]\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [(ngModel)]=\"datasetSelected\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindValue=\"id\"\n          bindLabel=\"name\"\n        ></pry-select>\n      </div>\n      <pry-checkbox [(ngModel)]=\"normalizeGeoShape\">{{ '@pry.import.normalize' | i18n }}</pry-checkbox>\n      <div class=\"o-import__container__input__actions\">\n        <button class=\"a-btn a-btn--primary\" (click)=\"submit()\" [disabled]=\"isSubmitDisabled()\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"showMessage\">\n      <div class=\"o-import__result\">\n        <h1>\n          {{\n            '@pry.import.consultDataset'\n              | i18n\n                : { parameter: datasetSelected ?? '' | translateId : { type: 'datasource', output: 'name' } | async }\n          }}\n        </h1>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { 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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryImportComponent, decorators: [{
             type: Component,