design-angular-kit 1.0.0-0 → 1.0.0-10

package/esm2020/lib/components/core/chip/chip.component.mjs

@@ -0,0 +1,89 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class ChipComponent {
+    constructor() {
+        this._label = '';
+        this._showCloseButton = false;
+        this._size = '';
+        this._color = undefined;
+        this._disabled = false;
+        this._icon = undefined;
+        this._avatar = undefined;
+        this._altAvatar = '';
+        /**
+         * Evento emesso al click sul bottone di chiusura
+        */
+        this.close = new EventEmitter();
+        this.iconClose = 'close';
+    }
+    /**
+     * Indica la label
+    */
+    set label(value) { this._label = value; }
+    get label() { return this._label; }
+    /**
+     * Indica se mostrate il pulante di chisura
+    */
+    set showCloseButton(value) { this._showCloseButton = value; }
+    get showCloseButton() { return this._showCloseButton; }
+    /**
+     * Indica il size
+    */
+    set size(value) { this._size = value; }
+    get size() { return this._size; }
+    /**
+     * Indica il colore della chip
+    */
+    set color(value) { this._color = value; }
+    get color() { return this._color; }
+    /**
+     * Indica se la chip è disabilitata
+    */
+    set disabled(value) { this._disabled = value; }
+    get disabled() { return this._disabled; }
+    /**
+     * Indica il nome dell'icona, se valorizzata viene mostrata
+    */
+    set icon(value) { this._icon = value; }
+    get icon() { return this._icon; }
+    /**
+     * Indica l'url dell'avatar, se valorizzata viene mostrata
+    */
+    set avatar(value) { this._avatar = value; }
+    get avatar() { return this._avatar; }
+    /**
+     * Indica il valore da aggiungere al parametro alt, di default ''
+    */
+    set altAvatar(value) { this._altAvatar = value; }
+    get altAvatar() { return this._altAvatar; }
+    clickToClose() {
+        this.close.emit();
+    }
+}
+ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ChipComponent, selector: "it-chip", inputs: { label: "label", showCloseButton: "showCloseButton", size: "size", color: "color", disabled: "disabled", icon: "icon", avatar: "avatar", altAvatar: "altAvatar" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n    <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n    <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n        <img [src]=\"avatar\" [alt]=\"altAvatar\">\n    </div>\n    <span class=\"chip-label\">{{ label }}</span>\n    <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n        <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n        <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n    <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n    <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n        <img [src]=\"avatar\" [alt]=\"altAvatar\">\n    </div>\n    <span class=\"chip-label\">{{ label }}</span>\n    <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n        <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n        <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n    </button>\n</div>" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], avatar: [{
+                type: Input
+            }], altAvatar: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVVoRyxNQUFNLE9BQU8sYUFBYTtJQUwxQjtRQVlVLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFPWixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFPekIsVUFBSyxHQUFlLEVBQUUsQ0FBQztRQU92QixXQUFNLEdBQTJCLFNBQVMsQ0FBQztRQU8zQyxjQUFTLEdBQWEsS0FBSyxDQUFDO1FBTzVCLFVBQUssR0FBMEIsU0FBUyxDQUFDO1FBT3pDLFlBQU8sR0FBd0IsU0FBUyxDQUFDO1FBT3pDLGVBQVUsR0FBWSxFQUFFLENBQUM7UUFFakM7O1VBRUU7UUFDUSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVyQyxjQUFTLEdBQWEsT0FBTyxDQUFDO0tBSy9CO0lBbEVDOztNQUVFO0lBQ0YsSUFBYSxLQUFLLENBQUUsS0FBYSxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUMzRCxJQUFJLEtBQUssS0FBYyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRzVDOztNQUVFO0lBQ0YsSUFBYSxlQUFlLENBQUUsS0FBYyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLElBQUksZUFBZSxLQUFlLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQztJQUdqRTs7TUFFRTtJQUNGLElBQWEsSUFBSSxDQUFFLEtBQWdCLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVELElBQUksSUFBSSxLQUFpQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRzdDOztNQUVFO0lBQ0YsSUFBYSxLQUFLLENBQUUsS0FBNEIsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxLQUFLLEtBQTZCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFHM0Q7O01BRUU7SUFDRixJQUFhLFFBQVEsQ0FBRSxLQUFjLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLElBQUksUUFBUSxLQUFlLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFHbkQ7O01BRUU7SUFDRixJQUFhLElBQUksQ0FBRSxLQUEyQixJQUFJLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2RSxJQUFJLElBQUksS0FBNEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUd4RDs7TUFFRTtJQUNGLElBQWEsTUFBTSxDQUFFLEtBQXlCLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3pFLElBQUksTUFBTSxLQUEwQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRzFEOztNQUVFO0lBQ0YsSUFBYSxTQUFTLENBQUUsS0FBYSxJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNuRSxJQUFJLFNBQVMsS0FBYyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBVXBELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7OzBHQW5FVSxhQUFhOzhGQUFiLGFBQWEsd1BDVjFCLDg1QkFVTTsyRkRBTyxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFNBQVMsbUJBRUYsdUJBQXVCLENBQUMsTUFBTTs4QkFPbEMsS0FBSztzQkFBakIsS0FBSztnQkFPTyxlQUFlO3NCQUEzQixLQUFLO2dCQU9PLElBQUk7c0JBQWhCLEtBQUs7Z0JBT08sS0FBSztzQkFBakIsS0FBSztnQkFPTyxRQUFRO3NCQUFwQixLQUFLO2dCQU9PLElBQUk7c0JBQWhCLEtBQUs7Z0JBT08sTUFBTTtzQkFBbEIsS0FBSztnQkFPTyxTQUFTO3NCQUFyQixLQUFLO2dCQU9JLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2ljb24nO1xuXG5leHBvcnQgdHlwZSBDaGlwQ29sb3IgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3dhcm5pbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1jaGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXAuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwQ29tcG9uZW50IHtcblxuICAvKipcbiAgICogSW5kaWNhIGxhIGxhYmVsXG4gICovXG4gIEBJbnB1dCgpIHNldCBsYWJlbCAodmFsdWU6IHN0cmluZykgeyB0aGlzLl9sYWJlbCA9IHZhbHVlOyB9XG4gIGdldCBsYWJlbCAoKTogc3RyaW5nIHsgcmV0dXJuIHRoaXMuX2xhYmVsOyB9XG4gIHByaXZhdGUgX2xhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzZSBtb3N0cmF0ZSBpbCBwdWxhbnRlIGRpIGNoaXN1cmFcbiAgKi9cbiAgQElucHV0KCkgc2V0IHNob3dDbG9zZUJ1dHRvbiAodmFsdWU6IGJvb2xlYW4pIHsgdGhpcy5fc2hvd0Nsb3NlQnV0dG9uID0gdmFsdWU7IH1cbiAgZ2V0IHNob3dDbG9zZUJ1dHRvbiAoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLl9zaG93Q2xvc2VCdXR0b247IH1cbiAgcHJpdmF0ZSBfc2hvd0Nsb3NlQnV0dG9uID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEluZGljYSBpbCBzaXplXG4gICovXG4gIEBJbnB1dCgpIHNldCBzaXplICh2YWx1ZTogJycgfCAnbGcnKSB7IHRoaXMuX3NpemUgPSB2YWx1ZTsgfVxuICBnZXQgc2l6ZSAoKTogJycgfCAnbGcnIHsgcmV0dXJuIHRoaXMuX3NpemU7IH1cbiAgcHJpdmF0ZSBfc2l6ZTogJycgfCAnbGcnICA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbmRpY2EgaWwgY29sb3JlIGRlbGxhIGNoaXBcbiAgKi9cbiAgQElucHV0KCkgc2V0IGNvbG9yICh2YWx1ZTogQ2hpcENvbG9yIHwgdW5kZWZpbmVkKSB7IHRoaXMuX2NvbG9yID0gdmFsdWU7IH1cbiAgZ2V0IGNvbG9yICgpOiBDaGlwQ29sb3IgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fY29sb3I7IH1cbiAgcHJpdmF0ZSBfY29sb3I6IENoaXBDb2xvciB8IHVuZGVmaW5lZCAgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzZSBsYSBjaGlwIMOoIGRpc2FiaWxpdGF0YVxuICAqL1xuICBASW5wdXQoKSBzZXQgZGlzYWJsZWQgKHZhbHVlOiBib29sZWFuKSB7IHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7IH1cbiAgZ2V0IGRpc2FibGVkICgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX2Rpc2FibGVkOyB9XG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuICA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbmRpY2EgaWwgbm9tZSBkZWxsJ2ljb25hLCBzZSB2YWxvcml6emF0YSB2aWVuZSBtb3N0cmF0YVxuICAqL1xuICBASW5wdXQoKSBzZXQgaWNvbiAodmFsdWU6IEljb25OYW1lIHwgdW5kZWZpbmVkKSB7IHRoaXMuX2ljb24gPSB2YWx1ZTsgfVxuICBnZXQgaWNvbiAoKTogSWNvbk5hbWUgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5faWNvbjsgfVxuICBwcml2YXRlIF9pY29uOiBJY29uTmFtZSB8IHVuZGVmaW5lZCAgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEluZGljYSBsJ3VybCBkZWxsJ2F2YXRhciwgc2UgdmFsb3JpenphdGEgdmllbmUgbW9zdHJhdGFcbiAgKi9cbiAgQElucHV0KCkgc2V0IGF2YXRhciAodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkgeyB0aGlzLl9hdmF0YXIgPSB2YWx1ZTsgfVxuICBnZXQgYXZhdGFyICgpOiBzdHJpbmcgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fYXZhdGFyOyB9XG4gIHByaXZhdGUgX2F2YXRhcjogc3RyaW5nIHwgdW5kZWZpbmVkICA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogSW5kaWNhIGlsIHZhbG9yZSBkYSBhZ2dpdW5nZXJlIGFsIHBhcmFtZXRybyBhbHQsIGRpIGRlZmF1bHQgJydcbiAgKi9cbiAgQElucHV0KCkgc2V0IGFsdEF2YXRhciAodmFsdWU6IHN0cmluZykgeyB0aGlzLl9hbHRBdmF0YXIgPSB2YWx1ZTsgfVxuICBnZXQgYWx0QXZhdGFyICgpOiBzdHJpbmcgeyByZXR1cm4gdGhpcy5fYWx0QXZhdGFyOyB9XG4gIHByaXZhdGUgX2FsdEF2YXRhcjogc3RyaW5nICA9ICcnO1xuXG4gIC8qKlxuICAgKiBFdmVudG8gZW1lc3NvIGFsIGNsaWNrIHN1bCBib3R0b25lIGRpIGNoaXVzdXJhXG4gICovXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpY29uQ2xvc2U6IEljb25OYW1lID0gJ2Nsb3NlJztcblxuICBjbGlja1RvQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGlwXCIgW25nQ2xhc3NdPVwiWyFzaG93Q2xvc2VCdXR0b24gPyAnY2hpcC1zaW1wbGUnOiAnYWxlcnQnLCBzaXplID09PSAnbGcnID8gJ2NoaXAtbGcnOiAnJywgY29sb3IgPyAnY2hpcC0nICsgY29sb3IgOiAnJywgZGlzYWJsZWQgPyAnY2hpcC1kaXNhYmxlZCcgOiAnJ11cIj5cbiAgICA8c3ZnICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiaWNvbiBpY29uLXhzXCI+PHVzZSBbYXR0ci5ocmVmXT1cIicvYm9vdHN0cmFwLWl0YWxpYS9kaXN0L3N2Zy9zcHJpdGVzLnN2ZyNpdC0nICsgaWNvblwiIFthdHRyLnhsaW5rOmhyZWZdPVwiJy9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LScgKyBpY29uXCI+PC91c2U+PC9zdmc+XG4gICAgPGRpdiAqbmdJZj1cImF2YXRhclwiIGNsYXNzPVwiYXZhdGFyIHNpemUteHNcIj5cbiAgICAgICAgPGltZyBbc3JjXT1cImF2YXRhclwiIFthbHRdPVwiYWx0QXZhdGFyXCI+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJjaGlwLWxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgPGJ1dHRvbiAqbmdJZj1cInNob3dDbG9zZUJ1dHRvblwiIChjbGljayk9XCJjbGlja1RvQ2xvc2UoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICA8c3ZnIGNsYXNzPVwiaWNvblwiPjx1c2UgaHJlZj1cIi9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LWNsb3NlXCIgeGxpbms6aHJlZj1cIi9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LWNsb3NlXCI+PC91c2U+PC9zdmc+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidmlzdWFsbHktaGlkZGVuXCI+e3sgJ2l0LmNvcmUucmVtb3ZlJyB8IHRyYW5zbGF0ZSB9fSB7eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/components/core/collapse/collapse.component.mjs

@@ -0,0 +1,101 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { isTrueBooleanInput } from '../../../utils/boolean-input';
+import { Collapse } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+export class CollapseComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * Custom class
+         */
+        this.class = '';
+        /**
+         * This event fires immediately when the show method is called.
+         */
+        this.onShow = new EventEmitter();
+        /**
+         * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
+         */
+        this.onShown = new EventEmitter();
+        /**
+         * This event fires immediately when the hide method is called.
+         */
+        this.onHide = new EventEmitter();
+        /**
+         * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
+         */
+        this.onHidden = new EventEmitter();
+    }
+    get isMulti() {
+        return isTrueBooleanInput(this.multi);
+    }
+    get isOpenedOnStart() {
+        return isTrueBooleanInput(this.opened);
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
+        if (this.collapseDiv) {
+            const element = this.collapseDiv.nativeElement;
+            this.collapse = Collapse.getOrCreateInstance(element, {
+                toggle: this.isOpenedOnStart
+            });
+            element.addEventListener('show.bs.collapse', event => this.onShow.emit(event));
+            element.addEventListener('shown.bs.collapse', event => this.onShown.emit(event));
+            element.addEventListener('hide.bs.collapse', event => this.onHide.emit(event));
+            element.addEventListener('hidden.bs.collapse', event => this.onHidden.emit(event));
+        }
+    }
+    /**
+     * Shows a resealable item
+     * NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
+     */
+    show() {
+        this.collapse?.show();
+    }
+    /**
+     * Hides a resealable item
+     * NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
+     */
+    hide() {
+        this.collapse?.hide();
+    }
+    /**
+     * Toggle a collapsible item to show or hide it.
+     * NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
+     */
+    toggle() {
+        this.collapse?.toggle();
+    }
+    /**
+     * Eliminates the possibility of an item being resealable
+     */
+    dispose() {
+        this.collapse?.dispose();
+    }
+}
+CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CollapseComponent, selector: "it-collapse[id]", inputs: { multi: "multi", opened: "opened", class: "class" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden" }, viewQueries: [{ propertyName: "collapseDiv", first: true, predicate: ["collapse"], descendants: true }], exportAs: ["itCollapse"], usesInheritance: true, ngImport: i0, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-collapse[id]', exportAs: 'itCollapse', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { multi: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], onShow: [{
+                type: Output
+            }], onShown: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], onHidden: [{
+                type: Output
+            }], collapseDiv: [{
+                type: ViewChild,
+                args: ['collapse']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jb2xsYXBzZS9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQVE1QyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBTnhEOztRQWtCRTs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFNUI7O1dBRUc7UUFDTyxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0Q7O1dBRUc7UUFDTyxZQUFPLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQ7O1dBRUc7UUFDTyxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0Q7O1dBRUc7UUFDTyxhQUFRLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0E4RDlEO0lBdkRDLElBQUksT0FBTztRQUNULE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVRLGVBQWU7UUFDdEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBRXhFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQztZQUMvQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUU7Z0JBQ3BELE1BQU0sRUFBRSxJQUFJLENBQUMsZUFBZTthQUM3QixDQUFDLENBQUM7WUFFSCxPQUFPLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQy9FLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDakYsT0FBTyxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUMvRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3BGO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNJLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxJQUFJO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksTUFBTTtRQUNYLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksT0FBTztRQUNaLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7OEdBaEdVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDBXQ1g5QixvSUFHQTsyRkRRYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsaUJBQWlCLFlBRWpCLFlBQVksbUJBQ0wsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0ksTUFBTTtzQkFBZixNQUFNO2dCQUtHLE9BQU87c0JBQWhCLE1BQU07Z0JBS0csTUFBTTtzQkFBZixNQUFNO2dCQUtHLFFBQVE7c0JBQWpCLE1BQU07Z0JBS3dCLFdBQVc7c0JBQXpDLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IENvbGxhcHNlIH0gZnJvbSAnYm9vdHN0cmFwLWl0YWxpYSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNvbGxhcHNlW2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnaXRDb2xsYXBzZScsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIENvbGxhcHNlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBFbmFibGUgbXVsdGlwbGUgY29sbGFwc2VcbiAgICovXG4gIEBJbnB1dCgpIG11bHRpPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUb2dnbGVzIHRoZSBjb2xsYXBzaWJsZSBlbGVtZW50IG9uIGludm9jYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIG9wZW5lZD86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogQ3VzdG9tIGNsYXNzXG4gICAqL1xuICBASW5wdXQoKSBjbGFzczogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoaXMgZXZlbnQgZmlyZXMgaW1tZWRpYXRlbHkgd2hlbiB0aGUgc2hvdyBtZXRob2QgaXMgY2FsbGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uU2hvdzogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyB0cmlnZ2VyZWQgd2hlbiB0aGUgdG9vbHRpcCBoYXMgYmVlbiBtYWRlIHZpc2libGUgdG8gdGhlIHVzZXIgKGl0IHdpbGwgd2FpdCBmb3IgdGhlIENTUyB0cmFuc2l0aW9ucyB0byBjb21wbGV0ZSkuXG4gICAqL1xuICBAT3V0cHV0KCkgb25TaG93bjogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBmaXJlcyBpbW1lZGlhdGVseSB3aGVuIHRoZSBoaWRlIG1ldGhvZCBpcyBjYWxsZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25IaWRlOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBUaGlzIGV2ZW50IGlzIHJhaXNlZCB3aGVuIHRoZSB0b29sdGlwIGhhcyBmaW5pc2hlZCBiZWluZyBoaWRkZW4gZnJvbSB0aGUgdXNlciAoaXQgd2lsbCB3YWl0IGZvciB0aGUgQ1NTIHRyYW5zaXRpb25zIHRvIGNvbXBsZXRlKS5cbiAgICovXG4gIEBPdXRwdXQoKSBvbkhpZGRlbjogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIHByaXZhdGUgY29sbGFwc2U/OiBDb2xsYXBzZTtcblxuICBAVmlld0NoaWxkKCdjb2xsYXBzZScpIHByaXZhdGUgY29sbGFwc2VEaXY/OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBnZXQgaXNNdWx0aSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMubXVsdGkpO1xuICB9XG5cbiAgZ2V0IGlzT3BlbmVkT25TdGFydCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMub3BlbmVkKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcbiAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnY2xhc3MnKTtcblxuICAgIGlmICh0aGlzLmNvbGxhcHNlRGl2KSB7XG4gICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5jb2xsYXBzZURpdi5uYXRpdmVFbGVtZW50O1xuICAgICAgdGhpcy5jb2xsYXBzZSA9IENvbGxhcHNlLmdldE9yQ3JlYXRlSW5zdGFuY2UoZWxlbWVudCwge1xuICAgICAgICB0b2dnbGU6IHRoaXMuaXNPcGVuZWRPblN0YXJ0XG4gICAgICB9KTtcblxuICAgICAgZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdzaG93LmJzLmNvbGxhcHNlJywgZXZlbnQgPT4gdGhpcy5vblNob3cuZW1pdChldmVudCkpO1xuICAgICAgZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdzaG93bi5icy5jb2xsYXBzZScsIGV2ZW50ID0+IHRoaXMub25TaG93bi5lbWl0KGV2ZW50KSk7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2hpZGUuYnMuY29sbGFwc2UnLCBldmVudCA9PiB0aGlzLm9uSGlkZS5lbWl0KGV2ZW50KSk7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2hpZGRlbi5icy5jb2xsYXBzZScsIGV2ZW50ID0+IHRoaXMub25IaWRkZW4uZW1pdChldmVudCkpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTaG93cyBhIHJlc2VhbGFibGUgaXRlbVxuICAgKiBOT1RFOiBSZXR1cm5zIHRvIHRoZSBjYWxsZXIgYmVmb3JlIHRoZSBjb2xsYXBzYWJsZSBlbGVtZW50IGhhcyBhY3R1YWxseSBiZWVuIHNob3duIChvblNob3duIGV2ZW50KS5cbiAgICovXG4gIHB1YmxpYyBzaG93KCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2U/LnNob3coKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIaWRlcyBhIHJlc2VhbGFibGUgaXRlbVxuICAgKiBOT1RFOiBSZXR1cm5zIHRvIHRoZSBjYWxsZXIgYmVmb3JlIHRoZSBjb2xsYXBzYWJsZSBlbGVtZW50IGhhcyBhY3R1YWxseSBiZWVuIGhpZGRlbiAob25IaWRkZW4gRXZlbnQpXG4gICAqL1xuICBwdWJsaWMgaGlkZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlPy5oaWRlKCk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlIGEgY29sbGFwc2libGUgaXRlbSB0byBzaG93IG9yIGhpZGUgaXQuXG4gICAqIE5PVEU6IFJldHVybnMgdG8gdGhlIGNhbGxlciBiZWZvcmUgdGhlIGNvbGxhcHNhYmxlIGVsZW1lbnQgaGFzIGFjdHVhbGx5IGJlZW4gc2hvd24gb3IgaGlkZGVuIChvblNob3duIGFuZCBvbkhpZGRlbiBldmVudHMpXG4gICAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2U/LnRvZ2dsZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVsaW1pbmF0ZXMgdGhlIHBvc3NpYmlsaXR5IG9mIGFuIGl0ZW0gYmVpbmcgcmVzZWFsYWJsZVxuICAgKi9cbiAgcHVibGljIGRpc3Bvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZT8uZGlzcG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IFtpZF09XCJpZFwiIGNsYXNzPVwiY29sbGFwc2Uge3tjbGFzc319XCIgW2NsYXNzLm11bHRpLWNvbGxhcHNlXT1cImlzTXVsdGlcIiAjY29sbGFwc2U+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DimmerButtonsComponent {
+    constructor() {
+        this._hasOneButton = false;
+    }
+    /**
+     * Indica se abbiamo 1 solo bottone
+     * @default false
+    */
+    set hasOneButton(value) { this._hasOneButton = value; }
+    ;
+    get hasOneButton() { return this._hasOneButton; }
+}
+DimmerButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DimmerButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerButtonsComponent, selector: "it-dimmer-buttons", inputs: { hasOneButton: "hasOneButton" }, ngImport: i0, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n    <ng-content></ng-content>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dimmer-buttons', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n    <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { hasOneButton: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltbWVyLWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2RpbW1lci9kaW1tZXItYnV0dG9ucy9kaW1tZXItYnV0dG9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvZGltbWVyL2RpbW1lci1idXR0b25zL2RpbW1lci1idXR0b25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUUsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQWFVLGtCQUFhLEdBQUcsS0FBSyxDQUFDO0tBRS9CO0lBUkM7OztNQUdFO0lBQ0YsSUFBYSxZQUFZLENBQUUsS0FBYyxJQUFHLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFBLENBQUEsQ0FBQztJQUFBLENBQUM7SUFDeEUsSUFBSSxZQUFZLEtBQUksT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQzs7bUhBUHJDLHNCQUFzQjt1R0FBdEIsc0JBQXNCLG1HQ1BuQyw2SEFFTTsyRkRLTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUVaLHVCQUF1QixDQUFDLE1BQU07OEJBUWxDLFlBQVk7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1kaW1tZXItYnV0dG9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaW1tZXItYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpbW1lckJ1dHRvbnNDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBJbmRpY2Egc2UgYWJiaWFtbyAxIHNvbG8gYm90dG9uZVxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAqL1xuICBASW5wdXQoKSBzZXQgaGFzT25lQnV0dG9uICh2YWx1ZTogYm9vbGVhbikge3RoaXMuX2hhc09uZUJ1dHRvbiA9IHZhbHVlfTtcbiAgZ2V0IGhhc09uZUJ1dHRvbigpIHtyZXR1cm4gdGhpcy5faGFzT25lQnV0dG9uOyB9XG4gIHByaXZhdGUgX2hhc09uZUJ1dHRvbiA9IGZhbHNlO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGltbWVyLWJ1dHRvbnMgYmctZGFya1wiIFtuZ0NsYXNzXT1cInsnc2luZ2xlLWJ1dHRvbic6IGhhc09uZUJ1dHRvbn1cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2020/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DimmerIconComponent {
+}
+DimmerIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DimmerIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerIconComponent, selector: "it-dimmer-icon", ngImport: i0, template: "<div class=\"dimmer-icon\">\n    <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dimmer-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-icon\">\n    <ng-content></ng-content>\n</div>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltbWVyLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2RpbW1lci9kaW1tZXItaWNvbi9kaW1tZXItaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvZGltbWVyL2RpbW1lci1pY29uL2RpbW1lci1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25FLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7b0dBQW5CLG1CQUFtQixzRENQaEMsb0VBRU07MkZES08sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1kaW1tZXItaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaW1tZXItaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpbW1lckljb25Db21wb25lbnQge1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGltbWVyLWljb25cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2020/lib/components/core/dimmer/dimmer.component.mjs

@@ -0,0 +1,59 @@
+import { animate, style, transition, trigger } from '@angular/animations';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DimmerComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._active = false;
+        this._color = '';
+    }
+    /**
+     * Dimmer status
+     * @default false
+    */
+    set active(value) { this._active = value; }
+    ;
+    get active() { return this._active; }
+    /**
+     * Colore del dimmer
+     * @default ''
+    */
+    set color(value) { this._color = value; }
+    ;
+    get color() { return this._color; }
+    ngOnInit() {
+        this.elementRef?.nativeElement?.parentElement?.classList?.add('dimmable');
+    }
+}
+DimmerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DimmerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerComponent, selector: "it-dimmer", inputs: { active: "active", color: "color" }, ngImport: i0, template: "<div class=\"dimmer\" *ngIf=\"active\" @fade [ngClass]=\"[color]\">\n  <div class=\"dimmer-inner\">\n    <ng-content></ng-content>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+        trigger('fade', [
+            transition(':enter', [
+                style({ opacity: 0 }),
+                animate('150ms', style({ opacity: 0.92 })),
+            ]),
+            transition(':leave', [
+                animate('150ms', style({ opacity: 0 })),
+            ]),
+        ])
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dimmer', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('fade', [
+                            transition(':enter', [
+                                style({ opacity: 0 }),
+                                animate('150ms', style({ opacity: 0.92 })),
+                            ]),
+                            transition(':leave', [
+                                animate('150ms', style({ opacity: 0 })),
+                            ]),
+                        ])
+                    ], template: "<div class=\"dimmer\" *ngIf=\"active\" @fade [ngClass]=\"[color]\">\n  <div class=\"dimmer-inner\">\n    <ng-content></ng-content>\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { active: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltbWVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9kaW1tZXIvZGltbWVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9kaW1tZXIvZGltbWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0I5RixNQUFNLE9BQU8sZUFBZTtJQWtCMUIsWUFDVSxVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWHhCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFRaEIsV0FBTSxHQUFnQixFQUFFLENBQUM7SUFJOUIsQ0FBQztJQWxCSjs7O01BR0U7SUFDRixJQUFhLE1BQU0sQ0FBRSxLQUFjLElBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUEsQ0FBQSxDQUFDO0lBQUEsQ0FBQztJQUM1RCxJQUFJLE1BQU0sS0FBSSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBR3BDOzs7TUFHRTtJQUNGLElBQWEsS0FBSyxDQUFFLEtBQWtCLElBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUEsQ0FBQSxDQUFDO0lBQUEsQ0FBQztJQUM5RCxJQUFJLEtBQUssS0FBSSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBT2xDLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RSxDQUFDOzs0R0F4QlUsZUFBZTtnR0FBZixlQUFlLCtGQ3JCNUIsc0pBSU0sZ09ES1E7UUFDVixPQUFPLENBQUMsTUFBTSxFQUFFO1lBQ1osVUFBVSxDQUFDLFFBQVEsRUFBRTtnQkFDakIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dCQUNyQixPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQzdDLENBQUM7WUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dCQUNqQixPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQzFDLENBQUM7U0FDTCxDQUFDO0tBQ0w7MkZBRVksZUFBZTtrQkFoQjNCLFNBQVM7K0JBQ0UsV0FBVyxtQkFFSix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNWLE9BQU8sQ0FBQyxNQUFNLEVBQUU7NEJBQ1osVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDakIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDOzZCQUM3QyxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ2pCLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQzFDLENBQUM7eUJBQ0wsQ0FBQztxQkFDTDtpR0FRYyxNQUFNO3NCQUFsQixLQUFLO2dCQVFPLEtBQUs7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBEaW1tZXJDb2xvciA9ICcnIHwgJ2RpbW1lci1wcmltYXJ5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtZGltbWVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpbW1lci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZmFkZScsIFtcbiAgICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwIH0pLFxuICAgICAgICAgICAgYW5pbWF0ZSgnMTUwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAuOTIgfSkpLFxuICAgICAgICBdKSxcbiAgICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICAgICAgYW5pbWF0ZSgnMTUwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxuICAgICAgICBdKSxcbiAgICBdKVxuXVxufSlcbmV4cG9ydCBjbGFzcyBEaW1tZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIC8qKlxuICAgKiBEaW1tZXIgc3RhdHVzXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICovXG4gIEBJbnB1dCgpIHNldCBhY3RpdmUgKHZhbHVlOiBib29sZWFuKSB7dGhpcy5fYWN0aXZlID0gdmFsdWV9O1xuICBnZXQgYWN0aXZlKCkge3JldHVybiB0aGlzLl9hY3RpdmU7IH1cbiAgcHJpdmF0ZSBfYWN0aXZlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIENvbG9yZSBkZWwgZGltbWVyXG4gICAqIEBkZWZhdWx0ICcnXG4gICovXG4gIEBJbnB1dCgpIHNldCBjb2xvciAodmFsdWU6IERpbW1lckNvbG9yKSB7dGhpcy5fY29sb3IgPSB2YWx1ZX07XG4gIGdldCBjb2xvcigpIHtyZXR1cm4gdGhpcy5fY29sb3I7IH1cbiAgcHJpdmF0ZSBfY29sb3I6IERpbW1lckNvbG9yID0gJyc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQ/LnBhcmVudEVsZW1lbnQ/LmNsYXNzTGlzdD8uYWRkKCdkaW1tYWJsZScpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZGltbWVyXCIgKm5nSWY9XCJhY3RpdmVcIiBAZmFkZSBbbmdDbGFzc109XCJbY29sb3JdXCI+XG4gIDxkaXYgY2xhc3M9XCJkaW1tZXItaW5uZXJcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+Il19

package/esm2020/lib/components/core/dropdown/dropdown/dropdown.component.mjs

@@ -0,0 +1,130 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { isTrueBooleanInput } from '../../../../utils/boolean-input';
+import { DropdownItemComponent } from '../dropdown-item/dropdown-item.component';
+import { Dropdown } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/icon/icon.component";
+export class DropdownComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * Fires immediately when the show instance method is called.
+         */
+        this.onShow = new EventEmitter();
+        /**
+         * Fired when the dropdown has been made visible to the user and CSS transitions have completed.
+         */
+        this.onShown = new EventEmitter();
+        /**
+         * Fires immediately when the hide instance method has been called.
+         */
+        this.onHide = new EventEmitter();
+        /**
+         * Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
+         */
+        this.onHidden = new EventEmitter();
+    }
+    get buttonClass() {
+        let btnClass = 'btn dropdown-toggle';
+        if (this.color) {
+            btnClass += ` btn-${this.color}`;
+        }
+        else {
+            btnClass += ` btn-dropdown`;
+        }
+        return btnClass;
+    }
+    get isFullWidth() {
+        return isTrueBooleanInput(this.fullWidth);
+    }
+    get isDark() {
+        return isTrueBooleanInput(this.dark);
+    }
+    ngOnChanges(changes) {
+        if (changes['dark'] && !changes['dark'].firstChange) {
+            this.setDarkItems();
+        }
+        super.ngOnChanges(changes);
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.setDarkItems();
+        if (this.dropdownButton) {
+            const element = this.dropdownButton.nativeElement;
+            this.dropdown = Dropdown.getOrCreateInstance(element);
+            element.addEventListener('show.bs.dropdown', event => this.onShow.emit(event));
+            element.addEventListener('shown.bs.dropdown', event => this.onShown.emit(event));
+            element.addEventListener('hide.bs.dropdown', event => this.onHide.emit(event));
+            element.addEventListener('hidden.bs.dropdown', event => this.onHidden.emit(event));
+        }
+    }
+    /**
+     * Set child items dark mode
+     * @private
+     */
+    setDarkItems() {
+        this.items?.forEach(item => {
+            item.setDark(this.isDark);
+        });
+    }
+    /**
+     * Toggles the dropdown menu of a given navbar or tabbed navigation.
+     */
+    toggle() {
+        this.dropdown?.toggle();
+    }
+    /**
+     * Shows the dropdown menu of a given navbar or tabbed navigation.
+     */
+    show() {
+        this.dropdown?.show();
+    }
+    /**
+     * Hides the dropdown menu of a given navbar or tabbed navigation.
+     */
+    hide() {
+        this.dropdown?.hide();
+    }
+    /**
+     * Updates the position of an element's dropdown.
+     */
+    update() {
+        this.dropdown?.update();
+    }
+    /**
+     * Destroys an element's dropdown. (Removes stored data on the DOM element)
+     */
+    dispose() {
+        this.dropdown?.dispose();
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownComponent, selector: "it-dropdown[id]", inputs: { color: "color", direction: "direction", fullWidth: "fullWidth", dark: "dark" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden" }, queries: [{ propertyName: "items", predicate: DropdownItemComponent }], viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true }], exportAs: ["itDropdown"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown {{direction}}\">\n  <button #dropdownButton [id]=\"id\"\n          [class]=\"buttonClass\"\n          type=\"button\"\n          data-bs-toggle=\"dropdown\"\n          aria-haspopup=\"true\"\n          aria-expanded=\"false\">\n    <ng-content select=\"[button]\"></ng-content>\n    <it-icon class=\"icon-expand\" name=\"expand\" size=\"sm\" [color]=\"this.color ? 'light' : 'primary'\"></it-icon>\n  </button>\n\n  <div class=\"dropdown-menu\" [class.full-width]=\"isFullWidth\" [class.dark]=\"isDark\" [attr.aria-labelledby]=\"id\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\">\n        <ng-content select=\"[listHeading]\"></ng-content>\n      </div>\n      <ul class=\"link-list\">\n        <ng-content select=\"[list]\"></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".link-list-heading:empty{display:none}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dropdown[id]', exportAs: 'itDropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown {{direction}}\">\n  <button #dropdownButton [id]=\"id\"\n          [class]=\"buttonClass\"\n          type=\"button\"\n          data-bs-toggle=\"dropdown\"\n          aria-haspopup=\"true\"\n          aria-expanded=\"false\">\n    <ng-content select=\"[button]\"></ng-content>\n    <it-icon class=\"icon-expand\" name=\"expand\" size=\"sm\" [color]=\"this.color ? 'light' : 'primary'\"></it-icon>\n  </button>\n\n  <div class=\"dropdown-menu\" [class.full-width]=\"isFullWidth\" [class.dark]=\"isDark\" [attr.aria-labelledby]=\"id\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\">\n        <ng-content select=\"[listHeading]\"></ng-content>\n      </div>\n      <ul class=\"link-list\">\n        <ng-content select=\"[list]\"></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".link-list-heading:empty{display:none}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [DropdownItemComponent]
+            }], onShow: [{
+                type: Output
+            }], onShown: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], onHidden: [{
+                type: Output
+            }], dropdownButton: [{
+                type: ViewChild,
+                args: ['dropdownButton']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2Ryb3Bkb3duL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9kcm9wZG93bi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBRWYsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBR04sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRTdFLE9BQU8sRUFBZ0Isa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVM1QyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBUHhEOztRQXFDRTs7V0FFRztRQUNPLFdBQU0sR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUzRDs7V0FFRztRQUNPLFlBQU8sR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU1RDs7V0FFRztRQUNPLFdBQU0sR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUzRDs7V0FFRztRQUNPLGFBQVEsR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQTRGOUQ7SUFyRkMsSUFBSSxXQUFXO1FBQ2IsSUFBSSxRQUFRLEdBQUcscUJBQXFCLENBQUM7UUFDckMsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsUUFBUSxJQUFJLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxRQUFRLElBQUksZUFBZSxDQUFDO1NBQzdCO1FBRUQsT0FBTyxRQUFRLENBQUM7SUFDbEIsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRVEsV0FBVyxDQUFDLE9BQXNCO1FBQ3pDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFdBQVcsRUFBRTtZQUNuRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDckI7UUFDRCxLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFUSxlQUFlO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFcEIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDO1lBQ2xELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRXRELE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDL0UsT0FBTyxDQUFDLGdCQUFnQixDQUFDLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNqRixPQUFPLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQy9FLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDcEY7SUFDSCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssWUFBWTtRQUNsQixJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN6QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDWCxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNJLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7T0FFRztJQUNJLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDWCxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNJLE9BQU87UUFDWixJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQzNCLENBQUM7OzhHQTNJVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrUUE0QlgscUJBQXFCLHFOQ3JEeEMsMDBCQXNCQTsyRkRHYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLFlBR2pCLFlBQVksbUJBQ0wsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsS0FBSztzQkFBYixLQUFLO2dCQVFHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS2tDLEtBQUs7c0JBQTVDLGVBQWU7dUJBQUMscUJBQXFCO2dCQUs1QixNQUFNO3NCQUFmLE1BQU07Z0JBS0csT0FBTztzQkFBaEIsTUFBTTtnQkFLRyxNQUFNO3NCQUFmLE1BQU07Z0JBS0csUUFBUTtzQkFBakIsTUFBTTtnQkFLOEIsY0FBYztzQkFBbEQsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29sb3IsIERyb3Bkb3duRGlyZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vaW50ZXJmYWNlcy9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5pbXBvcnQgeyBEcm9wZG93bkl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9kcm9wZG93bi1pdGVtL2Ryb3Bkb3duLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSAnYm9vdHN0cmFwLWl0YWxpYSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWRyb3Bkb3duW2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG4gIGV4cG9ydEFzOiAnaXREcm9wZG93bicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBCdXR0b24gY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yPzogQnV0dG9uQ29sb3I7XG5cbiAgLyoqXG4gICAqIFRvIG9wZW4gbWVudSBpdGVtcyB0bzpcbiAgICogLSA8c3Ryb25nPmRyb3B1cDwvc3Ryb25nPjogdXBcbiAgICogLSA8c3Ryb25nPmRyb3BlbmQ8L3N0cm9uZz46IHJpZ2h0XG4gICAqIC0gPHN0cm9uZz5kcm9wc3RhcnQ8L3N0cm9uZz46IGxlZnRcbiAgICovXG4gIEBJbnB1dCgpIGRpcmVjdGlvbj86IERyb3Bkb3duRGlyZWN0aW9uO1xuXG4gIC8qKlxuICAgKiBUbyBnZXQgYSBkcm9wZG93biBtZW51IGFzIHdpZGUgYXMgdGhlIGVsZW1lbnQgY29udGFpbmluZyB0aGUgZHJvcGRvd24gYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBmdWxsV2lkdGg/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIERhcmsgbWVudSBzdHlsZVxuICAgKi9cbiAgQElucHV0KCkgZGFyaz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVGhlIGRyb3Bkb3duIGl0ZW1zXG4gICAqL1xuICBAQ29udGVudENoaWxkcmVuKERyb3Bkb3duSXRlbUNvbXBvbmVudCkgaXRlbXM/OiBRdWVyeUxpc3Q8RHJvcGRvd25JdGVtQ29tcG9uZW50PjtcblxuICAvKipcbiAgICogRmlyZXMgaW1tZWRpYXRlbHkgd2hlbiB0aGUgc2hvdyBpbnN0YW5jZSBtZXRob2QgaXMgY2FsbGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uU2hvdzogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiB0aGUgZHJvcGRvd24gaGFzIGJlZW4gbWFkZSB2aXNpYmxlIHRvIHRoZSB1c2VyIGFuZCBDU1MgdHJhbnNpdGlvbnMgaGF2ZSBjb21wbGV0ZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25TaG93bjogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogRmlyZXMgaW1tZWRpYXRlbHkgd2hlbiB0aGUgaGlkZSBpbnN0YW5jZSBtZXRob2QgaGFzIGJlZW4gY2FsbGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uSGlkZTogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiB0aGUgZHJvcGRvd24gaGFzIGZpbmlzaGVkIGJlaW5nIGhpZGRlbiBmcm9tIHRoZSB1c2VyIGFuZCBDU1MgdHJhbnNpdGlvbnMgaGF2ZSBjb21wbGV0ZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25IaWRkZW46IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cblxuICBwcml2YXRlIGRyb3Bkb3duPzogRHJvcGRvd247XG5cbiAgQFZpZXdDaGlsZCgnZHJvcGRvd25CdXR0b24nKSBwcml2YXRlIGRyb3Bkb3duQnV0dG9uPzogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG5cbiAgZ2V0IGJ1dHRvbkNsYXNzKCk6IHN0cmluZyB7XG4gICAgbGV0IGJ0bkNsYXNzID0gJ2J0biBkcm9wZG93bi10b2dnbGUnO1xuICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICBidG5DbGFzcyArPSBgIGJ0bi0ke3RoaXMuY29sb3J9YDtcbiAgICB9IGVsc2Uge1xuICAgICAgYnRuQ2xhc3MgKz0gYCBidG4tZHJvcGRvd25gO1xuICAgIH1cblxuICAgIHJldHVybiBidG5DbGFzcztcbiAgfVxuXG4gIGdldCBpc0Z1bGxXaWR0aCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuZnVsbFdpZHRoKTtcbiAgfVxuXG4gIGdldCBpc0RhcmsoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmRhcmspO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydkYXJrJ10gJiYgIWNoYW5nZXNbJ2RhcmsnXS5maXJzdENoYW5nZSkge1xuICAgICAgdGhpcy5zZXREYXJrSXRlbXMoKTtcbiAgICB9XG4gICAgc3VwZXIubmdPbkNoYW5nZXMoY2hhbmdlcyk7XG4gIH1cblxuICBvdmVycmlkZSBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XG4gICAgdGhpcy5zZXREYXJrSXRlbXMoKTtcblxuICAgIGlmICh0aGlzLmRyb3Bkb3duQnV0dG9uKSB7XG4gICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5kcm9wZG93bkJ1dHRvbi5uYXRpdmVFbGVtZW50O1xuICAgICAgdGhpcy5kcm9wZG93biA9IERyb3Bkb3duLmdldE9yQ3JlYXRlSW5zdGFuY2UoZWxlbWVudCk7XG5cbiAgICAgIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignc2hvdy5icy5kcm9wZG93bicsIGV2ZW50ID0+IHRoaXMub25TaG93LmVtaXQoZXZlbnQpKTtcbiAgICAgIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignc2hvd24uYnMuZHJvcGRvd24nLCBldmVudCA9PiB0aGlzLm9uU2hvd24uZW1pdChldmVudCkpO1xuICAgICAgZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdoaWRlLmJzLmRyb3Bkb3duJywgZXZlbnQgPT4gdGhpcy5vbkhpZGUuZW1pdChldmVudCkpO1xuICAgICAgZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdoaWRkZW4uYnMuZHJvcGRvd24nLCBldmVudCA9PiB0aGlzLm9uSGlkZGVuLmVtaXQoZXZlbnQpKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2V0IGNoaWxkIGl0ZW1zIGRhcmsgbW9kZVxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBzZXREYXJrSXRlbXMoKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtcz8uZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uc2V0RGFyayh0aGlzLmlzRGFyayk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgZHJvcGRvd24gbWVudSBvZiBhIGdpdmVuIG5hdmJhciBvciB0YWJiZWQgbmF2aWdhdGlvbi5cbiAgICovXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5kcm9wZG93bj8udG9nZ2xlKCk7XG4gIH1cblxuICAvKipcbiAgICogU2hvd3MgdGhlIGRyb3Bkb3duIG1lbnUgb2YgYSBnaXZlbiBuYXZiYXIgb3IgdGFiYmVkIG5hdmlnYXRpb24uXG4gICAqL1xuICBwdWJsaWMgc2hvdygpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3Bkb3duPy5zaG93KCk7XG4gIH1cblxuICAvKipcbiAgICogSGlkZXMgdGhlIGRyb3Bkb3duIG1lbnUgb2YgYSBnaXZlbiBuYXZiYXIgb3IgdGFiYmVkIG5hdmlnYXRpb24uXG4gICAqL1xuICBwdWJsaWMgaGlkZSgpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3Bkb3duPy5oaWRlKCk7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlcyB0aGUgcG9zaXRpb24gb2YgYW4gZWxlbWVudCdzIGRyb3Bkb3duLlxuICAgKi9cbiAgcHVibGljIHVwZGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3Bkb3duPy51cGRhdGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXN0cm95cyBhbiBlbGVtZW50J3MgZHJvcGRvd24uIChSZW1vdmVzIHN0b3JlZCBkYXRhIG9uIHRoZSBET00gZWxlbWVudClcbiAgICovXG4gIHB1YmxpYyBkaXNwb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuZHJvcGRvd24/LmRpc3Bvc2UoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRyb3Bkb3duIHt7ZGlyZWN0aW9ufX1cIj5cbiAgPGJ1dHRvbiAjZHJvcGRvd25CdXR0b24gW2lkXT1cImlkXCJcbiAgICAgICAgICBbY2xhc3NdPVwiYnV0dG9uQ2xhc3NcIlxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGRhdGEtYnMtdG9nZ2xlPVwiZHJvcGRvd25cIlxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPVwiZmFsc2VcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgICA8aXQtaWNvbiBjbGFzcz1cImljb24tZXhwYW5kXCIgbmFtZT1cImV4cGFuZFwiIHNpemU9XCJzbVwiIFtjb2xvcl09XCJ0aGlzLmNvbG9yID8gJ2xpZ2h0JyA6ICdwcmltYXJ5J1wiPjwvaXQtaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW1lbnVcIiBbY2xhc3MuZnVsbC13aWR0aF09XCJpc0Z1bGxXaWR0aFwiIFtjbGFzcy5kYXJrXT1cImlzRGFya1wiIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJpZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJsaW5rLWxpc3Qtd3JhcHBlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImxpbmstbGlzdC1oZWFkaW5nXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsaXN0SGVhZGluZ11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDx1bCBjbGFzcz1cImxpbmstbGlzdFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { isTrueBooleanInput } from '../../../../utils/boolean-input';
+import { LinkComponent } from '../../link/link.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../link/link.component";
+import * as i3 from "../../../utils/icon/icon.component";
+import * as i4 from "@ngx-translate/core";
+export class DropdownItemComponent extends LinkComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * The icon position
+         * @default right
+         */
+        this.iconPosition = 'right';
+        /**
+         * Change icon color if menu is dark
+         * @default false
+         */
+        this.isDark = false;
+    }
+    get isDivider() {
+        return isTrueBooleanInput(this.divider);
+    }
+    get isActive() {
+        return isTrueBooleanInput(this.active);
+    }
+    get isLarge() {
+        return isTrueBooleanInput(this.large);
+    }
+    get linkClass() {
+        let linkClass = `list-item ${this.isActive ? 'active' : 'dropdown-item'}`;
+        if (this.isDisabled) {
+            linkClass += ' disabled';
+        }
+        if (this.isLarge) {
+            linkClass += ' large';
+        }
+        if (this.iconName) {
+            linkClass += ` ${this.iconPosition === 'right' ? 'right-icon' : 'left-icon'}`;
+        }
+        return linkClass;
+    }
+    setDark(dark) {
+        if (this.isDark !== dark) {
+            this.isDark = dark;
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+}
+DropdownItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownItemComponent, selector: "it-dropdown-item", inputs: { divider: "divider", active: "active", large: "large", iconName: "iconName", iconPosition: "iconPosition" }, usesInheritance: true, ngImport: i0, template: "<li>\n  <span *ngIf=\"isDivider; else item\" class=\"divider\"></span>\n\n  <ng-template #item>\n    <it-link [class]=\"linkClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <it-icon *ngIf=\"iconName && iconPosition === 'left'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span><ng-content></ng-content></span>\n\n      <it-icon *ngIf=\"iconName && iconPosition === 'right'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span *ngIf=\"isActive\" class=\"visually-hidden\">{{'it.core.active'|translate}}</span>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".list-item.disabled{pointer-events:none;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "it-link", inputs: ["href", "externalLink", "disabled", "class"] }, { kind: "component", type: i3.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n  <span *ngIf=\"isDivider; else item\" class=\"divider\"></span>\n\n  <ng-template #item>\n    <it-link [class]=\"linkClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <it-icon *ngIf=\"iconName && iconPosition === 'left'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span><ng-content></ng-content></span>\n\n      <it-icon *ngIf=\"iconName && iconPosition === 'right'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span *ngIf=\"isActive\" class=\"visually-hidden\">{{'it.core.active'|translate}}</span>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".list-item.disabled{pointer-events:none;cursor:default}\n"] }]
+        }], propDecorators: { divider: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], large: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvZHJvcGRvd24vZHJvcGRvd24taXRlbS9kcm9wZG93bi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9kcm9wZG93bi9kcm9wZG93bi1pdGVtL2Ryb3Bkb3duLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBUTFELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxhQUFhO0lBTnhEOztRQTRCRTs7O1dBR0c7UUFDTSxpQkFBWSxHQUFxQixPQUFPLENBQUM7UUFFbEQ7OztXQUdHO1FBQ0gsV0FBTSxHQUFZLEtBQUssQ0FBQztLQW1DekI7SUFqQ0MsSUFBSSxTQUFTO1FBQ1gsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsSUFBSSxTQUFTLEdBQUcsYUFBYSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzFFLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixTQUFTLElBQUksV0FBVyxDQUFDO1NBQzFCO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLFNBQVMsSUFBSSxRQUFRLENBQUM7U0FDdkI7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsU0FBUyxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDL0U7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQWE7UUFDbkIsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDekM7SUFDSCxDQUFDOztrSEFsRVUscUJBQXFCO3NHQUFyQixxQkFBcUIscU1DWGxDLDQyQkF1QkE7MkZEWmEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU90QyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQU1HLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vLi4vLi4vaW50ZXJmYWNlcy9pY29uJztcbmltcG9ydCB7IExpbmtDb21wb25lbnQgfSBmcm9tICcuLi8uLi9saW5rL2xpbmsuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtZHJvcGRvd24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBMaW5rQ29tcG9uZW50IHtcblxuICAvKipcbiAgICogU2hvdyBkaXZpZGVyXG4gICAqL1xuICBASW5wdXQoKSBkaXZpZGVyPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBBY3RpdmUgaXRlbVxuICAgKi9cbiAgQElucHV0KCkgYWN0aXZlPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUbyBpbmNyZWFzZSB0aGUgc2l6ZSBvZiBsaW5rc1xuICAgKi9cbiAgQElucHV0KCkgbGFyZ2U/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIGljb24gdG8gc2hvd1xuICAgKi9cbiAgQElucHV0KCkgaWNvbk5hbWU/OiBJY29uTmFtZTtcblxuICAvKipcbiAgICogVGhlIGljb24gcG9zaXRpb25cbiAgICogQGRlZmF1bHQgcmlnaHRcbiAgICovXG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG5cbiAgLyoqXG4gICAqIENoYW5nZSBpY29uIGNvbG9yIGlmIG1lbnUgaXMgZGFya1xuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgaXNEYXJrOiBib29sZWFuID0gZmFsc2U7XG5cbiAgZ2V0IGlzRGl2aWRlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuZGl2aWRlcik7XG4gIH1cblxuICBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmFjdGl2ZSk7XG4gIH1cblxuICBnZXQgaXNMYXJnZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMubGFyZ2UpO1xuICB9XG5cbiAgZ2V0IGxpbmtDbGFzcygpOiBzdHJpbmcge1xuICAgIGxldCBsaW5rQ2xhc3MgPSBgbGlzdC1pdGVtICR7dGhpcy5pc0FjdGl2ZSA/ICdhY3RpdmUnIDogJ2Ryb3Bkb3duLWl0ZW0nfWA7XG4gICAgaWYgKHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgbGlua0NsYXNzICs9ICcgZGlzYWJsZWQnO1xuICAgIH1cbiAgICBpZiAodGhpcy5pc0xhcmdlKSB7XG4gICAgICBsaW5rQ2xhc3MgKz0gJyBsYXJnZSc7XG4gICAgfVxuICAgIGlmICh0aGlzLmljb25OYW1lKSB7XG4gICAgICBsaW5rQ2xhc3MgKz0gYCAke3RoaXMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnID8gJ3JpZ2h0LWljb24nIDogJ2xlZnQtaWNvbid9YDtcbiAgICB9XG5cbiAgICByZXR1cm4gbGlua0NsYXNzO1xuICB9XG5cbiAgc2V0RGFyayhkYXJrOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNEYXJrICE9PSBkYXJrKSB7XG4gICAgICB0aGlzLmlzRGFyayA9IGRhcms7XG4gICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG59XG4iLCI8bGk+XG4gIDxzcGFuICpuZ0lmPVwiaXNEaXZpZGVyOyBlbHNlIGl0ZW1cIiBjbGFzcz1cImRpdmlkZXJcIj48L3NwYW4+XG5cbiAgPG5nLXRlbXBsYXRlICNpdGVtPlxuICAgIDxpdC1saW5rIFtjbGFzc109XCJsaW5rQ2xhc3NcIiBbaHJlZl09XCJocmVmXCIgW2V4dGVybmFsTGlua109XCJleHRlcm5hbExpbmtcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgIDxpdC1pY29uICpuZ0lmPVwiaWNvbk5hbWUgJiYgaWNvblBvc2l0aW9uID09PSAnbGVmdCdcIlxuICAgICAgICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiaWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgIFtjb2xvcl09XCJpc0RhcmsgPyAnbGlnaHQnIDogJ3ByaW1hcnknXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NdPVwiaWNvblBvc2l0aW9uXCI+PC9pdC1pY29uPlxuXG4gICAgICA8c3Bhbj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuXG4gICAgICA8aXQtaWNvbiAqbmdJZj1cImljb25OYW1lICYmIGljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0J1wiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJpY29uTmFtZVwiXG4gICAgICAgICAgICAgICAgW2NvbG9yXT1cImlzRGFyayA/ICdsaWdodCcgOiAncHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJpY29uUG9zaXRpb25cIj48L2l0LWljb24+XG5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaXNBY3RpdmVcIiBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiPnt7J2l0LmNvcmUuYWN0aXZlJ3x0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICA8L2l0LWxpbms+XG4gIDwvbmctdGVtcGxhdGU+XG48L2xpPlxuIl19