@colijnit/extendedcomponents 12.0.5 → 12.0.6

package/lib/components/stacked-line-chart/co-stacked-line-chart.component.d.ts

@@ -1,5 +1,7 @@
-import { OnInit } from "@angular/core";
+import { EventEmitter, OnInit } from "@angular/core";
 import type { EChartsOption } from 'echarts';
+import type { ECElementEvent } from 'echarts';
+import type { ECActionEvent } from 'echarts/types/src/util/types';
 import * as i0 from "@angular/core";
 export declare class StackedLineChartComponent implements OnInit {
     showClass(): boolean;
@@ -10,7 +12,9 @@ export declare class StackedLineChartComponent implements OnInit {
     chartHeight: number | string;
     chartWidth: number | string;
     chartOptions: EChartsOption;
+    chartEventEmitter: EventEmitter<ECElementEvent | ECActionEvent | unknown>;
     ngOnInit(): void;
+    onChartEvent(event: ECElementEvent | ECActionEvent | unknown, type: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StackedLineChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StackedLineChartComponent, "co-stacked-line-chart", never, { "chartName": "chartName"; "chartData": "chartData"; "chartLegend": "chartLegend"; "chartXAxis": "chartXAxis"; "chartHeight": "chartHeight"; "chartWidth": "chartWidth"; "chartOptions": "chartOptions"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackedLineChartComponent, "co-stacked-line-chart", never, { "chartName": "chartName"; "chartData": "chartData"; "chartLegend": "chartLegend"; "chartXAxis": "chartXAxis"; "chartHeight": "chartHeight"; "chartWidth": "chartWidth"; "chartOptions": "chartOptions"; }, { "chartEventEmitter": "chartEventEmitter"; }, never, never>;
 }

package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts

@@ -0,0 +1,21 @@
+import { PipeTransform } from '@angular/core';
+import { IconCacheService } from '../../../../service/icon-cache.service';
+import { Icon } from '../../../../enum/icon.enum';
+import { RecursiveCollectionLayer } from '../../model/recursive-collection-layer.interface';
+import * as i0 from "@angular/core";
+export declare class RecursiveListComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    collection: RecursiveCollectionLayer[];
+    columns: string[];
+    tableLegend: string;
+    depth: number;
+    indentation: number;
+    dataPipe: PipeTransform | null;
+    constructor(iconCacheService: IconCacheService);
+    toggleCollapse(event: Event, item: RecursiveCollectionLayer): void;
+    getCurrentIcon(item: RecursiveCollectionLayer): Icon;
+    formatDataValue(dataValue: number | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecursiveListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecursiveListComponent, "co-recursive-list", never, { "collection": "collection"; "columns": "columns"; "tableLegend": "tableLegend"; "depth": "depth"; "indentation": "indentation"; "dataPipe": "dataPipe"; }, {}, never, never>;
+}

package/lib/components/summary-grid/components/recursive-list/recursive-list.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./recursive-list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@colijnit/corecomponents_v12";
+export declare class RecursiveListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecursiveListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RecursiveListModule, [typeof i1.RecursiveListComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.RecursiveListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RecursiveListModule>;
+}

package/lib/components/summary-grid/components/recursive-list/style/_layout.scss

@@ -0,0 +1,80 @@
+//_layout.scss
+@include export-module('cc-recursive-list-layout') {
+  .co-recursive-list {
+    display: table;
+    width: 100%;
+    background-color: white;
+
+    .tree-node.background:nth-child(even) {
+      background-color: rgba(#8083A3, 0.1);
+    }
+
+    .table-row {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .table-header-row {
+      display: flex;
+      flex-direction: row;
+      .table-legend {
+        padding: 1em;
+        width: 20%;
+        border: 0.5px solid rgba(#8083A3, 0.2);
+      }
+      .table-header {
+        width: 80%;
+        display: flex;
+        flex-direction: row;
+        .table-row {
+          width: 100%;
+          display: flex;
+          justify-content: space-evenly;
+          .table-cell {
+            border: 0.5px solid rgba(#8083A3, 0.2);
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 0.5em;
+          }
+        }
+      }
+    }
+
+    .table-cell.node-text-icon {
+      border: 0.5px solid rgba(#8083A3, 0.2);
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 20%;
+
+
+    }
+
+    .table-cell.data-points {
+      width: 80%;
+      display: flex;
+      justify-content: space-evenly;
+
+      .custom-property{
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 0.5em;
+        border: 0.5px solid rgba(#8083A3, 0.2);
+      }
+    }
+
+    .tree-node {
+
+      display: flex;
+      flex-direction: column; /* Change to column to make child nodes appear below the parent */
+      width: 100%;
+      .table-row {
+        width: 100%;
+      }
+    }
+  }
+}

package/lib/components/summary-grid/components/recursive-list/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-recursive-list-theme') {
+  .co-recursive-list {
+  }
+}

package/lib/components/summary-grid/components/recursive-list/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/summary-grid/model/recursive-collection-layer.interface.d.ts

@@ -0,0 +1,6 @@
+export interface RecursiveCollectionLayer {
+    name: string;
+    expanded: boolean;
+    data: (number | string)[];
+    children?: RecursiveCollectionLayer[];
+}

package/lib/components/summary-grid/style/_layout.scss

@@ -0,0 +1,37 @@
+@include export-module('cc-summary-grid-layout') {
+  .co-summary-grid {
+    .row {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+
+    .column {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .space-between {
+      justify-content: space-between;
+    }
+
+    .space-evenly {
+      justify-content: space-evenly;
+    }
+
+    .justify-center {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+
+    .full-width {
+      width: 100%;
+    }
+    .wrapper {
+      width: 100%;
+      height: 50vh;
+    }
+  }
+}

package/lib/components/summary-grid/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-summary-grid-theme') {
+  .co-summary-grid {
+  }
+}

package/lib/components/summary-grid/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/summary-grid/summary-grid.component.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { RecursiveCollectionLayer } from "./model/recursive-collection-layer.interface";
+import * as i0 from "@angular/core";
+export declare class SummaryGridComponent {
+    showClass: boolean;
+    columns: string[];
+    tableLegend: string;
+    dataPipe: PipeTransform | null;
+    collection: RecursiveCollectionLayer[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryGridComponent, "co-summary-grid", never, { "columns": "columns"; "tableLegend": "tableLegend"; "dataPipe": "dataPipe"; "collection": "collection"; }, {}, never, never>;
+}

package/lib/components/summary-grid/summary-grid.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./summary-grid.component";
+import * as i2 from "@angular/common";
+import * as i3 from "./components/recursive-list/recursive-list.module";
+export declare class SummaryGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SummaryGridModule, [typeof i1.SummaryGridComponent], [typeof i2.CommonModule, typeof i3.RecursiveListModule], [typeof i1.SummaryGridComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SummaryGridModule>;
+}

package/lib/enum/icon.enum.d.ts

@@ -0,0 +1,297 @@
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+export declare enum Icon {
+    Account = "account",
+    AccountRoundOpen = "account_round_open",
+    Activities = "activities",
+    AddToCartDrop = "add_to_cart_drop",
+    ArrowDown = "arrow_down",
+    ArrowFatLeft = "arrow_fat_left",
+    ArrowFatRight = "arrow_fat_right",
+    ArrowLeft = "arrow_left",
+    ArrowLeftRoundOpen = "arrow_left_round_open",
+    ArrowPointDown = "arrow_point_down",
+    ArrowPointLeft = "arrow_point_left",
+    ArrowPointRight = "arrow_point_right",
+    ArrowPointUp = "arrow_point_up",
+    ArrowRightRoundOpen = "arrow_right_round_open",
+    ArrowScrollDown = "arrow_scroll_down",
+    ArrowScrollLeft = "arrow_scroll_left",
+    ArrowScrollRight = "arrow_scroll_right",
+    ArrowScrollUp = "arrow_scroll_up",
+    ArrowUp = "arrow_up",
+    Article = "article",
+    ArticleWithFold = "article_with_fold",
+    AsteriskSmall = "asterisk_small",
+    Attachments = "attachments",
+    BackToTop = "back_to_top",
+    Barcode = "Barcode",
+    BigMac = "big_mac",
+    Boxes = "boxes",
+    Brush = "brush",
+    BrushRoundOpen = "brush_round_open",
+    BuildingColumns = "building_columns",
+    Businessrules = "businessrules",
+    Calendar = "calendar",
+    CalendarDay = "calendar_day",
+    CalendarDayRegular = "calendar_day_regular",
+    CalendarEmpty = "calendar_empty",
+    CalendarRange = "calendar_range",
+    CalendarRoundOpen = "calendar_round_open",
+    Camera = "camera",
+    Cancel = "cancel",
+    CancelRoundFilled = "cancel_round_filled",
+    CancelRoundOpen = "cancel_round_open",
+    Cart = "cart",
+    CartOpen = "cart_open",
+    CaseManager = "case_manager",
+    CashRegister = "CashRegister",
+    CashRegisterSimple = "cash_register_simple",
+    ChangeLocation = "change_location",
+    Check = "check",
+    CheckRound = "check_round",
+    CheckRoundOpen = "check_round_open",
+    CheckSimple = "check_simple",
+    CheckThin = "check_thin",
+    ChevronDownRegular = "chevron_down_regular",
+    ChevronUpRegular = "chevron_up_regular",
+    CirclePlusSkinny = "CirclePlusSkinny",
+    Client = "client",
+    Clock = "clock",
+    ClockArrow = "clockArrow",
+    CogWheelPlus = "cogWheelPlus",
+    CogWheels = "cogWheels",
+    ColumnOptions = "column_options",
+    Company = "company",
+    CompanyFlat = "company_flat",
+    Configurable = "configurable",
+    Consultant = "consultant",
+    Copy = "copy",
+    Crosshair1 = "crosshair_1",
+    CrossSkinny = "CrossSkinny",
+    Dashboard = "dashboard",
+    DeliveryMethod = "delivery_method",
+    DeliveryStatusUncheck = "delivery_status_uncheck",
+    DeliveryTruck = "delivery_truck",
+    DetailRecord = "detail_record",
+    DetailView = "detail_view",
+    Dictionary = "dictionary",
+    Documents = "documents",
+    DocumentWrench = "documentWrench",
+    Dollar = "dollar",
+    Download = "download",
+    Dropdown = "dropdown",
+    Dropzone = "dropzone",
+    EditPencil = "edit_pencil",
+    EditPencilCircle = "edit_pencil_circle",
+    EditPencilRound = "edit_pencil_round",
+    EditPencilSimple = "edit_pencil_simple",
+    Email = "email",
+    EmailRoundOpen = "email_round_open",
+    Employee = "employee",
+    EmployeeTwo = "employee_two",
+    Employer = "employer",
+    Employment = "employment",
+    EmploymentEnd = "employment_end",
+    Equal = "equal",
+    Euro = "euro",
+    Exclamation = "exclamation",
+    ExclamationRoundOpen = "exclamation_round_open",
+    EyeCircle = "eye_circle",
+    EyeCircleLarge = "eye_circle_large",
+    EyeRoundFilled = "eye_round_filled",
+    Factory = "factory",
+    Fasttrack = "fasttrack",
+    Filter = "filter",
+    Finish = "finish",
+    FixedOptionValueTree = "fixed_option_value_tree",
+    FixedTreeOptionValue = "fixed_tree_option_value",
+    FloppyDiskSolid = "floppy_disk_solid",
+    FolderArrow = "FolderArrow",
+    FolderArrowIn = "folder_arrow_in",
+    Formula = "formula",
+    Fullscreen = "fullscreen",
+    GearDouble = "gear_double",
+    GlobalSearch = "global_search",
+    Globe = "globe",
+    GreaterThan = "greater_than",
+    Groupby = "groupby",
+    Hamburger = "hamburger",
+    HandPointer = "hand_pointer",
+    Hbarchart = "hbarchart",
+    Home = "Home",
+    HomeCircle = "home_circle",
+    HomeOpen = "home_open",
+    HomeRoundOpen = "home_round_open",
+    Hourglass = "hourglass",
+    Icon3d = "icon_3d",
+    Id = "id",
+    Image = "image",
+    IncomingStorage = "incoming_storage",
+    Information = "information",
+    InformationRoundOpen = "information_round_open",
+    InputMultiplechoice = "input_multiplechoice",
+    InputText = "input_text",
+    InputTextarea = "input_textarea",
+    Inventory = "inventory",
+    Invoice = "invoice",
+    IoneLogo = "ione_logo",
+    IoneLogoFat = "ione_logo_fat",
+    IoneStatusNext = "ione_status_next",
+    IoneWorkflow = "ione_workflow",
+    Keyboard = "keyboard",
+    Keychain = "keychain",
+    Label = "label",
+    LabelRoundOpen = "label_round_open",
+    LandmarkFlag = "landmark_flag",
+    Library = "library",
+    Linechart = "linechart",
+    LinkedProducts = "linked_products",
+    LinkCircle = "link_circle",
+    ListView = "list_view",
+    Location = "location",
+    Lock = "lock",
+    LockRoundOpen = "lock_round_open",
+    Logo = "logo",
+    Logout = "logout",
+    MagicWand = "magic_wand",
+    Magnifier = "magnifier",
+    Manager = "manager",
+    Mask = "mask",
+    MasterDetail = "master_detail",
+    MaterialCircleLarge = "material_circle_large",
+    MedalBronze = "medal_bronze",
+    MedalGold = "medal_gold",
+    MedalSilver = "medal_silver",
+    MedicalOfficer = "medical_officer",
+    Microphone = "microphone",
+    MinusRoundOpen = "minus_round_open",
+    MinusSimple = "minus_simple",
+    Mobile = "mobile",
+    MultiSelectCheck = "multi_select_check",
+    NewTask = "new_task",
+    Note = "note",
+    NoteBordered = "note_bordered",
+    Notification = "notification",
+    NotEqual = "not_equal",
+    Option = "option",
+    Optionset = "optionset",
+    Order = "order",
+    Orderpicking = "orderpicking",
+    OutgoingStorage = "outgoing_storage",
+    OverBooking = "over_booking",
+    PauseCircle = "pause_circle",
+    PencilRoundOpen = "pencil_round_open",
+    PenToSquareSolid = "pen_to_square_solid",
+    Phone = "phone",
+    PhoneRoundOpen = "phone_round_open",
+    Piechart = "piechart",
+    Pin = "pin",
+    PinRoundOpen = "pin_round_open",
+    PlayCircle = "play_circle",
+    PlusRound = "plus_round",
+    PlusRoundOpen = "plus_round_open",
+    PlusSimple = "plus_simple",
+    PlusSkinny = "plus_skinny",
+    PlusSolid = "plus_solid",
+    PlusStars = "plus_stars",
+    Pointer = "pointer",
+    Pointer3d = "pointer_3d",
+    PointerFilled = "pointer_filled",
+    POS = "POS",
+    Positioning = "positioning",
+    Pregnancy = "pregnancy",
+    Preset = "preset",
+    Print = "print",
+    ProductProperties = "product_properties",
+    Purchase = "purchase",
+    Qrcode = "qrcode",
+    Question = "question",
+    RadioUncheck = "radio_uncheck",
+    Range = "range",
+    RangeSelect = "range_select",
+    Rectangles = "rectangles",
+    Refresh = "refresh",
+    Relations = "relations",
+    Remark = "remark",
+    RemarkRoundOpen = "remark_round_open",
+    ReportInType = "report_in_type",
+    Resize = "resize",
+    ResizeDown = "resize_down",
+    ResizeUp = "resize_up",
+    Returns = "returns",
+    ReturnGoods = "return_goods",
+    RotateLeftSolid = "rotate_left_solid",
+    SaveDisk = "save_disk",
+    SaveSkinny = "save_skinny",
+    ScaleBalanced = "scale_balanced",
+    Scanner = "scanner",
+    SearchRoundOpen = "search_round_open",
+    Sections = "sections",
+    SelectAllRound = "select_all_round",
+    Services = "services",
+    Settings = "settings",
+    Shop = "Shop",
+    ShoppingCart = "shopping_cart",
+    ShoppingCartNr = "shopping_cart_nr",
+    Shortcut = "shortcut",
+    SinglePerson = "SinglePerson",
+    Skills = "skills",
+    SliderPanel = "slider_panel",
+    SlideIn = "slide_in",
+    SmallerThan = "smaller_than",
+    SmallTiles = "small_tiles",
+    SortAsc = "sort_asc",
+    SortDesc = "sort_desc",
+    Star = "Star",
+    StarRoundOpen = "star_round_open",
+    StatusActive = "status_active",
+    StatusAdoption = "status_adoption",
+    StatusFostercare = "status_fostercare",
+    StatusIll = "status_ill",
+    StatusLeave = "status_leave",
+    StatusPregnancy = "status_pregnancy",
+    Stock = "stock",
+    StockManagement = "stock_management",
+    Storage = "storage",
+    Supervisor = "supervisor",
+    Supplier = "supplier",
+    Surgery = "surgery",
+    Tablechart = "tablechart",
+    Tag = "tag",
+    TalkTooMuch = "talk_too_much",
+    Target = "target",
+    Task = "task",
+    ThickLines = "thick_lines",
+    ThinLines = "thin_lines",
+    ThreeSixtyView = "three_sixty_view",
+    ThumbBronze = "thumb_bronze",
+    ThumbGold = "thumb_gold",
+    ThumbSilver = "thumb_silver",
+    Timeline = "timeline",
+    Transactions = "transactions",
+    TransactionDetail = "transaction_detail",
+    TrashBin = "TrashBin",
+    TrashCanSolid = "trash_can_solid",
+    TriangleDown = "triangle_down",
+    TriangleLarge = "triangle_large",
+    TriangleLeft = "triangle_left",
+    TriangleRight = "triangle_right",
+    TriangleUp = "triangle_up",
+    Truck = "truck",
+    TruckCalendar = "truck_calendar",
+    UndoRoundOpen = "undo_round_open",
+    User = "user",
+    Variants = "variants",
+    Vbarchart = "vbarchart",
+    View = "view",
+    Warehouse = "warehouse",
+    Watermark = "watermark",
+    Website = "website",
+    Wizard = "wizard",
+    Wms = "wms",
+    WorkInProgress = "work_in_progress",
+    WorkInProgressRoundOpen = "work_in_progress_round_open",
+    Wrench = "wrench",
+    XAxis = "x_axis",
+    YAxis = "y_axis"
+}

package/lib/model/icon-svg.d.ts

@@ -0,0 +1,4 @@
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+export declare const IconSvg: {
+    [iconName: string]: string;
+};

package/lib/service/icon-cache.service.d.ts

@@ -0,0 +1,21 @@
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
+import { Icon } from "../enum/icon.enum";
+import * as i0 from "@angular/core";
+export declare class IconCacheService {
+    private _sanitizer;
+    /**
+     * All the icons as a large JSON object, from the all-icons.json file.
+     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
+     */
+    get iconCache(): {
+        [iconName: string]: SafeHtml;
+    };
+    private _iconCache;
+    constructor(_sanitizer: DomSanitizer);
+    getIcon(iconName: Icon | string): SafeHtml;
+    getIconAsBase64(iconName: Icon): SafeHtml;
+    getRawIcon(iconName: Icon): string;
+    setIconCache(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconCacheService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconCacheService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/extendedcomponents",
-  "version": "12.0.5",
+  "version": "12.0.6",
   "description": "Colijn IT extended components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -1,4 +1,6 @@
 export * from './lib/components/stacked-line-chart/co-stacked-line-chart.module';
 export * from './lib/components/stacked-line-chart/co-stacked-line-chart.component';
+export * from './lib/components/summary-grid/summary-grid.module';
+export * from './lib/components/summary-grid/summary-grid.component';
 export * from './lib/translation/extended-components-translation.module';
 export * from './lib/translation/extended-components-translation.service';