design-angular-kit 20.0.0 → 20.2.0

package/index.d.ts

@@ -581,45 +581,55 @@ declare class ItCalloutComponent {
  */
 declare class ItCardComponent extends ItAbstractComponent {
     /**
-     * To create cards with short or "preview" content
+     * To create inline cards
      * @default false
      */
-    teaser?: boolean;
+    inline?: boolean;
     /**
-     * To create special cards
+     * To create inline mini cards
      * @default false
      */
-    special?: boolean;
+    mini?: boolean;
     /**
-     * Card with image
+     * To add border
+     * @default true
+     */
+    border: boolean;
+    /**
+     * To create banner cards
      * @default false
      */
-    hasImage?: boolean;
+    banner?: boolean;
+    /**
+     * To create profile cards
+     * @default false
+     */
+    profile?: boolean;
     /**
-     * To add rounding effects
+     * To create rounded cards
      * @default false
      */
     rounded?: boolean;
     /**
-     * To add shadow effects
+     * To create inline reverse cards
      * @default false
      */
-    shadow?: boolean;
+    reverse?: boolean;
     /**
-     * To add background and shadow
+     * To create full height cards
      * @default false
      */
-    background?: boolean;
+    fullHeight?: boolean;
     /**
-     * To add bottom border
+     * Card with image
      * @default false
      */
-    borderBottom?: boolean;
+    hasImage?: boolean;
     /**
-     * To render a big card
+     * To add top border
      * @default false
      */
-    big?: boolean;
+    borderTop?: boolean;
     /**
      * Custom card class
      * @default ''
@@ -630,16 +640,23 @@ declare class ItCardComponent extends ItAbstractComponent {
      * @default ''
      */
     bodyClass: string;
+    /**
+     * Shadow type
+     * @default 'sm'
+     */
+    shadow: 'sm' | 'lg' | 'normal' | 'none';
     static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
-    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>;
-    static ngAcceptInputType_teaser: BooleanInput;
-    static ngAcceptInputType_special: BooleanInput;
-    static ngAcceptInputType_hasImage: BooleanInput;
+    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 ngAcceptInputType_inline: BooleanInput;
+    static ngAcceptInputType_mini: BooleanInput;
+    static ngAcceptInputType_border: BooleanInput;
+    static ngAcceptInputType_banner: BooleanInput;
+    static ngAcceptInputType_profile: BooleanInput;
     static ngAcceptInputType_rounded: BooleanInput;
-    static ngAcceptInputType_shadow: BooleanInput;
-    static ngAcceptInputType_background: BooleanInput;
-    static ngAcceptInputType_borderBottom: BooleanInput;
-    static ngAcceptInputType_big: BooleanInput;
+    static ngAcceptInputType_reverse: BooleanInput;
+    static ngAcceptInputType_fullHeight: BooleanInput;
+    static ngAcceptInputType_hasImage: BooleanInput;
+    static ngAcceptInputType_borderTop: BooleanInput;
 }
 
 /**
@@ -871,7 +888,7 @@ declare class ItLinkComponent extends ItAbstractComponent implements AfterViewIn
     static ngAcceptInputType_disabled: BooleanInput;
 }
 
-declare class ItDropdownItemComponent extends ItLinkComponent {
+declare class ItDropdownItemComponent extends ItLinkComponent implements OnInit {
     /**
      * Show divider
      * @default false
@@ -905,10 +922,13 @@ declare class ItDropdownItemComponent extends ItLinkComponent {
      * @default false
      */
     isDark: boolean;
+    private elRef;
+    protected isHostElement: boolean;
     get linkClass(): string;
+    ngOnInit(): void;
     setDark(dark: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownItemComponent, never>;
-    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>;
+    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>;
     static ngAcceptInputType_divider: BooleanInput;
     static ngAcceptInputType_active: BooleanInput;
     static ngAcceptInputType_large: BooleanInput;
@@ -1045,8 +1065,9 @@ declare class ItListComponent {
     static ngAcceptInputType_multiline: BooleanInput;
 }
 
-declare class ItListItemComponent extends ItLinkComponent {
+declare class ItListItemComponent extends ItLinkComponent implements OnInit {
     private elRef;
+    protected isHostElement: boolean;
     /**
      * Add active class
      * @default false
@@ -1078,8 +1099,9 @@ declare class ItListItemComponent extends ItLinkComponent {
      */
     image: URL | undefined;
     get itemClass(): string;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItListItemComponent, never>;
-    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>;
+    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>;
     static ngAcceptInputType_active: BooleanInput;
     static ngAcceptInputType_iconLeft: BooleanInput;
     static ngAcceptInputType_iconRight: BooleanInput;
@@ -1543,6 +1565,11 @@ declare class ItSteppersItemComponent extends ItAbstractComponent {
 
 declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
+    /**
+     * The confirmed label if different from default
+     * @default null
+     */
+    confirmedLabel: string | null;
     /**
      * The active step index
      * @param index the step index
@@ -1651,7 +1678,7 @@ declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
-    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>;
+    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>;
     static ngAcceptInputType_showHeader: BooleanInput;
     static ngAcceptInputType_dark: BooleanInput;
     static ngAcceptInputType_steppersNumber: BooleanInput;
@@ -2618,7 +2645,6 @@ declare class ItSearchComponent extends ItAbstractFormComponent<string | null |
     protected onEntryClick(entry: SearchItem, event: Event): void;
     protected searchItemTrackByValueFn(index: number, item: SearchItem): string;
     protected onKeyDown(): void;
-    protected get isActiveLabel(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItSearchComponent, never>;
     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>;
     static ngAcceptInputType_big: BooleanInput;
@@ -3135,6 +3161,10 @@ declare class ItUploadFileListComponent extends ItAbstractComponent implements O
      * @default *
      */
     accept: string;
+    /**
+     * A label for the upload button
+     */
+    label?: string;
     /**
      * If upload multiple files
      * @default true
@@ -3175,7 +3205,7 @@ declare class ItUploadFileListComponent extends ItAbstractComponent implements O
      */
     getFileSize(file: File): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadFileListComponent, never>;
-    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>;
+    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>;
     static ngAcceptInputType_multiple: BooleanInput;
     static ngAcceptInputType_images: BooleanInput;
     static ngAcceptInputType_hideLoadButton: BooleanInput;

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": "20.0.0",
+  "version": "20.2.0",
   "license": "BSD-3-Clause",
   "keywords": [
     "angular",
@@ -55,7 +55,7 @@
     "@angular/router": "^20.0.3",
     "@ngx-translate/core": "^16.0.4",
     "@ngx-translate/http-loader": "^16.0.1",
-    "bootstrap-italia": "^2.15.1"
+    "bootstrap-italia": "^2.16.2"
   },
   "sideEffects": false,
   "overrides": {