@provoly/dashboard 0.25.0 → 0.25.2

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:',
@@ -494,6 +495,7 @@ const enTranslations$1 = {
             view: 'View metadata'
         },
         components: {
+            searchData: 'Search',
             chipsSelector: {
                 datasource: {
                     select: 'Select one or more data source(s):',
@@ -513,8 +515,7 @@ const enTranslations$1 = {
                         AUTHENTICATED: 'Connected users'
                     }
                 }
-            },
-            searchData: 'Search'
+            }
         },
         errors: {
             default: 'There is an error. Try again or contact your administrator',
@@ -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 : ',
@@ -2179,9 +2181,11 @@ const enTranslations = {
             consult: 'View',
             title: 'Dataset catalog',
             search: 'Search',
+            description: 'Description',
             date: 'Date',
             status: 'Status',
             versionHistory: 'Version history',
+            information: 'Information',
             data: 'Data',
             table: 'Table',
             map: 'Map',
@@ -2193,6 +2197,10 @@ const enTranslations = {
             noActiveVersion: 'No active version',
             version: {
                 title: 'Title',
+                productionDate: 'Production date',
+                producer: 'Data producer',
+                additionalInformation: 'Version information',
+                notProvided: 'Not provided',
                 INDEXING: 'Loading',
                 LOADING: 'Loading',
                 INACTIVE: 'Invalid',
@@ -2250,9 +2258,11 @@ const frTranslations = {
             consult: 'Consulter',
             title: 'Catalogue de données',
             search: 'Rechercher',
+            description: 'Description',
             date: 'Date',
             status: 'Statut',
             versionHistory: 'Historique de versions',
+            information: 'Informations',
             data: 'Données',
             table: 'Tableau',
             map: 'Carte',
@@ -2264,6 +2274,10 @@ const frTranslations = {
             noActiveVersion: 'Aucune version active',
             version: {
                 title: 'Intitulé',
+                productionDate: 'Date de production',
+                producer: 'Producteur de données',
+                additionalInformation: 'Informations de la version',
+                notProvided: 'Non renseigné',
                 INDEXING: 'En chargement',
                 LOADING: 'En chargement',
                 INACTIVE: 'Invalide',
@@ -2381,7 +2395,9 @@ const DataSourceActions = {
             getById: createAction('[Dataset/Previews] get by id', props()),
             getByIdSuccess: createAction('[Dataset/Previews] get by id Success', props()),
             getByIdFailure: createAction('[Dataset/Previews] get by id Failure', props())
-        }
+        },
+        updateDatasetVersionInfo: createAction('[Dataset] Update Dataset version info', props()),
+        updateDatasetVersionInfoSuccess: createAction('[Dataset] Update Dataset version info success', props()),
     }
 };
 
@@ -2499,6 +2515,9 @@ const dataSourceReducer = createReducer(initialDataSourceState, on(DataSourceAct
     error: action.error,
     previews: [],
     loading: false
+})), on(DataSourceActions.dataset.updateDatasetVersionInfoSuccess, (state, action) => ({
+    ...state,
+    datasetVersions: state.datasetVersions.map((version) => (version.id === action.version.id ? { ...version, ...action.version } : version))
 })));
 
 var NamedQueryTypes;
@@ -4125,6 +4144,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 +4196,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 +4211,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 ?? ''}`);
         }
@@ -4334,6 +4379,18 @@ class DataSourceService {
             .select(ConfigSelectors.refUrl)
             .pipe(switchMap((url) => this.httpClient.post(encodeURI(`${url}/dataset-versions/id/${versionId}/activate`), null)));
     }
+    getLastActiveDatasetVersion(datasetId) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(switchMap((url) => this.httpClient.get(encodeURI(`${url}/datasets/${datasetId}/dataset-versions/latest`))));
+    }
+    updateDatasetVersionInfo(version) {
+        return this.store.select(ConfigSelectors.refUrl).pipe(switchMap((url) => this.httpClient.put(encodeURI(`${url}/dataset-versions/id/${version.id}`), {
+            additionalInformation: version.additionalInformation,
+            producer: version.producer,
+            productionDate: version.productionDate
+        })));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DataSourceService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DataSourceService, providedIn: 'root' }); }
 }
@@ -4464,6 +4521,7 @@ class DataSourceEffects {
         this.activateDatasetVersion$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.activateDatasetVersion), switchMap((action) => this.dataSourceService.activateDatasetVersion(action.versionId).pipe(map((datasetVersion) => DataSourceActions.dataset.activateDatasetVersionSuccess({ datasetVersion })), catchError((error) => [DataSourceActions.dataset.activateDatasetVersionFailure({ error })])))));
         this.activateOrDeactivateDatasetVersionSuccess$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.activateDatasetVersionSuccess, DataSourceActions.dataset.deactivateDatasetVersionSuccess), map((action) => DataSourceActions.dataset.listVersions())));
         this.previewsGetById$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.previews.getById), switchMap((action) => this.dataSourceService.getPreviews(action.id).pipe(map((previews) => DataSourceActions.dataset.previews.getByIdSuccess({ previews })), catchError((error) => [DataSourceActions.dataset.previews.getByIdFailure({ error })])))));
+        this.updateDatasetVersionInfo = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.updateDatasetVersionInfo), switchMap((action) => this.dataSourceService.updateDatasetVersionInfo(action.version).pipe(map((previews) => DataSourceActions.dataset.updateDatasetVersionInfoSuccess({ version: action.version }))))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DataSourceEffects, deps: [{ token: i1$3.Actions }, { token: SearchService }, { token: DataSourceService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1.Store }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DataSourceEffects }); }
@@ -5032,6 +5090,7 @@ class TabGroupComponent {
     constructor() {
         this.translationStringBase = '';
         this.currentTabIndex = 0;
+        this.clickedTabIdx = new EventEmitter();
         TabGroupComponent.instanceId++;
     }
     ngAfterContentInit() {
@@ -5041,9 +5100,10 @@ class TabGroupComponent {
     switch(tab, index) {
         this.currentTab = tab;
         this.currentTabIndex = index;
+        this.clickedTabIdx.emit(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TabGroupComponent, selector: "pry-tab-group", inputs: { translationStringBase: "translationStringBase" }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"o-tabs\">\n  <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-label]=\"'tab-panel-' + instanceId\">\n    <button\n      *ngFor=\"let tab of tabs; let index = index\"\n      type=\"button\"\n      class=\"o-tabs__list__btn\"\n      role=\"tab\"\n      [id]=\"'tab-' + instanceId + '-' + index\"\n      [attr.aria-selected]=\"index === currentTabIndex\"\n      [attr.tabindex]=\"index === currentTabIndex ? 0 : -1\"\n      [attr.aria-controls]=\"'tabpanel-' + instanceId + '-' + index\"\n      (click)=\"switch(tab, index)\"\n    >\n      {{ translationStringBase + tab.name | i18n }}\n    </button>\n  </div>\n  <div\n    class=\"o-tabs__panel\"\n    [id]=\"'tabpanel-' + instanceId + '-' + currentTabIndex\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'tab-' + instanceId + '-' + currentTabIndex\"\n  >\n    <div class=\"o-tabs__panel__content\">\n      <ng-template [ngTemplateOutlet]=\"currentTab.templateRef\"></ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TabGroupComponent, selector: "pry-tab-group", inputs: { translationStringBase: "translationStringBase" }, outputs: { clickedTabIdx: "clickedTabIdx" }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"o-tabs\">\n  <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-label]=\"'tab-panel-' + instanceId\">\n    <button\n      *ngFor=\"let tab of tabs; let index = index\"\n      type=\"button\"\n      class=\"o-tabs__list__btn\"\n      role=\"tab\"\n      [id]=\"'tab-' + instanceId + '-' + index\"\n      [attr.aria-selected]=\"index === currentTabIndex\"\n      [attr.tabindex]=\"index === currentTabIndex ? 0 : -1\"\n      [attr.aria-controls]=\"'tabpanel-' + instanceId + '-' + index\"\n      (click)=\"switch(tab, index)\"\n    >\n      {{ translationStringBase + tab.name | i18n }}\n    </button>\n  </div>\n  <div\n    class=\"o-tabs__panel\"\n    [id]=\"'tabpanel-' + instanceId + '-' + currentTabIndex\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'tab-' + instanceId + '-' + currentTabIndex\"\n  >\n    <div class=\"o-tabs__panel__content\">\n      <ng-template [ngTemplateOutlet]=\"currentTab.templateRef\"></ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
@@ -5053,6 +5113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }], tabs: [{
                 type: ContentChildren,
                 args: [TabComponent]
+            }], clickedTabIdx: [{
+                type: Output
             }] } });
 
 class PryGeoAuthService {
@@ -5380,7 +5442,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 +7577,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 +7587,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: [{