@koobiq/components 18.14.0 → 18.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/LICENSE +1 -1
  2. package/button-toggle/_button-toggle-theme.scss +0 -4
  3. package/button-toggle/button-toggle-tokens.scss +1 -4
  4. package/button-toggle/button-toggle.scss +11 -0
  5. package/core/select/common.d.ts +17 -0
  6. package/core/select/constants.d.ts +0 -18
  7. package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
  8. package/esm2022/core/select/common.mjs +63 -1
  9. package/esm2022/core/select/constants.mjs +1 -19
  10. package/esm2022/core/version.mjs +2 -2
  11. package/esm2022/form-field/form-field.mjs +2 -2
  12. package/esm2022/select/select.component.mjs +4 -78
  13. package/esm2022/tabs/tab-header.component.mjs +2 -2
  14. package/esm2022/tabs/tab-nav-bar.mjs +3 -3
  15. package/esm2022/tree-select/tree-select.component.mjs +21 -56
  16. package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
  17. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  18. package/fesm2022/koobiq-components-core.mjs +78 -35
  19. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  20. package/fesm2022/koobiq-components-form-field.mjs +2 -2
  21. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  22. package/fesm2022/koobiq-components-select.mjs +3 -77
  23. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  24. package/fesm2022/koobiq-components-tabs.mjs +4 -4
  25. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  26. package/fesm2022/koobiq-components-tree-select.mjs +19 -54
  27. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  28. package/form-field/_form-field-theme.scss +2 -2
  29. package/link/_link-theme.scss +6 -4
  30. package/package.json +4 -4
  31. package/prebuilt-themes/dark-theme.css +1 -1
  32. package/prebuilt-themes/light-theme.css +1 -1
  33. package/prebuilt-themes/theme.css +1 -1
  34. package/schematics/ng-add/index.js +2 -2
  35. package/select/select.component.d.ts +2 -15
  36. package/tabs/_tabs-common.scss +14 -0
  37. package/tabs/tab-header.scss +0 -14
  38. package/tree-select/tree-select.component.d.ts +5 -16
@@ -1,9 +1,9 @@
1
1
  import { Directionality } from '@angular/cdk/bidi';
2
2
  import { SelectionModel } from '@angular/cdk/collections';
3
- import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition, ViewportRuler } from '@angular/cdk/overlay';
3
+ import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
4
4
  import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, InjectionToken, NgZone, OnChanges, OnDestroy, OnInit, Provider, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
5
5
  import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
6
- import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqLocaleService, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
6
+ import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqAbstractSelect, KbqLocaleService, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
7
7
  import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
8
8
  import { KbqTag } from '@koobiq/components/tags';
9
9
  import { KbqTreeOption, KbqTreeSelection } from '@koobiq/components/tree';
@@ -46,7 +46,7 @@ export declare class KbqTreeSelectChange {
46
46
  constructor(source: KbqTreeSelect, value: any, isUserInput?: boolean);
47
47
  }
48
48
  /** @docs-private */
49
- declare class KbqTreeSelectBase {
49
+ declare class KbqTreeSelectBase extends KbqAbstractSelect {
50
50
  elementRef: ElementRef;
51
51
  defaultErrorStateMatcher: ErrorStateMatcher;
52
52
  parentForm: NgForm;
@@ -64,7 +64,6 @@ declare class KbqTreeSelectBase {
64
64
  declare const KbqTreeSelectMixinBase: CanDisableCtor & HasTabIndexCtor & CanUpdateErrorStateCtor & typeof KbqTreeSelectBase;
65
65
  export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements AfterContentInit, AfterViewInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, CanDisable, HasTabIndex, KbqFormFieldControl<KbqTreeOption>, CanUpdateErrorState {
66
66
  readonly changeDetectorRef: ChangeDetectorRef;
67
- private readonly viewportRuler;
68
67
  private readonly ngZone;
69
68
  private readonly renderer;
70
69
  private readonly scrollStrategyFactory;
@@ -177,8 +176,6 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
177
176
  protected overlayWidth: string | number;
178
177
  /** Min width of the overlay panel. */
179
178
  protected overlayMinWidth: string | number;
180
- /** Overlay panel class. */
181
- protected readonly overlayPanelClass = "kbq-select-overlay";
182
179
  /** Origin for the overlay panel. */
183
180
  protected overlayOrigin?: CdkOverlayOrigin | ElementRef;
184
181
  /**
@@ -199,7 +196,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
199
196
  private readonly uid;
200
197
  private tempValues;
201
198
  private readonly destroyRef;
202
- constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, localeService?: KbqLocaleService | undefined);
199
+ constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, localeService?: KbqLocaleService | undefined);
203
200
  ngOnInit(): void;
204
201
  ngAfterContentInit(): void;
205
202
  ngAfterViewInit(): void;
@@ -298,16 +295,8 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
298
295
  private highlightCorrectOption;
299
296
  /** Scrolls the active option into view. */
300
297
  private scrollActiveOptionIntoView;
301
- /**
302
- * Sets the x-offset of the overlay panel in relation to the trigger's top start corner.
303
- * This must be adjusted to align the selected option text over the trigger text when
304
- * the panel opens. Will change based on LTR or RTL text direction. Note that the offset
305
- * can't be calculated until the panel has been attached, because we need to know the
306
- * content width in order to constrain the panel within the viewport.
307
- */
308
- private calculateOverlayOffsetX;
309
298
  private subscribeOnSearchChanges;
310
- static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
299
+ static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
311
300
  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; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
312
301
  }
313
302
  export {};