@koobiq/components 16.0.0-beta.9 → 17.0.0-beta.2

package/tree/control/flat-tree-control.filters.d.ts

@@ -0,0 +1,26 @@
+import { FlatTreeControl } from './flat-tree-control';
+export interface FlatTreeControlFilter<T> {
+    result: T[];
+    handle(value: string | null, prevFilter?: FlatTreeControlFilter<T> | null): T[];
+}
+export declare class FilterByViewValue<T> implements FlatTreeControlFilter<T> {
+    private control;
+    result: T[];
+    constructor(control: FlatTreeControl<T>);
+    handle(value: string | null): T[];
+}
+export declare class FilterParentsForNodes<T> implements FlatTreeControlFilter<T> {
+    private control;
+    result: T[];
+    constructor(control: FlatTreeControl<T>);
+    handle(_: any, prevFilter: FlatTreeControlFilter<T>): T[];
+}
+export declare class FilterByValues<T> implements FlatTreeControlFilter<T> {
+    private control;
+    result: T[];
+    private values;
+    constructor(control: FlatTreeControl<T>);
+    handle(_: any, prevFilter?: FlatTreeControlFilter<T>): T[];
+    setValues: (values: string[]) => void;
+    getValues(): string[];
+}

package/tree/control/tree-control.d.ts

@@ -11,7 +11,7 @@ export interface TreeControl<T> {
     /** The expansion model */
     expansionModel: SelectionModel<T>;
     filterModel: SelectionModel<T>;
-    filterValue: BehaviorSubject<string | null>;
+    filterValue: BehaviorSubject<T[] | string | null>;
     /** Get depth of a given data node, return the level number. This is for flat tree node. */
     getLevel(dataNode: T): number;
     /**

package/tree/public-api.d.ts

@@ -10,6 +10,7 @@ export * from './tree-option.component';
 export * from './control/base-tree-control';
 export * from './control/tree-control';
 export * from './control/flat-tree-control';
+export * from './control/flat-tree-control.filters';
 export * from './control/nested-tree-control';
 export * from './data-source/flat-data-source';
 export * from './data-source/nested-data-source';

package/tree/tree-option.scss

@@ -62,7 +62,7 @@ $tokens: meta.module-variables(tokens) !default;
         outline: none;
     }
 
-    &:not([disabled]) {
+    &:not(.kbq-disabled) {
         cursor: pointer;
     }
 
@@ -70,9 +70,9 @@ $tokens: meta.module-variables(tokens) !default;
         display: none;
     }
 
-    &:not([disabled]):hover,
-    &:not([disabled]).kbq-focused,
-    &:not([disabled]).kbq-action-button-focused {
+    &:not(.kbq-disabled):hover,
+    &:not(.kbq-disabled).kbq-focused,
+    &:not(.kbq-disabled).kbq-action-button-focused {
         & .kbq-option-action {
             display: flex;
         }

package/tree-select/tree-select.component.d.ts

@@ -5,7 +5,7 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
-import { KbqSelectMatcher, KbqSelectSearch } from '@koobiq/components/select';
+import { KbqSelectSearch } from '@koobiq/components/select';
 import { KbqTag } from '@koobiq/components/tags';
 import { KbqTreeSelection, KbqTreeOption } from '@koobiq/components/tree';
 import { Observable, Subject } from 'rxjs';
@@ -24,7 +24,11 @@ export declare class KbqTreeSelectChange {
 }
 export declare class KbqTreeSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelectTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeSelectTrigger, "kbq-tree-select-trigger", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeSelectTrigger, "kbq-tree-select-trigger,[kbq-tree-select-trigger]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqTreeSelectMatcher {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelectMatcher, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTreeSelectMatcher, "kbq-tree-select-matcher", never, {}, {}, never, never, false, never>;
 }
 export declare class KbqTreeSelectFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelectFooter, never>;
@@ -91,7 +95,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     cleaner: KbqCleaner;
     /** User-supplied override of the trigger element. */
     customTrigger: KbqTreeSelectTrigger;
-    customMatcher: KbqSelectMatcher;
+    customMatcher: KbqTreeSelectMatcher;
     customTagTemplateRef: TemplateRef<any>;
     tree: KbqTreeSelection;
     search: KbqSelectSearch;
@@ -280,6 +284,6 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     private _compareWith;
     private subscribeOnSearchChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-tree-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-tree-select-footer,[kbq-tree-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-tree-select-trigger", "kbq-cleaner", "kbq-tree-select-matcher, [kbq-tree-select-matcher]", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-tree-select-footer,[kbq-tree-select-footer]"], false, never>;
 }
 export {};

package/tree-select/tree-select.module.d.ts

@@ -9,6 +9,6 @@ import * as i7 from "@koobiq/components/core";
 import * as i8 from "@koobiq/components/select";
 export declare class KbqTreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTreeSelectModule, [typeof i1.KbqTreeSelect, typeof i1.KbqTreeSelectTrigger, typeof i1.KbqTreeSelectFooter], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.KbqTreeModule, typeof i5.KbqIconModule, typeof i6.KbqTagsModule, typeof i7.KbqPseudoCheckboxModule, typeof i8.KbqSelectModule], [typeof i1.KbqTreeSelect, typeof i1.KbqTreeSelectTrigger, typeof i1.KbqTreeSelectFooter, typeof i2.CommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTreeSelectModule, [typeof i1.KbqTreeSelect, typeof i1.KbqTreeSelectTrigger, typeof i1.KbqTreeSelectMatcher, typeof i1.KbqTreeSelectFooter], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.KbqTreeModule, typeof i5.KbqIconModule, typeof i6.KbqTagsModule, typeof i7.KbqPseudoCheckboxModule, typeof i8.KbqSelectModule], [typeof i1.KbqTreeSelect, typeof i1.KbqTreeSelectTrigger, typeof i1.KbqTreeSelectMatcher, typeof i1.KbqTreeSelectFooter, typeof i2.CommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTreeSelectModule>;
 }

package/esm2022/navbar/vertical-navbar.animation.mjs

@@ -1,10 +0,0 @@
-import { animate, style, transition, trigger, state } from '@angular/animations';
-import { VerticalNavbarSizeStatesCollapsedWidth as closedWidth, VerticalNavbarSizeStatesExpandedWidth as openedWidth } from '@koobiq/design-tokens/web';
-export function toggleVerticalNavbarAnimation() {
-    return trigger('toggle', [
-        state('0', style({ width: `var(--kbq-vertical-navbar-size-states-collapsed-width, ${closedWidth})` })),
-        state('1', style({ width: `var(--kbq-vertical-navbar-size-states-expanded-width, ${openedWidth})` })),
-        transition('0 <=> 1', animate('200ms cubic-bezier(0, 1, 0.5, 1)'))
-    ]);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtbmF2YmFyLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvbmF2YmFyL3ZlcnRpY2FsLW5hdmJhci5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBNEIsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0csT0FBTyxFQUNILHNDQUFzQyxJQUFJLFdBQVcsRUFDckQscUNBQXFDLElBQUksV0FBVyxFQUN2RCxNQUFNLDJCQUEyQixDQUFDO0FBR25DLE1BQU0sVUFBVSw2QkFBNkI7SUFDekMsT0FBTyxPQUFPLENBQUMsUUFBUSxFQUFFO1FBQ3JCLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsS0FBSyxFQUFFLDBEQUEwRCxXQUFXLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDdEcsS0FBSyxDQUFDLEdBQUcsRUFBRyxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUseURBQXlELFdBQVcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN0RyxVQUFVLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDO0tBQ3JFLENBQUMsQ0FBQztBQUNQLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCBzdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgICBWZXJ0aWNhbE5hdmJhclNpemVTdGF0ZXNDb2xsYXBzZWRXaWR0aCBhcyBjbG9zZWRXaWR0aCxcbiAgICBWZXJ0aWNhbE5hdmJhclNpemVTdGF0ZXNFeHBhbmRlZFdpZHRoIGFzIG9wZW5lZFdpZHRoXG59IGZyb20gJ0Brb29iaXEvZGVzaWduLXRva2Vucy93ZWInO1xuXG5cbmV4cG9ydCBmdW5jdGlvbiB0b2dnbGVWZXJ0aWNhbE5hdmJhckFuaW1hdGlvbigpOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEge1xuICAgIHJldHVybiB0cmlnZ2VyKCd0b2dnbGUnLCBbXG4gICAgICAgIHN0YXRlKCcwJywgc3R5bGUoeyB3aWR0aDogYHZhcigtLWticS12ZXJ0aWNhbC1uYXZiYXItc2l6ZS1zdGF0ZXMtY29sbGFwc2VkLXdpZHRoLCAke2Nsb3NlZFdpZHRofSlgIH0pKSxcbiAgICAgICAgc3RhdGUoJzEnLCAgc3R5bGUoeyB3aWR0aDogYHZhcigtLWticS12ZXJ0aWNhbC1uYXZiYXItc2l6ZS1zdGF0ZXMtZXhwYW5kZWQtd2lkdGgsICR7b3BlbmVkV2lkdGh9KWAgfSkpLFxuICAgICAgICB0cmFuc2l0aW9uKCcwIDw9PiAxJywgYW5pbWF0ZSgnMjAwbXMgY3ViaWMtYmV6aWVyKDAsIDEsIDAuNSwgMSknKSlcbiAgICBdKTtcbn1cbiJdfQ==

package/form-field/password-hint.scss

@@ -1,11 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
-.kbq-password-hint {
-    display: block;
-}

package/navbar/vertical-navbar.animation.d.ts

@@ -1,2 +0,0 @@
-import { AnimationTriggerMetadata } from '@angular/animations';
-export declare function toggleVerticalNavbarAnimation(): AnimationTriggerMetadata;