ng-jvx-multiselect 19.0.37 → 20.0.0

package/src/lib/ng-jvx-multiselect.component.scss

@@ -1,172 +1,172 @@
-@use 'sass:map';
-
-$primary: var(--jvx-multiselect-primary);
-$accent: var(--jvx-multiselect-accent);
-$warn: var(--jvx-multiselect-warn);
-ng-jvx-multiselect {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  .ng-jvx-multiselect {
-    width: 100%;
-    display: flex;
-    align-items: center;
-
-    .ng-jvx-multiselect-value-container {
-      width: 100%;
-      display: flex;
-      cursor: pointer;
-      position: relative;
-      justify-content: space-between;
-      align-items: center;
-
-      .ng-jvx-multiselect__placeholder {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        position: absolute;
-      }
-
-      .ng-jvx-multiselect-value {
-        flex: 1 1 100%;
-        max-width: calc(100% - 28px);
-        display: flex;
-        align-items: center;
-      }
-
-
-      .ng-jvx-multiselect__remove-button {
-        display: flex;
-        height: 100%;
-        align-items: center;
-      }
-
-      .ng-jvx-multiselect-arrow {
-        width: 24px;
-        padding-right: 4px;
-        display: flex;
-        align-items: center;
-        height: 24px;
-
-        svg {
-          transition: transform 0.3s ease-in-out;
-        }
-
-        @keyframes lds-ring {
-          0% {
-            transform: rotate(0deg);
-          }
-          100% {
-            transform: rotate(360deg);
-          }
-        }
-
-        .lds-ring {
-          display: inline-block;
-          position: relative;
-          width: 24px;
-          height: 24px;
-
-          div {
-            box-sizing: border-box;
-            display: block;
-            position: absolute;
-            width: 6px;
-            height: 16px;
-            margin: 4px;
-            border: 2px solid;
-            border-radius: 50%;
-            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-            border-color: #{$accent} transparent transparent transparent;
-
-            &:nth-child(1) {
-              animation-delay: -0.45s;
-            }
-
-            &:nth-child(2) {
-              animation-delay: -0.3s;
-            }
-
-            &:nth-child(3) {
-              animation-delay: -0.15s;
-            }
-          }
-        }
-      }
-
-      &.is-open {
-        .ng-jvx-multiselect-arrow {
-          svg {
-            transform: rotate(180deg);
-          }
-        }
-      }
-
-    }
-
-    &.disabled {
-      pointer-events: none;
-
-      .ng-jvx-multiselect-arrow {
-        svg {
-          opacity: 0.3;
-        }
-      }
-    }
-
-    &.has-errors {
-      color: red;
-
-      .ng-jvx-multiselect-value {
-        &.single-value-container {
-          color: red;
-        }
-
-        &.multi-value-container {
-          width: 100%;
-        }
-      }
-
-      .ng-jvx-multiselect-arrow {
-        svg {
-          color: red;
-        }
-      }
-    }
-  }
-}
-
-.menu-list-container {
-  flex: 1 1 0;
-  max-height: 300px;
-  display: flex;
-  flex-direction: column;
-}
-
-.menu-footer {
-  //max-height: 30px;
-  overflow: hidden;
-}
-
-.cdk-overlay-pane {
-  .closeMenuButton {
-    height: 22px;
-    width: 22px;
-    background-color: #{$primary};
-    position: absolute;
-    top: -11px;
-    right: 11px;
-    border-radius: 100%;
-    cursor: pointer;
-    color: #fff;
-    z-index: 10;
-
-    svg {
-      fill: var(--jvx-multiselect-on-primary);
-      font-size: 15px;
-      height: 100%;
-      width: 100%;
-    }
-  }
-}
+@use 'sass:map';
+
+$primary: var(--jvx-multiselect-primary);
+$accent: var(--jvx-multiselect-accent);
+$warn: var(--jvx-multiselect-warn);
+ng-jvx-multiselect {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  .ng-jvx-multiselect {
+    width: 100%;
+    display: flex;
+    align-items: center;
+
+    .ng-jvx-multiselect-value-container {
+      width: 100%;
+      display: flex;
+      cursor: pointer;
+      position: relative;
+      justify-content: space-between;
+      align-items: center;
+
+      .ng-jvx-multiselect__placeholder {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        position: absolute;
+      }
+
+      .ng-jvx-multiselect-value {
+        flex: 1 1 100%;
+        max-width: calc(100% - 28px);
+        display: flex;
+        align-items: center;
+      }
+
+
+      .ng-jvx-multiselect__remove-button {
+        display: flex;
+        height: 100%;
+        align-items: center;
+      }
+
+      .ng-jvx-multiselect-arrow {
+        width: 24px;
+        padding-right: 4px;
+        display: flex;
+        align-items: center;
+        height: 24px;
+
+        svg {
+          transition: transform 0.3s ease-in-out;
+        }
+
+        @keyframes lds-ring {
+          0% {
+            transform: rotate(0deg);
+          }
+          100% {
+            transform: rotate(360deg);
+          }
+        }
+
+        .lds-ring {
+          display: inline-block;
+          position: relative;
+          width: 24px;
+          height: 24px;
+
+          div {
+            box-sizing: border-box;
+            display: block;
+            position: absolute;
+            width: 6px;
+            height: 16px;
+            margin: 4px;
+            border: 2px solid;
+            border-radius: 50%;
+            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+            border-color: #{$accent} transparent transparent transparent;
+
+            &:nth-child(1) {
+              animation-delay: -0.45s;
+            }
+
+            &:nth-child(2) {
+              animation-delay: -0.3s;
+            }
+
+            &:nth-child(3) {
+              animation-delay: -0.15s;
+            }
+          }
+        }
+      }
+
+      &.is-open {
+        .ng-jvx-multiselect-arrow {
+          svg {
+            transform: rotate(180deg);
+          }
+        }
+      }
+
+    }
+
+    &.disabled {
+      pointer-events: none;
+
+      .ng-jvx-multiselect-arrow {
+        svg {
+          opacity: 0.3;
+        }
+      }
+    }
+
+    &.has-errors {
+      color: red;
+
+      .ng-jvx-multiselect-value {
+        &.single-value-container {
+          color: red;
+        }
+
+        &.multi-value-container {
+          width: 100%;
+        }
+      }
+
+      .ng-jvx-multiselect-arrow {
+        svg {
+          color: red;
+        }
+      }
+    }
+  }
+}
+
+.menu-list-container {
+  flex: 1 1 0;
+  max-height: 300px;
+  display: flex;
+  flex-direction: column;
+}
+
+.menu-footer {
+  //max-height: 30px;
+  overflow: hidden;
+}
+
+.cdk-overlay-pane {
+  .closeMenuButton {
+    height: 22px;
+    width: 22px;
+    background-color: #{$primary};
+    position: absolute;
+    top: -11px;
+    right: 11px;
+    border-radius: 100%;
+    cursor: pointer;
+    color: #fff;
+    z-index: 10;
+
+    svg {
+      fill: var(--jvx-multiselect-on-primary);
+      font-size: 15px;
+      height: 100%;
+      width: 100%;
+    }
+  }
+}

package/src/lib/ng-jvx-option/ng-jvx-option.component.scss

@@ -1,32 +1,32 @@
-@use 'sass:map';
-
-$primary: var(--jvx-multiselect-primary);
-$accent: var(--jvx-multiselect-accent);
-$warn: var(--jvx-multiselect-warn);
-ng-jvx-option {
-  .option-content{
-    min-height: 48px;
-  }
-  .ng-jvx-option {
-    padding: 0;
-    height: auto;
-    min-height: 48px;
-    cursor: pointer;
-    position: relative;
-
-    &.ng-jvx-single-selected-option {
-
-      .list-option-background {
-        position: absolute;
-        left: 0;
-        top: 0;
-        z-index: -1;
-        opacity: 0.45;
-        height: 100%;
-        width: 100%;
-        background-color: #{$primary};
-        background-opacity: .3;
-      }
-    }
-  }
-}
+@use 'sass:map';
+
+$primary: var(--jvx-multiselect-primary);
+$accent: var(--jvx-multiselect-accent);
+$warn: var(--jvx-multiselect-warn);
+ng-jvx-option {
+  .option-content{
+    min-height: 48px;
+  }
+  .ng-jvx-option {
+    padding: 0;
+    height: auto;
+    min-height: 48px;
+    cursor: pointer;
+    position: relative;
+
+    &.ng-jvx-single-selected-option {
+
+      .list-option-background {
+        position: absolute;
+        left: 0;
+        top: 0;
+        z-index: -1;
+        opacity: 0.45;
+        height: 100%;
+        width: 100%;
+        background-color: #{$primary};
+        background-opacity: .3;
+      }
+    }
+  }
+}

package/src/lib/panel/panel.component.scss

@@ -1,11 +1,11 @@
-@use '@angular/cdk/overlay-prebuilt';
-
-.ng-jvx-panel{
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
-  background: var(--jvx-multiselect-panel-bg);
-}
-.ng-jvx-panel-overlay{
-  background-opacity: 0;
-}
+@use '@angular/cdk/overlay-prebuilt';
+
+.ng-jvx-panel{
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
+  background: var(--jvx-multiselect-panel-bg);
+}
+.ng-jvx-panel-overlay{
+  background-opacity: 0;
+}

package/lib/chiplist/chip/chip.component.d.ts

@@ -1,11 +0,0 @@
-import { NgJvxMultiselectComponent } from '../../ng-jvx-multiselect.component';
-import * as i0 from "@angular/core";
-export declare class NgJvxMultisectChipComponent {
-    removed: import("@angular/core").OutputEmitterRef<any>;
-    value: import("@angular/core").InputSignal<any>;
-    disabled: import("@angular/core").InputSignal<boolean>;
-    container: NgJvxMultiselectComponent;
-    clickOnRemove(e: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultisectChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultisectChipComponent, "ng-jvx-multiselect-chip", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
-}

package/lib/directives/ng-jvx-disabled-option.directive.d.ts

@@ -1,15 +0,0 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgJvxDisabledOptionDirective implements OnInit, OnDestroy {
-    private el;
-    private isDisabled;
-    private originalOpacity;
-    private unsubs;
-    private restore;
-    set ngJvxDisabledOption(source: boolean);
-    constructor(el: ElementRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxDisabledOptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgJvxDisabledOptionDirective, "[ngJvxDisabledOption]", never, { "ngJvxDisabledOption": { "alias": "ngJvxDisabledOption"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/directives/ng-jvx-focus.directive.d.ts

@@ -1,11 +0,0 @@
-import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgJvxFocusDirective implements OnInit, OnChanges {
-    private el;
-    ngJvxFocus: boolean;
-    constructor(el: ElementRef);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxFocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgJvxFocusDirective, "[ngJvxFocus]", never, { "ngJvxFocus": { "alias": "ngJvxFocus"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/directives/ng-jvx-group-header.directive.d.ts

@@ -1,10 +0,0 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgJvxGroupHeaderDirective {
-    template: TemplateRef<any>;
-    private vcRef;
-    constructor(template: TemplateRef<any>, vcRef: ViewContainerRef);
-    set ngJvxGroupHeaderOf(source: Array<any[]>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxGroupHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgJvxGroupHeaderDirective, "[ngJvxGroupHeader]", never, { "ngJvxGroupHeaderOf": { "alias": "ngJvxGroupHeaderOf"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/directives/ng-jvx-options-template.directive.d.ts

@@ -1,11 +0,0 @@
-import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgJvxOptionsTemplateDirective {
-    private el;
-    template: TemplateRef<any>;
-    private vcRef;
-    constructor(el: ElementRef, template: TemplateRef<any>, vcRef: ViewContainerRef);
-    set ngJvxOptionsTemplateOf(source: Array<any[]>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxOptionsTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgJvxOptionsTemplateDirective, "[ngJvxOptionsTemplate]", never, { "ngJvxOptionsTemplateOf": { "alias": "ngJvxOptionsTemplateOf"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/directives/ng-jvx-selection-template.directive.d.ts

@@ -1,10 +0,0 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgJvxSelectionTemplateDirective {
-    template: TemplateRef<any>;
-    private vcRef;
-    constructor(template: TemplateRef<any>, vcRef: ViewContainerRef);
-    set ngJvxSelectionTemplateOf(source: Array<any[]>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxSelectionTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgJvxSelectionTemplateDirective, "[ngJvxSelectionTemplate]", never, { "ngJvxSelectionTemplateOf": { "alias": "ngJvxSelectionTemplateOf"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/interfaces/ng-jvx-group-mapper.d.ts

@@ -1,8 +0,0 @@
-import { Observable } from 'rxjs';
-export interface NgJvxGroupMapper<T> {
-    mapGroup(option: T): Observable<NgJvxGroup<T>>;
-}
-export interface NgJvxGroup<T> {
-    group: string;
-    option: T;
-}

package/lib/interfaces/ng-jvx-option-mapper.d.ts

@@ -1,13 +0,0 @@
-import { Observable } from 'rxjs';
-/**
- * Maps the option returned by the async call in an object of type T. When object is mapped the resulting object is returned in an observable
- */
-export interface NgJvxOptionMapper<T> {
-    mapOption(source: any): Observable<T>;
-}
-/**
- * Maps the options returned by the async call in an object of type T. When object is mapped the resulting object is returned in an observable
- */
-export interface NgJvxMultiOptionMapper<T> {
-    mapOptions(source: any): Observable<T[]>;
-}

package/lib/interfaces/ng-jvx-search-mapper.d.ts

@@ -1,7 +0,0 @@
-import { Observable } from 'rxjs';
-/**
- * Maps the option returned by the async call in an object of type T. When object is mapped the resulting object is returned in an observable
- */
-export interface NgJvxSearchMapper<T> {
-    mapSearch(source: any, options: T[]): Observable<T[]>;
-}