@colijnit/corecomponents_v12 12.1.6 → 12.1.7

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

@@ -2,9 +2,12 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
 import { FilterItemViewmodel } from './filter-item-viewmodel';
 import { IconCacheService } from '../icon/icon-cache.service';
+import { FilterItemMode } from '../../core/enum/filterItem-mode.enum';
 export declare class FilterItemComponent implements OnInit {
     iconService: IconCacheService;
     icons: typeof CoreComponentsIcon;
+    modes: typeof FilterItemMode;
+    mode: FilterItemMode;
     set collection(value: FilterItemViewmodel[]);
     get collection(): FilterItemViewmodel[];
     placeholder: string;
@@ -14,27 +17,57 @@ export declare class FilterItemComponent implements OnInit {
     collectionLoadFn: Function;
     customContent: boolean;
     showAllResults: boolean;
-    singleSelect: boolean;
     filterButtonLabel: string;
     searchPlaceholder: string;
     showMoreLabel: string;
     showLessLabel: string;
     noResultsLabel: string;
+    sliderDefaultMin: number;
+    sliderDefaultMax: number;
+    set model(filterString: any);
+    get model(): any;
+    modelChange: EventEmitter<any>;
     collectionChange: EventEmitter<any>;
     filterButtonClicked: EventEmitter<void>;
-    showClass(): boolean;
     filteredCollection: FilterItemViewmodel[];
     limitTo: number;
     filterText: string;
     showButton: boolean;
+    sliderMin: number;
+    sliderMax: number;
+    dateRangeStart: Date;
+    dateRangeEnd: Date;
+    checkBoxToTextModel: boolean;
     private _collection;
+    private _model;
     constructor(iconService: IconCacheService);
     ngOnInit(): void;
     setToInitialLimit(): void;
     increaseLimit(): void;
     moreToShow(): boolean;
     lessToShow(): boolean;
-    handleModelChange(model: FilterItemViewmodel): void;
+    handleModelChange(model: any): void;
+    private uncheckForSingleSelect;
+    private createModelForFilterList;
+    private createModelForStringCollectionList;
+    private createModelForSingleSelectList;
+    private createModelForSelectListWithNumberOutput;
+    createModelForSliderMode(): void;
+    private createModelForCheckboxToText;
+    private createModelForCheckboxToSimpleText;
+    private createModelForCheckboxToBinary;
+    private createModelForDateRange;
+    private _formatDateToString;
+    readModelForFilterList(filterModel: string): void;
+    readModelForSingleSelectList(singleSelectModel: string): void;
+    readModelForStringCollectionList(collectionModel: string[]): void;
+    readModelForSelectListWithNumberOutput(numberModel: number): void;
+    uncheckAll(): void;
+    readModelForSliderMode(sliderModel: string): void;
+    readModelForCheckboxToText(checkboxToTextModel: string): void;
+    readModelForCheckboxToBinary(checkboxToBinary: number): void;
+    readModelForDateField(dateFieldModel: string): void;
+    readModelForDateRangeField(dateRangeFieldModel: string): void;
     valueSelected(): boolean;
     applyFilter(text: string): Promise<[]>;
     onButtonClicked(): void;

package/lib/components/filter-item/style/_layout.scss

@@ -46,6 +46,15 @@
         height: $cc-co-filter-item-no-results-height;
       }
     }
+
+    .co-filter-item-slider-content {
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        column-gap: $cc-co-filter-item-collection-gap;
+    }
+
+
     .co-filter-item-collection-results, .co-filter-item-custom-content {
       display: flex;
       flex-direction: column;

package/lib/core/enum/filterItem-mode.enum.d.ts

@@ -0,0 +1,14 @@
+export declare enum FilterItemMode {
+    FilterList = "filterList",
+    SingleSelectList = "singleSelectList",
+    SelectListWithStringCollectionOutput = "selectListWithStringCollectionOutput",
+    SelectListWithNumberOutput = "selectListWithNumberOutput",
+    Slider = "slider",
+    TextField = "textField",
+    DateField = "dateField",
+    DateRangeField = "dateRangeField",
+    Checkbox = "checkbox",
+    CheckboxToSimpleText = "checkboxToSimpleText",
+    CheckboxToText = "checkboxToText",
+    CheckboxToBinary = "checkboxToBinary"
+}

package/package.json

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

package/public-api.d.ts

@@ -28,6 +28,7 @@ export * from './lib/components/icon-collapse-handle/icon-collapse-handle.module
 export * from './lib/components/icon-collapse-handle/icon-collapse-handle.component';
 export * from './lib/core/enum/co-direction';
 export * from './lib/core/enum/co-orientation';
+export * from './lib/core/enum/filterItem-mode.enum';
 export * from './lib/components/image/image.module';
 export * from './lib/components/image/image.component';
 export * from './lib/components/input-checkbox/input-checkbox.module';