@provoly/dashboard 1.4.58 → 1.4.60

package/esm2022/lib/dashboard/components/widgets/datasource-selector/datasource-list/datasource-list.component.mjs

@@ -85,7 +85,7 @@ export class PryDatasourceListComponent extends SubscriptionnerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasourceListComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasourceListComponent, selector: "pry-datasource-list", inputs: { mode: "mode", selectedDatasources: "selectedDatasources" }, outputs: { consultedDataset: "consultedDataset", datasourceSelected: "datasourceSelected", searchOrCategoryChanged: "searchOrCategoryChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-datasource-list__header u-display-flex\">\n  <div class=\"o-datasource-list__search m-form-label-field\">\n    <label class=\"a-label\" id=\"catalog-search-label\" for=\"catalog-search\">{{ '@pry.dataset.search' | i18n }}</label>\n    <input\n      id=\"catalog-search\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'@pry.dataset.searchPlaceholder' | i18n\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"this.search$.next($event)\"\n    />\n    <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"20\" [height]=\"20\"></pry-icon>\n  </div>\n  <div class=\"o-datasource-list__categories m-form-label-field\">\n    <label class=\"a-label\" id=\"tags-label\" for=\"catalog-category-search\">{{ '@pry.dataset.filter' | i18n }}</label>\n    <pry-select\n      id=\"catalog-category-search\"\n      [ngModel]=\"selectedCategories\"\n      (ngModelChange)=\"this.selectedCategories$.next($event)\"\n      [items]=\"categories$ | async\"\n      bindLabel=\"name\"\n      aria-labelledby=\"tags-label\"\n      [multiple]=\"true\"\n      [closeOnSelect]=\"false\"\n      [placeholder]=\"'@pry.dataset.filterPlaceholder' | i18n\"\n    ></pry-select>\n  </div>\n</div>\n<div class=\"o-datasource-list__content\">\n  @if ((_mode$ | async) === 'list') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"false\"\n        [showFooter]=\"true\"\n        (clicked)=\"onDatasourceClick($event)\"\n      ></pry-datasource-card>\n    }\n  } @else if ((_mode$ | async) === 'selector') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"true\"\n        [showFooter]=\"false\"\n        (clicked)=\"onDatasourceClick($event)\"\n        [isSelected]=\"datasource.isSelected ?? false\"\n      ></pry-datasource-card>\n    }\n  }\n</div>\n", dependencies: [{ 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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", "pressedEnter"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryDatasourceCardComponent, selector: "pry-datasource-card", inputs: ["datasource", "showFooter", "isSelectable", "isSelected"], outputs: ["clicked"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasourceListComponent, selector: "pry-datasource-list", inputs: { mode: "mode", selectedDatasources: "selectedDatasources" }, outputs: { consultedDataset: "consultedDataset", datasourceSelected: "datasourceSelected", searchOrCategoryChanged: "searchOrCategoryChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-datasource-list__header u-display-flex\">\n  <div class=\"o-datasource-list__search m-form-label-field\">\n    <label class=\"a-label\" id=\"catalog-search-label\" for=\"catalog-search\">{{ '@pry.dataset.search' | i18n }}</label>\n    <input\n      id=\"catalog-search\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'@pry.dataset.searchPlaceholder' | i18n\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"this.search$.next($event)\"\n    />\n    <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"20\" [height]=\"20\"></pry-icon>\n  </div>\n  <div class=\"o-datasource-list__categories m-form-label-field\">\n    <label class=\"a-label\" id=\"tags-label\" for=\"catalog-category-search\">{{ '@pry.dataset.filter' | i18n }}</label>\n    <pry-select\n      id=\"catalog-category-search\"\n      [ngModel]=\"selectedCategories\"\n      (ngModelChange)=\"this.selectedCategories$.next($event)\"\n      [items]=\"categories$ | async\"\n      bindLabel=\"name\"\n      aria-labelledby=\"tags-label\"\n      [multiple]=\"true\"\n      [closeOnSelect]=\"false\"\n      [placeholder]=\"'@pry.dataset.filterPlaceholder' | i18n\"\n    ></pry-select>\n  </div>\n</div>\n<div class=\"o-datasource-list__content\">\n  @if ((_mode$ | async) === 'list') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"false\"\n        [showFooter]=\"true\"\n        (clicked)=\"onDatasourceClick($event)\"\n      ></pry-datasource-card>\n    }\n  } @else if ((_mode$ | async) === 'selector') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"true\"\n        [showFooter]=\"false\"\n        (clicked)=\"onDatasourceClick($event)\"\n        [isSelected]=\"datasource.isSelected ?? false\"\n      ></pry-datasource-card>\n    }\n  }\n</div>\n", dependencies: [{ 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryDatasourceCardComponent, selector: "pry-datasource-card", inputs: ["datasource", "showFooter", "isSelectable", "isSelected"], outputs: ["clicked"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasourceListComponent, decorators: [{
             type: Component,