@provoly/dashboard 0.25.0 → 0.25.1

package/fesm2022/provoly-dashboard.mjs

@@ -3,7 +3,7 @@ import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i1$1 from '@angular/common';
 import { CommonModule, AsyncPipe, DOCUMENT } from '@angular/common';
 import * as i1$2 from '@angular/common/http';
-import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http';
+import { HttpHeaders, HttpUrlEncodingCodec, HttpParams, HttpClientModule } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Directive, Optional, Inject, Input, Component, Pipe, ChangeDetectionStrategy, HostBinding, SecurityContext, NgModule, EventEmitter, Output, TemplateRef, ViewChild, Injector, ContentChildren, forwardRef, HostListener, ViewContainerRef, ViewChildren, ViewEncapsulation, createNgModule } from '@angular/core';
 import * as i3 from '@angular/router';
@@ -478,6 +478,7 @@ const enTranslations$1 = {
             restricted: 'Restricted',
             type: 'Visibility',
             users: 'Authorized users',
+            noGroups: 'No group available',
             conflict: {
                 title: 'Warning',
                 main: 'The following data sources are not accessible to the selected user groups:',
@@ -877,6 +878,7 @@ const frTranslations$1 = {
             restricted: 'Restreint',
             type: 'Visibilité',
             users: 'Utilisateurs autorisés',
+            noGroups: 'Aucun groupe disponible',
             conflict: {
                 title: 'Warning',
                 main: 'Attention, les sources de données suivantes ne seront pas visible de toutes les personnes accédant à la présentation : ',
@@ -4125,6 +4127,32 @@ const SearchActions = {
     setPossibleFilterValues: createAction('[Dashboard] (bus) set possible filter values', props())
 };
 
+const operators = [
+    'EQUALS',
+    'CONTAINS',
+    'I_CONTAINS',
+    'GREATER_THAN',
+    'START_WITH',
+    'END_WITH',
+    'LOWER_THAN',
+    'INSIDE',
+    'OUTSIDE'
+];
+class FilterParamEncoder extends HttpUrlEncodingCodec {
+    constructor() {
+        super();
+    }
+    encodeValue(v) {
+        const hasOperator = operators.includes(v.split(',')?.[1]);
+        if (hasOperator) {
+            const fragments = v.split(',');
+            fragments[2] = encodeURIComponent(fragments.splice(2).join('\\,'));
+            return fragments.slice(0, 3).join(',');
+        }
+        return encodeURIComponent(v);
+    }
+}
+
 class SearchService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
@@ -4151,7 +4179,7 @@ class SearchService {
         return '|' + this.getItemsFilter(id, this.getOrder(quickOrder[id])).toString() + '|';
     }
     getItemsFilter(id, cumulative, includeLimit = true) {
-        let params = cumulative ?? new HttpParams();
+        let params = cumulative ?? new HttpParams({ encoder: new FilterParamEncoder() });
         if (this.filters[id]) {
             this.filters[id]
                 .filter((filter) => filter.value !== null && filter.value !== undefined)
@@ -4166,7 +4194,7 @@ class SearchService {
         return params;
     }
     getOrder(quickOrder, cumulative) {
-        let params = cumulative ?? new HttpParams();
+        let params = cumulative ?? new HttpParams({ encoder: new FilterParamEncoder() });
         if (quickOrder) {
             params = params.append('order', `${quickOrder.attribute},${quickOrder.asc ?? ''}`);
         }
@@ -5380,7 +5408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
 
 const feature$2 = createFeatureSelector(searchFeatureKey);
 const searchLoading = createSelector(feature$2, (state) => state.searchLoading);
-const possibleFilterValues = (filterId) => createSelector(feature$2, (state) => (filterId ? state.possibleFilterValues[filterId] : []));
+const possibleFilterValues = (filterId) => createSelector(feature$2, (state) => filterId && state.possibleFilterValues[filterId] ? state.possibleFilterValues[filterId] : []);
 const SearchSelectors = {
     feature: feature$2,
     searchLoading,
@@ -7515,7 +7543,7 @@ class PryGroupShareComponent extends SubscriptionnerDirective {
                 useExisting: forwardRef(() => PryGroupShareComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if(templateData$ | async; as data) {\n  <div class=\"m-form-radio-group\">\n    <div *ngFor=\"let type of visibilityTypes\" class=\"m-form-radio-group__item\">\n      <input\n        type=\"radio\"\n        name=\"visibility\"\n        [id]=\"type.label\"\n        [value]=\"type.value\"\n        [ngModel]=\"radioValue\"\n        (ngModelChange)=\"changeGroupsBasedOnRadioValue($event)\"\n        [disabled]=\"data.disableRadios[type.value]\"\n      />\n      <label [for]=\"type.label\" class=\"a-label\" [class.a-label--disabled]=\"data.disableRadios[type.value]\">\n        {{ '@pry.share.' + type.label | i18n }}\n      </label>\n    </div>\n  </div>\n  @if (radioValue === PryVisibilityType.RESTRICTED) {\n    <pry-chips-selector\n      bindLabel=\"name\"\n      bindValue=\"name\"\n      translationStringBase=\"@pry.components.chipsSelector.share.\"\n      itemTranslationStringBase=\"@pry.components.chipsSelector.share.groups.\"\n      [showActionButtons]=\"false\"\n      [items]=\"data.groups\"\n      (itemsChanged)=\"changeGroups($event)\"\n      [usedItems]=\"data.assignedGroups\"\n      [showSearchbar]=\"data.groups.length > 6\"\n    ></pry-chips-selector>\n  }\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: ChipsSelectorComponent, selector: "pry-chips-selector", inputs: ["bindValue", "bindLabel", "translationStringBase", "itemTranslationStringBase", "showActionButtons", "showSearchbar", "items", "usedItems"], outputs: ["cancel", "validated", "previousTab", "nextTab", "itemsChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (templateData$ | async; as data) {\n  <div class=\"m-form-radio-group\">\n    <div *ngFor=\"let type of visibilityTypes\" class=\"m-form-radio-group__item\">\n      <input\n        type=\"radio\"\n        name=\"visibility\"\n        [id]=\"type.label\"\n        [value]=\"type.value\"\n        [ngModel]=\"radioValue\"\n        (ngModelChange)=\"changeGroupsBasedOnRadioValue($event)\"\n        [disabled]=\"data.disableRadios[type.value]\"\n      />\n      <label [for]=\"type.label\" class=\"a-label\" [class.a-label--disabled]=\"data.disableRadios[type.value]\">\n        {{ '@pry.share.' + type.label | i18n }}\n      </label>\n    </div>\n  </div>\n  @if (radioValue === PryVisibilityType.RESTRICTED) {\n    @if (data.groups.length > 0) {\n      <pry-chips-selector\n        bindLabel=\"name\"\n        bindValue=\"name\"\n        translationStringBase=\"@pry.components.chipsSelector.share.\"\n        itemTranslationStringBase=\"@pry.components.chipsSelector.share.groups.\"\n        [showActionButtons]=\"false\"\n        [items]=\"data.groups\"\n        (itemsChanged)=\"changeGroups($event)\"\n        [usedItems]=\"data.assignedGroups\"\n        [showSearchbar]=\"data.groups.length > 6\"\n      ></pry-chips-selector>\n    } @else {\n      <p class=\"m-text--center\">\n        {{ '@pry.share.noGroups' | i18n }}\n      </p>\n    }\n  }\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: ChipsSelectorComponent, selector: "pry-chips-selector", inputs: ["bindValue", "bindLabel", "translationStringBase", "itemTranslationStringBase", "showActionButtons", "showSearchbar", "items", "usedItems"], outputs: ["cancel", "validated", "previousTab", "nextTab", "itemsChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryGroupShareComponent, decorators: [{
             type: Component,
@@ -7525,7 +7553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                             useExisting: forwardRef(() => PryGroupShareComponent),
                             multi: true
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(templateData$ | async; as data) {\n  <div class=\"m-form-radio-group\">\n    <div *ngFor=\"let type of visibilityTypes\" class=\"m-form-radio-group__item\">\n      <input\n        type=\"radio\"\n        name=\"visibility\"\n        [id]=\"type.label\"\n        [value]=\"type.value\"\n        [ngModel]=\"radioValue\"\n        (ngModelChange)=\"changeGroupsBasedOnRadioValue($event)\"\n        [disabled]=\"data.disableRadios[type.value]\"\n      />\n      <label [for]=\"type.label\" class=\"a-label\" [class.a-label--disabled]=\"data.disableRadios[type.value]\">\n        {{ '@pry.share.' + type.label | i18n }}\n      </label>\n    </div>\n  </div>\n  @if (radioValue === PryVisibilityType.RESTRICTED) {\n    <pry-chips-selector\n      bindLabel=\"name\"\n      bindValue=\"name\"\n      translationStringBase=\"@pry.components.chipsSelector.share.\"\n      itemTranslationStringBase=\"@pry.components.chipsSelector.share.groups.\"\n      [showActionButtons]=\"false\"\n      [items]=\"data.groups\"\n      (itemsChanged)=\"changeGroups($event)\"\n      [usedItems]=\"data.assignedGroups\"\n      [showSearchbar]=\"data.groups.length > 6\"\n    ></pry-chips-selector>\n  }\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (templateData$ | async; as data) {\n  <div class=\"m-form-radio-group\">\n    <div *ngFor=\"let type of visibilityTypes\" class=\"m-form-radio-group__item\">\n      <input\n        type=\"radio\"\n        name=\"visibility\"\n        [id]=\"type.label\"\n        [value]=\"type.value\"\n        [ngModel]=\"radioValue\"\n        (ngModelChange)=\"changeGroupsBasedOnRadioValue($event)\"\n        [disabled]=\"data.disableRadios[type.value]\"\n      />\n      <label [for]=\"type.label\" class=\"a-label\" [class.a-label--disabled]=\"data.disableRadios[type.value]\">\n        {{ '@pry.share.' + type.label | i18n }}\n      </label>\n    </div>\n  </div>\n  @if (radioValue === PryVisibilityType.RESTRICTED) {\n    @if (data.groups.length > 0) {\n      <pry-chips-selector\n        bindLabel=\"name\"\n        bindValue=\"name\"\n        translationStringBase=\"@pry.components.chipsSelector.share.\"\n        itemTranslationStringBase=\"@pry.components.chipsSelector.share.groups.\"\n        [showActionButtons]=\"false\"\n        [items]=\"data.groups\"\n        (itemsChanged)=\"changeGroups($event)\"\n        [usedItems]=\"data.assignedGroups\"\n        [showSearchbar]=\"data.groups.length > 6\"\n      ></pry-chips-selector>\n    } @else {\n      <p class=\"m-text--center\">\n        {{ '@pry.share.noGroups' | i18n }}\n      </p>\n    }\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ChangeDetectorRef }], propDecorators: { disableRadios: [{
                 type: Input
             }], allowedGroups: [{