@colijnit/corecomponents_v12 12.0.95 → 12.0.96

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 (15) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +61 -27
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.metadata.json +1 -1
  4. package/esm2015/lib/components/icon/icon.component.js +17 -5
  5. package/esm2015/lib/components/input-search/input-search.component.js +11 -1
  6. package/esm2015/lib/components/input-text/input-text.component.js +33 -17
  7. package/fesm2015/colijnit-corecomponents_v12.js +57 -19
  8. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  9. package/lib/components/icon/icon.component.d.ts +6 -1
  10. package/lib/components/input-search/input-search.component.d.ts +5 -0
  11. package/lib/components/input-search/style/_layout.scss +1 -1
  12. package/lib/components/input-text/input-text.component.d.ts +12 -5
  13. package/lib/components/input-text/style/_layout.scss +15 -5
  14. package/lib/components/input-text/style/_material-definition.scss +1 -0
  15. package/package.json +1 -1
package/lib/components/icon/icon.component.d.ts CHANGED
@@ -1,11 +1,16 @@
1
+ import { OnInit } from '@angular/core';
1
2
  import { SafeHtml } from '@angular/platform-browser';
2
3
  import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
3
4
  import { IconCacheService } from './icon-cache.service';
4
- export declare class IconComponent {
5
+ export declare class IconComponent implements OnInit {
5
6
  private _iconCache;
6
7
  set icon(value: CoreComponentsIcon);
7
8
  iconData: SafeHtml | undefined;
8
9
  showClass: boolean;
10
+ innerIconData: SafeHtml | undefined;
11
+ private _icon;
9
12
  constructor(_iconCache: IconCacheService);
13
+ ngOnInit(): void;
14
+ private _prepareIcon;
10
15
  private _setIconFromEnum;
11
16
  }
package/lib/components/input-search/input-search.component.d.ts CHANGED
@@ -1,12 +1,17 @@
1
1
  import { EventEmitter, OnDestroy } from '@angular/core';
2
2
  import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
3
3
  import { BaseInputComponent } from '../base/base-input.component';
4
+ import { SafeHtml } from '@angular/platform-browser';
4
5
  export declare class InputSearchComponent extends BaseInputComponent<string> implements OnDestroy {
5
6
  readonly searchIcon: CoreComponentsIcon;
6
7
  placeholder: string;
7
8
  search: EventEmitter<string>;
9
+ leftIconClick: EventEmitter<MouseEvent>;
10
+ rightIconClick: EventEmitter<MouseEvent>;
8
11
  useLeftIcon: boolean;
9
12
  useRightIcon: boolean;
13
+ leftIconData: SafeHtml | undefined;
14
+ rightIconData: SafeHtml | undefined;
10
15
  centerLabel: boolean;
11
16
  showClass(): boolean;
12
17
  handleKeyDown(event: KeyboardEvent): void;
package/lib/components/input-search/style/_layout.scss CHANGED
@@ -43,7 +43,7 @@
43
43
  &.center-label {
44
44
  .co-input-text {
45
45
  label {
46
- margin-left: 0;
46
+ //margin-left: 0;
47
47
  text-align: center;
48
48
  }
49
49
  }
package/lib/components/input-text/input-text.component.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef } from "@angular/core";
1
+ import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter } from '@angular/core';
2
2
  import { BaseInputComponent } from "../base/base-input.component";
3
3
  import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
4
4
  import { KeyboardCode } from "../../core/enum/keyboard-code.enum";
5
5
  import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
6
6
  import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
7
7
  import { FormComponent } from "../form/form.component";
8
+ import { SafeHtml } from '@angular/platform-browser';
8
9
  export declare class InputTextComponent extends BaseInputComponent<any> implements AfterViewInit {
9
10
  formComponent: FormComponent;
10
11
  protected changeDetector: ChangeDetectorRef;
@@ -23,15 +24,21 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
23
24
  showPlaceholderOnFocus: boolean;
24
25
  leftIcon: CoreComponentsIcon;
25
26
  rightIcon: CoreComponentsIcon;
27
+ leftIconData: SafeHtml | undefined;
28
+ rightIconData: SafeHtml | undefined;
26
29
  noStyle: boolean;
27
- set model(value: any);
28
- get model(): any;
30
+ hideArrowButtons: boolean;
31
+ isSmall: boolean;
32
+ leftIconClick: EventEmitter<MouseEvent>;
33
+ rightIconClick: EventEmitter<MouseEvent>;
29
34
  showClass(): boolean;
30
35
  get hasLeftIcon(): boolean;
31
36
  get hasRightIcon(): boolean;
32
37
  hasOwnLabel: boolean;
33
- hideArrowButtons: boolean;
34
- isSmall: boolean;
38
+ set model(value: any);
39
+ get model(): any;
35
40
  constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
36
41
  excludeNonDigitChars(event: any): boolean;
42
+ handleLeftIconClick(event: MouseEvent): void;
43
+ handleRightIconClick(event: MouseEvent): void;
37
44
  }
package/lib/components/input-text/style/_layout.scss CHANGED
@@ -25,13 +25,14 @@
25
25
  input {
26
26
  margin-left: $cc-input-margin-left;
27
27
  border: none;
28
- width: calc(100% - #{$cc-input-margin-left});
28
+ width: calc(100% - #{2 * $cc-input-margin-left});
29
29
  padding: 0;
30
30
  margin-top: calc((#{$cc-item-size} / 100) * 60);
31
31
  outline: none;
32
32
  }
33
33
  &.has-left-icon {
34
34
  .input-text-left-icon {
35
+ margin-left: $cc-co-input-text-icon-margin-number;
35
36
  top: 50%;
36
37
  position: absolute;
37
38
  height: 100%;
@@ -41,11 +42,18 @@
41
42
  }
42
43
  input, label {
43
44
  margin-left: $cc-item-size;
44
- width: calc(100% - #{$cc-item-size});
45
+ width: calc(100% - #{$cc-item-size + $cc-input-margin-left});
46
+ }
47
+ &.has-right-icon {
48
+ input, label {
49
+ margin-right: 2 * $cc-item-size;
50
+ width: calc(100% - #{2 * $cc-item-size});
51
+ }
45
52
  }
46
53
  }
47
54
  &.has-right-icon {
48
55
  .input-text-right-icon {
56
+ margin-right: $cc-co-input-text-icon-margin-number;
49
57
  top: 50%;
50
58
  position: absolute;
51
59
  right: 0;
@@ -54,9 +62,11 @@
54
62
  transform: translateY(-50%);
55
63
  max-height: $cc-co-input-text-icon-max-height;
56
64
  }
57
- input, label {
58
- margin-right: $cc-item-size;
59
- width: calc(100% - #{$cc-item-size});
65
+ &:not(.has-left-icon) {
66
+ input, label {
67
+ margin-right: $cc-item-size;
68
+ width: calc(100% - #{$cc-item-size});
69
+ }
60
70
  }
61
71
  }
62
72
  }
package/lib/components/input-text/style/_material-definition.scss CHANGED
@@ -7,5 +7,6 @@ $cc-co-input-placeholder-color: $cc-color-border !default;
7
7
  $cc-co-input-placeholder-font-style: italic !default;
8
8
  $cc-co-input-text-small-height: 45px !default;
9
9
  $cc-co-input-text-icon-max-height: 80px !default;
10
+ $cc-co-input-text-icon-margin-number: 0 !default;
10
11
  //$cc-co-input-label-color: $cc-color-border !default;
11
12
  //$cc-co-input-label-font-style: normal !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/corecomponents_v12",
3
- "version": "12.0.95",
3
+ "version": "12.0.96",
4
4
  "description": "Colijn IT core components for Angular 12",
5
5
  "private": false,
6
6
  "peerDependencies": {