otimus-library 0.3.12 → 0.3.15

package/fesm2022/otimus-library.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, Directive, HostBinding, ContentChild, ViewEncapsulation, EventEmitter, Output, ViewChildren, ViewChild, ChangeDetectionStrategy, forwardRef, ContentChildren } from '@angular/core';
+import * as i2$1 from '@angular/cdk/menu';
+import { CdkMenuModule } from '@angular/cdk/menu';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/platform-browser';
 import * as i4 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$1 from '@angular/common/http';
-import * as i2$1 from '@angular/cdk/menu';
-import { CdkMenuModule } from '@angular/cdk/menu';
 
 class OtimusLibraryService {
     constructor() { }
@@ -399,6 +399,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }] } });
 
+class OcMenuHorizDirective {
+    constructor(elemRef, viewContainerRef, injector, renderer) {
+        this.elemRef = elemRef;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.renderer = renderer;
+        // Inputs you want to pass to the component
+        this.ocMenu = [];
+        this.shouldCloseOnClickOut = false;
+        this.menuRef = null;
+        this.ocChangeSub = null;
+    }
+    ngOnChanges(changes) {
+        // If the component already exists, propagate input changes immediately
+        if (!this.menuRef)
+            return;
+        if (changes['ocMenu']) {
+            this.menuRef.instance.ocMenu = this.ocMenu;
+        }
+        if (changes['maxWidth']) {
+            this.menuRef.instance.maxWidth = this.maxWidth;
+        }
+        if (changes['width']) {
+            this.menuRef.instance.width = this.width;
+        }
+        if (changes['shouldCloseOnClickOut']) {
+            this.menuRef.instance.shouldCloseOnClickOut = this.shouldCloseOnClickOut;
+        }
+        // ensure component change detection runs
+        this.menuRef.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        this.destroyMenu();
+    }
+    /** create and attach component instance (idempotent) */
+    createOcMenu() {
+        if (this.menuRef)
+            return;
+        this.menuRef = this.viewContainerRef.createComponent(OcMenuHorizComponent, {
+            environmentInjector: this.injector,
+        });
+        // set initial inputs
+        this.menuRef.instance.ocMenu = this.ocMenu;
+        this.menuRef.instance.maxWidth = this.maxWidth;
+        this.menuRef.instance.width = this.width;
+        this.menuRef.instance.shouldCloseOnClickOut = this.shouldCloseOnClickOut;
+        this.menuRef.instance.hostElement = this.elemRef.nativeElement;
+        // forward output (example)
+        this.ocChangeSub = this.menuRef.instance.ocChange.subscribe((v) => {
+            // re-emit or handle here. Because directive is not a component,
+            // you could expose a public Observable or call a callback — adjust to your needs.
+            // For demonstration we'll log:
+        });
+        // attach to host element
+        const host = this.elemRef.nativeElement;
+        const menuNative = this.menuRef.location.nativeElement;
+        const parent = host.parentNode;
+        if (parent) {
+            // insertBefore with nextSibling effectively inserts *after* the host
+            parent.insertBefore(menuNative, host.nextSibling);
+        }
+        else {
+            // fallback: append to body if the host isn't attached to a parent yet
+            document.body.appendChild(menuNative);
+        }
+        // run change detection so the menu renders with proper inputs
+        this.menuRef.changeDetectorRef.detectChanges();
+    }
+    open() {
+        this.createOcMenu();
+        this.menuRef?.instance.open();
+    }
+    close() {
+        this.menuRef?.instance.close();
+    }
+    destroyMenu() {
+        if (this.ocChangeSub) {
+            this.ocChangeSub.unsubscribe();
+            this.ocChangeSub = null;
+        }
+        if (this.menuRef) {
+            // remove DOM node (optional — Angular destroy will also remove it)
+            try {
+                const native = this.menuRef.location.nativeElement;
+                if (native && native.parentNode)
+                    native.parentNode.removeChild(native);
+            }
+            catch { }
+            this.menuRef.destroy();
+            this.menuRef = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcMenuHorizDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.EnvironmentInjector }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: OcMenuHorizDirective, isStandalone: true, selector: "[OcMenuHorizontal]", inputs: { ocMenu: "ocMenu", maxWidth: "maxWidth", width: "width", shouldCloseOnClickOut: "shouldCloseOnClickOut" }, exportAs: ["OcMenuHorizontal"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcMenuHorizDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[OcMenuHorizontal]',
+                    standalone: true,
+                    exportAs: 'OcMenuHorizontal',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.EnvironmentInjector }, { type: i0.Renderer2 }], propDecorators: { ocMenu: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], shouldCloseOnClickOut: [{
+                type: Input
+            }] } });
+
 class OcBadgeComponent {
     constructor() {
         this.ocSize = 'small';
@@ -1486,11 +1598,10 @@ class OcMenuHorizComponent {
         this.renderer = renderer;
         this.cdr = cdr;
         this.ocMenu = [];
-        this.shouldCloseOnClickOut = true;
+        this.shouldCloseOnClickOut = false;
         this.ocChange = new EventEmitter();
         this.isMenuShown = false;
         this.showOverflowMenu = false;
-        this.justOpened = false;
         this.visibleItems = [];
         this.overflowItems = [];
         this.itemWidths = [];
@@ -1498,22 +1609,11 @@ class OcMenuHorizComponent {
     }
     open() {
         this.isMenuShown = true;
-        this.justOpened = true;
         // reset on next tick so the opening click is ignored by the window listener
-        setTimeout(() => (this.justOpened = false), 0);
         this.cdr.detectChanges();
         if (!this.isInitialized) {
             this.initializeMenu();
         }
-        setTimeout(() => {
-            if (this.menuElement) {
-                const parentButton = this.findParentButton(this.menuElement.nativeElement);
-                if (parentButton) {
-                    this.buttonId = `oc-${Math.random()}`;
-                    this.renderer.setAttribute(parentButton, 'id', this.buttonId);
-                }
-            }
-        }, 100);
     }
     close() {
         this.isMenuShown = false;
@@ -1528,16 +1628,6 @@ class OcMenuHorizComponent {
             this.windowClickUnlisten();
         this.resizeObserver?.disconnect();
     }
-    findParentButton(element) {
-        let parent = element.parentElement;
-        while (parent) {
-            if (parent.tagName.toLowerCase() === 'button') {
-                return parent;
-            }
-            parent = parent.parentElement;
-        }
-        return null;
-    }
     closeOnClickOut() {
         // If already listening, don't register again
         if (this.windowClickUnlisten)
@@ -1546,10 +1636,6 @@ class OcMenuHorizComponent {
             // Only act if user wants this behavior
             if (!this.shouldCloseOnClickOut)
                 return;
-            if (this.justOpened) {
-                this.justOpened = false;
-                return;
-            }
             // Only act when menu is open
             if (!this.isMenuShown)
                 return;
@@ -1560,12 +1646,8 @@ class OcMenuHorizComponent {
             if (this.menuElement && this.menuElement.nativeElement.contains(target)) {
                 return;
             }
-            // If click is inside the parent button that toggles this menu, ignore
-            if (this.menuElement) {
-                const parentButton = this.findParentButton(this.menuElement.nativeElement);
-                if (parentButton && parentButton.contains(target)) {
-                    return;
-                }
+            if (this.hostElement && this.hostElement.contains(target)) {
+                return;
             }
             // Otherwise it's an outside click -> close (respect shouldCloseOnClick)
             this.showOverflowMenu = false;
@@ -1648,7 +1730,7 @@ class OcMenuHorizComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcMenuHorizComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: OcMenuHorizComponent, isStandalone: true, selector: "oc-menu-horiz", inputs: { ocMenu: "ocMenu", maxWidth: "maxWidth", width: "width", shouldCloseOnClickOut: "shouldCloseOnClickOut" }, outputs: { ocChange: "ocChange" }, viewQueries: [{ propertyName: "menuElement", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "itemsListElement", first: true, predicate: ["itemsListInvisible"], descendants: true }], ngImport: i0, template: "@if (isMenuShown && ocMenu.length > 0) {\n  <div\n    class=\"oc-menu-horiz\"\n    [style.width]=\"'fit-content'\"\n  >\n    <ul>\n      @if (visibleItems.length === 0 && overflowItems.length === 0) {\n        @for (option of ocMenu; track $index) {\n          <li>\n            @if (option.icon) {\n              <span class=\"material-symbols-outlined\">\n                {{ option.icon }}\n              </span>\n            }\n            @if (option.callback) {\n              <button (click)=\"option.callback()\">{{ option.name }}</button>\n            }\n            @if (option.url) {\n              <a\n                [href]=\"option.url\"\n                [target]=\"option.targetBlank ? '_blank' : ''\"\n                >{{ option.name }}</a\n              >\n            }\n            @if (!option.callback && !option.url) {\n              <span>{{ option.name }}</span>\n            }\n          </li>\n        }\n      }\n\n      @for (option of visibleItems; track $index) {\n        <li>\n          @if (option.icon) {\n            <span class=\"material-symbols-outlined\">{{ option.icon }}</span>\n          }\n          @if (option.callback) {\n            <button (click)=\"option.callback()\">{{ option.name }}</button>\n          }\n          @if (option.url) {\n            <a\n              [href]=\"option.url\"\n              [target]=\"option.targetBlank ? '_blank' : ''\"\n              >{{ option.name }}</a\n            >\n          }\n          @if (!option.callback && !option.url) {\n            <span>{{ option.name }}</span>\n          }\n        </li>\n      }\n\n      @if (overflowItems.length > 0) {\n        <li class=\"overflow-menu-item\">\n          <button\n            (click)=\"toggleOverflowMenu($event)\"\n            class=\"overflow-button\"\n          >\n            <span class=\"material-symbols-outlined\">more_horiz</span>\n          </button>\n\n          @if (showOverflowMenu) {\n            <div class=\"overflow-dropdown\">\n              <ul>\n                @for (option of overflowItems; track $index) {\n                  <li>\n                    @if (option.icon) {\n                      <span class=\"material-symbols-outlined\">{{ option.icon }}</span>\n                    }\n                    @if (option.callback) {\n                      <button (click)=\"handleOverflowItemClick(option.callback)\">\n                        {{ option.name }}\n                      </button>\n                    }\n                    @if (option.url) {\n                      <a\n                        [href]=\"option.url\"\n                        [target]=\"option.targetBlank ? '_blank' : ''\"\n                        >{{ option.name }}</a\n                      >\n                    }\n                    @if (!option.callback && !option.url) {\n                      <span>{{ option.name }}</span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n\n  <!-- Invisible Element used to calculate the size of elements -->\n\n  <div\n    class=\"oc-menu-horiz\"\n    [style.max-width]=\"maxWidth\"\n    [style.width]=\"width\"\n    #menuContainer\n    [ngStyle]=\"{ visibility: 'hidden', 'z-index': '-1', opacity: 0 }\"\n    [style.max-width]=\"maxWidth\"\n    [style.width]=\"width\"\n  >\n    <ul\n      #itemsListInvisible\n      [ngStyle]=\"{ visibility: 'hidden', 'z-index': '-1', opacity: 0 }\"\n    >\n      @for (option of ocMenu; track $index) {\n        <li>\n          @if (option.icon) {\n            <span class=\"material-symbols-outlined\">\n              {{ option.icon }}\n            </span>\n          }\n          @if (option.callback) {\n            <button>{{ option.name }}</button>\n          }\n          @if (option.url) {\n            <a>{{ option.name }}</a>\n          }\n          @if (!option.callback && !option.url) {\n            <span>{{ option.name }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: ["*{box-sizing:border-box}.oc-menu-horiz{display:flex;flex-direction:row;border-radius:0 8px 8px;background-color:#f8f9ff;border:2px solid #ffffff;position:absolute;z-index:10;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease;max-width:100%}.oc-menu-horiz ul{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;width:100%}.oc-menu-horiz ul li{text-align:left;text-decoration:none;width:auto;max-height:30px;display:flex;align-items:center;gap:.2rem;white-space:nowrap;flex-shrink:0}.oc-menu-horiz ul li.measuring{visibility:hidden;position:absolute}.oc-menu-horiz ul li .checkbox-opt{min-width:1.3rem}.oc-menu-horiz ul li a,.oc-menu-horiz ul li button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-menu-horiz ul li a,.oc-menu-horiz ul li button,.oc-menu-horiz ul li span,.oc-menu-horiz ul li .checkbox-opt{color:#8f9596;text-decoration:none;font-size:1rem;font-weight:400;text-align:left;padding:0;margin:0;border:none;padding:.6rem;background-color:transparent;width:100%;height:100%;cursor:pointer}.oc-menu-horiz ul li .material-symbols-outlined{width:.3rem;font-size:1.1rem;pointer-events:none}.oc-menu-horiz ul li:hover{background-color:#fff}.oc-menu-horiz ul li.overflow-menu-item{position:relative;width:auto;margin-left:auto}.oc-menu-horiz ul li.overflow-menu-item .overflow-button{display:flex;align-items:center;justify-content:center;min-width:40px;width:100%;padding:.6rem .8rem}.oc-menu-horiz ul li.overflow-menu-item .overflow-button .material-symbols-outlined{width:auto}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown{position:absolute;top:calc(100% + 4px);right:0;background-color:#f8f9ff;border:2px solid #ffffff;border-radius:8px;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease;z-index:1001;min-width:150px}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul{flex-direction:column}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li{width:100%;max-height:none}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li:first-child{border-radius:6px 6px 0 0}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li:last-child{border-radius:0 0 6px 6px}@keyframes showUp{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: CdkMenuModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: OcMenuHorizComponent, isStandalone: true, selector: "oc-menu-horiz", inputs: { ocMenu: "ocMenu", maxWidth: "maxWidth", width: "width", shouldCloseOnClickOut: "shouldCloseOnClickOut", hostElement: "hostElement" }, outputs: { ocChange: "ocChange" }, viewQueries: [{ propertyName: "menuElement", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "itemsListElement", first: true, predicate: ["itemsListInvisible"], descendants: true }], ngImport: i0, template: "@if (isMenuShown && ocMenu.length > 0) {\n  <div\n    class=\"oc-menu-horiz\"\n    [style.width]=\"'fit-content'\"\n  >\n    <ul>\n      @if (visibleItems.length === 0 && overflowItems.length === 0) {\n        @for (option of ocMenu; track $index) {\n          <li>\n            @if (option.icon) {\n              <span class=\"material-symbols-outlined\">\n                {{ option.icon }}\n              </span>\n            }\n            @if (option.callback) {\n              <button (click)=\"option.callback()\">{{ option.name }}</button>\n            }\n            @if (option.url) {\n              <a\n                [href]=\"option.url\"\n                [target]=\"option.targetBlank ? '_blank' : ''\"\n                >{{ option.name }}</a\n              >\n            }\n            @if (!option.callback && !option.url) {\n              <span>{{ option.name }}</span>\n            }\n          </li>\n        }\n      }\n\n      @for (option of visibleItems; track $index) {\n        <li>\n          @if (option.icon) {\n            <span class=\"material-symbols-outlined\">{{ option.icon }}</span>\n          }\n          @if (option.callback) {\n            <button (click)=\"option.callback()\">{{ option.name }}</button>\n          }\n          @if (option.url) {\n            <a\n              [href]=\"option.url\"\n              [target]=\"option.targetBlank ? '_blank' : ''\"\n              >{{ option.name }}</a\n            >\n          }\n          @if (!option.callback && !option.url) {\n            <span>{{ option.name }}</span>\n          }\n        </li>\n      }\n\n      @if (overflowItems.length > 0) {\n        <li class=\"overflow-menu-item\">\n          <button\n            (click)=\"toggleOverflowMenu($event)\"\n            class=\"overflow-button\"\n          >\n            <span class=\"material-symbols-outlined\">more_horiz</span>\n          </button>\n\n          @if (showOverflowMenu) {\n            <div class=\"overflow-dropdown\">\n              <ul>\n                @for (option of overflowItems; track $index) {\n                  <li>\n                    @if (option.icon) {\n                      <span class=\"material-symbols-outlined\">{{ option.icon }}</span>\n                    }\n                    @if (option.callback) {\n                      <button (click)=\"handleOverflowItemClick(option.callback)\">\n                        {{ option.name }}\n                      </button>\n                    }\n                    @if (option.url) {\n                      <a\n                        [href]=\"option.url\"\n                        [target]=\"option.targetBlank ? '_blank' : ''\"\n                        >{{ option.name }}</a\n                      >\n                    }\n                    @if (!option.callback && !option.url) {\n                      <span>{{ option.name }}</span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n\n  <!-- Invisible Element used to calculate the size of elements -->\n\n  <div\n    class=\"oc-menu-horiz\"\n    [style.max-width]=\"maxWidth\"\n    [style.width]=\"width\"\n    #menuContainer\n    [ngStyle]=\"{ visibility: 'hidden', 'z-index': '-1', opacity: 0 }\"\n    [style.max-width]=\"maxWidth\"\n    [style.width]=\"width\"\n  >\n    <ul\n      #itemsListInvisible\n      [ngStyle]=\"{ visibility: 'hidden', 'z-index': '-1', opacity: 0 }\"\n    >\n      @for (option of ocMenu; track $index) {\n        <li>\n          @if (option.icon) {\n            <span class=\"material-symbols-outlined\">\n              {{ option.icon }}\n            </span>\n          }\n          @if (option.callback) {\n            <button>{{ option.name }}</button>\n          }\n          @if (option.url) {\n            <a>{{ option.name }}</a>\n          }\n          @if (!option.callback && !option.url) {\n            <span>{{ option.name }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: ["*{box-sizing:border-box}.oc-menu-horiz{display:flex;flex-direction:row;border-radius:0 8px 8px;background-color:#f8f9ff;border:2px solid #ffffff;position:absolute;z-index:10;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease;max-width:100%}.oc-menu-horiz ul{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;width:100%}.oc-menu-horiz ul li{text-align:left;text-decoration:none;width:auto;max-height:30px;display:flex;align-items:center;gap:.2rem;white-space:nowrap;flex-shrink:0}.oc-menu-horiz ul li.measuring{visibility:hidden;position:absolute}.oc-menu-horiz ul li .checkbox-opt{min-width:1.3rem}.oc-menu-horiz ul li a,.oc-menu-horiz ul li button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-menu-horiz ul li a,.oc-menu-horiz ul li button,.oc-menu-horiz ul li span,.oc-menu-horiz ul li .checkbox-opt{color:#8f9596;text-decoration:none;font-size:1rem;font-weight:400;text-align:left;padding:0;margin:0;border:none;padding:.6rem;background-color:transparent;width:100%;height:100%;cursor:pointer}.oc-menu-horiz ul li .material-symbols-outlined{width:.3rem;font-size:1.1rem;pointer-events:none}.oc-menu-horiz ul li:hover{background-color:#fff}.oc-menu-horiz ul li.overflow-menu-item{position:relative;width:auto;margin-left:auto}.oc-menu-horiz ul li.overflow-menu-item .overflow-button{display:flex;align-items:center;justify-content:center;min-width:40px;width:100%;padding:.6rem .8rem}.oc-menu-horiz ul li.overflow-menu-item .overflow-button .material-symbols-outlined{width:auto}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown{position:absolute;top:calc(100% + 4px);right:0;background-color:#f8f9ff;border:2px solid #ffffff;border-radius:8px;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease;z-index:1001;min-width:150px}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul{flex-direction:column}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li{width:100%;max-height:none}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li:first-child{border-radius:6px 6px 0 0}.oc-menu-horiz ul li.overflow-menu-item .overflow-dropdown ul li:last-child{border-radius:0 0 6px 6px}@keyframes showUp{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: CdkMenuModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcMenuHorizComponent, decorators: [{
             type: Component,
@@ -1661,6 +1743,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }], shouldCloseOnClickOut: [{
                 type: Input
+            }], hostElement: [{
+                type: Input
             }], ocChange: [{
                 type: Output
             }], menuElement: [{
@@ -2321,5 +2405,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
+export { OcAccordionComponent, OcAccordionItemComponent, OcAutocompleteComponent, OcBadgeComponent, OcButtonMenuComponent, OcCheckboxComponent, OcChipComponent, OcDateSelectComponent, OcFilterComponent, OcInputComponent, OcKeyValueComponent, OcLogComponent, OcMenuComponent, OcMenuHorizComponent, OcMenuHorizDirective, OcMessageComponent, OcModalComponent, OcModalFooterComponent, OcNotFoundComponent, OcPaginationComponent, OcProfileComponent, OcProgressComponent, OcStepComponent, OcStepperComponent, OcTabComponent, OcTabsComponent, OcToastComponent, OcToastService, OcToggleComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService, StyleThemeService };
 //# sourceMappingURL=otimus-library.mjs.map