geonetwork-ui 2.3.0-dev.b46332e6 → 2.3.0-dev.c22cb78a

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './libs/api/metadata-converter/src';
 export * from './libs/api/repository/src';
 export * from './libs/feature/auth/src';
 export * from './libs/feature/map/src';
+export * from './libs/feature/notifications/src';
 export * from './libs/feature/search/src';
 export * from './libs/feature/record/src';
 export * from './libs/feature/dataviz/src';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA"}

package/index.ts

@@ -3,6 +3,7 @@ export * from './libs/api/metadata-converter/src'
 export * from './libs/api/repository/src'
 export * from './libs/feature/auth/src'
 export * from './libs/feature/map/src'
+export * from './libs/feature/notifications/src'
 export * from './libs/feature/search/src'
 export * from './libs/feature/record/src'
 export * from './libs/feature/dataviz/src'

package/libs/feature/editor/src/lib/+state/editor.facade.d.ts

@@ -1,12 +1,15 @@
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class EditorFacade {
     private readonly store;
-    record$: import("rxjs").Observable<CatalogRecord>;
-    saving$: import("rxjs").Observable<boolean>;
-    saveError$: import("rxjs").Observable<string>;
-    changedSinceSave$: import("rxjs").Observable<boolean>;
-    recordFields$: import("rxjs").Observable<{
+    private actions$;
+    record$: Observable<CatalogRecord>;
+    saving$: Observable<boolean>;
+    saveError$: Observable<string>;
+    saveSuccess$: Observable<import("@ngrx/store/src/models").TypedAction<"[Editor] Save record success">>;
+    changedSinceSave$: Observable<boolean>;
+    recordFields$: Observable<{
         config: import("../models/fields.model").EditorFieldConfig;
         value: any;
     }[]>;

package/libs/feature/editor/src/lib/+state/editor.facade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.facade.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/editor/src/lib/+state/editor.facade.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAA;;AAEzF,qBACa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgB;IAEtC,OAAO,2CAAwD;IAC/D,OAAO,qCAA8D;IACrE,UAAU,oCAAiE;IAC3E,iBAAiB,qCAEhB;IACD,aAAa;;;SAA8D;IAE3E,UAAU,CAAC,MAAM,EAAE,aAAa;IAIhC,UAAU;IAIV,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;yCAnBpC,YAAY;6CAAZ,YAAY;CAsBxB"}
+{"version":3,"file":"editor.facade.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/editor/src/lib/+state/editor.facade.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAA;AACzF,OAAO,EAAU,UAAU,EAAE,MAAM,MAAM,CAAA;;AAGzC,qBACa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgB;IACtC,OAAO,CAAC,QAAQ,CAAkB;IAElC,OAAO,4BAAwD;IAC/D,OAAO,sBAA8D;IACrE,UAAU,qBAGT;IACD,YAAY,2FAA8D;IAC1E,iBAAiB,sBAEhB;IACD,aAAa;;;SAA8D;IAE3E,UAAU,CAAC,MAAM,EAAE,aAAa;IAIhC,UAAU;IAIV,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;yCAxBpC,YAAY;6CAAZ,YAAY;CA2BxB"}

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { FormFieldConfig } from './form-field.model';
@@ -7,8 +8,10 @@ export declare class FormFieldComponent {
     config: FormFieldConfig;
     set value(v: unknown);
     valueChange: Observable<unknown>;
+    titleInput: ElementRef;
     formControl: FormControl<any>;
     constructor();
+    focusTitleInput(): void;
     get simpleType(): "number" | "text" | "url" | "toggle" | "date" | "list";
     get isSimpleField(): boolean;
     get isFileField(): boolean;
@@ -19,6 +22,7 @@ export declare class FormFieldComponent {
     get isFieldOk(): boolean;
     get isFieldLocked(): boolean;
     get isFieldInvalid(): boolean;
+    get isTitle(): boolean;
     get isAbstract(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "gn-ui-form-field", never, { "model": { "alias": "model"; "required": false; }; "config": { "alias": "config"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAuB,MAAM,gBAAgB,CAAA;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAQjC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;;AAGpD,qBAoBa,kBAAkB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,eAAe,CAAA;IAChC,IAAa,KAAK,CAAC,CAAC,EAAE,OAAO,EAI5B;IACS,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE1C,WAAW,mBAAoB;;IAM/B,IAAI,UAAU,2DAQb;IAED,IAAI,aAAa,YAShB;IACD,IAAI,WAAW,YAEd;IACD,IAAI,oBAAoB,YAEvB;IACD,IAAI,qBAAqB,YAExB;IACD,IAAI,YAAY,YAEf;IACD,IAAI,aAAa,YAEhB;IAED,IAAI,SAAS,YAEZ;IACD,IAAI,aAAa,YAEhB;IACD,IAAI,cAAc,YAEjB;IAED,IAAI,UAAU,YAEb;yCAhEU,kBAAkB;2CAAlB,kBAAkB;CAiE9B"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EAIX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAuB,MAAM,gBAAgB,CAAA;AAKjE,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAQjC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;;AAEpD,qBAsBa,kBAAkB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,eAAe,CAAA;IAChC,IAAa,KAAK,CAAC,CAAC,EAAE,OAAO,EAI5B;IACS,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAEjB,UAAU,EAAE,UAAU,CAAA;IAE/C,WAAW,mBAAoB;;IAM/B,eAAe;IAIf,IAAI,UAAU,2DAQb;IAED,IAAI,aAAa,YAShB;IACD,IAAI,WAAW,YAEd;IACD,IAAI,oBAAoB,YAEvB;IACD,IAAI,qBAAqB,YAExB;IACD,IAAI,YAAY,YAEf;IACD,IAAI,aAAa,YAEhB;IAED,IAAI,SAAS,YAEZ;IACD,IAAI,aAAa,YAEhB;IACD,IAAI,cAAc,YAEjB;IAED,IAAI,OAAO,YAEV;IACD,IAAI,UAAU,YAEb;yCAzEU,kBAAkB;2CAAlB,kBAAkB;CA0E9B"}

package/libs/feature/editor/src/lib/components/record-form/record-form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"record-form.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/editor/src/lib/components/record-form/record-form.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;;AAY9E,qBAkBa,mBAAmB;IAGX,MAAM,EAAE,YAAY;IAFvC,OAAO;;;SAA4B;gBAEhB,MAAM,EAAE,YAAY;IAEvC,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB;IAO1E,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB;yCAZxC,mBAAmB;2CAAnB,mBAAmB;CAe/B"}
+{"version":3,"file":"record-form.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/editor/src/lib/components/record-form/record-form.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;;AAG9E,qBAQa,mBAAmB;IAGX,MAAM,EAAE,YAAY;IAFvC,OAAO;;;SAA4B;gBAEhB,MAAM,EAAE,YAAY;IAEvC,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB;IAO1E,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB;yCAZxC,mBAAmB;2CAAnB,mBAAmB;CAe/B"}

package/libs/feature/notifications/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/feature-notifications.module';
+export * from './lib/notifications.service';
+export * from './lib/notifications-container/notifications-container.component';
+//# sourceMappingURL=index.d.ts.map

package/libs/feature/notifications/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/feature/notifications/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iEAAiE,CAAA"}

package/libs/feature/notifications/src/lib/feature-notifications.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class FeatureNotificationsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeatureNotificationsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FeatureNotificationsModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FeatureNotificationsModule>;
+}
+//# sourceMappingURL=feature-notifications.module.d.ts.map

package/libs/feature/notifications/src/lib/feature-notifications.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-notifications.module.d.ts","sourceRoot":"","sources":["../../../../../src/libs/feature/notifications/src/lib/feature-notifications.module.ts"],"names":[],"mappings":";AAGA,qBAMa,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAAG"}

package/libs/feature/notifications/src/lib/notification.model.d.ts

@@ -0,0 +1,7 @@
+export interface NotificationContent {
+    type: 'info' | 'warning' | 'error' | 'success';
+    title: string;
+    text: string;
+    closeMessage?: string;
+}
+//# sourceMappingURL=notification.model.d.ts.map

package/libs/feature/notifications/src/lib/notification.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.model.d.ts","sourceRoot":"","sources":["../../../../../src/libs/feature/notifications/src/lib/notification.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}

package/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.d.ts

@@ -0,0 +1,12 @@
+import { NotificationsService } from '../notifications.service';
+import * as i0 from "@angular/core";
+export declare class NotificationsContainerComponent {
+    protected notificationsService: NotificationsService;
+    constructor(notificationsService: NotificationsService);
+    trackById(index: number, notification: {
+        id: number;
+    }): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsContainerComponent, "gn-ui-notifications-container", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=notifications-container.component.d.ts.map

package/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications-container.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;;AAU/D,qBAyBa,+BAA+B;IAC9B,SAAS,CAAC,oBAAoB,EAAE,oBAAoB;gBAA1C,oBAAoB,EAAE,oBAAoB;IAEhE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;yCAH1C,+BAA+B;2CAA/B,+BAA+B;CAM3C"}

package/libs/feature/notifications/src/lib/notifications.service.d.ts

@@ -0,0 +1,15 @@
+import { NotificationContent } from './notification.model';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+type NotificationWithIdentity = NotificationContent & {
+    id: number;
+};
+export declare class NotificationsService {
+    notifications$: BehaviorSubject<NotificationWithIdentity[]>;
+    showNotification(content: NotificationContent, timeoutMs?: number): void;
+    removeNotificationById(id: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationsService>;
+}
+export {};
+//# sourceMappingURL=notifications.service.d.ts.map

package/libs/feature/notifications/src/lib/notifications.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.service.d.ts","sourceRoot":"","sources":["../../../../../src/libs/feature/notifications/src/lib/notifications.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAA;;AAEtC,KAAK,wBAAwB,GAAG,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,qBAGa,oBAAoB;IAC/B,cAAc,8CAAsD;IAEpE,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAE,MAAM;IASjE,sBAAsB,CAAC,EAAE,EAAE,MAAM;yCAZtB,oBAAoB;6CAApB,oBAAoB;CAiBhC"}

package/libs/ui/elements/src/index.d.ts

@@ -21,4 +21,5 @@ export * from './lib/search-results-error/search-results-error.component';
 export * from './lib/thumbnail/thumbnail.component';
 export * from './lib/ui-elements.module';
 export * from './lib/user-preview/user-preview.component';
+export * from './lib/notification/notification.component';
 //# sourceMappingURL=index.d.ts.map

package/libs/ui/elements/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/ui/elements/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,+CAA+C,CAAA;AAC7D,cAAc,6DAA6D,CAAA;AAC3E,cAAc,qCAAqC,CAAA;AACnD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,iDAAiD,CAAA;AAC/D,cAAc,qCAAqC,CAAA;AACnD,cAAc,mDAAmD,CAAA;AACjE,cAAc,mDAAmD,CAAA;AACjE,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6DAA6D,CAAA;AAC3E,cAAc,mDAAmD,CAAA;AACjE,cAAc,uDAAuD,CAAA;AACrE,cAAc,uCAAuC,CAAA;AACrD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,yDAAyD,CAAA;AACvE,cAAc,2DAA2D,CAAA;AACzE,cAAc,qCAAqC,CAAA;AACnD,cAAc,0BAA0B,CAAA;AACxC,cAAc,2CAA2C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/ui/elements/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,+CAA+C,CAAA;AAC7D,cAAc,6DAA6D,CAAA;AAC3E,cAAc,qCAAqC,CAAA;AACnD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,iDAAiD,CAAA;AAC/D,cAAc,qCAAqC,CAAA;AACnD,cAAc,mDAAmD,CAAA;AACjE,cAAc,mDAAmD,CAAA;AACjE,cAAc,6CAA6C,CAAA;AAC3D,cAAc,6DAA6D,CAAA;AAC3E,cAAc,mDAAmD,CAAA;AACjE,cAAc,uDAAuD,CAAA;AACrE,cAAc,uCAAuC,CAAA;AACrD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,yDAAyD,CAAA;AACvE,cAAc,2DAA2D,CAAA;AACzE,cAAc,qCAAqC,CAAA;AACnD,cAAc,0BAA0B,CAAA;AACxC,cAAc,2CAA2C,CAAA;AACzD,cAAc,2CAA2C,CAAA"}

package/libs/ui/elements/src/lib/notification/notification.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NotificationComponent {
+    type: 'info' | 'warning' | 'error' | 'success';
+    title: string;
+    text: string;
+    closeMessage?: string;
+    notificationClose: EventEmitter<void>;
+    handleClose(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "gn-ui-notification", never, { "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "closeMessage": { "alias": "closeMessage"; "required": false; }; }, { "notificationClose": "notificationClose"; }, never, never, true, never>;
+}
+//# sourceMappingURL=notification.component.d.ts.map

package/libs/ui/elements/src/lib/notification/notification.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EAGb,MAAM,eAAe,CAAA;;AAKtB,qBAQa,qBAAqB;IACvB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAS;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,qBAA2B;IAEtD,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK;yCAPd,qBAAqB;2CAArB,qBAAqB;CAWjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.3.0-dev.b46332e6",
+  "version": "2.3.0-dev.c22cb78a",
   "engines": {
     "node": ">=14.17.0"
   },

package/src/libs/feature/editor/src/lib/+state/editor.facade.ts

@@ -3,14 +3,21 @@ import { select, Store } from '@ngrx/store'
 import * as EditorActions from './editor.actions'
 import * as EditorSelectors from './editor.selectors'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { filter, Observable } from 'rxjs'
+import { Actions, ofType } from '@ngrx/effects'
 
 @Injectable()
 export class EditorFacade {
   private readonly store = inject(Store)
+  private actions$ = inject(Actions)
 
   record$ = this.store.pipe(select(EditorSelectors.selectRecord))
   saving$ = this.store.pipe(select(EditorSelectors.selectRecordSaving))
-  saveError$ = this.store.pipe(select(EditorSelectors.selectRecordSaveError))
+  saveError$ = this.store.pipe(
+    select(EditorSelectors.selectRecordSaveError),
+    filter((error) => !!error)
+  )
+  saveSuccess$ = this.actions$.pipe(ofType(EditorActions.saveRecordSuccess))
   changedSinceSave$ = this.store.pipe(
     select(EditorSelectors.selectRecordChangedSinceSave)
   )

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-rich/form-field-rich.component.css

@@ -1,5 +0,0 @@
-.icon-small {
-  font-size: 16px;
-  height: 16px;
-  width: 16px;
-}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-rich/form-field-rich.component.html

@@ -4,7 +4,7 @@
     [extraClass]="getButtonExtraClass()"
     (buttonClick)="togglePreview()"
   >
-    <span class="material-symbols-outlined mr-1 icon-small">{{
+    <span class="material-symbols-outlined mr-1 gn-ui-icon-small">{{
       preview ? 'visibility' : 'visibility_off'
     }}</span>
     {{ preview ? 'WYSIWYG' : 'Markdown' }}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html

@@ -24,6 +24,30 @@
       >cancel</mat-icon
     >
   </div>
+  <ng-container *ngIf="isTitle">
+    <div class="flex justify-between items-center gap-3">
+      <h2
+        #titleInput
+        class="grow text-3xl font-normal"
+        [gnUiEditableLabel]="true"
+        (editableLabelChanged)="formControl.setValue($event)"
+      >
+        {{ formControl.value }}
+      </h2>
+      <span
+        class="material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer"
+        (click)="focusTitleInput()"
+        >edit</span
+      >
+      <span
+        class="material-symbols-outlined gn-ui-icon-small m-2"
+        [matTooltip]="config.hintKey | translate"
+        matTooltipPosition="above"
+      >
+        help
+      </span>
+    </div>
+  </ng-container>
   <ng-container *ngIf="isSimpleField">
     <gn-ui-form-field-simple
       [type]="simpleType"

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts

@@ -1,11 +1,16 @@
+import { CommonModule } from '@angular/common'
 import {
   ChangeDetectionStrategy,
   Component,
+  ElementRef,
   Input,
   Output,
+  ViewChild,
 } from '@angular/core'
 import { FormControl, ReactiveFormsModule } from '@angular/forms'
 import { MatIconModule } from '@angular/material/icon'
+import { MatTooltipModule } from '@angular/material/tooltip'
+import { EditableLabelDirective } from '../../../../../../../../libs/ui/inputs/src'
 import { TranslateModule } from '@ngx-translate/core'
 import { Observable } from 'rxjs'
 import { FormFieldArrayComponent } from './form-field-array/form-field-array.component'
@@ -16,7 +21,6 @@ import { FormFieldSimpleComponent } from './form-field-simple/form-field-simple.
 import { FormFieldSpatialExtentComponent } from './form-field-spatial-extent/form-field-spatial-extent.component'
 import { FormFieldTemporalExtentComponent } from './form-field-temporal-extent/form-field-temporal-extent.component'
 import { FormFieldConfig } from './form-field.model'
-import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-form-field',
@@ -25,6 +29,11 @@ import { CommonModule } from '@angular/common'
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    EditableLabelDirective,
+    MatIconModule,
+    MatTooltipModule,
     FormFieldSimpleComponent,
     FormFieldRichComponent,
     FormFieldObjectComponent,
@@ -32,10 +41,7 @@ import { CommonModule } from '@angular/common'
     FormFieldTemporalExtentComponent,
     FormFieldFileComponent,
     FormFieldArrayComponent,
-    CommonModule,
-    ReactiveFormsModule,
     TranslateModule,
-    MatIconModule,
   ],
 })
 export class FormFieldComponent {
@@ -48,12 +54,18 @@ export class FormFieldComponent {
   }
   @Output() valueChange: Observable<unknown>
 
+  @ViewChild('titleInput') titleInput: ElementRef
+
   formControl = new FormControl()
 
   constructor() {
     this.valueChange = this.formControl.valueChanges
   }
 
+  focusTitleInput() {
+    this.titleInput.nativeElement.children[0].focus()
+  }
+
   get simpleType() {
     return this.config.type as
       | 'date'
@@ -100,6 +112,9 @@ export class FormFieldComponent {
     return !this.config.locked && this.config.invalid
   }
 
+  get isTitle() {
+    return this.model === 'title'
+  }
   get isAbstract() {
     return this.model === 'abstract'
   }

package/src/libs/feature/editor/src/lib/components/record-form/record-form.component.ts

@@ -2,16 +2,7 @@ import { CommonModule } from '@angular/common'
 import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { EditorFacade } from '../../+state/editor.facade'
 import { EditorFieldState, EditorFieldValue } from '../../models/fields.model'
-import {
-  FormFieldArrayComponent,
-  FormFieldComponent,
-  FormFieldFileComponent,
-  FormFieldObjectComponent,
-  FormFieldRichComponent,
-  FormFieldSimpleComponent,
-  FormFieldSpatialExtentComponent,
-  FormFieldTemporalExtentComponent,
-} from './form-field'
+import { FormFieldComponent } from './form-field'
 
 @Component({
   selector: 'gn-ui-record-form',
@@ -19,17 +10,7 @@ import {
   styleUrls: ['./record-form.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [
-    CommonModule,
-    FormFieldComponent,
-    FormFieldArrayComponent,
-    FormFieldFileComponent,
-    FormFieldObjectComponent,
-    FormFieldRichComponent,
-    FormFieldSimpleComponent,
-    FormFieldSpatialExtentComponent,
-    FormFieldTemporalExtentComponent,
-  ],
+  imports: [CommonModule, FormFieldComponent],
 })
 export class RecordFormComponent {
   fields$ = this.facade.recordFields$

package/src/libs/feature/map/src/lib/add-layer-from-file/add-layer-from-file.component.html

@@ -1,6 +1,6 @@
 <div class="flex flex-col gap-2 my-2">
   <div class="flex items-center gap-4">
-    <div class="flex-grow rounded-md border-2 border-gray-200">
+    <div class="grow rounded-md border-2 border-gray-200">
       <gn-ui-drag-and-drop-file-input
         (fileChange)="handleFileChange($event)"
         [accept]="acceptedMimeType.join(',')"

package/src/libs/feature/notifications/src/index.ts

@@ -0,0 +1,3 @@
+export * from './lib/feature-notifications.module'
+export * from './lib/notifications.service'
+export * from './lib/notifications-container/notifications-container.component'

package/src/libs/feature/notifications/src/lib/feature-notifications.module.ts

@@ -0,0 +1,10 @@
+import { NotificationsService } from './notifications.service'
+import { NgModule } from '@angular/core'
+
+@NgModule({
+  declarations: [],
+  exports: [],
+  imports: [],
+  providers: [NotificationsService],
+})
+export class FeatureNotificationsModule {}

package/src/libs/feature/notifications/src/lib/notification.model.ts

@@ -0,0 +1,6 @@
+export interface NotificationContent {
+  type: 'info' | 'warning' | 'error' | 'success'
+  title: string
+  text: string
+  closeMessage?: string
+}

package/src/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.html

@@ -0,0 +1,17 @@
+<div class="flex flex-col gap-6 p-6 items-start pointer-events-none">
+  <gn-ui-notification
+    *ngFor="
+      let notification of notificationsService.notifications$ | async;
+      trackBy: trackById
+    "
+    class="max-w-full pointer-events-auto"
+    [text]="notification.text"
+    [type]="notification.type"
+    [title]="notification.title"
+    [closeMessage]="notification.closeMessage"
+    (notificationClose)="
+      notificationsService.removeNotificationById(notification.id)
+    "
+    [@enterExit]
+  ></gn-ui-notification>
+</div>

package/src/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.ts

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { NotificationsService } from '../notifications.service'
+import { NotificationComponent } from '../../../../../../libs/ui/elements/src'
+import {
+  animate,
+  keyframes,
+  style,
+  transition,
+  trigger,
+} from '@angular/animations'
+
+@Component({
+  selector: 'gn-ui-notifications-container',
+  standalone: true,
+  imports: [CommonModule, NotificationComponent],
+  templateUrl: './notifications-container.component.html',
+  styleUrls: ['./notifications-container.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: [
+    trigger('enterExit', [
+      transition(':enter', [
+        animate(
+          '150ms',
+          keyframes([
+            style({ transform: 'scale(1)', opacity: 0 }),
+            style({ transform: 'scale(1.03)', opacity: 0.5 }),
+            style({ transform: 'scale(1)', opacity: 1 }),
+          ])
+        ),
+      ]),
+      transition(':leave', [
+        animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
+      ]),
+    ]),
+  ],
+})
+export class NotificationsContainerComponent {
+  constructor(protected notificationsService: NotificationsService) {}
+
+  trackById(index: number, notification: { id: number }) {
+    return notification.id
+  }
+}

package/src/libs/feature/notifications/src/lib/notifications.service.ts

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core'
+import { NotificationContent } from './notification.model'
+import { BehaviorSubject } from 'rxjs'
+
+type NotificationWithIdentity = NotificationContent & { id: number }
+
+@Injectable({
+  providedIn: 'root',
+})
+export class NotificationsService {
+  notifications$ = new BehaviorSubject<NotificationWithIdentity[]>([])
+
+  showNotification(content: NotificationContent, timeoutMs?: number) {
+    const id = Math.floor(Math.random() * 1000000)
+    this.notifications$.next([...this.notifications$.value, { ...content, id }])
+    if (typeof timeoutMs === 'undefined') return
+    setTimeout(() => {
+      this.removeNotificationById(id)
+    }, timeoutMs)
+  }
+
+  removeNotificationById(id: number) {
+    this.notifications$.next(
+      this.notifications$.value.filter((n) => n.id !== id)
+    )
+  }
+}

package/src/libs/feature/search/src/lib/results-table/results-table.component.html

@@ -50,20 +50,20 @@
         [title]="formats.join(', ')"
       >
         <span
-          class="badge-btn min-w-[45px] text-sm text-white px-2 flex-shrink-0"
+          class="badge-btn min-w-[45px] text-sm text-white px-2 shrink-0"
           [style.background-color]="getBadgeColor(formats[0])"
           *ngIf="formats[0]"
         >
           {{ formats[0] }}
         </span>
         <span
-          class="badge-btn min-w-[45px] text-sm text-white px-2 flex-shrink-0"
+          class="badge-btn min-w-[45px] text-sm text-white px-2 shrink-0"
           [style.background-color]="getBadgeColor(formats[1])"
           *ngIf="formats[1]"
         >
           {{ formats[1] }}
         </span>
-        <div class="flex-shrink-0" *ngIf="formats.slice(2).length > 0">
+        <div class="shrink-0" *ngIf="formats.slice(2).length > 0">
           <span>+{{ formats.slice(2).length }}</span>
         </div>
       </div>

package/src/libs/ui/catalog/src/lib/organisation-preview/organisation-preview.component.html

@@ -4,7 +4,7 @@
     [title]="organisation.name"
   >
     <div
-      class="flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36"
+      class="shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36"
     >
       <gn-ui-thumbnail
         class="relative h-full w-full"
@@ -13,20 +13,20 @@
       >
       </gn-ui-thumbnail>
     </div>
-    <div class="px-3 pb-2 capitalize flex flex-col flex-grow overflow-hidden">
+    <div class="px-3 pb-2 capitalize flex flex-col grow overflow-hidden">
       <span
-        class="flex-shrink-0 mb-3 mt-5 font-title text-21 text-title group-hover:text-primary line-clamp-2 sm:mt-2 transition-colors"
+        class="shrink-0 mb-3 mt-5 font-title text-21 text-title group-hover:text-primary line-clamp-2 sm:mt-2 transition-colors"
         data-cy="organizationName"
       >
         {{ organisation.name }}</span
       >
       <p
-        class="abstract mt-4 mb-5 sm:mb-2 sm:mt-0 flex-grow flex-shrink-1 overflow-hidden"
+        class="abstract mt-4 mb-5 sm:mb-2 sm:mt-0 grow shrink-1 overflow-hidden"
         data-cy="organizationDesc"
       >
         {{ organisation.description }}
       </p>
-      <div class="flex-shrink-0 text-primary opacity-50 flex leading-6">
+      <div class="shrink-0 text-primary opacity-50 flex leading-6">
         <mat-icon class="material-symbols-outlined text-primary opacity-50 mr-1"
           >folder_open
         </mat-icon>

package/src/libs/ui/elements/src/index.ts

@@ -21,3 +21,4 @@ export * from './lib/search-results-error/search-results-error.component'
 export * from './lib/thumbnail/thumbnail.component'
 export * from './lib/ui-elements.module'
 export * from './lib/user-preview/user-preview.component'
+export * from './lib/notification/notification.component'

package/src/libs/ui/elements/src/lib/image-overlay-preview/image-overlay-preview.component.html

@@ -6,7 +6,7 @@
     *ngIf="imageUrl"
     [showContent]="imageUrl !== undefined"
     data-cy="record-thumbnail"
-    class="flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 group-hover:shadow-xl group-hover:border-0 h-48 mb-3"
+    class="shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 group-hover:shadow-xl group-hover:border-0 h-48 mb-3"
   >
     <gn-ui-thumbnail
       class="relative h-full w-full"