design-angular-kit 19.0.0 → 19.2.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 (9) hide show
  1. package/fesm2022/design-angular-kit.mjs +75 -36
  2. package/fesm2022/design-angular-kit.mjs.map +1 -1
  3. package/lib/components/core/card/card.component.d.ts +40 -23
  4. package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +6 -2
  5. package/lib/components/core/list/list-item/list-item.component.d.ts +5 -4
  6. package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +6 -1
  7. package/lib/components/form/search/search.component.d.ts +0 -1
  8. package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +5 -1
  9. package/package.json +2 -2
package/lib/components/core/card/card.component.d.ts CHANGED
@@ -7,45 +7,55 @@ import * as i1 from "../../../utils/coercion";
7
7
  */
8
8
  export declare class ItCardComponent extends ItAbstractComponent {
9
9
  /**
10
- * To create cards with short or "preview" content
10
+ * To create inline cards
11
11
  * @default false
12
12
  */
13
- teaser?: boolean;
13
+ inline?: boolean;
14
14
  /**
15
- * To create special cards
15
+ * To create inline mini cards
16
16
  * @default false
17
17
  */
18
- special?: boolean;
18
+ mini?: boolean;
19
19
  /**
20
- * Card with image
20
+ * To add border
21
+ * @default true
22
+ */
23
+ border: boolean;
24
+ /**
25
+ * To create banner cards
21
26
  * @default false
22
27
  */
23
- hasImage?: boolean;
28
+ banner?: boolean;
29
+ /**
30
+ * To create profile cards
31
+ * @default false
32
+ */
33
+ profile?: boolean;
24
34
  /**
25
- * To add rounding effects
35
+ * To create rounded cards
26
36
  * @default false
27
37
  */
28
38
  rounded?: boolean;
29
39
  /**
30
- * To add shadow effects
40
+ * To create inline reverse cards
31
41
  * @default false
32
42
  */
33
- shadow?: boolean;
43
+ reverse?: boolean;
34
44
  /**
35
- * To add background and shadow
45
+ * To create full height cards
36
46
  * @default false
37
47
  */
38
- background?: boolean;
48
+ fullHeight?: boolean;
39
49
  /**
40
- * To add bottom border
50
+ * Card with image
41
51
  * @default false
42
52
  */
43
- borderBottom?: boolean;
53
+ hasImage?: boolean;
44
54
  /**
45
- * To render a big card
55
+ * To add top border
46
56
  * @default false
47
57
  */
48
- big?: boolean;
58
+ borderTop?: boolean;
49
59
  /**
50
60
  * Custom card class
51
61
  * @default ''
@@ -56,14 +66,21 @@ export declare class ItCardComponent extends ItAbstractComponent {
56
66
  * @default ''
57
67
  */
58
68
  bodyClass: string;
69
+ /**
70
+ * Shadow type
71
+ * @default 'sm'
72
+ */
73
+ shadow: 'sm' | 'lg' | 'normal' | 'none';
59
74
  static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
60
- static ɵcmp: i0.ɵɵComponentDeclaration<ItCardComponent, "it-card", never, { "teaser": { "alias": "teaser"; "required": false; }; "special": { "alias": "special"; "required": false; }; "hasImage": { "alias": "hasImage"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "background": { "alias": "background"; "required": false; }; "borderBottom": { "alias": "borderBottom"; "required": false; }; "big": { "alias": "big"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, never, ["[beforeBody]", "*"], true, never>;
61
- static ngAcceptInputType_teaser: i1.BooleanInput;
62
- static ngAcceptInputType_special: i1.BooleanInput;
63
- static ngAcceptInputType_hasImage: i1.BooleanInput;
75
+ static ɵcmp: i0.ɵɵComponentDeclaration<ItCardComponent, "it-card", never, { "inline": { "alias": "inline"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "border": { "alias": "border"; "required": false; }; "banner": { "alias": "banner"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "hasImage": { "alias": "hasImage"; "required": false; }; "borderTop": { "alias": "borderTop"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, {}, never, ["[beforeBody]", "*"], true, never>;
76
+ static ngAcceptInputType_inline: i1.BooleanInput;
77
+ static ngAcceptInputType_mini: i1.BooleanInput;
78
+ static ngAcceptInputType_border: i1.BooleanInput;
79
+ static ngAcceptInputType_banner: i1.BooleanInput;
80
+ static ngAcceptInputType_profile: i1.BooleanInput;
64
81
  static ngAcceptInputType_rounded: i1.BooleanInput;
65
- static ngAcceptInputType_shadow: i1.BooleanInput;
66
- static ngAcceptInputType_background: i1.BooleanInput;
67
- static ngAcceptInputType_borderBottom: i1.BooleanInput;
68
- static ngAcceptInputType_big: i1.BooleanInput;
82
+ static ngAcceptInputType_reverse: i1.BooleanInput;
83
+ static ngAcceptInputType_fullHeight: i1.BooleanInput;
84
+ static ngAcceptInputType_hasImage: i1.BooleanInput;
85
+ static ngAcceptInputType_borderTop: i1.BooleanInput;
69
86
  }
package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts CHANGED
@@ -1,8 +1,9 @@
1
+ import { OnInit } from '@angular/core';
1
2
  import { IconName } from '../../../../interfaces/icon';
2
3
  import { ItLinkComponent } from '../../link/link.component';
3
4
  import * as i0 from "@angular/core";
4
5
  import * as i1 from "../../../../utils/coercion";
5
- export declare class ItDropdownItemComponent extends ItLinkComponent {
6
+ export declare class ItDropdownItemComponent extends ItLinkComponent implements OnInit {
6
7
  /**
7
8
  * Show divider
8
9
  * @default false
@@ -36,10 +37,13 @@ export declare class ItDropdownItemComponent extends ItLinkComponent {
36
37
  * @default false
37
38
  */
38
39
  isDark: boolean;
40
+ private elRef;
41
+ protected isHostElement: boolean;
39
42
  get linkClass(): string;
43
+ ngOnInit(): void;
40
44
  setDark(dark: boolean): void;
41
45
  static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownItemComponent, never>;
42
- static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownItemComponent, "it-dropdown-item", never, { "divider": { "alias": "divider"; "required": false; }; "active": { "alias": "active"; "required": false; }; "large": { "alias": "large"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
46
+ static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownItemComponent, "it-dropdown-item, li[itDropdownItem]", never, { "divider": { "alias": "divider"; "required": false; }; "active": { "alias": "active"; "required": false; }; "large": { "alias": "large"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
43
47
  static ngAcceptInputType_divider: i1.BooleanInput;
44
48
  static ngAcceptInputType_active: i1.BooleanInput;
45
49
  static ngAcceptInputType_large: i1.BooleanInput;
package/lib/components/core/list/list-item/list-item.component.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ElementRef } from '@angular/core';
1
+ import { OnInit } from '@angular/core';
2
2
  import { ItLinkComponent } from '../../link/link.component';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "../../../../utils/coercion";
5
- export declare class ItListItemComponent extends ItLinkComponent {
5
+ export declare class ItListItemComponent extends ItLinkComponent implements OnInit {
6
6
  private elRef;
7
- constructor(elRef: ElementRef);
7
+ protected isHostElement: boolean;
8
8
  /**
9
9
  * Add active class
10
10
  * @default false
@@ -36,8 +36,9 @@ export declare class ItListItemComponent extends ItLinkComponent {
36
36
  */
37
37
  image: URL | undefined;
38
38
  get itemClass(): string;
39
+ ngOnInit(): void;
39
40
  static ɵfac: i0.ɵɵFactoryDeclaration<ItListItemComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<ItListItemComponent, "it-list-item", never, { "active": { "alias": "active"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], true, never>;
41
+ static ɵcmp: i0.ɵɵComponentDeclaration<ItListItemComponent, "it-list-item, li[itListItem]", never, { "active": { "alias": "active"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], true, never>;
41
42
  static ngAcceptInputType_active: i1.BooleanInput;
42
43
  static ngAcceptInputType_iconLeft: i1.BooleanInput;
43
44
  static ngAcceptInputType_iconRight: i1.BooleanInput;
package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts CHANGED
@@ -5,6 +5,11 @@ import * as i0 from "@angular/core";
5
5
  import * as i1 from "../../../../utils/coercion";
6
6
  export declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
7
7
  private readonly _changeDetectorRef;
8
+ /**
9
+ * The confirmed label if different from default
10
+ * @default null
11
+ */
12
+ confirmedLabel: string | null;
8
13
  /**
9
14
  * The active step index
10
15
  * @param index the step index
@@ -113,7 +118,7 @@ export declare class ItSteppersContainerComponent implements AfterViewInit, OnDe
113
118
  ngAfterViewInit(): void;
114
119
  ngOnDestroy(): void;
115
120
  static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
116
- static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container", never, { "activeStep": { "alias": "activeStep"; "required": true; }; "showHeader": { "alias": "showHeader"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "steppersNumber": { "alias": "steppersNumber"; "required": false; }; "progressStyle": { "alias": "progressStyle"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "disableBackButton": { "alias": "disableBackButton"; "required": false; }; "showForwardButton": { "alias": "showForwardButton"; "required": false; }; "disableForwardButton": { "alias": "disableForwardButton"; "required": false; }; "showConfirmButton": { "alias": "showConfirmButton"; "required": false; }; "disableConfirmButton": { "alias": "disableConfirmButton"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, true, never>;
121
+ static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container", never, { "confirmedLabel": { "alias": "confirmedLabel"; "required": false; }; "activeStep": { "alias": "activeStep"; "required": true; }; "showHeader": { "alias": "showHeader"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "steppersNumber": { "alias": "steppersNumber"; "required": false; }; "progressStyle": { "alias": "progressStyle"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "disableBackButton": { "alias": "disableBackButton"; "required": false; }; "showForwardButton": { "alias": "showForwardButton"; "required": false; }; "disableForwardButton": { "alias": "disableForwardButton"; "required": false; }; "showConfirmButton": { "alias": "showConfirmButton"; "required": false; }; "disableConfirmButton": { "alias": "disableConfirmButton"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, true, never>;
117
122
  static ngAcceptInputType_showHeader: i1.BooleanInput;
118
123
  static ngAcceptInputType_dark: i1.BooleanInput;
119
124
  static ngAcceptInputType_steppersNumber: i1.BooleanInput;
package/lib/components/form/search/search.component.d.ts CHANGED
@@ -51,7 +51,6 @@ export declare class ItSearchComponent extends ItAbstractFormComponent<string |
51
51
  protected onEntryClick(entry: SearchItem, event: Event): void;
52
52
  protected searchItemTrackByValueFn(index: number, item: SearchItem): string;
53
53
  protected onKeyDown(): void;
54
- protected get isActiveLabel(): boolean;
55
54
  static ɵfac: i0.ɵɵFactoryDeclaration<ItSearchComponent, never>;
56
55
  static ɵcmp: i0.ɵɵComponentDeclaration<ItSearchComponent, "it-search", never, { "searchData": { "alias": "searchData"; "required": true; }; "big": { "alias": "big"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "labelWaria": { "alias": "labelWaria"; "required": false; }; "forceShowLabel": { "alias": "forceShowLabel"; "required": false; }; }, { "searchSelectedEvent": "searchSelectedEvent"; }, never, ["[error]"], true, never>;
57
56
  static ngAcceptInputType_big: i1.BooleanInput;
package/lib/components/form/upload-file-list/upload-file-list.component.d.ts CHANGED
@@ -15,6 +15,10 @@ export declare class ItUploadFileListComponent extends ItAbstractComponent imple
15
15
  * @default *
16
16
  */
17
17
  accept: string;
18
+ /**
19
+ * A label for the upload button
20
+ */
21
+ label?: string;
18
22
  /**
19
23
  * If upload multiple files
20
24
  * @default true
@@ -55,7 +59,7 @@ export declare class ItUploadFileListComponent extends ItAbstractComponent imple
55
59
  */
56
60
  getFileSize(file: File): string;
57
61
  static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadFileListComponent, never>;
58
- static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadFileListComponent, "it-upload-file-list", never, { "fileList": { "alias": "fileList"; "required": true; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "images": { "alias": "images"; "required": false; }; "hideLoadButton": { "alias": "hideLoadButton"; "required": false; }; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, true, never>;
62
+ static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadFileListComponent, "it-upload-file-list", never, { "fileList": { "alias": "fileList"; "required": true; }; "accept": { "alias": "accept"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "images": { "alias": "images"; "required": false; }; "hideLoadButton": { "alias": "hideLoadButton"; "required": false; }; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, true, never>;
59
63
  static ngAcceptInputType_multiple: i1.BooleanInput;
60
64
  static ngAcceptInputType_images: i1.BooleanInput;
61
65
  static ngAcceptInputType_hideLoadButton: i1.BooleanInput;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "design-angular-kit",
3
3
  "description": "Un toolkit Angular conforme alle linee guida di design per i servizi web della PA",
4
- "version": "19.0.0",
4
+ "version": "19.2.0",
5
5
  "license": "BSD-3-Clause",
6
6
  "keywords": [
7
7
  "angular",
@@ -55,7 +55,7 @@
55
55
  "@angular/router": "^19.0.0",
56
56
  "@ngx-translate/core": "^16.0.0",
57
57
  "@ngx-translate/http-loader": "^16.0.0",
58
- "bootstrap-italia": "^2.15.1"
58
+ "bootstrap-italia": "^2.17.0"
59
59
  },
60
60
  "sideEffects": false,
61
61
  "overrides": {