@colijnit/corecomponents_v12 12.0.91 → 12.0.93

package/lib/components/filter-item/filter-item-viewmodel.d.ts

@@ -0,0 +1,8 @@
+export declare class FilterItemViewmodel {
+    checked: boolean;
+    code: string | number;
+    description: string;
+    count?: number;
+    valueName?: string;
+    constructor(code: string | number, description: string | number, checked: boolean, count?: number, valueName?: string);
+}

package/lib/components/filter-item/filter-item.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from "@angular/core";
 import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-import { FilterItemViewmodel } from "../../core/interface/filter-item-viewmodel";
+import { FilterItemViewmodel } from "./filter-item-viewmodel";
 import { IconCacheService } from "../icon/icon-cache.service";
 export declare class FilterItemComponent implements OnInit {
     iconService: IconCacheService;

package/lib/components/filter-item/filter-viewmodel.d.ts

@@ -0,0 +1,8 @@
+import { FilterItemViewmodel } from "./filter-item-viewmodel";
+export declare class FilterViewmodel {
+    filterItems: FilterItemViewmodel[];
+    constructor(collection: any[], fields: {
+        text: any;
+        value: any;
+    });
+}

package/lib/components/view-mode-buttons/content-view-mode.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum ContentViewMode {
+    List = 0,
+    Grid = 1,
+    GridExpanded = 2,
+    MasterDetail = 3,
+    Timeline = 4,
+    Tiles = 5
+}

package/lib/components/view-mode-buttons/style/_layout.scss

@@ -0,0 +1,24 @@
+@include export-module('co-view-mode-buttons-layout') {
+  .co-view-mode-buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    .view-button {
+      justify-content: center;
+      padding: 0;
+      height: $co-view-mode-button-size;
+      width: $co-view-mode-button-size;
+      border-radius: $co-view-mode-button-border-radius;
+
+    .co-icon {
+      height: $co-view-mode-button-icon-size;
+      width: $co-view-mode-button-icon-size;
+    }
+
+      &:not(.circle) {
+        padding: 0;
+      }
+    }
+  }
+}

package/lib/components/view-mode-buttons/style/_material-definition.scss

@@ -0,0 +1,6 @@
+$co-view-mode-button-size: 30px !default;
+$co-view-mode-button-icon-size: 20px !default;
+$co-view-mode-button-background-color: #171721 !default;
+$co-view-mode-button-selected-background-color: #3e7eff !default;
+$co-view-mode-button-background-color-hover: #FFFFFF !default;
+$co-view-mode-button-border-radius: 3px !default;

package/lib/components/view-mode-buttons/style/_theme.scss

@@ -0,0 +1,20 @@
+@include export-module('co-view-mode-buttons-theme') {
+  .co-view-mode-buttons {
+    .view-button {
+      [fill] {
+        fill: $co-view-mode-button-background-color;
+      }
+      &:hover {
+        [fill] {
+          fill: $co-view-mode-button-background-color-hover;
+        }
+      }
+      &.selected {
+        background-color: $co-view-mode-button-selected-background-color;
+        [fill] {
+          fill: $co-view-mode-button-background-color-hover;
+        }
+      }
+    }
+  }
+}

package/lib/components/view-mode-buttons/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/view-mode-buttons/view-mode-buttons.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { ContentViewMode } from "./content-view-mode.enum";
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+import { IconCacheService } from "../icon/icon-cache.service";
+export declare class ViewModeButtonsComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof CoreComponentsIcon;
+    readonly viewModes: typeof ContentViewMode;
+    showViewModes: ContentViewMode[];
+    viewModeChange: EventEmitter<ContentViewMode>;
+    showClass(): boolean;
+    set activeViewMode(value: ContentViewMode);
+    get activeViewMode(): ContentViewMode;
+    private _activeViewMode;
+    ngOnInit(): void;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/components/view-mode-buttons/view-mode-buttons.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ViewModeButtonsModule {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.0.91",
+  "version": "12.0.93",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -90,6 +90,9 @@ export * from './lib/components/tile/tile.component';
 export * from './lib/core/enum/core-components-icon.enum';
 export * from './lib/components/icon/icon-cache.service';
 export * from './lib/components/base/component-interface-name';
+export * from './lib/components/view-mode-buttons/view-mode-buttons.component';
+export * from './lib/components/view-mode-buttons/view-mode-buttons.module';
+export * from './lib/components/view-mode-buttons/content-view-mode.enum';
 export * from './lib/pipes/price-display.pipe';
 export * from './lib/pipes/price-display-pipe.module';
 export * from './lib/pipes/filter.pipe';
@@ -104,3 +107,5 @@ export * from './lib/components/pagination-bar/pagination-bar.component';
 export * from './lib/components/pagination-bar/pagination-bar.module';
 export * from './lib/components/checkmark-overlay/checkmark-overlay.module';
 export * from './lib/service/color-sequence.service';
+export * from './lib/components/filter-item/filter-item-viewmodel';
+export * from './lib/components/filter-item/filter-viewmodel';

package/esm2015/lib/core/interface/filter-item-viewmodel.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0tdmlld21vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZWNvbXBvbmVudHMvc3JjL2xpYi9jb3JlL2ludGVyZmFjZS9maWx0ZXItaXRlbS12aWV3bW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRmlsdGVySXRlbVZpZXdtb2RlbCB7XHJcbiAgY2hlY2tlZDogYm9vbGVhbjtcclxuICBjb2RlOiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBjb3VudD86IG51bWJlcjtcclxuICB2YWx1ZU5hbWU/OiBzdHJpbmc7XHJcbn1cclxuIl19

package/lib/core/interface/filter-item-viewmodel.d.ts

@@ -1,7 +0,0 @@
-export interface FilterItemViewmodel {
-    checked: boolean;
-    code: string | number;
-    description: string;
-    count?: number;
-    valueName?: string;
-}