@colijnit/corecomponents_v12 12.1.6 → 12.1.8

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

@@ -1,10 +1,14 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, 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;
+    private _changeDetector;
     icons: typeof CoreComponentsIcon;
+    modes: typeof FilterItemMode;
+    mode: FilterItemMode;
     set collection(value: FilterItemViewmodel[]);
     get collection(): FilterItemViewmodel[];
     placeholder: string;
@@ -14,28 +18,58 @@ export declare class FilterItemComponent implements OnInit {
     collectionLoadFn: Function;
     customContent: boolean;
     showAllResults: boolean;
-    singleSelect: boolean;
     filterButtonLabel: string;
     searchPlaceholder: string;
     showMoreLabel: string;
     showLessLabel: string;
     noResultsLabel: string;
-    collectionChange: EventEmitter<any>;
+    sliderDefaultMin: number;
+    sliderDefaultMax: number;
+    set model(filterString: any);
+    get model(): any;
+    modelChange: EventEmitter<any>;
+    collectionChange: EventEmitter<FilterItemViewmodel[]>;
     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;
-    constructor(iconService: IconCacheService);
+    private _model;
+    constructor(iconService: IconCacheService, _changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
     setToInitialLimit(): void;
     increaseLimit(): void;
     moreToShow(): boolean;
     lessToShow(): boolean;
-    handleModelChange(model: FilterItemViewmodel): void;
+    handleModelChange(model: any): void;
+    private uncheckForSingleSelect;
     valueSelected(): boolean;
     applyFilter(text: string): Promise<[]>;
     onButtonClicked(): void;
+    private _createModelForFilterList;
+    private _createModelForStringCollectionList;
+    private _createModelForSingleSelectList;
+    private _createModelForSelectListWithNumberOutput;
+    private _createModelForSliderMode;
+    private _createModelForCheckboxToText;
+    private _createModelForCheckboxToSimpleText;
+    private _createModelForCheckboxToBinary;
+    private _createModelForDateRange;
+    private _formatDateToString;
+    private _readModelForFilterList;
+    private _readModelForSingleSelectList;
+    private _readModelForStringCollectionList;
+    private _readModelForSelectListWithNumberOutput;
+    private _uncheckAll;
+    private _readModelForSliderMode;
+    private _readModelForCheckboxToText;
+    private _readModelForCheckboxToBinary;
+    private _readModelForDateField;
+    private _readModelForDateRangeField;
 }

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/lib/directives/overlay/overlay.directive.d.ts

@@ -3,6 +3,11 @@ import { OverlayParentDirective } from './overlay-parent.directive';
 export declare class OverlayDirective implements OnDestroy, OnInit {
     set parent(value: OverlayParentDirective | ElementRef);
     view: HTMLElement;
+    /**
+     * true; Element is added to the parent template
+     * false; Element is added to the bottom of the DOM
+     */
+    inline: boolean;
     keepInView: boolean;
     inheritWidth: boolean;
     rightAlign: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.1.6",
+  "version": "12.1.8",
   "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';