@net7/boilerplate-arianna 4.0.0 → 4.2.0

package/lib/components/extended-tree/extended-tree.d.ts

@@ -11,6 +11,7 @@ export declare type ExtendedTreeData = {
     pagination: PaginationData;
     limitSelect?: InputSelectData;
     pageInput?: InputTextData;
+    fallback?: string;
     loading?: boolean;
 };
 export declare class ExtendedTreeComponent {

package/lib/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './pdf-viewer/pdf-viewer';
 export * from './scheda-dropdown/scheda-dropdown';
 export * from './extended-tree/extended-tree';
 export * from './scheda-image-navigator/scheda-image-navigator';
+export * from './scheda-search/scheda-search';

package/lib/components/scheda-search/scheda-search.d.ts

@@ -0,0 +1,28 @@
+import { Anchor, InnerTitleData, InputSelectData, InputTextData, PaginationData } from '@net7/components';
+import * as i0 from "@angular/core";
+export declare type SchedaSearchData = {
+    header: InnerTitleData;
+    input: InputTextData;
+    items: {
+        icon: string;
+        thumbnail?: string;
+        label: string;
+        anchor: Anchor;
+        breadcrumbs?: {
+            items: {
+                label: string;
+                anchor: Anchor;
+            }[];
+        };
+    }[];
+    pagination: PaginationData;
+    limitSelect?: InputSelectData;
+    fallback?: string;
+    loading?: boolean;
+};
+export declare class SchedaSearchComponent {
+    data: SchedaSearchData;
+    emit: (type: string, payload?: any) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SchedaSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SchedaSearchComponent, "aw-scheda-search", never, { "data": "data"; "emit": "emit"; }, {}, never, never, false>;
+}

package/lib/config-types/arianna/layouts.d.ts

@@ -28,6 +28,11 @@ export interface ConfigAriannaHomeLayout {
     'autocomplete-fallback': string;
     /** item preview (right sidebar) fallback text */
     'linked-objects-fallback': string;
+    /** facets view all links */
+    'view-all-links'?: {
+        label?: string;
+        enabled?: boolean;
+    };
 }
 declare type StringLimitConfig = {
     /** text limit */
@@ -103,6 +108,21 @@ export interface ConfigAriannaSchedaLayout {
         };
         /** extended tree lite version? */
         lite?: boolean;
+        /** extended tree empty state fallback text */
+        fallback?: string;
+    };
+    /** internal search section */
+    'internal-search'?: {
+        /** internal search section title */
+        title: string;
+        /** internal search search input */
+        search: {
+            placeholder: string;
+        };
+        /** internal search lite version? */
+        lite?: boolean;
+        /** internal search empty state fallback text */
+        fallback?: string;
     };
     /** image viewer navigation */
     'image-viewer-nav'?: {

package/lib/data-sources/extended-tree.ds.d.ts

@@ -3,22 +3,28 @@ import { ExtendedTreeData } from '../components/extended-tree/extended-tree';
 declare type ParentResponse = {
     label: string;
 };
-declare type NodesResponse = {
+export declare type NodesResponse = {
     items: {
         img?: string;
         label: string;
         id: string;
         document_type: string;
         document_classification: string;
+        breadcrumbs?: {
+            label: string;
+            link: string;
+        }[];
     }[];
     totalCount: number;
 };
 export declare class AwExtendedTreeDS extends DataSource {
+    searchIsOpen: boolean;
     protected transform: ({ parent, nodes }: {
         parent: ParentResponse;
         nodes: NodesResponse;
     }) => ExtendedTreeData;
     setLoading(loading: boolean): void;
+    toggleSearch(): void;
     private getPagination;
     private getPaginationLinks;
 }

package/lib/data-sources/home-facets-wrapper.ds.d.ts

@@ -8,6 +8,7 @@ export declare class AwHomeFacetsWrapperDS extends DataSource {
     protected transform(data: any): {
         header: any;
         input: any;
+        link: any;
     }[];
     tippyMaker: (id: any) => void;
     tippyClose: (id: any) => void;

package/lib/data-sources/index.d.ts

@@ -22,6 +22,7 @@ export * from './scheda-pdf.ds';
 export * from './tree.ds';
 export * from './extended-tree.ds';
 export * from './scheda-image-navigator.ds';
+export * from './scheda-search.ds';
 export * from './search-layout-tabs.ds';
 export * from './aw-facets-wrapper.ds';
 export * from './gallery-results.ds';

package/lib/data-sources/scheda-search.ds.d.ts

@@ -0,0 +1,9 @@
+import { DataSource } from '@net7/core';
+import { SchedaSearchData } from '../components/scheda-search/scheda-search';
+import { NodesResponse } from './extended-tree.ds';
+export declare class AwSchedaSearchDS extends DataSource {
+    protected transform: (nodes: NodesResponse) => SchedaSearchData;
+    setLoading(loading: boolean): void;
+    private getPagination;
+    private getPaginationLinks;
+}

package/lib/event-handlers/index.d.ts

@@ -11,6 +11,7 @@ export * from './scheda-dropdown.eh';
 export * from './scheda-pdf.eh';
 export * from './extended-tree.eh';
 export * from './scheda-image-navigator.eh';
+export * from './scheda-search.eh';
 export * from './search-layout-tabs.eh';
 export * from './aw-facets-wrapper.eh';
 export * from './gallery-results.eh';

package/lib/event-handlers/scheda-search.eh.d.ts

@@ -0,0 +1,6 @@
+import { EventHandler } from '@net7/core';
+import { AwSchedaSearchDS } from '../data-sources';
+export declare class AwSchedaSearchEH extends EventHandler {
+    dataSource: AwSchedaSearchDS;
+    listen(): void;
+}

package/lib/layouts/scheda-layout/scheda-layout.ds.d.ts

@@ -22,6 +22,7 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     hasRelatedEntities: boolean;
     hasSimilarItems: boolean;
     hasExtendedTree: boolean;
+    hasInternalSearch: boolean;
     hasDigitalObjects: boolean;
     digitalObjects: any;
     currentDigitalObject: any;
@@ -41,6 +42,9 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     extendedTreeParams: {
         [key: string]: string;
     };
+    internalSearchParams: {
+        [key: string]: string;
+    };
     lastResponse: any;
     /** Name of query that should be used (chosen in config) */
     private getTreeQuery;
@@ -85,6 +89,7 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
      */
     loadContent(response: any): void;
     loadExtendedTree(): void;
+    loadInternalSearch(): void;
     loadTitleNavigation(): void;
     loadDocumentType(): void;
     /**
@@ -101,4 +106,5 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     }[];
     changeDigitalObject(payload: any): void;
     private normalizeDigitalObjects;
+    private _normalizeItems;
 }

package/lib/layouts/scheda-layout/scheda-layout.eh.d.ts

@@ -8,10 +8,12 @@ export declare class AwSchedaLayoutEH extends EventHandler {
     private router;
     private treeLoaded$;
     private extendedTreeChanged$;
+    private schedaSearchChanged$;
     private pageInputValue;
     listen(): void;
     private listenRoute;
     private listenExtendedTree;
+    private listenSchedaSearch;
     private listenRouteQueryParams;
     private loadNavigation;
     private parseDigitalObjects$;

package/lib/n7-boilerplate-arianna.module.d.ts

@@ -17,14 +17,15 @@ import * as i13 from "./components/scheda-dropdown/scheda-dropdown";
 import * as i14 from "./components/smart-breadcrumbs/smart-breadcrumbs";
 import * as i15 from "./components/extended-tree/extended-tree";
 import * as i16 from "./components/scheda-image-navigator/scheda-image-navigator";
-import * as i17 from "@angular/common";
-import * as i18 from "@angular/router";
-import * as i19 from "@net7/components";
-import * as i20 from "@net7/boilerplate-common";
-import * as i21 from "ngx-extended-pdf-viewer";
+import * as i17 from "./components/scheda-search/scheda-search";
+import * as i18 from "@angular/common";
+import * as i19 from "@angular/router";
+import * as i20 from "@net7/components";
+import * as i21 from "@net7/boilerplate-common";
+import * as i22 from "ngx-extended-pdf-viewer";
 export declare class N7BoilerplateAriannaModule {
     constructor(initStatus: ApplicationInitStatus, config: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<N7BoilerplateAriannaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<N7BoilerplateAriannaModule, [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent, typeof i16.SchedaImageNavigatorComponent], [typeof i17.CommonModule, typeof i18.RouterModule, typeof i19.DvComponentsLibModule, typeof i20.N7BoilerplateCommonModule, typeof i21.NgxExtendedPdfViewerModule], [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent, typeof i16.SchedaImageNavigatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<N7BoilerplateAriannaModule, [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent, typeof i16.SchedaImageNavigatorComponent, typeof i17.SchedaSearchComponent], [typeof i18.CommonModule, typeof i19.RouterModule, typeof i20.DvComponentsLibModule, typeof i21.N7BoilerplateCommonModule, typeof i22.NgxExtendedPdfViewerModule], [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent, typeof i16.SchedaImageNavigatorComponent, typeof i17.SchedaSearchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<N7BoilerplateAriannaModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net7/boilerplate-arianna",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "peerDependencies": {
     "@angular/common": "^14.2.12",
     "@angular/core": "^14.2.12"

package/src/lib/styles/arianna/components/_extended-tree.scss

@@ -91,8 +91,41 @@
         }
     }
 
-    .n7-inner-title__search-bar {
-        width: 250px;
+    // inner title search
+    .n7-inner-title {
+        .n7-inner-title__search-button {
+            content: '';
+        }
+
+        .n7-inner-title__search-button:before {
+            font-family: n7-icon!important;
+            content: "\e9c6";
+        }
+
+        .n7-inner-title__search {
+            border: 1px solid $color-border-light;
+        }
+
+        input[type=text] {
+            transition: width .2s ease-in-out;
+            padding: 0 0;
+            width: 1px;
+            margin-right: -1px;
+            border: none;
+            visibility: hidden;
+        }
+        
+        button.n7-btn {
+            border: none;
+            background-color: transparent;
+        }
+
+        &.search-is-open input[type=text] {
+            visibility: visible;
+            padding: 0 $space;
+            width: 250px;
+            margin-right: 0;
+        }
     }
 
 }

package/src/lib/styles/arianna/components/_scheda-search.scss

@@ -0,0 +1,119 @@
+/**
+ * SCHEDA SEARCH
+ */
+
+.aw-scheda-search {
+    padding-bottom: $space * 2;
+
+    &__item-link {
+        display: block;
+        padding: $space * 1.8 0 ;
+        border-bottom: 1px solid $color-border-normal;
+        cursor: pointer;
+        color: $color-gray-05;
+
+        &:hover {
+            .aw-scheda-search__item-label {
+                color: $color-text-link;
+            }
+        }
+    }
+
+    &__item:last-child .aw-scheda-search__item-link {
+        border-bottom: none;
+    }
+
+    &__item-bottom {
+        display: flex;
+        align-items: center;
+    }
+
+    &__item-icon {
+        margin-right: $space;
+    }
+
+    // &__item-label {
+    //     font-weight: $font-weight-bold;
+    // }
+
+    &__item-image img {
+        margin-right: $space;
+        width: $tree-image-size;
+        height: $tree-image-size;
+    }
+
+    &__content, &__footer, &__input, &__loader {
+        padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding * 0.5 $aw-scheda-content-padding;
+    }
+
+    &__loader {
+        .n7-loader {
+            margin: 0 auto;
+        }
+    }
+
+    &__footer {
+        display: flex;
+    }
+
+    &__limit-select {
+        label {
+            font-size: $font-size-m;
+        }
+
+        select {
+            margin-left: $space;
+        }
+    }
+
+    &__pagination {
+        flex-grow: 1;
+
+        .n7-pagination {
+            justify-content: left;
+        }
+    }
+
+    .n7-inner-title {
+        padding: 0;
+
+        .n7-inner-title__title {
+            font-size: $font-size-xxl;
+            font-weight: $font-weight-normal;
+        }
+    
+        .n7-inner-title__title .aw-scheda-search__total {
+            font-size: $font-size-l;
+            color: $color-gray-04;
+        }
+    
+        .n7-inner-title__subtitle {
+            font-size: $font-size-m;
+            color: $color-gray-04;
+        }
+    }
+
+    &__content {
+        /* Hover on breadcrumbs */
+        n7-smart-breadcrumbs {
+            cursor: pointer;
+        }
+    }
+}
+
+
+/* ------------------------------------ *\
+   #MEDIA-QUERIES
+\* ------------------------------------ */
+@media all and (max-width: $breakpoint-laptop) {
+}
+
+@media all and (max-width: $breakpoint-ipad-portrait) {
+}
+
+@media all and (max-width: $breakpoint-smartphone-landscape) {
+}
+
+/* Retina */
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+}

package/src/lib/styles/arianna/layouts/_home-layout.scss

@@ -33,7 +33,7 @@
             padding-right: $space * 2;
             padding-left: $space * 2;
             border-radius: $top-hero-input-border-radius 0 0
-                $top-hero-input-border-radius;
+            $top-hero-input-border-radius;
             box-shadow: $top-hero-input-box-shadow;
             line-height: $top-hero-input-height;
             font-size: $font-size-l;
@@ -46,7 +46,7 @@
         &__btn {
             height: $top-hero-button-height;
             border-radius: 0 $top-hero-input-border-radius
-                $top-hero-input-border-radius 0;
+            $top-hero-input-border-radius 0;
             border: none;
             font-size: $font-size-l;
         }
@@ -194,6 +194,18 @@
         }
     }
 
+    .aw-home__facet-link {
+        display: flex;
+        align-items: center;
+        font-weight: $font-weight-normal;
+        width: fit-content !important;
+        height: $space * 3;
+
+        .aw-home__facet-link-label {
+            margin-left: $space;
+        }
+    }
+
     .n7-facet-header {
         height: auto;
         position: relative;
@@ -412,8 +424,8 @@
         &-loading {
             flex: 0 0 auto;
             width: calc(
-                100% - #{$facets-wrapper-width} - #{$results-wrapper-width}
-            );
+            100% - #{$facets-wrapper-width} - #{$results-wrapper-width}
+        );
         }
     }
 

package/src/lib/styles/arianna/layouts/_scheda-layout.scss

@@ -108,7 +108,7 @@
         display: none;
     }
 
-    .n7-breadcrumbs {
+    .aw-scheda____breadcrumbs-wrapper .n7-breadcrumbs {
         margin-left: $sidebar-header-height;
     }
 }
@@ -163,7 +163,7 @@
     }
 
     /* Breadcrumbs */
-    .n7-breadcrumbs {
+    .aw-scheda____breadcrumbs-wrapper .n7-breadcrumbs {
         height: $sidebar-header-height;
         overflow: hidden;
         padding-left: $space * 2;
@@ -251,6 +251,9 @@
             border-bottom: 0;
         }
     }
+    .aw-scheda__section.aw-scheda__section-internal-search {
+        background-color: $breadcrumbs-background;
+    }
 
     .aw-scheda__section.aw-scheda__empty {
         padding-bottom: $space * 3;