@colijnit/corecomponents_v12 12.1.3 → 12.1.5

package/lib/components/co-dialog/style/_layout.scss

@@ -31,6 +31,9 @@
         min-width: $cc-co-dialog-min-width;
         transform: translate(-50%, -50%);
         width: auto;
+        .co-dialog-wrapper {
+          width: 100%;
+        }
       }
     }
     .dialog-header {

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

@@ -27,6 +27,16 @@
           width: $cc-co-filter-item-header-icon-size;
         }
       }
+      .collapsible-header {
+        .collapsible-button {
+          border-color: $cc-co-filter-item-collapsible-header-search-border;
+          color: $cc-co-filter-item-collapsible-header-search-color;
+          &:hover {
+            background: $cc-co-filter-item-collapsible-header-search-hover-background;
+            color: $cc-co-filter-item-collapsible-header-search-hover-color;
+          }
+        }
+      }
     }
 
     .co-filter-item-collection-content {

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

@@ -13,8 +13,13 @@ $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;
 $cc-co-filter-item-collapsible-width: 95% !default;
+$cc-co-filter-item-collapsible-header-search-color: $cc-color-action !default;
+$cc-co-filter-item-collapsible-header-search-hover-background: $cc-color-action !default;
+$cc-co-filter-item-collapsible-header-search-border: $cc-color-action !default;
+$cc-co-filter-item-collapsible-header-search-hover-color: $cc-color-light !default;
 
 $cc-co-filter-item-collection-results-container-padding: 10px !default;
 $cc-co-filter-item-collection-results-background-color: $cc-color-light !default;

package/lib/components/input-text/style/_material-definition.scss

@@ -10,6 +10,7 @@ $cc-co-input-text-icon-max-height: 80px !default;
 $cc-co-input-text-icon-size: 50% !default;
 $cc-co-input-text-icon-margin-number: 0 !default;
 $cc-co-input-text-spacer-width: $cc-input-border-width !default;
+$cc-co-input-text-right-spacer-width: 0 !default;
 $cc-co-input-text-spacer-color: $cc-input-border-color !default;
 //$cc-co-input-label-color: $cc-color-border !default;
 //$cc-co-input-label-font-style: normal !default;

package/lib/components/list-of-values/list-of-values.component.d.ts

@@ -16,6 +16,7 @@ export declare class ListOfValuesComponent extends BaseInputComponent<any> imple
     label: string;
     customCssClass: string;
     searchDisabled: boolean;
+    closeAfterOptionChosen: boolean;
     showClass(): boolean;
     isSelectOpen: boolean;
     state: string;

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

@@ -32,6 +32,16 @@
           box-shadow: none;
         }
       }
+      .right-icon {
+        min-width: $cc-co-list-of-values-right-icon-spacer-width;
+      }
+      .input-text-right-icon svg {
+        width: $cc-co-list-of-values-right-icon-width;
+        height: $cc-co-list-of-values-right-icon-width;
+        padding: $cc-co-list-of-values-right-icon-padding;
+        background: $cc-co-list-of-values-right-icon-background;
+        border-radius: $cc-co-list-of-values-right-icon-radius;
+      }
     }
     //&.cc-input-focused:not(.no-focus-line) {
     //  @include focus($cc-co-list-of-values-border-focus-style, $cc-co-list-of-values-border-focus-width, $cc-co-list-of-values-border-focus-color, $cc-co-list-of-values-border-radius);

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

@@ -9,6 +9,11 @@ $cc-co-list-of-values-border-radius: 5px !default;
 $cc-co-list-of-values-border-hover-style: solid !default;
 $cc-co-list-of-values-border-hover-width: 2px !default;
 $cc-co-list-of-values-border-hover-color: $cc-color-input-lov !default;
+$cc-co-list-of-values-right-icon-spacer-width: 0 !default;
+$cc-co-list-of-values-right-icon-width: 24px !default;
+$cc-co-list-of-values-right-icon-background: #f5f5fc !default;
+$cc-co-list-of-values-right-icon-radius: 100% !default;
+$cc-co-list-of-values-right-icon-padding: 5px !default;
 
 $cc-co-list-of-values-border-focus-style: solid !default;
 $cc-co-list-of-values-border-focus-width: 1px !default;

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

@@ -0,0 +1,4 @@
+export declare class ResponsiveTextComponent {
+    text: string;
+    showClass(): boolean;
+}

package/lib/components/responsive-text/responsive-text.module.d.ts

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

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

@@ -0,0 +1,9 @@
+@include export-module('co-responsive-text-layout') {
+  .co-responsive-text {
+    svg {
+      display: block;
+      height: 100%;
+      width: 100%;
+    }
+  }
+}

package/lib/components/responsive-text/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-responsive-text-theme') {
+  .co-responsive-text {
+  }
+}

package/lib/components/responsive-text/style/material.scss

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

package/lib/directives/overlay/overlay.directive.d.ts

@@ -2,9 +2,11 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { OverlayParentDirective } from './overlay-parent.directive';
 export declare class OverlayDirective implements OnDestroy, OnInit {
     set parent(value: OverlayParentDirective | ElementRef);
+    view: HTMLElement;
     keepInView: boolean;
     inheritWidth: boolean;
     rightAlign: boolean;
+    fullSize: boolean;
     private _elementRef;
     private _resizeObserver;
     private _intersectionObserver;

package/package.json

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

package/public-api.d.ts

@@ -73,6 +73,8 @@ 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/responsive-text/responsive-text.component';
+export * from './lib/components/responsive-text/responsive-text.module';
 export * from './lib/pipes/price-display.pipe';
 export * from './lib/pipes/price-display-pipe.module';
 export * from './lib/pipes/filter.pipe';