suis 0.16.1 → 0.18.0

package/README.md

@@ -27,8 +27,13 @@ Modern UI component library. Supports Angular in version 16 and uses its latest
 | ProgressBar | SuisProgressBar  | suis-progress-bar | 0.13.0 |
 | Container | SuisContainer  | suis-container | 0.14.0 |
 | SelectMulti | SuisSelectMulti | suis-select-multi | 0.15.0 |
-| Notification | SuisNotification  | suis-notification | 0.16.0 |
-| Notifications | SuisNotifications  | suis-notifications | 0.16.0 |
+| Notification | SuisNotification | suis-notification | 0.16.0 |
+| Notifications | SuisNotifications | suis-notifications | 0.16.0 |
+| Navigation | SuisNavigation | suis-navigation | 0.17.0 |
+| NavigationItem | SuisNavigationItem | suis-navigation-item | 0.17.0 |
+| NavigationGroup | SuisNavigationGroup | suis-navigation-group | 0.17.0 |
+| NavigationGroupItem | SuisNavigationGroupItem | suis-navigation-group-item | 0.17.0 |
+| Breadcrumbs | SuisBreadcrumbs | suis-breadcrumbs | 0.18.0 |
 
 ## Pipes
 

package/esm2022/lib/components/index.mjs

@@ -1,5 +1,6 @@
 export * from './suis-alert';
 export * from './suis-box';
+export * from './suis-breadcrumbs';
 export * from './suis-button';
 export * from './suis-chip';
 export * from './suis-container';
@@ -9,6 +10,10 @@ export * from './suis-input-chips';
 export * from './suis-input-number';
 export * from './suis-input-text';
 export * from './suis-label';
+export * from './suis-navigation';
+export * from './suis-navigation-group';
+export * from './suis-navigation-group-item';
+export * from './suis-navigation-item';
 export * from './suis-notification';
 export * from './suis-notifications';
 export * from './suis-progress-bar';
@@ -17,4 +22,4 @@ export * from './suis-select-option';
 export * from './suis-select-multi';
 export * from './suis-spinner';
 export * from './suis-spinner-container';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY2hpcCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtbnVtYmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC10ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1hbGVydCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYm94JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1icmVhZGNydW1icyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1jaGlwJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1jb250YWluZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWNoaXBzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1udW1iZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LXRleHQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWxhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XG4iXX0=

package/esm2022/lib/components/suis-breadcrumbs/index.mjs

@@ -0,0 +1,3 @@
+export * from './suis-breadcrumbs.component';
+export * from './suis-breadcrumbs.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnJlYWRjcnVtYnMuaW50ZXJmYWNlJztcbiJdfQ==

package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+class SuisBreadcrumbsComponent {
+    constructor() {
+        /**
+         * List of breadcrumbs items. Type of SuisBreadcrumbItem[]. By default set to empty array.
+         */
+        this.items = [];
+    }
+    /** @internal */
+    itemTrackBy(index, item) {
+        return `${item.label}-${index}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisBreadcrumbsComponent, isStandalone: true, selector: "suis-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisBreadcrumbsComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-breadcrumbs', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-breadcrumbs\">\n  <ng-container\n    *ngFor=\"let item of items; let last = last; trackBy: itemTrackBy\"\n  >\n    <a [routerLink]=\"last ? undefined : item.link\">\n      {{ item.label }}\n    </a>\n    <span *ngIf=\"!last\">/</span>\n  </ng-container>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-breadcrumbs a{text-decoration:none;color:#2f3640;font-weight:400}.suis-breadcrumbs a:not(:last-of-type){font-weight:600;color:#40739e}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBRS9DLE1BUWEsd0JBQXdCO0lBUnJDO1FBU0U7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLEVBQUUsQ0FBQztLQU0zQztJQUpDLGdCQUFnQjtJQUNoQixXQUFXLENBQUMsS0FBYSxFQUFFLElBQXdCO1FBQ2pELE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBVFUsd0JBQXdCO2tHQUF4Qix3QkFBd0Isd0dDYnJDLDJSQVVBLHNUREZZLFlBQVksK1BBQUUsWUFBWTs7U0FLekIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0JyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzLmludGVyZmFjZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWJyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAvKipcbiAgICogTGlzdCBvZiBicmVhZGNydW1icyBpdGVtcy4gVHlwZSBvZiBTdWlzQnJlYWRjcnVtYkl0ZW1bXS4gQnkgZGVmYXVsdCBzZXQgdG8gZW1wdHkgYXJyYXkuXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogU3Vpc0JyZWFkY3J1bWJJdGVtW10gPSBbXTtcblxuICAvKiogQGludGVybmFsICovXG4gIGl0ZW1UcmFja0J5KGluZGV4OiBudW1iZXIsIGl0ZW06IFN1aXNCcmVhZGNydW1iSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2l0ZW0ubGFiZWx9LSR7aW5kZXh9YDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtYnJlYWRjcnVtYnNcIj5cbiAgPG5nLWNvbnRhaW5lclxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgbGFzdCA9IGxhc3Q7IHRyYWNrQnk6IGl0ZW1UcmFja0J5XCJcbiAgPlxuICAgIDxhIFtyb3V0ZXJMaW5rXT1cImxhc3QgPyB1bmRlZmluZWQgOiBpdGVtLmxpbmtcIj5cbiAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICA8L2E+XG4gICAgPHNwYW4gKm5nSWY9XCIhbGFzdFwiPi88L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1icmVhZGNydW1icy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYnJlYWRjcnVtYnMvc3Vpcy1icmVhZGNydW1icy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgU3Vpc0JyZWFkY3J1bWJJdGVtIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xufVxuIl19

package/esm2022/lib/components/suis-navigation/index.mjs

@@ -0,0 +1,2 @@
+export * from './suis-navigation.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, ContentChild, Input, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SuisNavigationItemDirective } from '../suis-navigation-item';
+import { SuisNavigationGroupComponent } from '../suis-navigation-group';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+class SuisNavigationComponent {
+    constructor() {
+        /**
+         * List of navigation items. Type of SuisNavigationGroupItem[]. By default set to empty array.
+         */
+        this.items = [];
+        /**
+         * Condition to expand groups at view initialization. By default set to true.
+         */
+        this.expandedGroups = true;
+        /**
+         * Adds expand / collapse logic to group header items. By default set to false.
+         */
+        this.expandable = false;
+    }
+    /** @internal */
+    groupItemTrackBy(index, groupItem) {
+        return `${groupItem.label}-${index}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"suis-navigation\">\n  <suis-navigation-group\n    *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n    [item]=\"groupItem\"\n    [templateRef]=\"suisNavigationItem?.templateRef\"\n    [expanded]=\"expandedGroups\"\n    [expandable]=\"expandable\"\n  ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-navigation{width:100%;min-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisNavigationComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-navigation\">\n  <suis-navigation-group\n    *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n    [item]=\"groupItem\"\n    [templateRef]=\"suisNavigationItem?.templateRef\"\n    [expanded]=\"expandedGroups\"\n    [expandable]=\"expandable\"\n  ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-navigation{width:100%;min-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"] }]
+        }], propDecorators: { suisNavigationItem: [{
+                type: ContentChild,
+                args: [SuisNavigationItemDirective]
+            }], items: [{
+                type: Input
+            }], expandedGroups: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQUV4RSxNQVFhLHVCQUF1QjtJQVJwQztRQWFFOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FNdEM7SUFKQyxnQkFBZ0I7SUFDaEIsZ0JBQWdCLENBQUMsS0FBYSxFQUFFLFNBQWtDO1FBQ2hFLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBdkJVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLG1OQUVwQiwyQkFBMkIsZ0RDckIzQyx5VEFTQSx3VERLWSxZQUFZLDRKQUFFLDRCQUE0Qjs7U0FLekMsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLDRCQUE0QixDQUFDLG1CQUdwQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxrQkFBa0I7c0JBRGpCLFlBQVk7dUJBQUMsMkJBQTJCO2dCQU1oQyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0gfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzTmF2aWdhdGlvbkdyb3VwQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Db21wb25lbnQge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlKVxuICBzdWlzTmF2aWdhdGlvbkl0ZW0/OiBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIExpc3Qgb2YgbmF2aWdhdGlvbiBpdGVtcy4gVHlwZSBvZiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIENvbmRpdGlvbiB0byBleHBhbmQgZ3JvdXBzIGF0IHZpZXcgaW5pdGlhbGl6YXRpb24uIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRlZEdyb3VwczogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEFkZHMgZXhwYW5kIC8gY29sbGFwc2UgbG9naWMgdG8gZ3JvdXAgaGVhZGVyIGl0ZW1zLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGludGVybmFsICovXG4gIGdyb3VwSXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgZ3JvdXBJdGVtOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2dyb3VwSXRlbS5sYWJlbH0tJHtpbmRleH1gO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uXCI+XG4gIDxzdWlzLW5hdmlnYXRpb24tZ3JvdXBcbiAgICAqbmdGb3I9XCJsZXQgZ3JvdXBJdGVtIG9mIGl0ZW1zOyB0cmFja0J5OiBncm91cEl0ZW1UcmFja0J5XCJcbiAgICBbaXRlbV09XCJncm91cEl0ZW1cIlxuICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzTmF2aWdhdGlvbkl0ZW0/LnRlbXBsYXRlUmVmXCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRHcm91cHNcIlxuICAgIFtleHBhbmRhYmxlXT1cImV4cGFuZGFibGVcIlxuICA+PC9zdWlzLW5hdmlnYXRpb24tZ3JvdXA+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/suis-navigation-group/index.mjs

@@ -0,0 +1,2 @@
+export * from './suis-navigation-group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/suis-navigation-group/suis-navigation-group.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SuisNavigationItemComponent } from '../suis-navigation-item';
+import { RouterModule } from '@angular/router';
+import { SuisNavigationGroupItemComponent } from '../suis-navigation-group-item/suis-navigation-group-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+class SuisNavigationGroupComponent {
+    constructor() {
+        /**
+         * Expanded state of the navigation group. By default set to true.
+         */
+        this.expanded = true;
+        /**
+         * Adds expand / collapse logic to group header items. By default set to false.
+         */
+        this.expandable = false;
+    }
+    /** @internal */
+    itemTrackBy(index, item) {
+        return `${item.label}-${index}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationGroupComponent, isStandalone: true, selector: "suis-navigation-group", inputs: { item: "item", templateRef: "templateRef", expanded: "expanded", expandable: "expandable" }, ngImport: i0, template: "<div *ngIf=\"item\" class=\"suis-navigation-group\">\n  <div class=\"suis-navigation-group__header\">\n    <suis-navigation-group-item\n      [item]=\"item\"\n      [templateRef]=\"templateRef\"\n      [expandable]=\"expandable\"\n      [(expanded)]=\"expanded\"\n    ></suis-navigation-group-item>\n  </div>\n  <div *ngIf=\"expanded\" class=\"suis-navigation-group__children\">\n    <suis-navigation-item\n      *ngFor=\"let childItem of item.children; trackBy: itemTrackBy\"\n      [item]=\"childItem\"\n      [templateRef]=\"templateRef\"\n    ></suis-navigation-item>\n  </div>\n</div>\n", styles: [".suis-navigation-group__header{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: SuisNavigationItemComponent, selector: "suis-navigation-item", inputs: ["item", "templateRef"] }, { kind: "component", type: SuisNavigationGroupItemComponent, selector: "suis-navigation-group-item", inputs: ["item", "templateRef", "expanded", "expandable"], outputs: ["expandedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisNavigationGroupComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-navigation-group', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        SuisNavigationItemComponent,
+                        SuisNavigationGroupItemComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"item\" class=\"suis-navigation-group\">\n  <div class=\"suis-navigation-group__header\">\n    <suis-navigation-group-item\n      [item]=\"item\"\n      [templateRef]=\"templateRef\"\n      [expandable]=\"expandable\"\n      [(expanded)]=\"expanded\"\n    ></suis-navigation-group-item>\n  </div>\n  <div *ngIf=\"expanded\" class=\"suis-navigation-group__children\">\n    <suis-navigation-item\n      *ngFor=\"let childItem of item.children; trackBy: itemTrackBy\"\n      [item]=\"childItem\"\n      [templateRef]=\"templateRef\"\n    ></suis-navigation-item>\n  </div>\n</div>\n", styles: [".suis-navigation-group__header{display:flex;justify-content:space-between}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], templateRef: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwL3N1aXMtbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC9zdWlzLW5hdmlnYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSy9DLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG9FQUFvRSxDQUFDOzs7QUFFdEgsTUFhYSw0QkFBNEI7SUFiekM7UUF3QkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksSUFBSSxDQUFDO1FBRWxDOztXQUVHO1FBQ00sZUFBVSxHQUFZLEtBQUssQ0FBQztLQU10QztJQUpDLGdCQUFnQjtJQUNoQixXQUFXLENBQUMsS0FBYSxFQUFFLElBQTZCO1FBQ3RELE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBeEJVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLHVMQzVCekMsaWxCQWlCQSxxSURFSSxZQUFZLCtQQUNaLFlBQVksK0JBQ1osMkJBQTJCLGtHQUMzQixnQ0FBZ0M7O1NBTXZCLDRCQUE0QjsyRkFBNUIsNEJBQTRCO2tCQWJ4QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLDJCQUEyQjt3QkFDM0IsZ0NBQWdDO3FCQUNqQyxtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsSUFBSTtzQkFBWixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtcbiAgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0sXG4gIFN1aXNOYXZpZ2F0aW9uSXRlbSxcbn0gZnJvbSAnLi4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbmF2aWdhdGlvbi1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIFN1aXNOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCxcbiAgICBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbUNvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Hcm91cENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIGl0ZW0gZGF0YS4gVHlwZSBvZiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW0/OiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgdG8gYmUgZGlzcGxheWVkIGluc3RlYWQgb2YgaXRlbSdzIGxhYmVsLlxuICAgKi9cbiAgQElucHV0KCkgdGVtcGxhdGVSZWY/OiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc05hdmlnYXRpb25JdGVtIH0+O1xuXG4gIC8qKlxuICAgKiBFeHBhbmRlZCBzdGF0ZSBvZiB0aGUgbmF2aWdhdGlvbiBncm91cC4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogQWRkcyBleHBhbmQgLyBjb2xsYXBzZSBsb2dpYyB0byBncm91cCBoZWFkZXIgaXRlbXMuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgaXRlbTogU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0pOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtpdGVtLmxhYmVsfS0ke2luZGV4fWA7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpdGVtXCIgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb24tZ3JvdXBcIj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cF9faGVhZGVyXCI+XG4gICAgPHN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtXG4gICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJ0ZW1wbGF0ZVJlZlwiXG4gICAgICBbZXhwYW5kYWJsZV09XCJleHBhbmRhYmxlXCJcbiAgICAgIFsoZXhwYW5kZWQpXT1cImV4cGFuZGVkXCJcbiAgICA+PC9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbT5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwX19jaGlsZHJlblwiPlxuICAgIDxzdWlzLW5hdmlnYXRpb24taXRlbVxuICAgICAgKm5nRm9yPVwibGV0IGNoaWxkSXRlbSBvZiBpdGVtLmNoaWxkcmVuOyB0cmFja0J5OiBpdGVtVHJhY2tCeVwiXG4gICAgICBbaXRlbV09XCJjaGlsZEl0ZW1cIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInRlbXBsYXRlUmVmXCJcbiAgICA+PC9zdWlzLW5hdmlnYXRpb24taXRlbT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/suis-navigation-group-item/index.mjs

@@ -0,0 +1,2 @@
+export * from './suis-navigation-group-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs

@@ -0,0 +1,50 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SuisIconType } from '../suis-icon/suis-icon.enums';
+import { SuisIconComponent } from '../suis-icon/suis-icon.component';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+class SuisNavigationGroupItemComponent {
+    constructor() {
+        /** @internal */
+        this.SuisIconType = SuisIconType;
+        /**
+         * Controlls styling of the item based on expanded state of group. By default set to true.
+         */
+        this.expanded = true;
+        /**
+         * Adds expand / collapse logic to item. By default set to false.
+         */
+        this.expandable = false;
+        /**
+         * Emits when expanded value of the item has been changed.
+         */
+        this.expandedChange = new EventEmitter();
+    }
+    onToggle() {
+        if (!this.expandable)
+            return;
+        this.expanded = !this.expanded;
+        this.expandedChange.emit(this.expanded);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationGroupItemComponent, isStandalone: true, selector: "suis-navigation-group-item", inputs: { item: "item", templateRef: "templateRef", expanded: "expanded", expandable: "expandable" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<a\n  *ngIf=\"item\"\n  class=\"suis-navigation-group-item\"\n  [routerLink]=\"expandable ? undefined : item.link\"\n  routerLinkActive=\"active\"\n  (click)=\"onToggle()\"\n>\n  <div class=\"suis-navigation-group-item__content\">\n    <ng-container *ngIf=\"templateRef; else label\">\n      <ng-container\n        *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n      ></ng-container>\n    </ng-container>\n    <ng-template #label>\n      {{ item.label }}\n    </ng-template>\n  </div>\n  <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n    <suis-icon\n      [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n      size=\"lg\"\n      color=\"white\"\n    ></suis-icon>\n  </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;font-size:1rem;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item:hover{background-color:#273c75d9}.suis-navigation-group-item.active{background-color:#273c75;color:#fff;font-weight:700}.suis-navigation-group-item.active:hover{background-color:#273c75}.suis-navigation-group-item.active:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:.1875rem;height:100%;background-color:#dcdde1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisNavigationGroupItemComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationGroupItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-navigation-group-item', standalone: true, imports: [CommonModule, SuisIconComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  *ngIf=\"item\"\n  class=\"suis-navigation-group-item\"\n  [routerLink]=\"expandable ? undefined : item.link\"\n  routerLinkActive=\"active\"\n  (click)=\"onToggle()\"\n>\n  <div class=\"suis-navigation-group-item__content\">\n    <ng-container *ngIf=\"templateRef; else label\">\n      <ng-container\n        *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n      ></ng-container>\n    </ng-container>\n    <ng-template #label>\n      {{ item.label }}\n    </ng-template>\n  </div>\n  <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n    <suis-icon\n      [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n      size=\"lg\"\n      color=\"white\"\n    ></suis-icon>\n  </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;font-size:1rem;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item:hover{background-color:#273c75d9}.suis-navigation-group-item.active{background-color:#273c75;color:#fff;font-weight:700}.suis-navigation-group-item.active:hover{background-color:#273c75}.suis-navigation-group-item.active:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:.1875rem;height:100%;background-color:#dcdde1}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], templateRef: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFLL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQUUvQyxNQVFhLGdDQUFnQztJQVI3QztRQVNFLGdCQUFnQjtRQUNQLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBWXJDOztXQUVHO1FBQ00sYUFBUSxHQUFZLElBQUksQ0FBQztRQUVsQzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFckM7O1dBRUc7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FReEQ7SUFOQyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTztRQUU3QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0FsQ1UsZ0NBQWdDO2tHQUFoQyxnQ0FBZ0MsMk9DekI3QyxxdkJBeUJBLGl6QkRMWSxZQUFZLDBTQUFFLGlCQUFpQixpSUFBRSxZQUFZOztTQUs1QyxnQ0FBZ0M7MkZBQWhDLGdDQUFnQztrQkFSNUMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLFlBQVksQ0FBQyxtQkFHdkMsdUJBQXVCLENBQUMsTUFBTTs4QkFTdEMsSUFBSTtzQkFBWixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSxcbiAgU3Vpc05hdmlnYXRpb25JdGVtLFxufSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5pbXBvcnQgeyBTdWlzSWNvblR5cGUgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmVudW1zJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudCwgUm91dGVyTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICByZWFkb25seSBTdWlzSWNvblR5cGUgPSBTdWlzSWNvblR5cGU7XG5cbiAgLyoqXG4gICAqIE5hdmlnYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtLlxuICAgKi9cbiAgQElucHV0KCkgaXRlbT86IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtO1xuXG4gIC8qKlxuICAgKiBUZW1wbGF0ZSB0byBiZSBkaXNwbGF5ZWQgaW5zdGVhZCBvZiBpdGVtJ3MgbGFiZWwuc1xuICAgKi9cbiAgQElucHV0KCkgdGVtcGxhdGVSZWY/OiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc05hdmlnYXRpb25JdGVtIH0+O1xuXG4gIC8qKlxuICAgKiBDb250cm9sbHMgc3R5bGluZyBvZiB0aGUgaXRlbSBiYXNlZCBvbiBleHBhbmRlZCBzdGF0ZSBvZiBncm91cC4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogQWRkcyBleHBhbmQgLyBjb2xsYXBzZSBsb2dpYyB0byBpdGVtLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRW1pdHMgd2hlbiBleHBhbmRlZCB2YWx1ZSBvZiB0aGUgaXRlbSBoYXMgYmVlbiBjaGFuZ2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5leHBhbmRhYmxlKSByZXR1cm47XG5cbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICB9XG59XG4iLCI8YVxuICAqbmdJZj1cIml0ZW1cIlxuICBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtXCJcbiAgW3JvdXRlckxpbmtdPVwiZXhwYW5kYWJsZSA/IHVuZGVmaW5lZCA6IGl0ZW0ubGlua1wiXG4gIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAoY2xpY2spPVwib25Ub2dnbGUoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbV9fY29udGVudFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0ZW1wbGF0ZVJlZjsgZWxzZSBsYWJlbFwiPlxuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlUmVmOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI2xhYmVsPlxuICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kYWJsZVwiIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW1fX2FjdGlvbnNcIj5cbiAgICA8c3Vpcy1pY29uXG4gICAgICBbdHlwZV09XCJleHBhbmRlZCA/IFN1aXNJY29uVHlwZS5DSEVWUk9OX1VQIDogU3Vpc0ljb25UeXBlLkNIRVZST05fRE9XTlwiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2Rpdj5cbjwvYT5cbiJdfQ==

package/esm2022/lib/components/suis-navigation-item/index.mjs

@@ -0,0 +1,4 @@
+export * from './suis-navigation-item.component';
+export * from './suis-navigation-item.directive';
+export * from './suis-navigation-item.interfaces';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcbiJdfQ==

package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.component.mjs

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+class SuisNavigationItemComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationItemComponent, isStandalone: true, selector: "suis-navigation-item", inputs: { item: "item", templateRef: "templateRef" }, ngImport: i0, template: "<a\n  *ngIf=\"item\"\n  class=\"suis-navigation-item\"\n  [routerLink]=\"item.link\"\n  routerLinkActive=\"active\"\n>\n  <div class=\"suis-navigation-item__content\">\n    <ng-container *ngIf=\"templateRef; else label\">\n      <ng-container\n        *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n      ></ng-container>\n    </ng-container>\n    <ng-template #label>\n      {{ item.label }}\n    </ng-template>\n  </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#273c75d9}.suis-navigation-item.active{background-color:#273c75;color:#fff;font-weight:700}.suis-navigation-item.active:hover{background-color:#273c75}.suis-navigation-item.active:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:.1875rem;height:100%;background-color:#dcdde1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisNavigationItemComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-navigation-item', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  *ngIf=\"item\"\n  class=\"suis-navigation-item\"\n  [routerLink]=\"item.link\"\n  routerLinkActive=\"active\"\n>\n  <div class=\"suis-navigation-item__content\">\n    <ng-container *ngIf=\"templateRef; else label\">\n      <ng-container\n        *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n      ></ng-container>\n    </ng-container>\n    <ng-template #label>\n      {{ item.label }}\n    </ng-template>\n  </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#273c75d9}.suis-navigation-item.active{background-color:#273c75;color:#fff;font-weight:700}.suis-navigation-item.active:hover{background-color:#273c75}.suis-navigation-item.active:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:.1875rem;height:100%;background-color:#dcdde1}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], templateRef: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1pdGVtL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQUcvQyxNQVFhLDJCQUEyQjs4R0FBM0IsMkJBQTJCO2tHQUEzQiwyQkFBMkIsc0lDbEJ4QyxrY0FpQkEsK3ZCREpZLFlBQVkseVNBQUUsWUFBWTs7U0FLekIsMkJBQTJCOzJGQUEzQiwyQkFBMkI7a0JBUnZDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU3Vpc05hdmlnYXRpb25JdGVtIH0gZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25JdGVtQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIE5hdmlnYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uSXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW0/OiBTdWlzTmF2aWdhdGlvbkl0ZW07XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNOYXZpZ2F0aW9uSXRlbSB9Pjtcbn1cbiIsIjxhXG4gICpuZ0lmPVwiaXRlbVwiXG4gIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWl0ZW1cIlxuICBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIlxuICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1pdGVtX19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlUmVmOyBlbHNlIGxhYmVsXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSZWY7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIlxuICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGFiZWw+XG4gICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2E+XG4iXX0=

package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.directive.mjs

@@ -0,0 +1,21 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+class SuisNavigationItemDirective {
+    constructor() {
+        /**
+         * Custom template of the item.
+         */
+        this.templateRef = inject((TemplateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationItemDirective, isStandalone: true, selector: "[suisNavigationItem]", ngImport: i0 }); }
+}
+export { SuisNavigationItemDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[suisNavigationItem]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUcvRCxNQUlhLDJCQUEyQjtJQUp4QztRQUtFOztXQUVHO1FBQ2EsZ0JBQVcsR0FBRyxNQUFNLENBQ2xDLENBQUEsV0FBOEMsQ0FBQSxDQUMvQyxDQUFDO0tBQ0g7OEdBUFksMkJBQTJCO2tHQUEzQiwyQkFBMkI7O1NBQTNCLDJCQUEyQjsyRkFBM0IsMkJBQTJCO2tCQUp2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc05hdmlnYXRpb25JdGVtIH0gZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1aXNOYXZpZ2F0aW9uSXRlbV0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmUge1xuICAvKipcbiAgICogQ3VzdG9tIHRlbXBsYXRlIG9mIHRoZSBpdGVtLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHRlbXBsYXRlUmVmID0gaW5qZWN0KFxuICAgIFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBTdWlzTmF2aWdhdGlvbkl0ZW0gfT5cbiAgKTtcbn1cbiJdfQ==

package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.interfaces.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSBleHRlbmRzIFN1aXNOYXZpZ2F0aW9uSXRlbSB7XG4gIGNoaWxkcmVuPzogU3Vpc05hdmlnYXRpb25JdGVtW107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3Vpc05hdmlnYXRpb25JdGVtIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgbGluazogc3RyaW5nO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBba2V5OiBzdHJpbmddOiBhbnk7XG59XG4iXX0=

package/esm2022/lib/components/suis-notification/suis-notification.component.mjs

@@ -18,16 +18,16 @@ class SuisNotificationComponent {
         this.closed.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n  *ngIf=\"notification\"\n  class=\"suis-notification\"\n  [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n  <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n    <suis-icon\n      [type]=\"SuisIconType.CROSS\"\n      [color]=\"'white'\"\n      [size]=\"'lg'\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-notification__message\">\n    {{ notification.message }}\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n  *ngIf=\"notification\"\n  class=\"suis-notification\"\n  [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n  <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n    <suis-icon\n      [type]=\"SuisIconType.CROSS\"\n      [color]=\"'white'\"\n      [size]=\"'lg'\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-notification__message\">\n    {{ notification.message }}\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:flex-end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { SuisNotificationComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-notification', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"notification\"\n  class=\"suis-notification\"\n  [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n  <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n    <suis-icon\n      [type]=\"SuisIconType.CROSS\"\n      [color]=\"'white'\"\n      [size]=\"'lg'\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-notification__message\">\n    {{ notification.message }}\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"] }]
+            args: [{ selector: 'suis-notification', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"notification\"\n  class=\"suis-notification\"\n  [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n  <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n    <suis-icon\n      [type]=\"SuisIconType.CROSS\"\n      [color]=\"'white'\"\n      [size]=\"'lg'\"\n    ></suis-icon>\n  </button>\n  <div class=\"suis-notification__message\">\n    {{ notification.message }}\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:flex-end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"] }]
         }], propDecorators: { notification: [{
                 type: Input,
                 args: [{ required: true }]
             }], closed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUVqRCxNQVFhLHlCQUF5QjtJQVJ0QztRQVNFLGdCQUFnQjtRQUNoQixpQkFBWSxHQUFHLFlBQVksQ0FBQztRQU81Qjs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBSzdDO0lBSEMsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0FoQlUseUJBQXlCO2tHQUF6Qix5QkFBeUIsc0pDckJ0Qyx1Y0FnQkEseXFCREFZLFlBQVksNE5BQUUsZUFBZSxvREFBRSxpQkFBaUI7O1NBSy9DLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUcxQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQVNwQixZQUFZO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLZixNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25UeXBlIH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5lbnVtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbm90aWZpY2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBTdWlzSWNvblR5cGUgPSBTdWlzSWNvblR5cGU7XG5cbiAgLyoqXG4gICAqIE5vdGlmaWNhdGlvbiBpdGVtIGRhdGEuIFR5cGUgb2YgU3Vpc05vdGlmaWNhdGlvbi5cbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vdGlmaWNhdGlvbj86IFN1aXNOb3RpZmljYXRpb247XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGNsb3NlIGJ1dHRvbiBhY3Rpb24uXG4gICAqL1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwibm90aWZpY2F0aW9uXCJcbiAgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvblwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLW5vdGlmaWNhdGlvbicgfCBzdWlzTmdDbGFzcyA6IG5vdGlmaWNhdGlvbi50eXBlXCJcbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInN1aXMtbm90aWZpY2F0aW9uX19jbG9zZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiU3Vpc0ljb25UeXBlLkNST1NTXCJcbiAgICAgIFtjb2xvcl09XCInd2hpdGUnXCJcbiAgICAgIFtzaXplXT1cIidsZydcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvbl9fbWVzc2FnZVwiPlxuICAgIHt7IG5vdGlmaWNhdGlvbi5tZXNzYWdlIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUVqRCxNQVFhLHlCQUF5QjtJQVJ0QztRQVNFLGdCQUFnQjtRQUNoQixpQkFBWSxHQUFHLFlBQVksQ0FBQztRQU81Qjs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBSzdDO0lBSEMsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0FoQlUseUJBQXlCO2tHQUF6Qix5QkFBeUIsc0pDckJ0Qyx1Y0FnQkEsOHFCREFZLFlBQVksNE5BQUUsZUFBZSxvREFBRSxpQkFBaUI7O1NBSy9DLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUcxQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQVNwQixZQUFZO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLZixNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25UeXBlIH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5lbnVtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbm90aWZpY2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBTdWlzSWNvblR5cGUgPSBTdWlzSWNvblR5cGU7XG5cbiAgLyoqXG4gICAqIE5vdGlmaWNhdGlvbiBpdGVtIGRhdGEuIFR5cGUgb2YgU3Vpc05vdGlmaWNhdGlvbi5cbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vdGlmaWNhdGlvbj86IFN1aXNOb3RpZmljYXRpb247XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGNsb3NlIGJ1dHRvbiBhY3Rpb24uXG4gICAqL1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwibm90aWZpY2F0aW9uXCJcbiAgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvblwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLW5vdGlmaWNhdGlvbicgfCBzdWlzTmdDbGFzcyA6IG5vdGlmaWNhdGlvbi50eXBlXCJcbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInN1aXMtbm90aWZpY2F0aW9uX19jbG9zZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiU3Vpc0ljb25UeXBlLkNST1NTXCJcbiAgICAgIFtjb2xvcl09XCInd2hpdGUnXCJcbiAgICAgIFtzaXplXT1cIidsZydcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvbl9fbWVzc2FnZVwiPlxuICAgIHt7IG5vdGlmaWNhdGlvbi5tZXNzYWdlIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=