design-angular-kit 21.0.3 → 21.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-angular-kit",
   "description": "Un toolkit Angular conforme alle linee guida di design per i servizi web della PA",
-  "version": "21.0.3",
+  "version": "21.2.0",
   "license": "BSD-3-Clause",
   "keywords": [
     "angular",
@@ -48,11 +48,11 @@
     "tslib": "^2.6.3"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.0.4",
-    "@angular/common": "^21.0.4",
-    "@angular/core": "^21.0.4",
-    "@angular/platform-browser": "^21.0.4",
-    "@angular/router": "^21.0.4",
+    "@angular/animations": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/router": "^21.0.0",
     "@ngx-translate/core": "^17.0.0",
     "@ngx-translate/http-loader": "^17.0.0",
     "bootstrap-italia": "^2.17.4"

package/types/design-angular-kit.d.ts

@@ -258,6 +258,7 @@ declare class ItAlertComponent extends ItAbstractComponent implements AfterViewI
     closedEvent: EventEmitter<Event>;
     private alert?;
     private alertElement?;
+    private headingEl?;
     ngAfterViewInit(): void;
     /**
      * Close an alert by removing it from the DOM.
@@ -640,13 +641,20 @@ declare class ItCardComponent extends ItAbstractComponent {
      * @default ''
      */
     bodyClass: string;
+    /**
+     * Remove the default padding applied by Bootstrap Italia to the card.
+     * Useful for cards with minimal content (e.g. title + image only) where the
+     * default padding-bottom makes the content appear off-center.
+     * @default false
+     */
+    noPadding?: boolean;
     /**
      * Shadow type
      * @default 'sm'
      */
     shadow: 'sm' | 'lg' | 'normal' | 'none';
     static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
-    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>;
+    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>;
     static ngAcceptInputType_inline: BooleanInput;
     static ngAcceptInputType_mini: BooleanInput;
     static ngAcceptInputType_border: BooleanInput;
@@ -657,6 +665,7 @@ declare class ItCardComponent extends ItAbstractComponent {
     static ngAcceptInputType_fullHeight: BooleanInput;
     static ngAcceptInputType_hasImage: BooleanInput;
     static ngAcceptInputType_borderTop: BooleanInput;
+    static ngAcceptInputType_noPadding: BooleanInput;
 }
 
 /**
@@ -2522,6 +2531,7 @@ declare class ItAutocompleteComponent extends ItAbstractFormComponent<string | n
     private _interval;
     private _inputEl;
     ngOnInit(): void;
+    writeValue(value: string | null | undefined): void;
     clear(): void;
     _findInput(): void;
     private _setAndCheck;
@@ -3374,6 +3384,8 @@ declare class ItHeaderComponent implements AfterViewInit, OnChanges {
     megamenu?: boolean;
     expand?: boolean;
     private stickyHeader?;
+    private readonly router;
+    private readonly cdr;
     constructor();
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -3539,10 +3551,30 @@ interface NavscrollItemActive {
  */
 declare class ItNavscrollComponent implements OnInit {
     #private;
+    static _nextId: number;
+    readonly accordionId: string;
     /**
      * Header of the Navscroll
      */
     header: string;
+    /**
+     * Render the header as a collapsible accordion toggle,
+     * allowing users to show/hide the navigation links.
+     * @default false
+     */
+    headerAsAccordion?: boolean;
+    /**
+     * Hide the navigation bar when in mobile mode (viewport < 992px).
+     * Mandatory when navscroll is used in a mobile context or in combination with a sticky header.
+     * @default false
+     */
+    hideNavigationOnMobile?: boolean;
+    /**
+     * Whether the accordion starts expanded.
+     * Only applies when headerAsAccordion is true.
+     * @default true
+     */
+    accordionExpanded: boolean;
     /**
      * A list of links
      */
@@ -3572,10 +3604,14 @@ declare class ItNavscrollComponent implements OnInit {
     readonly selectedTitle: rxjs.Observable<string>;
     readonly progressBarValue: rxjs.Observable<number>;
     readonly isMobile: rxjs.Observable<boolean>;
+    readonly isNotMobile: rxjs.Observable<boolean>;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItNavscrollComponent, never>;
-    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>;
+    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>;
+    static ngAcceptInputType_headerAsAccordion: BooleanInput;
+    static ngAcceptInputType_hideNavigationOnMobile: BooleanInput;
+    static ngAcceptInputType_accordionExpanded: BooleanInput;
 }
 
 declare class ItErrorPageComponent {