pdm-ui-kit 1.5.0 → 1.6.1

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 (21) hide show
  1. package/esm2020/input/input.component.mjs +10 -3
  2. package/esm2020/select/select.component.mjs +63 -11
  3. package/esm2020/src/input/input.component.mjs +10 -3
  4. package/esm2020/src/select/select.component.mjs +63 -11
  5. package/fesm2015/pdm-ui-kit-src-input.mjs +8 -2
  6. package/fesm2015/pdm-ui-kit-src-input.mjs.map +1 -1
  7. package/fesm2015/pdm-ui-kit-src-select.mjs +62 -10
  8. package/fesm2015/pdm-ui-kit-src-select.mjs.map +1 -1
  9. package/fesm2015/pdm-ui-kit.mjs +70 -12
  10. package/fesm2015/pdm-ui-kit.mjs.map +1 -1
  11. package/fesm2020/pdm-ui-kit-src-input.mjs +8 -2
  12. package/fesm2020/pdm-ui-kit-src-input.mjs.map +1 -1
  13. package/fesm2020/pdm-ui-kit-src-select.mjs +62 -10
  14. package/fesm2020/pdm-ui-kit-src-select.mjs.map +1 -1
  15. package/fesm2020/pdm-ui-kit.mjs +70 -12
  16. package/fesm2020/pdm-ui-kit.mjs.map +1 -1
  17. package/input/input.component.d.ts +4 -1
  18. package/package.json +1 -1
  19. package/select/select.component.d.ts +12 -3
  20. package/src/input/input.component.d.ts +4 -1
  21. package/src/select/select.component.d.ts +12 -3
package/input/input.component.d.ts CHANGED
@@ -2,6 +2,7 @@ import { EventEmitter } from "@angular/core";
2
2
  import * as i0 from "@angular/core";
3
3
  export declare type PdmInputSize = "mini" | "small" | "regular" | "large";
4
4
  export declare type PdmInputRoundness = "default" | "round";
5
+ export declare type PdmInputIconPosition = "left" | "right";
5
6
  export declare class PdmInputComponent {
6
7
  id: string;
7
8
  type: string;
@@ -13,6 +14,8 @@ export declare class PdmInputComponent {
13
14
  invalid: boolean;
14
15
  size: PdmInputSize;
15
16
  roundness: PdmInputRoundness;
17
+ icon: string;
18
+ iconPosition: PdmInputIconPosition;
16
19
  className: string;
17
20
  inputClassName: string;
18
21
  label: string;
@@ -27,5 +30,5 @@ export declare class PdmInputComponent {
27
30
  get errorAttrId(): string | null;
28
31
  get descriptionAttrId(): string | null;
29
32
  static ɵfac: i0.ɵɵFactoryDeclaration<PdmInputComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
33
+ static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "icon": "icon"; "iconPosition": "iconPosition"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
31
34
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pdm-ui-kit",
3
- "version": "1.5.0",
3
+ "version": "1.6.1",
4
4
  "description": "PDM UI Kit Angular components - Responsive by default",
5
5
  "author": "Corelusa",
6
6
  "license": "MIT",
package/select/select.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
1
+ import { AfterContentInit, ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
2
2
  import { Overlay } from "@angular/cdk/overlay";
3
3
  import { PdmOverlayOptions } from "pdm-ui-kit/src/overlay";
4
4
  import * as i0 from "@angular/core";
@@ -7,13 +7,14 @@ export interface PdmSelectOption {
7
7
  value: string;
8
8
  disabled?: boolean;
9
9
  }
10
- export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
10
+ export declare class PdmSelectComponent implements AfterContentInit, DoCheck, OnDestroy {
11
11
  private readonly cdr;
12
12
  private readonly overlay;
13
13
  private readonly viewContainerRef;
14
14
  id: string;
15
15
  value: string;
16
- options: PdmSelectOption[];
16
+ set options(value: PdmSelectOption[] | null | undefined);
17
+ get options(): PdmSelectOption[];
17
18
  disabled: boolean;
18
19
  invalid: boolean;
19
20
  className: string;
@@ -32,8 +33,13 @@ export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
32
33
  private projectedOptions;
33
34
  private overlayRef;
34
35
  private backdropSub;
36
+ private projectedOptionsSub;
37
+ private inputOptions;
38
+ private readonly projectedOptionCache;
39
+ private readonly cachedProjectedOptions;
35
40
  constructor(cdr: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
36
41
  ngAfterContentInit(): void;
42
+ ngDoCheck(): void;
37
43
  ngOnDestroy(): void;
38
44
  /**
39
45
  * Returns the effective list of options.
@@ -46,7 +52,10 @@ export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
46
52
  toggle(): void;
47
53
  onChange(event: Event): void;
48
54
  selectOption(option: PdmSelectOption): void;
55
+ trackByOptionValue(index: number, option: PdmSelectOption): string;
49
56
  onEscape(): void;
57
+ private syncProjectedOptions;
58
+ private optionKey;
50
59
  private openPanel;
51
60
  private closePanel;
52
61
  private destroyOverlay;
package/src/input/input.component.d.ts CHANGED
@@ -2,6 +2,7 @@ import { EventEmitter } from "@angular/core";
2
2
  import * as i0 from "@angular/core";
3
3
  export declare type PdmInputSize = "mini" | "small" | "regular" | "large";
4
4
  export declare type PdmInputRoundness = "default" | "round";
5
+ export declare type PdmInputIconPosition = "left" | "right";
5
6
  export declare class PdmInputComponent {
6
7
  id: string;
7
8
  type: string;
@@ -13,6 +14,8 @@ export declare class PdmInputComponent {
13
14
  invalid: boolean;
14
15
  size: PdmInputSize;
15
16
  roundness: PdmInputRoundness;
17
+ icon: string;
18
+ iconPosition: PdmInputIconPosition;
16
19
  className: string;
17
20
  inputClassName: string;
18
21
  label: string;
@@ -27,5 +30,5 @@ export declare class PdmInputComponent {
27
30
  get errorAttrId(): string | null;
28
31
  get descriptionAttrId(): string | null;
29
32
  static ɵfac: i0.ɵɵFactoryDeclaration<PdmInputComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
33
+ static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "icon": "icon"; "iconPosition": "iconPosition"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
31
34
  }
package/src/select/select.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
1
+ import { AfterContentInit, ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
2
2
  import { Overlay } from "@angular/cdk/overlay";
3
3
  import { PdmOverlayOptions } from "pdm-ui-kit/src/overlay";
4
4
  import * as i0 from "@angular/core";
@@ -7,13 +7,14 @@ export interface PdmSelectOption {
7
7
  value: string;
8
8
  disabled?: boolean;
9
9
  }
10
- export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
10
+ export declare class PdmSelectComponent implements AfterContentInit, DoCheck, OnDestroy {
11
11
  private readonly cdr;
12
12
  private readonly overlay;
13
13
  private readonly viewContainerRef;
14
14
  id: string;
15
15
  value: string;
16
- options: PdmSelectOption[];
16
+ set options(value: PdmSelectOption[] | null | undefined);
17
+ get options(): PdmSelectOption[];
17
18
  disabled: boolean;
18
19
  invalid: boolean;
19
20
  className: string;
@@ -32,8 +33,13 @@ export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
32
33
  private projectedOptions;
33
34
  private overlayRef;
34
35
  private backdropSub;
36
+ private projectedOptionsSub;
37
+ private inputOptions;
38
+ private readonly projectedOptionCache;
39
+ private readonly cachedProjectedOptions;
35
40
  constructor(cdr: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
36
41
  ngAfterContentInit(): void;
42
+ ngDoCheck(): void;
37
43
  ngOnDestroy(): void;
38
44
  /**
39
45
  * Returns the effective list of options.
@@ -46,7 +52,10 @@ export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
46
52
  toggle(): void;
47
53
  onChange(event: Event): void;
48
54
  selectOption(option: PdmSelectOption): void;
55
+ trackByOptionValue(index: number, option: PdmSelectOption): string;
49
56
  onEscape(): void;
57
+ private syncProjectedOptions;
58
+ private optionKey;
50
59
  private openPanel;
51
60
  private closePanel;
52
61
  private destroyOverlay;