@inera/ids-angular 8.2.0 → 9.0.1

package/esm2022/components/mobile/menu/item/mobile-menu-item.component.mjs

@@ -1,26 +1,92 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { NgTemplateOutlet } from '@angular/common';
+import { Component, ContentChildren, EventEmitter, Input, Output, TemplateRef, ViewChild, booleanAttribute, inject, } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
 import * as i0 from "@angular/core";
 export class IDMobileMenuItemComponent {
     headline;
     expanded;
     secondary;
     active;
-    onDidToggleExpansion = new EventEmitter();
+    level = 1;
+    srShowText = 'Expandera';
+    srHideText = 'Minimera';
+    closed = new EventEmitter();
+    opened = new EventEmitter();
+    items;
+    template;
+    useId = inject(IDUseIdService);
+    subItemId = this.useId.generateId('mobile-menu');
+    ngAfterContentChecked() {
+        this.items.forEach((item) => {
+            item.level = this.level + 1;
+        });
+    }
+    get buttonToggleText() {
+        return this.expanded ? this.srHideText : this.srShowText;
+    }
+    get itemLevelClass() {
+        switch (this.level) {
+            case 1:
+                return 'ids-mobile-menu-item';
+            case 2:
+                return 'ids-mobile-menu-item--2';
+            case 3:
+                return 'ids-mobile-menu-item--3';
+            default:
+                return 'ids-mobile-menu-item';
+        }
+    }
+    getLevelClass = (className) => {
+        return `${className}-${this.level}`;
+    };
+    toggleExpansion(event) {
+        if (this.expanded) {
+            this.hasClosed(event);
+        }
+        else {
+            this.hasExpanded(event);
+        }
+    }
+    hasClosed(event) {
+        this.expanded = false;
+        this.closed.emit(event);
+    }
+    hasExpanded(event) {
+        this.expanded = true;
+        this.opened.emit(event);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDMobileMenuItemComponent, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: "expanded", secondary: "secondary", active: "active" }, outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, ngImport: i0, template: "<ids-mobile-menu-item \n      [headline]=\"headline\"\n      [expanded]=\"expanded\"\n      [secondary]=\"secondary\"\n      [active]=\"active\"\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\n      <ng-content></ng-content>\n</ids-mobile-menu-item>", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDMobileMenuItemComponent, isStandalone: true, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: ["expanded", "expanded", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], active: ["active", "active", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items.length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items.length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-mobile-menu-item", template: "<ids-mobile-menu-item \n      [headline]=\"headline\"\n      [expanded]=\"expanded\"\n      [secondary]=\"secondary\"\n      [active]=\"active\"\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\n      <ng-content></ng-content>\n</ids-mobile-menu-item>", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'id-mobile-menu-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items.length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items.length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], expanded: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], secondary: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], level: [{
+                type: Input
+            }], srShowText: [{
                 type: Input
-            }], onDidToggleExpansion: [{
+            }], srHideText: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], opened: [{
                 type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [IDMobileMenuItemComponent]
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL21vYmlsZS9tZW51L2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL21vYmlsZS9tZW51L2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU92RSxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLFFBQVEsQ0FBUztJQUVqQixRQUFRLENBQVU7SUFFbEIsU0FBUyxDQUFVO0lBRW5CLE1BQU0sQ0FBVTtJQUVoQixvQkFBb0IsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQzt3R0FWL0QseUJBQXlCOzRGQUF6Qix5QkFBeUIsd05DUHRDLDZRQU91Qjs7NEZEQVYseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQjs4QkFNL0IsUUFBUTtzQkFEUCxLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFHTixTQUFTO3NCQURSLEtBQUs7Z0JBR04sTUFBTTtzQkFETCxLQUFLO2dCQUdOLG9CQUFvQjtzQkFEbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLW1vYmlsZS1tZW51LWl0ZW1cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9tb2JpbGUtbWVudS1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOmhvc3QgeyBkaXNwbGF5OiBjb250ZW50czsgfVwiXVxufSlcbmV4cG9ydCBjbGFzcyBJRE1vYmlsZU1lbnVJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgaGVhZGxpbmU6IHN0cmluZztcbiAgQElucHV0KClcbiAgZXhwYW5kZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIHNlY29uZGFyeTogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgYWN0aXZlOiBib29sZWFuO1xuICBAT3V0cHV0KClcbiAgb25EaWRUb2dnbGVFeHBhbnNpb246IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbn1cbiIsIjxpZHMtbW9iaWxlLW1lbnUtaXRlbSBcbiAgICAgIFtoZWFkbGluZV09XCJoZWFkbGluZVwiXG4gICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgICAgW3NlY29uZGFyeV09XCJzZWNvbmRhcnlcIlxuICAgICAgW2FjdGl2ZV09XCJhY3RpdmVcIlxuICAgICAgKGRpZFRvZ2dsZUV4cGFuc2lvbik9XCJvbkRpZFRvZ2dsZUV4cGFuc2lvbi5lbWl0KHRydWUpXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy1tb2JpbGUtbWVudS1pdGVtPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL21vYmlsZS9tZW51L2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL21vYmlsZS9tZW51L2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBRUwsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixXQUFXLEVBQ1gsU0FBUyxFQUNULGdCQUFnQixFQUNoQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVEzRCxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLFFBQVEsQ0FBUztJQUNjLFFBQVEsQ0FBVTtJQUNsQixTQUFTLENBQVU7SUFDbkIsTUFBTSxDQUFVO0lBQy9DLEtBQUssR0FBVyxDQUFDLENBQUM7SUFDbEIsVUFBVSxHQUFXLFdBQVcsQ0FBQztJQUNqQyxVQUFVLEdBQVcsVUFBVSxDQUFDO0lBRS9CLE1BQU0sR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNqRCxNQUFNLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7SUFJM0QsS0FBSyxDQUF1QztJQUVwQixRQUFRLENBQW1CO0lBRTNDLEtBQUssR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDdkMsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBRWpELHFCQUFxQjtRQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBQyxDQUFDLENBQUM7UUFDNUIsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbkIsS0FBSyxDQUFDO2dCQUNKLE9BQU8sc0JBQXNCLENBQUM7WUFDaEMsS0FBSyxDQUFDO2dCQUNKLE9BQU8seUJBQXlCLENBQUM7WUFDbkMsS0FBSyxDQUFDO2dCQUNKLE9BQU8seUJBQXlCLENBQUM7WUFDbkM7Z0JBQ0UsT0FBTyxzQkFBc0IsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGFBQWEsR0FBRyxDQUFDLFNBQWlCLEVBQUUsRUFBRTtRQUNwQyxPQUFPLEdBQUcsU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QyxDQUFDLENBQUM7SUFFRixlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFDRCxXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO3dHQS9EVSx5QkFBeUI7NEZBQXpCLHlCQUF5QiwwSEFFaEIsZ0JBQWdCLHlDQUNoQixnQkFBZ0IsZ0NBQ2hCLGdCQUFnQix3S0FTbkIseUJBQXlCLHVFQUcvQixXQUFXLGdEQ3RDeEIsb3ZDQTJCQSw0Q0RQWSxnQkFBZ0I7OzRGQUVmLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSxxQkFBcUIsY0FFbkIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLENBQUM7OEJBR2xCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsU0FBUztzQkFBaEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxNQUFNO3NCQUE3QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBSVAsS0FBSztzQkFESixlQUFlO3VCQUFDLHlCQUF5QjtnQkFHbEIsUUFBUTtzQkFBL0IsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRDaGVja2VkLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJRFVzZUlkU2VydmljZSB9IGZyb20gJ0BpbmVyYS9pZHMtYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1tb2JpbGUtbWVudS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vYmlsZS1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG59KVxuZXhwb3J0IGNsYXNzIElETW9iaWxlTWVudUl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkIHtcbiAgQElucHV0KCkgaGVhZGxpbmU6IHN0cmluZztcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV4cGFuZGVkOiBib29sZWFuO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgc2Vjb25kYXJ5OiBib29sZWFuO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgYWN0aXZlOiBib29sZWFuO1xuICBASW5wdXQoKSBsZXZlbDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgc3JTaG93VGV4dDogc3RyaW5nID0gJ0V4cGFuZGVyYSc7XG4gIEBJbnB1dCgpIHNySGlkZVRleHQ6IHN0cmluZyA9ICdNaW5pbWVyYSc7XG5cbiAgQE91dHB1dCgpIGNsb3NlZDogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9wZW5lZDogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIEBDb250ZW50Q2hpbGRyZW4oSURNb2JpbGVNZW51SXRlbUNvbXBvbmVudClcbiAgaXRlbXM6IFF1ZXJ5TGlzdDxJRE1vYmlsZU1lbnVJdGVtQ29tcG9uZW50PjtcblxuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmKSB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgXG4gIHByaXZhdGUgdXNlSWQgPSBpbmplY3QoSURVc2VJZFNlcnZpY2UpO1xuICBzdWJJdGVtSWQgPSB0aGlzLnVzZUlkLmdlbmVyYXRlSWQoJ21vYmlsZS1tZW51Jyk7XG5cbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuaXRlbXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgaXRlbS5sZXZlbCA9IHRoaXMubGV2ZWwrMTtcbiAgICB9KVxuICB9XG5cbiAgZ2V0IGJ1dHRvblRvZ2dsZVRleHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZXhwYW5kZWQgPyB0aGlzLnNySGlkZVRleHQgOiB0aGlzLnNyU2hvd1RleHQ7XG4gIH1cblxuICBnZXQgaXRlbUxldmVsQ2xhc3MoKSB7XG4gICAgc3dpdGNoICh0aGlzLmxldmVsKSB7XG4gICAgICBjYXNlIDE6XG4gICAgICAgIHJldHVybiAnaWRzLW1vYmlsZS1tZW51LWl0ZW0nO1xuICAgICAgY2FzZSAyOlxuICAgICAgICByZXR1cm4gJ2lkcy1tb2JpbGUtbWVudS1pdGVtLS0yJztcbiAgICAgIGNhc2UgMzpcbiAgICAgICAgcmV0dXJuICdpZHMtbW9iaWxlLW1lbnUtaXRlbS0tMyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2lkcy1tb2JpbGUtbWVudS1pdGVtJztcbiAgICB9XG4gIH1cblxuICBnZXRMZXZlbENsYXNzID0gKGNsYXNzTmFtZTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGAke2NsYXNzTmFtZX0tJHt0aGlzLmxldmVsfWA7XG4gIH07XG5cbiAgdG9nZ2xlRXhwYW5zaW9uKGV2ZW50OiBFdmVudCkge1xuICAgIGlmICh0aGlzLmV4cGFuZGVkKSB7XG4gICAgICB0aGlzLmhhc0Nsb3NlZChldmVudCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaGFzRXhwYW5kZWQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIGhhc0Nsb3NlZChldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XG4gICAgdGhpcy5jbG9zZWQuZW1pdChldmVudCk7XG4gIH1cbiAgaGFzRXhwYW5kZWQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5leHBhbmRlZCA9IHRydWU7XG4gICAgdGhpcy5vcGVuZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZT5cbiAgPGxpIFtjbGFzc109XCJpdGVtTGV2ZWxDbGFzc1wiIFtjbGFzcy5pZHMtbW9iaWxlLW1lbnUtaXRlbS0tZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtjbGFzcy5pZHMtbW9iaWxlLW1lbnUtaXRlbS0tYWN0aXZlXT1cImFjdGl2ZVwiIFtjbGFzcy5pZHMtbW9iaWxlLW1lbnUtaXRlbS0tc2Vjb25kYXJ5XT1cInNlY29uZGFyeVwiPlxuICAgIDxkaXYgY2xhc3M9XCJpZHMtbW9iaWxlLW1lbnUtaXRlbV9faW5uZXJcIlxuICAgICAgW2NsYXNzXT1cImdldExldmVsQ2xhc3MoJ2lkcy1tb2JpbGUtbWVudS1pdGVtX19pbm5lci0tbGV2ZWwnKVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCI6bm90KGlkLW1vYmlsZS1tZW51LWl0ZW0pXCI+PC9uZy1jb250ZW50PlxuICAgICAgICBAaWYodGhpcy5pdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgPGJ1dHRvbiBcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9uVG9nZ2xlVGV4dFwiIFxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigkZXZlbnQpXCIgXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwic3ViSXRlbUlkXCJcbiAgICAgICAgICAgIFtjbGFzc109XCJnZXRMZXZlbENsYXNzKCdpZHMtbW9iaWxlLW1lbnUtaXRlbV9fZXhwYW5kLWJ0bi0tbGV2ZWwnKSArICcgaWRzLW1vYmlsZS1tZW51LWl0ZW1fX2V4cGFuZC1idG4gaWRzLW1vYmlsZS1tZW51LWl0ZW1fX2V4cGFuZC1idG4tLWhlYWRsaW5lJ1wiXG4gICAgICAgICAgICBbY2xhc3MuaWRzLW1vYmlsZS1tZW51X19jaGV2cm9uLS1leHBhbmRlZF09XCJleHBhbmRlZFwiPlxuICAgICAgICAgICAge3toZWFkbGluZX19XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICBAaWYodGhpcy5pdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICA8dWwgW2F0dHIuaWRdPVwic3ViSXRlbUlkXCIgY2xhc3M9XCJpZHMtbW9iaWxlLW1lbnUtaXRlbV9fc3ViLWl0ZW1zXCI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrIGl0ZW07IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cbiAgICAgIDwvdWw+XG4gICAgfVxuICA8L2xpPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/components/mobile/menu/item/public-api.mjs

@@ -1,3 +1,2 @@
 export { IDMobileMenuItemComponent } from './mobile-menu-item.component';
-export { IDMobileMenuItemModule } from './mobile-menu-item.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbW9iaWxlL21lbnUvaXRlbS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURNb2JpbGVNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgSURNb2JpbGVNZW51SXRlbU1vZHVsZSB9IGZyb20gJy4vbW9iaWxlLW1lbnUtaXRlbS5tb2R1bGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbW9iaWxlL21lbnUvaXRlbS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURNb2JpbGVNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQnOyJdfQ==

package/esm2022/components/mobile/menu/mobile-menu.component.mjs

@@ -1,18 +1,42 @@
-import { Component, Input } from "@angular/core";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { IDMobileMenuItemComponent } from './item/mobile-menu-item.component';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class IDMobileMenuComponent {
     constructor() { }
-    type = undefined;
-    variation = "1";
+    items;
+    variation = 1;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation" }, ngImport: i0, template: "<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ng-content></ng-content>\n</ids-mobile-menu>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDMobileMenuComponent, isStandalone: true, selector: "id-mobile-menu", inputs: { variation: "variation" }, host: { properties: { "class.ids-mobile-menu--variation-1": "variation === 1", "class.ids-mobile-menu--variation-2": "variation === 2" }, classAttribute: "ids-mobile-menu" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent }], ngImport: i0, template: `
+  <ul>
+    @for (item of items; track item; let i = $index) {
+    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    }
+  <ul>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-mobile-menu", template: "<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ng-content></ng-content>\n</ids-mobile-menu>" }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
+            args: [{
+                    selector: 'id-mobile-menu',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+  <ul>
+    @for (item of items; track item; let i = $index) {
+    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    }
+  <ul>`,
+                    host: {
+                        class: 'ids-mobile-menu',
+                        '[class.ids-mobile-menu--variation-1]': 'variation === 1',
+                        '[class.ids-mobile-menu--variation-2]': 'variation === 2',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [IDMobileMenuItemComponent]
             }], variation: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9tb2JpbGUvbWVudS9tb2JpbGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL21vYmlsZS9tZW51L21vYmlsZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU1qRCxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLGdCQUFlLENBQUM7SUFHaEIsSUFBSSxHQUF1QixTQUFTLENBQUM7SUFFckMsU0FBUyxHQUF1QixHQUFHLENBQUM7d0dBTnpCLHFCQUFxQjs0RkFBckIscUJBQXFCLHdHQ05sQyxxSEFJa0I7OzRGREVMLHFCQUFxQjtrQkFKakMsU0FBUzsrQkFDRSxnQkFBZ0I7d0RBTzFCLElBQUk7c0JBREgsS0FBSztnQkFHTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLW1vYmlsZS1tZW51XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vbW9iaWxlLW1lbnUuY29tcG9uZW50Lmh0bWxcIlxufSlcbmV4cG9ydCBjbGFzcyBJRE1vYmlsZU1lbnVDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQElucHV0KClcbiAgdHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuICBASW5wdXQoKVxuICB2YXJpYXRpb246IHN0cmluZyB8IHVuZGVmaW5lZCA9IFwiMVwiO1xufVxuIiwiPGlkcy1tb2JpbGUtbWVudSBcbiAgW3R5cGVdPVwidHlwZVwiXG4gIFt2YXJpYXRpb25dPVwidmFyaWF0aW9uXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLW1vYmlsZS1tZW51PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9tb2JpbGUvbWVudS9tb2JpbGUtbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBa0IvQyxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLGdCQUFlLENBQUM7SUFHaEIsS0FBSyxDQUF1QztJQUVuQyxTQUFTLEdBQXVCLENBQUMsQ0FBQzt3R0FOaEMscUJBQXFCOzRGQUFyQixxQkFBcUIsbVRBR2YseUJBQXlCLDZCQWZoQzs7Ozs7T0FLTCwyREFOSyxZQUFZOzs0RkFhWCxxQkFBcUI7a0JBaEJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7T0FLTDtvQkFDTCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsc0NBQXNDLEVBQUUsaUJBQWlCO3dCQUN6RCxzQ0FBc0MsRUFBRSxpQkFBaUI7cUJBQzFEO2lCQUNGO3dEQUtDLEtBQUs7c0JBREosZUFBZTt1QkFBQyx5QkFBeUI7Z0JBR2pDLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSURNb2JpbGVNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vaXRlbS9tb2JpbGUtbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1tb2JpbGUtbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICA8dWw+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgaXRlbTsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW0udGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gIDx1bD5gLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtbW9iaWxlLW1lbnUnLFxuICAgICdbY2xhc3MuaWRzLW1vYmlsZS1tZW51LS12YXJpYXRpb24tMV0nOiAndmFyaWF0aW9uID09PSAxJyxcbiAgICAnW2NsYXNzLmlkcy1tb2JpbGUtbWVudS0tdmFyaWF0aW9uLTJdJzogJ3ZhcmlhdGlvbiA9PT0gMicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIElETW9iaWxlTWVudUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBAQ29udGVudENoaWxkcmVuKElETW9iaWxlTWVudUl0ZW1Db21wb25lbnQpXG4gIGl0ZW1zOiBRdWVyeUxpc3Q8SURNb2JpbGVNZW51SXRlbUNvbXBvbmVudD47XG5cbiAgQElucHV0KCkgdmFyaWF0aW9uOiBudW1iZXIgfCB1bmRlZmluZWQgPSAxO1xufVxuIl19

package/esm2022/components/mobile/menu/public-api.mjs

@@ -1,4 +1,3 @@
 export { IDMobileMenuComponent } from './mobile-menu.component';
 export { IDMobileMenuItemComponent } from './item/mobile-menu-item.component';
-export { IDMobileMenuModule } from './mobile-menu.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbW9iaWxlL21lbnUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElETW9iaWxlTWVudUNvbXBvbmVudCB9IGZyb20gJy4vbW9iaWxlLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCB7IElETW9iaWxlTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgSURNb2JpbGVNZW51TW9kdWxlIH0gZnJvbSAnLi9tb2JpbGUtbWVudS5tb2R1bGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbW9iaWxlL21lbnUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElETW9iaWxlTWVudUNvbXBvbmVudCB9IGZyb20gJy4vbW9iaWxlLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCB7IElETW9iaWxlTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2l0ZW0vbW9iaWxlLW1lbnUtaXRlbS5jb21wb25lbnQnOyJdfQ==

package/esm2022/components/navigation/content/navigation-content-link.component.mjs

@@ -0,0 +1,29 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDNavigationContentLinkComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationContentLinkComponent, isStandalone: true, selector: "id-navigation-content-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <li class="ids-navigation-content__link-wrapper">
+      <ng-content></ng-content>
+      </li>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-navigation-content-link',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <li class="ids-navigation-content__link-wrapper">
+      <ng-content></ng-content>
+      </li>
+    </ng-template>`
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1jb250ZW50LWxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2NvbnRlbnQvbmF2aWdhdGlvbi1jb250ZW50LWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEUsTUFBTSxPQUFPLGdDQUFnQztJQUVuQixRQUFRLENBQW1CO3dHQUZ4QyxnQ0FBZ0M7NEZBQWhDLGdDQUFnQyxnSUFFaEMsV0FBVyxnREFUWjs7Ozs7bUJBS087OzRGQUVOLGdDQUFnQztrQkFWNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7OzttQkFLTztpQkFDbEI7OEJBR3lCLFFBQVE7c0JBQS9CLFNBQVM7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1uYXZpZ2F0aW9uLWNvbnRlbnQtbGluaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlPlxuICAgICAgPGxpIGNsYXNzPVwiaWRzLW5hdmlnYXRpb24tY29udGVudF9fbGluay13cmFwcGVyXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2xpPlxuICAgIDwvbmctdGVtcGxhdGU+YFxufSlcbmV4cG9ydCBjbGFzcyBJRE5hdmlnYXRpb25Db250ZW50TGlua0NvbXBvbmVudCB7XG5cbiAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZikgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gIFxufVxuIl19

package/esm2022/components/navigation/content/navigation-content.component.mjs

@@ -1,18 +1,24 @@
-import { Component, Input } from "@angular/core";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { IDNavigationContentLinkComponent } from './navigation-content-link.component';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class IDNavigationContentComponent {
-    constructor() { }
-    headline = "";
-    maxheight = "";
+    headline;
+    maxHeight;
+    linkComponents;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationContentComponent, selector: "id-navigation-content", inputs: { headline: "headline", maxheight: "maxheight" }, ngImport: i0, template: "<ids-navigation-content\n  [headline]=\"headline\"\n  [maxheight]=\"maxheight\">\n  <ng-content></ng-content>\n</ids-navigation-content>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationContentComponent, isStandalone: true, selector: "id-navigation-content", inputs: { headline: "headline", maxHeight: "maxHeight" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationContentLinkComponent }], ngImport: i0, template: "<div\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n>\n  <div class=\"ids-navigation-content__border-top\">\n    <div class=\"ids-navigation-content__border-top-content\"></div>\n  </div>\n  <nav\n    class=\"ids-navigation-content__inner\"\n    aria-labelledby=\"content-navigation-headline\"\n    id=\"content-navigation-inner\"\n  >\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      id=\"content-navigation-headline\"\n    >\n      {{ headline }}\n    </h2>\n    <ul class=\"ids-navigation-content__links\" [style.maxHeight]=\"maxHeight\">\n      <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </ng-container>\n    </ul>\n  </nav>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-navigation-content", template: "<ids-navigation-content\n  [headline]=\"headline\"\n  [maxheight]=\"maxheight\">\n  <ng-content></ng-content>\n</ids-navigation-content>" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            args: [{ selector: 'id-navigation-content', imports: [CommonModule], standalone: true, template: "<div\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n>\n  <div class=\"ids-navigation-content__border-top\">\n    <div class=\"ids-navigation-content__border-top-content\"></div>\n  </div>\n  <nav\n    class=\"ids-navigation-content__inner\"\n    aria-labelledby=\"content-navigation-headline\"\n    id=\"content-navigation-inner\"\n  >\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      id=\"content-navigation-headline\"\n    >\n      {{ headline }}\n    </h2>\n    <ul class=\"ids-navigation-content__links\" [style.maxHeight]=\"maxHeight\">\n      <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </ng-container>\n    </ul>\n  </nav>\n</div>\n" }]
+        }], propDecorators: { headline: [{
                 type: Input
-            }], maxheight: [{
+            }], maxHeight: [{
                 type: Input
+            }], linkComponents: [{
+                type: ContentChildren,
+                args: [IDNavigationContentLinkComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9jb250ZW50L25hdmlnYXRpb24tY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vY29udGVudC9uYXZpZ2F0aW9uLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTWpELE1BQU0sT0FBTyw0QkFBNEI7SUFDdkMsZ0JBQWUsQ0FBQztJQUdoQixRQUFRLEdBQVcsRUFBRSxDQUFDO0lBR3RCLFNBQVMsR0FBVyxFQUFFLENBQUM7d0dBUFosNEJBQTRCOzRGQUE1Qiw0QkFBNEIsdUhDTnpDLDBJQUl5Qjs7NEZERVosNEJBQTRCO2tCQUp4QyxTQUFTOytCQUNFLHVCQUF1Qjt3REFPakMsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtbmF2aWdhdGlvbi1jb250ZW50XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vbmF2aWdhdGlvbi1jb250ZW50LmNvbXBvbmVudC5odG1sXCJcbn0pXG5leHBvcnQgY2xhc3MgSUROYXZpZ2F0aW9uQ29udGVudENvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBASW5wdXQoKVxuICBoZWFkbGluZTogc3RyaW5nID0gXCJcIjtcblxuICBASW5wdXQoKVxuICBtYXhoZWlnaHQ6IHN0cmluZyA9IFwiXCI7XG59XG4iLCI8aWRzLW5hdmlnYXRpb24tY29udGVudFxuICBbaGVhZGxpbmVdPVwiaGVhZGxpbmVcIlxuICBbbWF4aGVpZ2h0XT1cIm1heGhlaWdodFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy1uYXZpZ2F0aW9uLWNvbnRlbnQ+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9jb250ZW50L25hdmlnYXRpb24tY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vY29udGVudC9uYXZpZ2F0aW9uLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUS9DLE1BQU0sT0FBTyw0QkFBNEI7SUFFOUIsUUFBUSxDQUFVO0lBQ2xCLFNBQVMsQ0FBVTtJQUV1QixjQUFjLENBQThDO3dHQUxwRyw0QkFBNEI7NEZBQTVCLDRCQUE0QiwwS0FLdEIsZ0NBQWdDLDZCQ2ZuRCx3ekJBeUJBLDJDRGxCWSxZQUFZOzs0RkFHWCw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0UsdUJBQXVCLFdBRXhCLENBQUMsWUFBWSxDQUFDLGNBQ1gsSUFBSTs4QkFJUCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRTZDLGNBQWM7c0JBQWhFLGVBQWU7dUJBQUMsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElETmF2aWdhdGlvbkNvbnRlbnRMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbnRlbnQtbGluay5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtbmF2aWdhdGlvbi1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIElETmF2aWdhdGlvbkNvbnRlbnRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGhlYWRsaW5lPzogc3RyaW5nO1xuICBASW5wdXQoKSBtYXhIZWlnaHQ/OiBzdHJpbmc7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJRE5hdmlnYXRpb25Db250ZW50TGlua0NvbXBvbmVudCkgbGlua0NvbXBvbmVudHM6IFF1ZXJ5TGlzdDxJRE5hdmlnYXRpb25Db250ZW50TGlua0NvbXBvbmVudD47XG5cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1jb250ZW50XCJcbiAgW2NsYXNzLmlkcy1uYXZpZ2F0aW9uLWNvbnRlbnQtLXNjcm9sbGFibGVdPVwiISFtYXhIZWlnaHRcIlxuPlxuICA8ZGl2IGNsYXNzPVwiaWRzLW5hdmlnYXRpb24tY29udGVudF9fYm9yZGVyLXRvcFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1jb250ZW50X19ib3JkZXItdG9wLWNvbnRlbnRcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxuYXZcbiAgICBjbGFzcz1cImlkcy1uYXZpZ2F0aW9uLWNvbnRlbnRfX2lubmVyXCJcbiAgICBhcmlhLWxhYmVsbGVkYnk9XCJjb250ZW50LW5hdmlnYXRpb24taGVhZGxpbmVcIlxuICAgIGlkPVwiY29udGVudC1uYXZpZ2F0aW9uLWlubmVyXCJcbiAgPlxuICAgIDxoMlxuICAgICAgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1jb250ZW50X19pbm5lcl9faGVhZGxpbmVcIlxuICAgICAgaWQ9XCJjb250ZW50LW5hdmlnYXRpb24taGVhZGxpbmVcIlxuICAgID5cbiAgICAgIHt7IGhlYWRsaW5lIH19XG4gICAgPC9oMj5cbiAgICA8dWwgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1jb250ZW50X19saW5rc1wiIFtzdHlsZS5tYXhIZWlnaHRdPVwibWF4SGVpZ2h0XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBsaW5rIG9mIGxpbmtDb21wb25lbnRzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibGluay50ZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC91bD5cbiAgPC9uYXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/components/navigation/content/public-api.mjs

@@ -1,3 +1,3 @@
 export { IDNavigationContentComponent } from './navigation-content.component';
-export { IDNavigationContentModule } from './navigation-content.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9jb250ZW50L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRE5hdmlnYXRpb25Db250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IElETmF2aWdhdGlvbkNvbnRlbnRNb2R1bGUgfSBmcm9tICcuL25hdmlnYXRpb24tY29udGVudC5tb2R1bGUnOyJdfQ==
+export { IDNavigationContentLinkComponent } from './navigation-content-link.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9jb250ZW50L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0scUNBQXFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRE5hdmlnYXRpb25Db250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IElETmF2aWdhdGlvbkNvbnRlbnRMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbnRlbnQtbGluay5jb21wb25lbnQnO1xuIl19

package/esm2022/components/navigation/local/navigation-local-link.component.mjs

@@ -0,0 +1,27 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDNavigationLocalLinkComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+      `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-navigation-local-link',
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+      `,
+                    standalone: true
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1sb2NhbC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9sb2NhbC9uYXZpZ2F0aW9uLWxvY2FsLWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFXbEUsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxRQUFRLENBQW1CO3dHQUhoQiw4QkFBOEI7NEZBQTlCLDhCQUE4Qiw4SEFFOUIsV0FBVyxnREFUWjs7OztPQUlMOzs0RkFHTSw4QkFBOEI7a0JBVDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFOzs7O09BSUw7b0JBQ0wsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUlDLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLW5hdmlnYXRpb24tbG9jYWwtbGluaycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICBgLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIElETmF2aWdhdGlvbkxvY2FsTGlua0NvbXBvbmVudCB7XG5cbiAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZilcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbn0iXX0=

package/esm2022/components/navigation/local/navigation-local.component.mjs

@@ -1,15 +1,21 @@
-import { Component, Input } from '@angular/core';
+import { Component, ContentChildren, Input } from '@angular/core';
+import { IDNavigationLocalLinkComponent } from './navigation-local-link.component';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class IDNavigationLocalComponent {
-    constructor() { }
-    headline = '';
+    headline;
+    linkComponents;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalComponent, selector: "id-navigation-local", inputs: { headline: "headline" }, ngImport: i0, template: "<ids-navigation-local\n  [headline]=\"headline\">\n  <ng-content></ng-content>\n</ids-navigation-local>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-navigation-local', template: "<ids-navigation-local\n  [headline]=\"headline\">\n  <ng-content></ng-content>\n</ids-navigation-local>" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            args: [{ selector: 'id-navigation-local', standalone: true, imports: [CommonModule], template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>" }]
+        }], propDecorators: { headline: [{
                 type: Input
+            }], linkComponents: [{
+                type: ContentChildren,
+                args: [IDNavigationLocalLinkComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vbG9jYWwvbmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vbG9jYWwvbmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNakQsTUFBTSxPQUFPLDBCQUEwQjtJQUVyQyxnQkFBZ0IsQ0FBQztJQUdqQixRQUFRLEdBQVcsRUFBRSxDQUFDO3dHQUxYLDBCQUEwQjs0RkFBMUIsMEJBQTBCLDZGQ052Qyx5R0FHdUI7OzRGREdWLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSxxQkFBcUI7d0RBUS9CLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtbmF2aWdhdGlvbi1sb2NhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLWxvY2FsLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJRE5hdmlnYXRpb25Mb2NhbENvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbiAgXG4gIEBJbnB1dCgpXG4gIGhlYWRsaW5lOiBzdHJpbmcgPSAnJztcbn1cbiIsIjxpZHMtbmF2aWdhdGlvbi1sb2NhbFxuICBbaGVhZGxpbmVdPVwiaGVhZGxpbmVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9pZHMtbmF2aWdhdGlvbi1sb2NhbD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vbG9jYWwvbmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25hdmlnYXRpb24vbG9jYWwvbmF2aWdhdGlvbi1sb2NhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbkYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFRL0MsTUFBTSxPQUFPLDBCQUEwQjtJQUU1QixRQUFRLENBQVU7SUFHM0IsY0FBYyxDQUE0Qzt3R0FML0MsMEJBQTBCOzRGQUExQiwwQkFBMEIsZ0pBSXBCLDhCQUE4Qiw2QkNkakQsb1VBU00sMkNERE0sWUFBWTs7NEZBRVgsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHFCQUFxQixjQUVuQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBSWQsUUFBUTtzQkFBaEIsS0FBSztnQkFHTixjQUFjO3NCQURiLGVBQWU7dUJBQUMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElETmF2aWdhdGlvbkxvY2FsTGlua0NvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1sb2NhbC1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1uYXZpZ2F0aW9uLWxvY2FsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tbG9jYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBJRE5hdmlnYXRpb25Mb2NhbENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgaGVhZGxpbmU/OiBzdHJpbmc7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJRE5hdmlnYXRpb25Mb2NhbExpbmtDb21wb25lbnQpXG4gIGxpbmtDb21wb25lbnRzOiBRdWVyeUxpc3Q8SUROYXZpZ2F0aW9uTG9jYWxMaW5rQ29tcG9uZW50Pjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1sb2NhbFwiPlxuICA8aDIgY2xhc3M9XCJpZHMtbmF2aWdhdGlvbi1sb2NhbF9faGVhZGxpbmVcIj57e2hlYWRsaW5lfX08L2gyPlxuICA8dWw+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbGluayBvZiBsaW5rQ29tcG9uZW50czsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgPGxpPlxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImxpbmsudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbGk+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvdWw+XG48L2Rpdj4iXX0=

package/esm2022/components/navigation/local/public-api.mjs

@@ -1,3 +1,3 @@
 export { IDNavigationLocalComponent } from './navigation-local.component';
-export { IDNavigationLocalModule } from './navigation-local.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9sb2NhbC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSUROYXZpZ2F0aW9uTG9jYWxDb21wb25lbnQgfSBmcm9tICcuL25hdmlnYXRpb24tbG9jYWwuY29tcG9uZW50JztcbmV4cG9ydCB7IElETmF2aWdhdGlvbkxvY2FsTW9kdWxlIH0gZnJvbSAnLi9uYXZpZ2F0aW9uLWxvY2FsLm1vZHVsZSc7Il19
+export { IDNavigationLocalLinkComponent } from './navigation-local-link.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9sb2NhbC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSUROYXZpZ2F0aW9uTG9jYWxDb21wb25lbnQgfSBmcm9tICcuL25hdmlnYXRpb24tbG9jYWwuY29tcG9uZW50JztcbmV4cG9ydCB7IElETmF2aWdhdGlvbkxvY2FsTGlua0NvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1sb2NhbC1saW5rLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/components/notification-badge/inera-ids-angular-components-notification-badge.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5lcmEtaWRzLWFuZ3VsYXItY29tcG9uZW50cy1ub3RpZmljYXRpb24tYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1iYWRnZS9pbmVyYS1pZHMtYW5ndWxhci1jb21wb25lbnRzLW5vdGlmaWNhdGlvbi1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/components/notification-badge/notification-badge.component.mjs

@@ -0,0 +1,39 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDNotificationBadgeComponent {
+    type = "primary";
+    icon;
+    get hostClasses() {
+        return `ids-notification-badge ids-notification-badge--${this.type}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
+    @if(icon) {
+      <span class="ids-icon-{{ icon }}"></span>
+    } @else {
+      <ng-content></ng-content>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-notification-badge",
+                    template: `
+    @if(icon) {
+      <span class="ids-icon-{{ icon }}"></span>
+    } @else {
+      <ng-content></ng-content>
+    }
+  `,
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uLWJhZGdlL25vdGlmaWNhdGlvbi1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZ0JqRCxNQUFNLE9BQU8sNEJBQTRCO0lBRTlCLElBQUksR0FBcUYsU0FBUyxDQUFDO0lBQ25HLElBQUksQ0FBVTtJQUV2QixJQUFJLFdBQVc7UUFDYixPQUFPLGtEQUFrRCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkUsQ0FBQzt3R0FQVSw0QkFBNEI7NEZBQTVCLDRCQUE0QiwyS0FaN0I7Ozs7OztHQU1UOzs0RkFNVSw0QkFBNEI7a0JBZHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSxhQUFhO3FCQUN6QjtpQkFDRjs4QkFHVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1ub3RpZmljYXRpb24tYmFkZ2VcIixcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYoaWNvbikge1xuICAgICAgPHNwYW4gY2xhc3M9XCJpZHMtaWNvbi17eyBpY29uIH19XCI+PC9zcGFuPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIH1cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2hvc3RDbGFzc2VzJyxcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJRE5vdGlmaWNhdGlvbkJhZGdlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0eXBlOiBcInByaW1hcnlcIiB8IFwibmV1dHJhbFwiIHwgXCJpbmZvXCIgfCBcImF0dGVudGlvblwiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCIgfCBcInNlY29uZGFyeVwiID0gXCJwcmltYXJ5XCI7XG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG5cbiAgZ2V0IGhvc3RDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBpZHMtbm90aWZpY2F0aW9uLWJhZGdlIGlkcy1ub3RpZmljYXRpb24tYmFkZ2UtLSR7dGhpcy50eXBlfWA7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/notification-badge/public-api.mjs

@@ -0,0 +1,2 @@
+export { IDNotificationBadgeComponent } from './notification-badge.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uLWJhZGdlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRE5vdGlmaWNhdGlvbkJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24tYmFkZ2UuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/components/pagination/data-pagination/data-pagination-select.component.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDDataPaginationSelectComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDataPaginationSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDataPaginationSelectComponent, isStandalone: true, selector: "id-data-pagination-select", host: { classAttribute: "ids-data-pagination__select" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDataPaginationSelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-data-pagination-select',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-data-pagination__select'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdpbmF0aW9uLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3BhZ2luYXRpb24vZGF0YS1wYWdpbmF0aW9uL2RhdGEtcGFnaW5hdGlvbi1zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVd4QyxNQUFNLE9BQU8sK0JBQStCO3dHQUEvQiwrQkFBK0I7NEZBQS9CLCtCQUErQiw4SUFMaEMsMkJBQTJCLDJEQUQzQixZQUFZOzs0RkFNWCwrQkFBK0I7a0JBVDNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSw2QkFBNkI7cUJBQ3JDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtZGF0YS1wYWdpbmF0aW9uLXNlbGVjdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtZGF0YS1wYWdpbmF0aW9uX19zZWxlY3QnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgSUREYXRhUGFnaW5hdGlvblNlbGVjdENvbXBvbmVudCB7XG4gXG59Il19

package/esm2022/components/pagination/data-pagination/data-pagination.component.mjs

@@ -1,27 +1,75 @@
-import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class IDDataPaginationComponent {
-    constructor() { }
-    from;
-    to;
-    of = "av";
-    total;
-    light;
+    from = 0;
+    to = 0;
+    ofText = 'av';
+    total = 0;
+    light = false;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDataPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDataPaginationComponent, selector: "id-data-pagination", inputs: { from: "from", to: "to", of: "of", total: "total", light: "light" }, ngImport: i0, template: "<ids-data-pagination [from]=\"from\" [to]=\"to\" [of]=\"of\" [total]=\"total\" [light]=\"light ? true : null\">\n  <ng-content></ng-content>\n</ids-data-pagination>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDDataPaginationComponent, isStandalone: true, selector: "id-data-pagination", inputs: { from: "from", to: "to", ofText: "ofText", total: "total", light: ["light", "light", booleanAttribute] }, ngImport: i0, template: `
+    <div class="ids-data-pagination" [class.ids-data-pagination--light]="light">
+      <ng-content select="id-data-pagination-select"></ng-content>
+      <div class="ids-data-pagination__summary">
+        {{ from }} - {{ to }} {{ ofText }} {{ total }}
+      </div>
+      <div class="ids-data-pagination__buttons">
+        <div class="ids-data-pagination__first-page-button">
+          <ng-content select="[idFirst]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__prev-button">
+          <ng-content select="[idPrev]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__next-button">
+          <ng-content select="[idNext]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__last-page-button">
+          <ng-content select="[idLast]"></ng-content>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDataPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-data-pagination', template: "<ids-data-pagination [from]=\"from\" [to]=\"to\" [of]=\"of\" [total]=\"total\" [light]=\"light ? true : null\">\n  <ng-content></ng-content>\n</ids-data-pagination>\n" }]
-        }], ctorParameters: () => [], propDecorators: { from: [{
+            args: [{
+                    selector: 'id-data-pagination',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div class="ids-data-pagination" [class.ids-data-pagination--light]="light">
+      <ng-content select="id-data-pagination-select"></ng-content>
+      <div class="ids-data-pagination__summary">
+        {{ from }} - {{ to }} {{ ofText }} {{ total }}
+      </div>
+      <div class="ids-data-pagination__buttons">
+        <div class="ids-data-pagination__first-page-button">
+          <ng-content select="[idFirst]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__prev-button">
+          <ng-content select="[idPrev]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__next-button">
+          <ng-content select="[idNext]"></ng-content>
+        </div>
+        <div class="ids-data-pagination__last-page-button">
+          <ng-content select="[idLast]"></ng-content>
+        </div>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { from: [{
                 type: Input
             }], to: [{
                 type: Input
-            }], of: [{
+            }], ofText: [{
                 type: Input
             }], total: [{
                 type: Input
             }], light: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9kYXRhLXBhZ2luYXRpb24vZGF0YS1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9kYXRhLXBhZ2luYXRpb24vZGF0YS1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU1qRCxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLGdCQUFnQixDQUFDO0lBR2pCLElBQUksQ0FBUztJQUdiLEVBQUUsQ0FBUztJQUdYLEVBQUUsR0FBVyxJQUFJLENBQUM7SUFHbEIsS0FBSyxDQUFTO0lBR2QsS0FBSyxDQUFVO3dHQWpCSix5QkFBeUI7NEZBQXpCLHlCQUF5Qix3SUNOdEMsd0tBR0E7OzRGREdhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSxvQkFBb0I7d0RBUTlCLElBQUk7c0JBREgsS0FBSztnQkFJTixFQUFFO3NCQURELEtBQUs7Z0JBSU4sRUFBRTtzQkFERCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLWRhdGEtcGFnaW5hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBJRERhdGFQYWdpbmF0aW9uQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIEBJbnB1dCgpXG4gIGZyb206IG51bWJlcjtcblxuICBASW5wdXQoKVxuICB0bzogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIG9mOiBzdHJpbmcgPSBcImF2XCI7XG5cbiAgQElucHV0KClcbiAgdG90YWw6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBsaWdodDogYm9vbGVhbjtcblxufVxuIiwiPGlkcy1kYXRhLXBhZ2luYXRpb24gW2Zyb21dPVwiZnJvbVwiIFt0b109XCJ0b1wiIFtvZl09XCJvZlwiIFt0b3RhbF09XCJ0b3RhbFwiIFtsaWdodF09XCJsaWdodCA/IHRydWUgOiBudWxsXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLWRhdGEtcGFnaW5hdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9kYXRhLXBhZ2luYXRpb24vZGF0YS1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBNkJsRSxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLElBQUksR0FBRyxDQUFDLENBQUM7SUFDVCxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1AsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNkLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDbUIsS0FBSyxHQUFHLEtBQUssQ0FBQzt3R0FMekMseUJBQXlCOzRGQUF6Qix5QkFBeUIsb0pBS2pCLGdCQUFnQiw2QkE1QnpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQsMkRBdEJTLFlBQVk7OzRGQXdCWCx5QkFBeUI7a0JBM0JyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO2lCQUNGOzhCQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDZ0MsS0FBSztzQkFBMUMsS0FBSzt1QkFBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge2Jvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtZGF0YS1wYWdpbmF0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlkcy1kYXRhLXBhZ2luYXRpb25cIiBbY2xhc3MuaWRzLWRhdGEtcGFnaW5hdGlvbi0tbGlnaHRdPVwibGlnaHRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWRhdGEtcGFnaW5hdGlvbi1zZWxlY3RcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWRzLWRhdGEtcGFnaW5hdGlvbl9fc3VtbWFyeVwiPlxuICAgICAgICB7eyBmcm9tIH19IC0ge3sgdG8gfX0ge3sgb2ZUZXh0IH19IHt7IHRvdGFsIH19XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpZHMtZGF0YS1wYWdpbmF0aW9uX19idXR0b25zXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpZHMtZGF0YS1wYWdpbmF0aW9uX19maXJzdC1wYWdlLWJ1dHRvblwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpZEZpcnN0XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpZHMtZGF0YS1wYWdpbmF0aW9uX19wcmV2LWJ1dHRvblwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpZFByZXZdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlkcy1kYXRhLXBhZ2luYXRpb25fX25leHQtYnV0dG9uXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2lkTmV4dF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWRzLWRhdGEtcGFnaW5hdGlvbl9fbGFzdC1wYWdlLWJ1dHRvblwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpZExhc3RdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBJRERhdGFQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZnJvbSA9IDA7XG4gIEBJbnB1dCgpIHRvID0gMDtcbiAgQElucHV0KCkgb2ZUZXh0ID0gJ2F2JztcbiAgQElucHV0KCkgdG90YWwgPSAwO1xuICBASW5wdXQoe3RyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZX0pIGxpZ2h0ID0gZmFsc2U7XG59Il19

package/esm2022/components/pagination/data-pagination/public-api.mjs

@@ -1,3 +1,3 @@
 export { IDDataPaginationComponent } from './data-pagination.component';
-export { IDDataPaginationModule } from './data-pagination.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9kYXRhLXBhZ2luYXRpb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElERGF0YVBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2RhdGEtcGFnaW5hdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSUREYXRhUGFnaW5hdGlvbk1vZHVsZSB9IGZyb20gJy4vZGF0YS1wYWdpbmF0aW9uLm1vZHVsZSc7XG4iXX0=
+export { IDDataPaginationSelectComponent } from './data-pagination-select.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9kYXRhLXBhZ2luYXRpb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElERGF0YVBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2RhdGEtcGFnaW5hdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSUREYXRhUGFnaW5hdGlvblNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1wYWdpbmF0aW9uLXNlbGVjdC5jb21wb25lbnQnO1xuIl19