design-angular-kit 1.0.0-13 → 1.0.0-14

package/lib/abstracts/abstract-form.component.d.ts

@@ -28,7 +28,7 @@ export declare abstract class AbstractFormComponent<T = any> extends AbstractCom
     /**
      * Internal form control
      */
-    control: FormControl;
+    protected control: FormControl;
     constructor(_translateService: TranslateService, _ngControl: NgControl);
     /**
      * Check if field is invalid (Validation failed)

package/lib/components/core/accordion/accordion.component.d.ts

@@ -1,11 +1,15 @@
 import { CollapseComponent } from '../collapse/collapse.component';
 import * as i0 from "@angular/core";
+/**
+ * Accordion
+ * @description Build vertically collapsible accordions based on Collapse.
+ */
 export declare class AccordionComponent extends CollapseComponent {
     /**
      * Accordion Title
      */
     title: string;
-    isCollapsed: boolean;
+    protected isCollapsed: boolean;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "it-accordion[title]", ["itAccordion"], { "title": "title"; }, {}, never, ["*"], false, never>;

package/lib/components/core/alert/alert.component.d.ts

@@ -3,6 +3,10 @@ import { AlertColor } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
+/**
+ * Alert
+ * @description You can provide feedback to the user via alert messages.
+ */
 export declare class AlertComponent extends AbstractComponent {
     /**
      * The alert color
@@ -11,6 +15,7 @@ export declare class AlertComponent extends AbstractComponent {
     color: AlertColor;
     /**
      * Inserts the close button
+     * @default false
      */
     dismissible?: BooleanInput;
     /**
@@ -23,7 +28,7 @@ export declare class AlertComponent extends AbstractComponent {
     onClosed: EventEmitter<Event>;
     private alert?;
     private alertElement?;
-    get isDismissible(): boolean;
+    protected get isDismissible(): boolean;
     ngAfterViewInit(): void;
     /**
      * Close an alert by removing it from the DOM.

package/lib/components/core/badge/badge.directive.d.ts

@@ -1,16 +1,22 @@
 import { BadgeColor } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
+/**
+ * Badge
+ * @description Useful for small counters and labels
+ */
 export declare class BadgeDirective {
     /**
      * Define the badge color
+     * @default undefined
      */
     color?: BadgeColor;
     /**
      * Show rounded badge
+     * @default false
      */
     rounded?: BooleanInput;
-    get badgeClass(): string;
+    protected get badgeClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[itBadge]", ["itBadge"], { "color": "itBadge"; "rounded": "rounded"; }, {}, never, never, false, never>;
 }

package/lib/components/core/button/button.directive.d.ts

@@ -4,33 +4,42 @@ import { IconComponent } from '../../utils/icon/icon.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import { ProgressButtonComponent } from '../progress-button/progress-button.component';
 import * as i0 from "@angular/core";
+/**
+ * Button
+ * @description Bootstrap italia custom button styles
+ */
 export declare class ButtonDirective {
     private progressButtonComponent;
     /**
      * Button color
+     * @default undefined
      */
     color?: ButtonColor;
     /**
      * Button size
+     * @default undefined
      */
     size?: ButtonSize;
     /**
      * Indicates whether the button occupies all the width available to it.
+     * @default undefined
      */
     block?: ButtonSize;
     /**
      * If button is disabled
+     * @default false
      */
     disabled?: BooleanInput;
     /**
      * The icon children
+     * @default undefined
      */
-    icons?: QueryList<IconComponent>;
+    protected icons?: QueryList<IconComponent>;
     private isFocus;
     constructor(progressButtonComponent: ProgressButtonComponent);
-    onFocus(): void;
-    onBlur(): void;
-    get hostClasses(): string;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    protected get hostClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, [{ optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[itButton]", ["itButton"], { "color": "itButton"; "size": "size"; "block": "block"; "disabled": "disabled"; }, {}, ["icons"], never, false, never>;
 }

package/lib/components/core/callout/callout.component.d.ts

@@ -1,19 +1,21 @@
-import { CalloutAppearance, CalloutColor } from "../../../interfaces/core";
+import { CalloutAppearance, CalloutColor } from '../../../interfaces/core';
 import { IconName } from '../../../interfaces/icon';
 import * as i0 from "@angular/core";
+/**
+ * Callout
+ * @description Callouts can be used to highlight certain parts of the text that require particular attention. They may contain error messages, warnings, hints, etc.
+ */
 export declare class CalloutComponent {
     /**
      * Callout label
+     * @default undefined
      */
-    set label(value: string | undefined);
-    get label(): string | undefined;
-    private _label;
+    label?: string;
     /**
      * Callout hiddenLabel
+     * @default undefined
      */
-    set hiddenLabel(value: string | undefined);
-    get hiddenLabel(): string | undefined;
-    private _hiddenLabel;
+    hiddenLabel?: string;
     /**
      * Callout color
      * - <b>success</b>
@@ -21,10 +23,9 @@ export declare class CalloutComponent {
      * - <b>warning</b>
      * - <b>important</b>
      * - <b>note</b>
+     * @default undefined
      */
-    set color(value: CalloutColor | undefined);
-    get color(): CalloutColor | undefined;
-    private _color;
+    color?: CalloutColor;
     /**
      * Callout appearance
      * - <b>default</b>
@@ -32,16 +33,13 @@ export declare class CalloutComponent {
      * - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
      * @default default
      */
-    set appearance(value: CalloutAppearance);
-    get appearance(): CalloutAppearance;
-    private _appearance;
+    appearance: CalloutAppearance;
     /**
      * Custom icon
+     * @default undefined
      */
-    set icon(value: IconName | undefined);
-    get icon(): IconName | undefined;
-    private _icon;
-    get iconName(): IconName;
+    icon?: IconName;
+    protected get iconName(): IconName;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "it-callout", never, { "label": "label"; "hiddenLabel": "hiddenLabel"; "color": "color"; "appearance": "appearance"; "icon": "icon"; }, {}, never, ["[bigText]", "*"], false, never>;
 }

package/lib/components/core/card/card.component.d.ts

@@ -1,6 +1,10 @@
 import { AbstractComponent } from '../../../abstracts/abstract.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
+/**
+ * Card
+ * @description A container of texts and images with many options and variations.
+ */
 export declare class CardComponent extends AbstractComponent {
     /**
      * It serves to space the cards in their mobile version.
@@ -9,33 +13,39 @@ export declare class CardComponent extends AbstractComponent {
     space: BooleanInput;
     /**
      * To create cards with short or "preview" content
+     * @default false
      */
     teaser?: BooleanInput;
     /**
      * Card with image
+     * @default false
      */
     hasImage?: BooleanInput;
     /**
      * To add rounding effects
+     * @default false
      */
     rounded?: BooleanInput;
     /**
      * To add shadow effects
+     * @default false
      */
     shadow?: BooleanInput;
     /**
      * Custom card class
+     * @default ''
      */
     cardClass: string;
     /**
      * Custom card body class
+     * @default ''
      */
     bodyClass: string;
-    get isSpace(): boolean;
-    get isTeaser(): boolean;
-    get isHasImage(): boolean;
-    get isRounded(): boolean;
-    get isShadow(): boolean;
+    protected get isSpace(): boolean;
+    protected get isTeaser(): boolean;
+    protected get isHasImage(): boolean;
+    protected get isRounded(): boolean;
+    protected get isShadow(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "it-card", never, { "space": "space"; "teaser": "teaser"; "hasImage": "hasImage"; "rounded": "rounded"; "shadow": "shadow"; "cardClass": "cardClass"; "bodyClass": "bodyClass"; }, {}, never, ["[beforeBody]", "*"], false, never>;
 }

package/lib/components/core/carousel/carousel/carousel.component.d.ts

@@ -3,10 +3,15 @@ import { CarouselType } from '../../../../interfaces/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
 import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
 import * as i0 from "@angular/core";
+/**
+ * Carousel
+ * @description A presentation component for scrolling through elements, images or text slides.
+ */
 export declare class CarouselComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
     /**
      * The callout title
+     * @default undefined
      */
     title?: string;
     /**
@@ -16,28 +21,32 @@ export declare class CarouselComponent implements AfterViewInit, OnDestroy {
     type: CarouselType;
     /**
      * Custom class in splide__track element
+     * @default ''
      */
     trackClass: string;
     /**
      * True for full screen (landscape) viewing
+     * @default undefined
      */
     fullCarousel?: BooleanInput;
     /**
      * To indicate that the contained image is of a large type
+     * @default undefined
      */
     bigImg?: BooleanInput;
     /**
      * Card line style
+     * @default undefined
      */
     lined?: BooleanInput;
-    items?: QueryList<CarouselItemComponent>;
+    protected items?: QueryList<CarouselItemComponent>;
     private carousel?;
     private carouselDiv;
     private itemSubscriptions?;
-    get typeClass(): string;
-    get isFullCarousel(): boolean;
-    get isBigImg(): boolean;
-    get isLined(): boolean;
+    protected get typeClass(): string;
+    protected get isFullCarousel(): boolean;
+    protected get isBigImg(): boolean;
+    protected get isLined(): boolean;
     constructor(_changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts

@@ -1,6 +1,10 @@
 import { TemplateRef } from '@angular/core';
 import { AbstractComponent } from '../../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
+/**
+ * Carousel Item
+ * @description element, image or text slide of carousel
+ */
 export declare class CarouselItemComponent extends AbstractComponent {
     /**
      * The content of item

package/lib/components/core/list/list/list.component.d.ts

@@ -2,9 +2,10 @@ import { BooleanInput } from '../../../../utils/boolean-input';
 import * as i0 from "@angular/core";
 export declare class ListComponent {
     /**
-     * Add 'link-list' class for navigation menù
+     * Add 'link-list' class for navigation menu
      */
     linkList?: BooleanInput;
+    protected get isLinkList(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "it-list", never, { "linkList": "linkList"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/core/list/list-item/list-item.component.d.ts

@@ -10,6 +10,10 @@ export declare class ListItemComponent extends LinkComponent {
      * Add large class
      */
     large?: BooleanInput;
+    /**
+     * Add icon-left class
+     */
+    iconLeft?: BooleanInput;
     /**
      * The avatar url
      */
@@ -20,5 +24,5 @@ export declare class ListItemComponent extends LinkComponent {
     image?: URL;
     get itemClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "it-list-item", never, { "active": "active"; "large": "large"; "avatar": "avatar"; "image": "image"; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "it-list-item", never, { "active": "active"; "large": "large"; "iconLeft": "iconLeft"; "avatar": "avatar"; "image": "image"; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], false, never>;
 }

package/lib/components/core/modal/modal.component.d.ts

@@ -1,15 +1,60 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
+/**
+ * Modal windows
+ * @description To show featured content, notifications to users, or personalized content.
+ */
 export declare class ModalComponent extends AbstractComponent {
     /**
-     * The modal Title
+     * Show/Hide close button on header
+     * @default true
      */
-    title: string;
+    closeButton: BooleanInput;
+    /**
+     * To correctly format the contents of the modal with icon
+     * @default false
+     */
+    alertModal?: BooleanInput;
+    /**
+     * To correctly format the contents of the modal with Link List
+     * @default false
+     */
+    dialogLinkList?: BooleanInput;
+    /**
+     * Modal type Popconfirm can be used for short confirmation messages.
+     * @default false
+     */
+    popconfirm?: BooleanInput;
+    /**
+     * You can choose to use a scroll inside the modal, keeping the header and footer of the modal always visible
+     * @default false
+     */
+    scrollable?: BooleanInput;
+    /**
+     * To have modals that appear with fades
+     * @default true
+     */
+    fade?: BooleanInput;
+    /**
+     * Modal alignment
+     * - <b>centered</b>: to vertically center the modal
+     * - <b>left</b>: to left-align the modal
+     * - <b>right</b>: to right-align the modal
+     * @default undefined
+     */
+    alignment?: 'centered' | 'left' | 'right';
     /**
      * The modal size
+     * @default undefined
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * To better distinguish the footer element with a shadow
+     * @default false
      */
-    size?: 'modal-sm' | 'modal-lg' | 'modal-xl';
+    footerShadow?: BooleanInput;
     /**
      * This event fires immediately when the instance method show is called.
      */
@@ -34,6 +79,10 @@ export declare class ModalComponent extends AbstractComponent {
     private modal?;
     private modalElement?;
     ngAfterViewInit(): void;
+    protected get isCloseButton(): boolean;
+    protected get isFooterShadow(): boolean;
+    protected get modalClass(): string;
+    protected get dialogClass(): string;
     /**
      * Manually activate/deactivate a modal. Returns to the caller before the modal has actually been shown or hidden
      */
@@ -55,5 +104,5 @@ export declare class ModalComponent extends AbstractComponent {
      */
     dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "it-modal[title]", ["itModal"], { "title": "title"; "size": "size"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onHidePrevented": "onHidePrevented"; }, never, ["*", "[footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "it-modal", ["itModal"], { "closeButton": "closeButton"; "alertModal": "alertModal"; "dialogLinkList": "dialogLinkList"; "popconfirm": "popconfirm"; "scrollable": "scrollable"; "fade": "fade"; "alignment": "alignment"; "size": "size"; "footerShadow": "footerShadow"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onHidePrevented": "onHidePrevented"; }, never, ["[beforeTitle]", "[modalTitle]", "[description]", "*", "[footer]"], false, never>;
 }

package/lib/components/utils/language-switcher/language-switcher.component.d.ts

@@ -10,7 +10,7 @@ export declare class LanguageSwitcherComponent implements OnInit {
      * @default The languages available through TranslateService (ngx-translate)
      */
     availableLanguages?: Array<AvailableLanguage>;
-    currentLang$: Observable<AvailableLanguage | undefined>;
+    protected currentLang$: Observable<AvailableLanguage | undefined>;
     constructor(translateService: TranslateService);
     ngOnInit(): void;
     /**

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": "1.0.0-13",
+  "version": "1.0.0-14",
   "license": "BSD-3-Clause",
   "keywords": [
     "angular",
@@ -37,7 +37,7 @@
     "@angular/platform-browser": "^15.0.4",
     "@ngx-translate/core": "^14.0.0",
     "@ngx-translate/http-loader": "^7.0.0",
-    "bootstrap-italia": "^2.3.5"
+    "bootstrap-italia": "^2.3.6"
   },
   "module": "fesm2015/design-angular-kit.mjs",
   "es2020": "fesm2020/design-angular-kit.mjs",