@colijnit/corecomponents_v12 12.0.104 → 12.0.106

package/lib/components/base/base-input.component.d.ts

@@ -17,6 +17,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
+    readonly icons: typeof CoreComponentsIcon;
     validationErrorContainer: ViewContainerRef;
     _ngModel: NgModel;
     get ngModel(): NgModel;

package/lib/components/base-input-date-picker/style/_layout.scss

@@ -1,7 +1,9 @@
 @include export-module('co-base-input-date-picker') {
   .co-base-input-date-picker {
+    font-family: $cc-font-family;
+
     .date-picker-container {
-      position: relative;
+      position: fixed;
     }
 
     .date-picker-input {
@@ -46,10 +48,13 @@
       align-items: center;
       justify-content: center;
       height: 40px;
-      border: 1px solid #ccc;
       cursor: pointer;
     }
 
+    .calendar-date-month {
+      padding: 5px;
+    }
+
     .day-names {
       display: contents;
     }
@@ -59,6 +64,7 @@
       font-size: 12px;
       font-weight: bold;
       margin-bottom: 5px;
+      text-align: center;
     }
 
     .day-number {
@@ -68,23 +74,67 @@
 
     .calendar-date:hover {
       background-color: #f0f0f0;
+      border-radius: 100px;
     }
 
     .calendar-date.selected {
       background-color: #007bff;
       color: #fff;
+      border-radius: 100px;
     }
 
     .month-selection {
       display: grid;
-      grid-template-columns: repeat(5, 1fr);
-      grid-gap: 5px;
+      grid-template-columns: repeat(4, 1fr);
+      grid-gap: 15px;
+      cursor: pointer;
+      text-align: center;
+    }
+
+    .calendar-date-month:hover {
+      background-color: #f0f0f0;
+      border-radius: 100px;
+      padding: 5px;
+    }
+
+    .calendar-date-month.selected {
+      background-color: #007bff;
+      color: #fff;
+      border-radius: 100px;
+      padding: 5px;
+    }
+
+    .calendar-date-year {
+      padding: 5px;
+    }
+
+    .calendar-date-year:hover {
+      background-color: #f0f0f0;
+      border-radius: 100px;
+      padding: 5px;
+    }
+
+    .calendar-date-year.selected {
+      background-color: #007bff;
+      color: #fff;
+      border-radius: 100px;
+      padding: 5px;
     }
 
     .year-selection {
       display: grid;
-      grid-template-columns: repeat(5, 1fr);
-      grid-gap: 5px;
+      grid-template-columns: repeat(3, 1fr);
+      grid-gap: 15px;
+      padding: 5px;
+      text-align: center;
+    }
+
+    .selected-date {
+      background-color: #ffc;
+    }
+
+    .no-day {
+      pointer-events: none;
     }
 
   }

package/lib/components/co-input-date-picker/style/_layout.scss

@@ -1,5 +1,8 @@
 @include export-module('co-input-date-picker') {
   .co-input-date-picker {
 
+    .input-date-wrapper {
+      display: flex;
+    }
   }
 }

package/lib/components/co-input-date-range-picker/style/_layout.scss

@@ -1,6 +1,6 @@
 @include export-module('co-input-date-range-picker') {
   .co-input-date-range-picker {
-
+    min-height: 600px;
     .input-date-range-calendar-wrapper {
       display: flex;
       justify-content: space-between;

package/lib/components/filter-item/style/_material-definition.scss

@@ -10,6 +10,7 @@ $cc-co-filter-item-header-background-color: $cc-color-light !default;
 $cc-co-filter-item-header-padding: 2px !default;
 $cc-co-filter-item-header-border-radius: 20px 20px 0 0 !default;
 $cc-co-filter-item-header-border-color: #DCE4EA !default;
+$cc-co-filter-item-header-border-width: 0 !default;
 $cc-co-filter-item-header-icon-size: 30px !default;
 
 $cc-co-filter-item-collapsible-content-padding: 0 10px 20px 10px !default;

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

@@ -11,7 +11,9 @@
     }
 
     .collapsible-header {
-      border-bottom: none;
+      border-color: $cc-co-filter-item-header-border-color;
+      border-style: solid;
+      border-width: $cc-co-filter-item-header-border-width;
     }
 
     .co-filter-item-collection-results {

package/lib/components/input-text/input-text.component.d.ts

@@ -42,4 +42,5 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
     excludeNonDigitChars(event: any): boolean;
     handleLeftIconClick(event: MouseEvent): void;
     handleRightIconClick(event: MouseEvent): void;
+    clearInput(): void;
 }

package/lib/components/input-text/style/_layout.scss

@@ -27,11 +27,12 @@
   }
   .co-input-text:not(.no-style) {
     @include input;
-    .input-text-left-icon, input-text-right-icon {
+    .input-text-left-icon, .input-text-right-icon {
       cursor: pointer;
       height: 100%;
       width: auto;
       padding: $cc-co-input-text-icon-padding;
+      max-height: $cc-co-input-text-icon-max-height;
     }
     .spacer {
       height: 100%;
@@ -76,5 +77,9 @@
       }
     }
   }
+  .input-text-clear-button {
+    background: transparent;
+    cursor: pointer;
+  }
 }
 

package/lib/components/{list-of-values-multiselect-search/list-of-values-multiselect-search.component.d.ts → list-of-values/list-of-values-multiselect-popup.component.d.ts}

@@ -1,17 +1,21 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { BaseInputComponent } from "../base/base-input.component";
 import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-export declare class ListOfValuesMultiselectSearch extends BaseInputComponent<any> implements OnInit {
+export declare class ListOfValuesMultiselectPopupComponent extends BaseInputComponent<any> implements OnInit {
     readonly icons: typeof CoreComponentsIcon;
     showClass(): boolean;
-    collection: any;
-    returnChosenCollection: any[];
     chosenCollection: EventEmitter<any[]>;
-    okButtonClicked: EventEmitter<boolean>;
+    closePopup: EventEmitter<any>;
+    returnChosenCollection: any[];
+    parentForOverlay: ElementRef;
+    displayField: string;
+    set collection(value: any[]);
+    get collection(): any[];
     selectedCollection: any[];
     selectedOptions: any[];
     allOptionsSelected: boolean;
     searchTerm: string;
+    private _collection;
     get filteredCollection(): any;
     ngOnInit(): void;
     onOptionClick(option: any): void;

package/lib/components/list-of-values/style/_layout.scss

@@ -151,4 +151,72 @@
       color: $cc-co-list-of-values-lov-options-li-selected-text-color;
     }
   }
+
+  .co-list-of-values-multiselect-popup {
+    position: fixed;
+    .list-of-values-multiselect-popup {
+      flex-direction: column;
+      box-sizing: border-box;
+      display: flex;
+      position: fixed;
+    }
+
+    .list-of-values-multiselect-search-deselect {
+      display: flex;
+      user-select: none;
+      cursor: pointer;
+      justify-content: space-between;
+
+      span {
+        align-self: center;
+      }
+    }
+
+    .list-of-values-multiselect-list {
+      background-color: white;
+      overflow: auto;
+      max-height: 200px;
+
+      .co-input-checkbox {
+        float: left;
+      }
+
+      ul {
+        list-style-type: none;
+        padding: 10px;
+        margin: 0;
+        cursor: pointer;
+        user-select: none;
+      }
+
+      li {
+        border-radius: 5px;
+        margin: 5px;
+        display: flex;
+        padding: $cc-co-list-of-values-multiselect-search-options-li-padding;
+      }
+
+      li:hover {
+        background-color: $cc-co-list-of-values-multiselect-search-li-hover;
+
+      }
+    }
+
+    .list-of-values-multiselect-ok-button {
+      display: flex;
+      cursor: pointer;
+      user-select: none;
+      justify-content: end;
+    }
+
+    .list-of-values-multiselect-options {
+      position: $cc-co-list-of-values-multiselect-search-options-position;
+      z-index: $cc-co-list-of-values-multiselect-search-options-z-index;
+      overflow-y: auto;
+      background-color: $cc-co-list-of-values-multiselect-search-options-background-color;
+      border: $cc-co-list-of-values-multiselect-search-options-border;
+      border-radius: $cc-co-list-of-values-multiselect-search-options-border-radius;
+      margin-top: 2px;
+    }
+  }
 }

package/lib/components/list-of-values/style/_material-definition.scss

@@ -13,3 +13,14 @@ $cc-co-list-of-values-lov-options-li-hover: $cc-color-hover !default;
 $cc-co-list-of-values-lov-options-li-selected: $cc-color-grey !default;
 $cc-co-list-of-values-lov-options-li-selected-text-color: $cc-color-font !default;
 $cc-co-list-of-values-lov-arrow-icon-border: 8px solid $cc-color-grey !default;
+
+//Multiselect popup variables
+$cc-co-list-of-values-multiselect-search-li-hover: rgba(135, 206, 235, 0.40) !default;
+$cc-co-list-of-values-multiselect-search-options-position: fixed !default;
+$cc-co-list-of-values-multiselect-search-options-z-index: 99 !default;
+$cc-co-list-of-values-multiselect-search-options-max-height: 150px !default;
+$cc-co-list-of-values-multiselect-search-options-background-color: #fff !default;
+$cc-co-list-of-values-multiselect-search-options-border: 1px solid #ccc !default;
+$cc-co-list-of-values-multiselect-search-options-border-radius: 10px !default;
+$cc-co-list-of-values-multiselect-search-options-li-padding: 8px !default;
+

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

@@ -9,28 +9,8 @@
         opacity: 1;
       }
       .checkbox {
-        border-radius: $cc-simple-grid-input-checkbox-border-radius;
-        border-color: $cc-simple-grid-input-checkbox-color;
-        background-color: $cc-simple-grid-input-checkbox-color;
-        opacity: 1;
-        margin-right: 0;
-        &.checked {
-          opacity: 1;
-          border-color: $cc-simple-grid-input-checkbox-checked-color;
-          background-color: $cc-simple-grid-input-checkbox-checked-color;
-        }
         .checkmark {
-          opacity: 1;
-          position: absolute;
-          transform: scaleX(-1) rotate(135deg);
-          height: $cc-simple-grid-input-checkbox-check-mark-height;
-          width: $cc-simple-grid-input-checkbox-check-mark-width;
-          transform-origin: left top;
-          border-right: $cc-simple-grid-input-checkbox-check-mark-thickness solid $cc-simple-grid-input-checkbox-check-mark-color;
-          border-top: $cc-simple-grid-input-checkbox-check-mark-thickness solid $cc-simple-grid-input-checkbox-check-mark-color;
-          content: '';
           left: $cc-simple-grid-input-checkbox-check-mark-width * .15;
-          top: $cc-simple-grid-input-checkbox-check-mark-height / 1.4;
           &.show {
           }
         }

package/lib/style/_variables.scss

@@ -49,14 +49,13 @@ $cc-color-input-important: $cc-color-light !default;
 $cc-color-input-info: #e4e6eb !default;
 $cc-color-active-accent: #8faba6 !default;
 $cc-color-less-light: #F7FAFA !default;
-$cc-color-border: #F5F5FC !default;
+$cc-color-border: #CCCCCC !default;
 $cc-color-border-light: #f7f5f4 !default;
 $cc-color-form-input-background-focus: #BBD9E6 !default;
 $cc-color-inactive: #A5CBDA !default;
 $cc-color-shapes: #0062A9 !default;
 $cc-color-hover: #e8eceb !default;
 $cc-color-active: #429777 !default;
-$cc-color-grey: #DAD9D9 !default;
 $cc-color-dark-accent: #475060 !default;
 $cc-color-box-shadow: rgba(72,79,96,.25) !default;
 $cc-color-scrollbar-thumb: #484f60 !default;

package/package.json

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

package/public-api.d.ts

@@ -89,9 +89,8 @@ 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/components/list-of-values/list-of-values.component';
+export * from './lib/components/list-of-values/list-of-values-popup.component';
 export * from './lib/components/list-of-values/list-of-values.module';
-export * from './lib/components/list-of-values-multiselect-search/list-of-values-multiselect-search.component';
-export * from './lib/components/list-of-values-multiselect-search/list-of-values-multiselect-search.module';
 export * from './lib/pipes/price-display.pipe';
 export * from './lib/pipes/price-display-pipe.module';
 export * from './lib/pipes/filter.pipe';

package/esm2015/lib/components/list-of-values-multiselect-search/list-of-values-multiselect-search.component.js

@@ -1,101 +0,0 @@
-import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
-import { BaseInputComponent } from "../base/base-input.component";
-import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-export class ListOfValuesMultiselectSearch extends BaseInputComponent {
-    constructor() {
-        super(...arguments);
-        this.icons = CoreComponentsIcon;
-        this.chosenCollection = new EventEmitter();
-        this.okButtonClicked = new EventEmitter();
-        this.selectedCollection = [];
-        this.selectedOptions = [];
-        this.allOptionsSelected = false;
-        this.searchTerm = '';
-    }
-    showClass() {
-        return true;
-    }
-    get filteredCollection() {
-        if (this.searchTerm.trim() === '') {
-            return this.collection;
-        }
-        return this.collection.filter((option) => option.label.toLowerCase().includes(this.searchTerm.toLowerCase()));
-    }
-    ngOnInit() {
-        if (this.returnChosenCollection) {
-            this.selectedCollection = this.returnChosenCollection;
-        }
-    }
-    onOptionClick(option) {
-        const index = this.selectedCollection.findIndex((selectedOption) => selectedOption.value === option.value);
-        if (index !== -1) {
-            this.selectedCollection.splice(index, 1);
-        }
-        else {
-            this.selectedCollection.push(option);
-        }
-    }
-    okClicked() {
-        this.chosenCollection.emit(this.selectedCollection);
-        this.okButtonClicked.emit();
-    }
-    onToggleSelectAll() {
-        if (this.allOptionsSelected) {
-            this.selectedCollection = [];
-            this.allOptionsSelected = false;
-        }
-        else {
-            this.selectedCollection = [...this.collection];
-            this.allOptionsSelected = true;
-        }
-    }
-    searchCollection() {
-        this.selectedOptions = this.selectedOptions.filter((option) => {
-            if (this.collection) {
-                return this.searchTerm.includes(option.label);
-            }
-            else {
-                return this.searchTerm.includes(option.value);
-            }
-        });
-    }
-}
-ListOfValuesMultiselectSearch.decorators = [
-    { type: Component, args: [{
-                selector: "co-list-of-values-multiselect-search",
-                template: `
-        <div class="co-list-of-values-multiselect-search">
-          <div class="list-of-values-multiselect-search-input-text">
-            <co-input-text [placeholder]="'Zoeken...'" [(model)]="searchTerm" (input)="searchCollection()"></co-input-text>
-          </div>
-          <div class="list-of-values-multiselect-options">
-            <div class="list-of-values-multiselect-search-deselect" (click)="onToggleSelectAll()">
-              <span [textContent]="'(De)selecteer alles'"></span>
-              <co-icon [icon]="icons.CheckRound"></co-icon>
-            </div>
-            <div class="list-of-values-multiselect-list">
-              <ul>
-                <li *ngFor="let option of filteredCollection" (click)="onOptionClick(option)">
-                  <co-input-checkbox class="lov-options-checkbox" (modelChange)="onOptionClick(option)" [model]="selectedCollection.includes(option)"></co-input-checkbox>
-                  <span>{{ option.label }}</span>
-                </li>
-              </ul>
-            </div>
-            <div class="list-of-values-multiselect-ok-button" (click)="okClicked()">
-              <span [textContent]="'Ok'"></span>
-              <co-icon [icon]="icons.Check"></co-icon>
-            </div>
-          </div>
-        </div>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-ListOfValuesMultiselectSearch.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-list-of-values-multiselect-search",] }],
-    collection: [{ type: Input }],
-    returnChosenCollection: [{ type: Input }],
-    chosenCollection: [{ type: Output }],
-    okButtonClicked: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9saXN0LW9mLXZhbHVlcy1tdWx0aXNlbGVjdC1zZWFyY2gvbGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtc2VhcmNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQStCN0UsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGtCQUF1QjtJQTdCMUU7O1FBOEJrQixVQUFLLEdBQThCLGtCQUFrQixDQUFDO1FBYy9ELHFCQUFnQixHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO1FBR2xFLG9CQUFlLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFckUsdUJBQWtCLEdBQVUsRUFBRSxDQUFDO1FBQy9CLG9CQUFlLEdBQVUsRUFBRSxDQUFDO1FBQzVCLHVCQUFrQixHQUFZLEtBQUssQ0FBQztRQUNwQyxlQUFVLEdBQUcsRUFBRSxDQUFDO0lBa0R6QixDQUFDO0lBckVRLFNBQVM7UUFDZCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFtQkQsSUFBVyxrQkFBa0I7UUFDM0IsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNqQyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7U0FDeEI7UUFDRCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBVyxFQUFFLEVBQUUsQ0FDNUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUNuRSxDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUM5QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDO1NBQ3ZEO0lBQ0gsQ0FBQztJQUVNLGFBQWEsQ0FBQyxNQUFXO1FBQzlCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEtBQUssTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNHLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQzFDO2FBQU07WUFDTCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUMzQixJQUFJLENBQUMsa0JBQWtCLEdBQUcsRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7U0FDakM7YUFBTTtZQUNMLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQy9DLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUM1RCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ25CLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQy9DO2lCQUFNO2dCQUNMLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQy9DO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzs7WUFyR0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQ0FBc0M7Z0JBQ2hELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBd0JQO2dCQUNILGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7d0JBSUUsV0FBVyxTQUFDLDRDQUE0Qzt5QkFLeEQsS0FBSztxQ0FHTCxLQUFLOytCQUdMLE1BQU07OEJBR04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtCYXNlSW5wdXRDb21wb25lbnR9IGZyb20gXCIuLi9iYXNlL2Jhc2UtaW5wdXQuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tIFwiLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW1cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImNvLWxpc3Qtb2YtdmFsdWVzLW11bHRpc2VsZWN0LXNlYXJjaFwiLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvLWxpc3Qtb2YtdmFsdWVzLW11bHRpc2VsZWN0LXNlYXJjaFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImxpc3Qtb2YtdmFsdWVzLW11bHRpc2VsZWN0LXNlYXJjaC1pbnB1dC10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxjby1pbnB1dC10ZXh0IFtwbGFjZWhvbGRlcl09XCInWm9la2VuLi4uJ1wiIFsobW9kZWwpXT1cInNlYXJjaFRlcm1cIiAoaW5wdXQpPVwic2VhcmNoQ29sbGVjdGlvbigpXCI+PC9jby1pbnB1dC10ZXh0PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtb3B0aW9uc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtc2VhcmNoLWRlc2VsZWN0XCIgKGNsaWNrKT1cIm9uVG9nZ2xlU2VsZWN0QWxsKClcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiJyhEZSlzZWxlY3RlZXIgYWxsZXMnXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxjby1pY29uIFtpY29uXT1cImljb25zLkNoZWNrUm91bmRcIj48L2NvLWljb24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3QtbGlzdFwiPlxyXG4gICAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkQ29sbGVjdGlvblwiIChjbGljayk9XCJvbk9wdGlvbkNsaWNrKG9wdGlvbilcIj5cclxuICAgICAgICAgICAgICAgICAgPGNvLWlucHV0LWNoZWNrYm94IGNsYXNzPVwibG92LW9wdGlvbnMtY2hlY2tib3hcIiAobW9kZWxDaGFuZ2UpPVwib25PcHRpb25DbGljayhvcHRpb24pXCIgW21vZGVsXT1cInNlbGVjdGVkQ29sbGVjdGlvbi5pbmNsdWRlcyhvcHRpb24pXCI+PC9jby1pbnB1dC1jaGVja2JveD5cclxuICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgb3B0aW9uLmxhYmVsIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpc3Qtb2YtdmFsdWVzLW11bHRpc2VsZWN0LW9rLWJ1dHRvblwiIChjbGljayk9XCJva0NsaWNrZWQoKVwiPlxyXG4gICAgICAgICAgICAgIDxzcGFuIFt0ZXh0Q29udGVudF09XCInT2snXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxjby1pY29uIFtpY29uXT1cImljb25zLkNoZWNrXCI+PC9jby1pY29uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlzdE9mVmFsdWVzTXVsdGlzZWxlY3RTZWFyY2ggZXh0ZW5kcyBCYXNlSW5wdXRDb21wb25lbnQ8YW55PiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IGljb25zOiB0eXBlb2YgQ29yZUNvbXBvbmVudHNJY29uID0gQ29yZUNvbXBvbmVudHNJY29uO1xyXG5cclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jby1saXN0LW9mLXZhbHVlcy1tdWx0aXNlbGVjdC1zZWFyY2hcIilcclxuICBwdWJsaWMgc2hvd0NsYXNzKCkge1xyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb2xsZWN0aW9uOiBhbnk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHJldHVybkNob3NlbkNvbGxlY3Rpb246IGFueVtdO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgY2hvc2VuQ29sbGVjdGlvbjogRXZlbnRFbWl0dGVyPGFueVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55W10+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBva0J1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgcHVibGljIHNlbGVjdGVkQ29sbGVjdGlvbjogYW55W10gPSBbXTtcclxuICBwdWJsaWMgc2VsZWN0ZWRPcHRpb25zOiBhbnlbXSA9IFtdO1xyXG4gIHB1YmxpYyBhbGxPcHRpb25zU2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnO1xyXG5cclxuICBwdWJsaWMgZ2V0IGZpbHRlcmVkQ29sbGVjdGlvbigpOiBhbnkge1xyXG4gICAgaWYgKHRoaXMuc2VhcmNoVGVybS50cmltKCkgPT09ICcnKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmNvbGxlY3Rpb247XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5jb2xsZWN0aW9uLmZpbHRlcigob3B0aW9uOiBhbnkpID0+XHJcbiAgICAgIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuc2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYodGhpcy5yZXR1cm5DaG9zZW5Db2xsZWN0aW9uKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRDb2xsZWN0aW9uID0gdGhpcy5yZXR1cm5DaG9zZW5Db2xsZWN0aW9uO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uT3B0aW9uQ2xpY2sob3B0aW9uOiBhbnkpOiB2b2lkIHtcclxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zZWxlY3RlZENvbGxlY3Rpb24uZmluZEluZGV4KChzZWxlY3RlZE9wdGlvbikgPT4gc2VsZWN0ZWRPcHRpb24udmFsdWUgPT09IG9wdGlvbi52YWx1ZSk7XHJcbiAgICBpZiAoaW5kZXggIT09IC0xKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRDb2xsZWN0aW9uLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkQ29sbGVjdGlvbi5wdXNoKG9wdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb2tDbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaG9zZW5Db2xsZWN0aW9uLmVtaXQodGhpcy5zZWxlY3RlZENvbGxlY3Rpb24pO1xyXG4gICAgdGhpcy5va0J1dHRvbkNsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uVG9nZ2xlU2VsZWN0QWxsKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuYWxsT3B0aW9uc1NlbGVjdGVkKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRDb2xsZWN0aW9uID0gW107XHJcbiAgICAgIHRoaXMuYWxsT3B0aW9uc1NlbGVjdGVkID0gZmFsc2U7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkQ29sbGVjdGlvbiA9IFsuLi50aGlzLmNvbGxlY3Rpb25dO1xyXG4gICAgICB0aGlzLmFsbE9wdGlvbnNTZWxlY3RlZCA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2VhcmNoQ29sbGVjdGlvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25zID0gdGhpcy5zZWxlY3RlZE9wdGlvbnMuZmlsdGVyKChvcHRpb24pID0+IHtcclxuICAgICAgaWYgKHRoaXMuY29sbGVjdGlvbikge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnNlYXJjaFRlcm0uaW5jbHVkZXMob3B0aW9uLmxhYmVsKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5zZWFyY2hUZXJtLmluY2x1ZGVzKG9wdGlvbi52YWx1ZSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/list-of-values-multiselect-search/list-of-values-multiselect-search.module.js

@@ -1,25 +0,0 @@
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { ListOfValuesMultiselectSearch } from "./list-of-values-multiselect-search.component";
-import { InputTextModule } from "../input-text/input-text.module";
-import { IconModule } from "../icon/icon.module";
-import { InputCheckboxModule } from "../input-checkbox/input-checkbox.module";
-export class ListOfValuesMultiselectSearchModule {
-}
-ListOfValuesMultiselectSearchModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    InputTextModule,
-                    IconModule,
-                    InputCheckboxModule,
-                ],
-                declarations: [
-                    ListOfValuesMultiselectSearch
-                ],
-                exports: [
-                    ListOfValuesMultiselectSearch
-                ]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtc2VhcmNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9saXN0LW9mLXZhbHVlcy1tdWx0aXNlbGVjdC1zZWFyY2gvbGlzdC1vZi12YWx1ZXMtbXVsdGlzZWxlY3Qtc2VhcmNoLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSwrQ0FBK0MsQ0FBQztBQUM1RixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBZ0I1RSxNQUFNLE9BQU8sbUNBQW1DOzs7WUFkL0MsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGVBQWU7b0JBQ2YsVUFBVTtvQkFDVixtQkFBbUI7aUJBQ3BCO2dCQUNELFlBQVksRUFBRTtvQkFDWiw2QkFBNkI7aUJBQzlCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCw2QkFBNkI7aUJBQzlCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge0xpc3RPZlZhbHVlc011bHRpc2VsZWN0U2VhcmNofSBmcm9tIFwiLi9saXN0LW9mLXZhbHVlcy1tdWx0aXNlbGVjdC1zZWFyY2guY29tcG9uZW50XCI7XHJcbmltcG9ydCB7SW5wdXRUZXh0TW9kdWxlfSBmcm9tIFwiLi4vaW5wdXQtdGV4dC9pbnB1dC10ZXh0Lm1vZHVsZVwiO1xyXG5pbXBvcnQge0ljb25Nb2R1bGV9IGZyb20gXCIuLi9pY29uL2ljb24ubW9kdWxlXCI7XHJcbmltcG9ydCB7SW5wdXRDaGVja2JveE1vZHVsZX0gZnJvbSBcIi4uL2lucHV0LWNoZWNrYm94L2lucHV0LWNoZWNrYm94Lm1vZHVsZVwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBJbnB1dFRleHRNb2R1bGUsXHJcbiAgICBJY29uTW9kdWxlLFxyXG4gICAgSW5wdXRDaGVja2JveE1vZHVsZSxcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgTGlzdE9mVmFsdWVzTXVsdGlzZWxlY3RTZWFyY2hcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIExpc3RPZlZhbHVlc011bHRpc2VsZWN0U2VhcmNoXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlzdE9mVmFsdWVzTXVsdGlzZWxlY3RTZWFyY2hNb2R1bGUge31cclxuIl19

package/lib/components/list-of-values-multiselect-search/list-of-values-multiselect-search.module.d.ts

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

package/lib/components/list-of-values-multiselect-search/style/_layout.scss

@@ -1,69 +0,0 @@
-@include export-module('co-list-of-values-multiselect-search') {
-  .co-list-of-values-multiselect-search {
-
-    .list-of-values-multiselect-search {
-      flex-direction: column;
-      box-sizing: border-box;
-      display: flex;
-      position: fixed;
-    }
-
-    .list-of-values-multiselect-search-deselect {
-      display: flex;
-      user-select: none;
-      cursor: pointer;
-      justify-content: space-between;
-
-      span {
-        align-self: center;
-      }
-    }
-
-    .list-of-values-multiselect-list {
-      background-color: white;
-      overflow: auto;
-      max-height: 200px;
-
-      .co-input-checkbox {
-        float: left;
-      }
-
-      ul {
-        list-style-type: none;
-        padding: 10px;
-        margin: 0;
-        cursor: pointer;
-        user-select: none;
-      }
-
-      li {
-        border-radius: 5px;
-        margin: 5px;
-        display: flex;
-        padding: $cc-co-list-of-values-multiselect-search-options-li-padding;
-      }
-
-      li:hover {
-        background-color: $cc-co-list-of-values-multiselect-search-li-hover;
-
-      }
-    }
-
-    .list-of-values-multiselect-ok-button {
-      display: flex;
-      cursor: pointer;
-      user-select: none;
-      justify-content: end;
-    }
-
-    .list-of-values-multiselect-options {
-      position: $cc-co-list-of-values-multiselect-search-options-position;
-      z-index: $cc-co-list-of-values-multiselect-search-options-z-index;
-      overflow-y: auto;
-      background-color: $cc-co-list-of-values-multiselect-search-options-background-color;
-      border: $cc-co-list-of-values-multiselect-search-options-border;
-      border-radius: $cc-co-list-of-values-multiselect-search-options-border-radius;
-      margin-top: 2px;
-    }
-  }
-}

package/lib/components/list-of-values-multiselect-search/style/_material-definition.scss

@@ -1,8 +0,0 @@
-$cc-co-list-of-values-multiselect-search-li-hover: rgba(135, 206, 235, 0.40) !default;
-$cc-co-list-of-values-multiselect-search-options-position: sticky !default;
-$cc-co-list-of-values-multiselect-search-options-z-index: 99 !default;
-$cc-co-list-of-values-multiselect-search-options-max-height: 150px !default;
-$cc-co-list-of-values-multiselect-search-options-background-color: #fff !default;
-$cc-co-list-of-values-multiselect-search-options-border: 1px solid #ccc !default;
-$cc-co-list-of-values-multiselect-search-options-border-radius: 10px !default;
-$cc-co-list-of-values-multiselect-search-options-li-padding: 8px !default;

package/lib/components/list-of-values-multiselect-search/style/material.scss

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