design-angular-kit 19.2.0 → 19.3.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.
- package/fesm2022/design-angular-kit.mjs +409 -343
- package/fesm2022/design-angular-kit.mjs.map +1 -1
- package/lib/components/core/alert/alert.component.d.ts +1 -0
- package/lib/components/core/card/card.component.d.ts +9 -1
- package/lib/components/form/autocomplete/autocomplete.component.d.ts +1 -0
- package/lib/components/navigation/header/header.component.d.ts +2 -0
- package/lib/components/navigation/navscroll/navscroll.component.d.ts +26 -1
- package/package.json +7 -7
|
@@ -28,6 +28,7 @@ export declare class ItAlertComponent extends ItAbstractComponent implements Aft
|
|
|
28
28
|
closedEvent: EventEmitter<Event>;
|
|
29
29
|
private alert?;
|
|
30
30
|
private alertElement?;
|
|
31
|
+
private headingEl?;
|
|
31
32
|
ngAfterViewInit(): void;
|
|
32
33
|
/**
|
|
33
34
|
* Close an alert by removing it from the DOM.
|
|
@@ -66,13 +66,20 @@ export declare class ItCardComponent extends ItAbstractComponent {
|
|
|
66
66
|
* @default ''
|
|
67
67
|
*/
|
|
68
68
|
bodyClass: string;
|
|
69
|
+
/**
|
|
70
|
+
* Remove the default padding applied by Bootstrap Italia to the card.
|
|
71
|
+
* Useful for cards with minimal content (e.g. title + image only) where the
|
|
72
|
+
* default padding-bottom makes the content appear off-center.
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
noPadding?: boolean;
|
|
69
76
|
/**
|
|
70
77
|
* Shadow type
|
|
71
78
|
* @default 'sm'
|
|
72
79
|
*/
|
|
73
80
|
shadow: 'sm' | 'lg' | 'normal' | 'none';
|
|
74
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
|
|
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>;
|
|
82
|
+
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; }; "noPadding": { "alias": "noPadding"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, {}, never, ["[beforeBody]", "*"], true, never>;
|
|
76
83
|
static ngAcceptInputType_inline: i1.BooleanInput;
|
|
77
84
|
static ngAcceptInputType_mini: i1.BooleanInput;
|
|
78
85
|
static ngAcceptInputType_border: i1.BooleanInput;
|
|
@@ -83,4 +90,5 @@ export declare class ItCardComponent extends ItAbstractComponent {
|
|
|
83
90
|
static ngAcceptInputType_fullHeight: i1.BooleanInput;
|
|
84
91
|
static ngAcceptInputType_hasImage: i1.BooleanInput;
|
|
85
92
|
static ngAcceptInputType_borderTop: i1.BooleanInput;
|
|
93
|
+
static ngAcceptInputType_noPadding: i1.BooleanInput;
|
|
86
94
|
}
|
|
@@ -64,6 +64,7 @@ export declare class ItAutocompleteComponent extends ItAbstractFormComponent<str
|
|
|
64
64
|
private _interval;
|
|
65
65
|
private _inputEl;
|
|
66
66
|
ngOnInit(): void;
|
|
67
|
+
writeValue(value: string | null | undefined): void;
|
|
67
68
|
clear(): void;
|
|
68
69
|
_findInput(): void;
|
|
69
70
|
private _setAndCheck;
|
|
@@ -18,6 +18,8 @@ export declare class ItHeaderComponent implements AfterViewInit, OnChanges {
|
|
|
18
18
|
megamenu?: boolean;
|
|
19
19
|
expand?: boolean;
|
|
20
20
|
private stickyHeader?;
|
|
21
|
+
private readonly router;
|
|
22
|
+
private readonly cdr;
|
|
21
23
|
constructor();
|
|
22
24
|
ngAfterViewInit(): void;
|
|
23
25
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -1,16 +1,37 @@
|
|
|
1
1
|
import { ElementRef, OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { NavscrollItem } from './navscroll.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../../utils/coercion";
|
|
4
5
|
/**
|
|
5
6
|
* Navscroll
|
|
6
7
|
* @description Show a list of links to anchor of the document.
|
|
7
8
|
*/
|
|
8
9
|
export declare class ItNavscrollComponent implements OnInit {
|
|
9
10
|
#private;
|
|
11
|
+
static _nextId: number;
|
|
12
|
+
readonly accordionId: string;
|
|
10
13
|
/**
|
|
11
14
|
* Header of the Navscroll
|
|
12
15
|
*/
|
|
13
16
|
header: string;
|
|
17
|
+
/**
|
|
18
|
+
* Render the header as a collapsible accordion toggle,
|
|
19
|
+
* allowing users to show/hide the navigation links.
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
headerAsAccordion?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Hide the navigation bar when in mobile mode (viewport < 992px).
|
|
25
|
+
* Mandatory when navscroll is used in a mobile context or in combination with a sticky header.
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
hideNavigationOnMobile?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the accordion starts expanded.
|
|
31
|
+
* Only applies when headerAsAccordion is true.
|
|
32
|
+
* @default true
|
|
33
|
+
*/
|
|
34
|
+
accordionExpanded: boolean;
|
|
14
35
|
/**
|
|
15
36
|
* A list of links
|
|
16
37
|
*/
|
|
@@ -40,8 +61,12 @@ export declare class ItNavscrollComponent implements OnInit {
|
|
|
40
61
|
readonly selectedTitle: import("rxjs").Observable<string>;
|
|
41
62
|
readonly progressBarValue: import("rxjs").Observable<number>;
|
|
42
63
|
readonly isMobile: import("rxjs").Observable<boolean>;
|
|
64
|
+
readonly isNotMobile: import("rxjs").Observable<boolean>;
|
|
43
65
|
constructor();
|
|
44
66
|
ngOnInit(): void;
|
|
45
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<ItNavscrollComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ItNavscrollComponent, "it-navscroll", never, { "header": { "alias": "header"; "required": false; }; "items": { "alias": "items"; "required": false; }; "borderPosition": { "alias": "borderPosition"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "pageSectionsTemplate": { "alias": "pageSectionsTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
68
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItNavscrollComponent, "it-navscroll", never, { "header": { "alias": "header"; "required": false; }; "headerAsAccordion": { "alias": "headerAsAccordion"; "required": false; }; "hideNavigationOnMobile": { "alias": "hideNavigationOnMobile"; "required": false; }; "accordionExpanded": { "alias": "accordionExpanded"; "required": false; }; "items": { "alias": "items"; "required": false; }; "borderPosition": { "alias": "borderPosition"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "pageSectionsTemplate": { "alias": "pageSectionsTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
69
|
+
static ngAcceptInputType_headerAsAccordion: i1.BooleanInput;
|
|
70
|
+
static ngAcceptInputType_hideNavigationOnMobile: i1.BooleanInput;
|
|
71
|
+
static ngAcceptInputType_accordionExpanded: i1.BooleanInput;
|
|
47
72
|
}
|
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.
|
|
4
|
+
"version": "19.3.0",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"angular",
|
|
@@ -48,14 +48,14 @@
|
|
|
48
48
|
"tslib": "^2.6.3"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"@angular/animations": "^19.
|
|
52
|
-
"@angular/common": "^19.
|
|
53
|
-
"@angular/core": "^19.
|
|
54
|
-
"@angular/platform-browser": "^19.
|
|
55
|
-
"@angular/router": "^19.
|
|
51
|
+
"@angular/animations": "^19.2.17",
|
|
52
|
+
"@angular/common": "^19.2.17",
|
|
53
|
+
"@angular/core": "^19.2.17",
|
|
54
|
+
"@angular/platform-browser": "^19.2.17",
|
|
55
|
+
"@angular/router": "^19.2.17",
|
|
56
56
|
"@ngx-translate/core": "^16.0.0",
|
|
57
57
|
"@ngx-translate/http-loader": "^16.0.0",
|
|
58
|
-
"bootstrap-italia": "^2.17.
|
|
58
|
+
"bootstrap-italia": "^2.17.4"
|
|
59
59
|
},
|
|
60
60
|
"sideEffects": false,
|
|
61
61
|
"overrides": {
|