@net7/boilerplate-arianna 3.0.1-rc.2

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

@@ -0,0 +1,28 @@
+import { ApplicationInitStatus } from '@angular/core';
+import { ConfigurationService } from '@net7/boilerplate-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./layouts/collection-layout/collection-layout";
+import * as i2 from "./layouts/entita-layout/entita-layout";
+import * as i3 from "./components/aw-facets-wrapper/aw-facets-wrapper";
+import * as i4 from "./layouts/gallery-layout/gallery-layout";
+import * as i5 from "./layouts/home-layout/home-layout";
+import * as i6 from "./layouts/map-layout/map-layout";
+import * as i7 from "./layouts/scheda-layout/scheda-layout";
+import * as i8 from "./layouts/search-layout/search-layout";
+import * as i9 from "./layouts/timeline-layout/timeline-layout";
+import * as i10 from "./components/bubble-chart-wrapper/bubble-chart-wrapper";
+import * as i11 from "./components/chart-tippy/chart-tippy";
+import * as i12 from "./components/pdf-viewer/pdf-viewer";
+import * as i13 from "./components/scheda-dropdown/scheda-dropdown";
+import * as i14 from "./components/smart-breadcrumbs/smart-breadcrumbs";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/router";
+import * as i17 from "@n7-frontend/components";
+import * as i18 from "@net7/boilerplate-common";
+import * as i19 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.CommonModule, typeof i16.RouterModule, typeof i17.DvComponentsLibModule, typeof i18.N7BoilerplateCommonModule, typeof i19.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]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<N7BoilerplateAriannaModule>;
+}

package/lib/search/aw-facet-inputs/aw-facet-input-checkbox.d.ts

@@ -0,0 +1,18 @@
+import { AwFacetInput } from './aw-facet-input';
+export declare class AwFacetInputCheckbox extends AwFacetInput {
+    protected transform(): {
+        type: string;
+        id: string;
+        label: string;
+        payload: {
+            facetId: any;
+            source: string;
+            value: string;
+        };
+        _meta: {
+            facetId: any;
+            value: string;
+        };
+    }[];
+    setActive(facetValue: any): void;
+}

package/lib/search/aw-facet-inputs/aw-facet-input-link.d.ts

@@ -0,0 +1,8 @@
+import { AwFacetInput } from './aw-facet-input';
+export declare class AwFacetInputLink extends AwFacetInput {
+    private facetValue;
+    protected transform(): any[];
+    setActive(facetValue: any): void;
+    private _isActive;
+    clear(): void;
+}

package/lib/search/aw-facet-inputs/aw-facet-input-select.d.ts

@@ -0,0 +1,21 @@
+import { AwFacetInput } from './aw-facet-input';
+export declare class AwFacetInputSelect extends AwFacetInput {
+    protected transform(): {
+        type: string;
+        id: string;
+        label: any;
+        disabled: any;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        payload: {
+            facetId: any;
+            source: string;
+        };
+        _meta: {
+            facetId: any;
+        };
+    };
+    setActive(facetValue: any): void;
+}

package/lib/search/aw-facet-inputs/aw-facet-input-text.d.ts

@@ -0,0 +1,30 @@
+import { AwFacetInput } from './aw-facet-input';
+export declare class AwFacetInputText extends AwFacetInput {
+    protected transform(): {
+        type: string;
+        id: string;
+        label: any;
+        disabled: any;
+        placeholder: any;
+        icon: any;
+        inputPayload: {
+            trigger: string;
+            facetId: any;
+            source: string;
+        };
+        enterPayload: {
+            trigger: string;
+            facetId: any;
+            source: string;
+        };
+        iconPayload: {
+            trigger: string;
+            facetId: any;
+            source: string;
+        };
+        _meta: {
+            facetId: any;
+        };
+    };
+    setActive(facetValue: any): void;
+}

package/lib/search/aw-facet-inputs/aw-facet-input.d.ts

@@ -0,0 +1,35 @@
+interface FacetInputData {
+    value: string | number;
+    label: string;
+    counter: number;
+    hidden?: boolean;
+    options?: any;
+}
+export declare abstract class AwFacetInput {
+    static index: number;
+    private id;
+    protected config: any;
+    protected output: any;
+    protected data: FacetInputData[];
+    protected isEmpty: boolean;
+    constructor(config: any);
+    abstract setActive(facetValue: any): void;
+    protected abstract transform(): any;
+    update: () => void;
+    getId: () => string;
+    getData: () => FacetInputData[];
+    getConfig: () => any;
+    getFacetId: () => any;
+    getInputIndex: () => any;
+    getSectionIndex: () => any;
+    getContext: () => any;
+    getTarget: () => any;
+    getSearchIn: () => any;
+    getType: () => any;
+    getOutput: () => any;
+    clear(): any;
+    setIsEmpty: (empty: boolean) => void;
+    setData: (newData: FacetInputData[]) => void;
+    private _setId;
+}
+export {};

package/lib/search/aw-facet-inputs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './aw-facet-input';
+export * from './aw-facet-input-checkbox';
+export * from './aw-facet-input-link';
+export * from './aw-facet-input-select';
+export * from './aw-facet-input-text';

package/lib/search/aw-search.model.d.ts

@@ -0,0 +1,125 @@
+import { Subject } from 'rxjs';
+import { AwFacetInput } from './aw-facet-inputs';
+export declare type FilterOperators = '=' | '>' | '<' | '>=' | '<=' | '<>' | 'LIKE';
+export declare type FacetTypes = 'value' | 'range';
+export declare type FacetOperators = 'OR' | 'AND';
+export interface AwSearchConfig {
+    totalCount: number;
+    facets: any;
+    page: any;
+    results: any;
+    fields: any;
+}
+export interface Facet {
+    id: string;
+    type: FacetTypes;
+    operator: FacetOperators;
+    hasStaticData?: boolean;
+    searchData?: string[];
+    data?: any;
+}
+export interface Filter {
+    facetId: string;
+    value: number | string | (number | string)[] | null;
+    searchIn: Array<{
+        key: string;
+        operator?: FilterOperators;
+    }>;
+    isArray?: boolean;
+    context?: 'internal' | 'external';
+    target?: string;
+    pagination?: {
+        totalCount: number;
+        limit: number;
+        offset: number;
+    };
+}
+export declare class AwSearchModel {
+    static queryParams: any;
+    private _id;
+    private _filters;
+    private _facets;
+    private _inputs;
+    private _page;
+    private _totalCount;
+    private _config;
+    private _results$;
+    constructor(id: string, config: AwSearchConfig);
+    getId: () => string;
+    getFilters: () => Filter[];
+    getFacets: () => Facet[];
+    getInputs: () => AwFacetInput[];
+    getConfig: () => AwSearchConfig;
+    getTotalCount: () => number;
+    getFields: () => any;
+    getResults$: () => Subject<any[]>;
+    setResults: (results: any) => void;
+    updateFilter(facetId: any, value: any, remove?: boolean): void;
+    clear(): void;
+    updateFiltersFromQueryParams(queryParams: any, clearAll?: boolean): void;
+    updateInputsFromFilters(): void;
+    updateFacets(facets: any): void;
+    updateTotalCount(totalCount: any): void;
+    updateFacet(facetId: any, data: any): void;
+    reset(): void;
+    getRequestParams(): {
+        facets: Facet[];
+        page: any;
+        results: any;
+        filters: ({
+            facetId: string;
+            value: string | number | (string | number)[];
+            searchIn: {
+                key: string;
+                operator?: FilterOperators;
+            }[];
+            pagination: {
+                totalCount: number;
+                limit: number;
+                offset: number;
+            };
+        } | {
+            facetId: string;
+            value: string | number | (string | number)[];
+            searchIn: {
+                key: string;
+                operator?: FilterOperators;
+            }[];
+            pagination?: undefined;
+        })[];
+    };
+    getInternalFilters(): {
+        facetId: string;
+        value: string | number | (string | number)[];
+        searchIn: {
+            key: string;
+            operator?: FilterOperators;
+        }[];
+    }[];
+    filtersAsQueryParams(filters: any): any;
+    getFiltersByFacetId(facetId: string): Filter[];
+    getInputByFacetId(facetId: string): AwFacetInput;
+    setInputData(facetId: any, data: any): void;
+    filterTarget(target: any): void;
+    setSearchConfigOrderBy(orderBy: any): void;
+    setSearchConfigDirection(direction: any): void;
+    setSearchConfigType(type: any): void;
+    setPageConfigOffset(offset: any): void;
+    setPageConfigLimit(limit: any): void;
+    private _clearInputs;
+    private _filterData;
+    private _filterDataEquals;
+    private _filterDataGreaterThan;
+    private _filterDataLessThan;
+    private _filterDataGreaterOrEquals;
+    private _filterDataLessOrEquals;
+    private _filterDataNotEqual;
+    private _filterDataLike;
+    private _setFilters;
+    private _setFacets;
+    private _setPage;
+    private _setTotalCount;
+    private _setInputs;
+    private _setInputsData;
+    private _getRequestFacets;
+}

package/lib/search/aw-search.service.d.ts

@@ -0,0 +1,13 @@
+import { ActivatedRoute } from '@angular/router';
+import { AwSearchModel, AwSearchConfig } from './aw-search.model';
+import * as i0 from "@angular/core";
+export declare class AwSearchService {
+    private route;
+    private _models;
+    constructor(route: ActivatedRoute);
+    add(id: string, config: AwSearchConfig): void;
+    remove(id: string): void;
+    model(id: string): AwSearchModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AwSearchService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AwSearchService>;
+}

package/lib/search/entity-links.helper.d.ts

@@ -0,0 +1,12 @@
+import { Subject } from 'rxjs';
+declare const _default: {
+    paginationState: any;
+    paginate$: Subject<unknown>;
+    listenToChanges(dataSource: any): import("rxjs").Observable<unknown>;
+    onFacetsResponse(searchModel: any, facets: any): void;
+    initPagination(searchModel: any): void;
+    updateParamsOffset(params: any): void;
+    resetOffset(): void;
+    addInitialLoader(dataSource: any): void;
+};
+export default _default;

package/net7-boilerplate-arianna.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@net7/boilerplate-arianna" />
+export * from './public-api';

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@net7/boilerplate-arianna",
+  "version": "3.0.1-rc.2",
+  "peerDependencies": {
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0"
+  },
+  "dependencies": {
+    "lodash": "^4.17.15",
+    "moment": "^2.26.0",
+    "slugify": "^1.4.0",
+    "tippy.js": "^5.1.2",
+    "ngx-extended-pdf-viewer": "^11.1.2",
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/net7-boilerplate-arianna.mjs",
+  "es2020": "fesm2020/net7-boilerplate-arianna.mjs",
+  "esm2020": "esm2020/net7-boilerplate-arianna.mjs",
+  "fesm2020": "fesm2020/net7-boilerplate-arianna.mjs",
+  "fesm2015": "fesm2015/net7-boilerplate-arianna.mjs",
+  "typings": "net7-boilerplate-arianna.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./net7-boilerplate-arianna.d.ts",
+      "esm2020": "./esm2020/net7-boilerplate-arianna.mjs",
+      "es2020": "./fesm2020/net7-boilerplate-arianna.mjs",
+      "es2015": "./fesm2015/net7-boilerplate-arianna.mjs",
+      "node": "./fesm2015/net7-boilerplate-arianna.mjs",
+      "default": "./fesm2020/net7-boilerplate-arianna.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/n7-boilerplate-arianna.module';
+export * from './lib/config-types';
+export * from './lib/data-sources';
+export * from './lib/event-handlers';
+export * from './lib/layouts';
+export * from './lib/components';

package/src/lib/styles/arianna/components/_advanced-autocomplete.scss

@@ -0,0 +1,103 @@
+/**
+ * ADVANCED-AUTOCOMPLETE
+ *
+ * Search bar autocomplete component which shows datas preview matching the typed words or words parts
+ */
+
+/* ------------------------------------ *\
+   #ADVANCED-AUTOCOMPLETE
+\* ------------------------------------ */
+.n7-advanced-autocomplete {
+    .n7-advanced-autocomplete__group-title-wrapper {
+        // color: $color-text-light;
+        &.color-persona {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-people;
+            }
+        }
+
+        &.color-luogo {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-places;
+            }
+        }
+
+        &.color-concetto {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-concepts;
+            }
+        }
+
+        &.color-cosa-notevole {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-things;
+            }
+        }
+
+        &.color-organizzazione {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-organizations;
+            }
+        }
+
+        &.color-oggetto-culturale {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-oggetto-culturale;
+            }
+        }
+
+        &.color-aggregazione-logica {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-aggregazione-logica;
+            }
+        }
+
+        &.color-famiglia {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-families;
+            }
+        }
+
+        &.color-evento {
+            .n7-advanced-autocomplete__group-icon,
+            .n7-advanced-autocomplete__group-title {
+                color: $color-events;
+            }
+        }
+    }
+
+    &__group-title {
+        font-weight: $font-weight-bold;
+    }
+
+    &__action-bar {
+        padding: $space*2;
+        border-top: 1px solid $color-border-normal;
+        background-color: $color-background-medium;
+    }
+}
+
+
+/* ------------------------------------ *\
+   #MEDIA-QUERIES
+\* ------------------------------------ */
+@media all and (max-width: $breakpoint-laptop) {
+}
+
+@media all and (max-width: $breakpoint-ipad-portrait - 1) {
+}
+
+@media all and (max-width: $breakpoint-smartphone-landscape) {
+}
+
+/* Retina */
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+}

package/src/lib/styles/arianna/components/_breadcrumbs.scss

@@ -0,0 +1,129 @@
+/**
+ * BREADCRUMBS
+ *
+ * Style for breadcrumbs for desktop and mobile
+ */
+ 
+/* ------------------------------------ *\
+    BREADCRUMBS
+\* ------------------------------------ */
+.n7-breadcrumbs {
+    white-space: nowrap;
+
+    &__nav {
+        max-width: 100%;
+    }
+
+    &__list {
+        max-width: 100%;
+        font-size: $font-size-s;
+
+        &:first-of-type {
+            .n7-breadcrumbs__label {
+                padding-left: 0;
+            }
+        }
+
+        &:last-of-type {
+            a {
+                color: $color-text-light;
+            }
+        }
+    }
+
+    &__item {
+        &:after {
+            padding-right: calc($space/2);
+            padding-left: calc($space/2);
+        }
+
+        &:last-child {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    &__label {
+        padding-right: calc($space/2);
+        color: $color-text-light;
+    }
+}
+
+
+/* ------------------------------------ *\
+   #SMART-BREADCRUMBS-ELLIPSIS
+\* ------------------------------------ */
+.n7-breadcrumbs {
+    /* Ellipsis element */
+    &__item-ellipsis {
+        margin: calc($space/2) 0;
+        list-style: none;
+        cursor: pointer;
+
+        &:after {
+            content: $breadcrumbs-arrow;
+            padding-right: calc($space/2);
+            padding-left: calc($space/2);
+            color: $breadcrumbs-arrow-color;
+            font-family: 'n7-icon' !important;
+            vertical-align: bottom;
+        }
+
+        &:hover {
+            color: $color-text-link;
+        }
+    }
+}
+
+
+/* ------------------------------------ *\
+   #SMART-BREADCRUMBS-TIPPY
+\* ------------------------------------ */
+.n7-smart-breadcrumbs__tippy-content {
+    padding: 0;
+    margin: 0;
+
+    .n7-breadcrumbs__item {
+        padding: 0;
+        margin: 0;
+    }
+
+    /* Last child also */
+    .n7-breadcrumbs__item:last-child {
+        white-space: normal;
+        overflow: visible;
+
+        .n7-breadcrumbs__label {
+            cursor: pointer;
+        }
+    }
+
+    .n7-breadcrumbs__label {
+        padding: 0;
+        margin: 0;
+        cursor: pointer;
+
+        
+        &:hover {
+            color: $color-text-link;
+        }
+    }
+}
+
+
+/* ------------------------------------ *\
+   #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/components/_bubble-popup-menu.scss

@@ -0,0 +1,87 @@
+/**
+ * BUBBLE-POPUP-MENU
+ *
+ * Bubble popup component.
+ */
+
+/* ------------------------------------ *\
+   #BUBBLE-POPUP-MENU
+\* ------------------------------------ */
+.aw-bubble-popup-menu {
+    &__close {
+        position: absolute;
+        top: $space*1.5;
+        right: $space*1.5;
+        color: $color-text-light;
+        cursor: pointer;
+        transition: all $transition-durations;
+
+        &:hover {
+            color: $color-text-link;
+        }
+    }
+
+    &__title {
+        margin-bottom: calc($space/2);
+        padding-right: $space*3;
+        font-weight: $font-weight-black;
+    }
+
+    &__text {
+        font-size: $font-size-s;
+    }
+
+    &__actions {
+        margin-top: $space;
+        padding-top: $space;
+        border-top: 1px solid $color-border-light;
+
+        > * {
+            color: $color-text;
+            font-weight: $font-weight-bold;
+            cursor: pointer;
+            transition: all $transition-durations;
+            margin-right: $space;
+            padding-right: $space*0.8;
+            border-right: 1px solid $color-border-normal;
+
+            a {
+                color: $color-text;
+                
+                &:hover {
+                    color: $color-text-link;
+                }
+            }
+
+            &:hover {
+                color: $color-text-link;
+            }
+
+            &:last-child {
+                padding-right: 0;
+                border-right: 0;
+                margin-right: 0;
+            }
+        }
+    }
+}
+
+.aw-bubble-chart-wrapper {
+    width: 100%;
+}
+
+/* ------------------------------------ *\
+   #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) {
+}