@open-rlb/ng-bootstrap 3.1.29 → 3.1.31

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -1672,7 +1672,7 @@ class BuilderComponent {
         if (component.name) {
             const componentType = this.registryService.get(component.name);
             const componentRef = this.component.viewContainerRef.createComponent(componentType);
-            componentRef.setInput('data', component.data);
+            componentRef.instance.data = component.data;
             if (creationOptions?.setInstance === true) {
                 componentRef.setInput(creationOptions?.instanceInputName || 'data-instance', componentRef.instance);
             }
@@ -1769,7 +1769,7 @@ class InnerModalService extends AbstractRegistryService {
         this.builders.push(builder);
     }
     removeBuilder(builderId) {
-        this.builders = this.builders.filter((_) => false);
+        this.builders = this.builders.filter(_ => false);
     }
     getBuilder() {
         if (this.builders.length === 0) {
@@ -1786,15 +1786,15 @@ class InnerModalService extends AbstractRegistryService {
         if (Array.isArray(options)) {
             const modals = options
                 .reverse()
-                .map((o) => o.modals)
+                .map(o => o.modals)
                 .flat();
             for (const modal of modals) {
-                Object.keys(modal).forEach((k) => this.add(k, modal[k]));
+                Object.keys(modal).forEach(k => this.add(k, modal[k]));
             }
         }
         else {
             if (options && options.modals) {
-                Object.keys(options.modals).forEach((k) => this.add(k, options.modals[k]));
+                Object.keys(options.modals).forEach(k => this.add(k, options.modals[k]));
             }
         }
     }
@@ -1802,13 +1802,17 @@ class InnerModalService extends AbstractRegistryService {
         const modalId = `rlb-modal${this.uniqueIdService.id}`;
         const modal = this.getBuilder().buildComponent({
             name,
-            data,
+            data: signal(data),
         }, {
             inputs: { id: modalId },
             setInstance: true,
         }, options);
-        this.allModals.push({ id: modalId, modal: modal, subject: new Subject() });
-        const subject = this.allModals.find((d) => d.id === modalId)?.subject;
+        this.allModals.push({
+            id: modalId,
+            modal: modal,
+            subject: new Subject(),
+        });
+        const subject = this.allModals.find(d => d.id === modalId)?.subject;
         if (!subject) {
             return of({ reason: 'cancel', result: undefined });
         }
@@ -1816,10 +1820,10 @@ class InnerModalService extends AbstractRegistryService {
     }
     eventModal(event, reason, id, result) {
         if (event === 'hidden') {
-            const modal = this.allModals.find((d) => d.id === id);
+            const modal = this.allModals.find(d => d.id === id);
             if (modal) {
                 modal.modal.destroy();
-                this.allModals = this.allModals.filter((d) => d.id !== id);
+                this.allModals = this.allModals.filter(d => d.id !== id);
             }
             modal?.subject.next({ reason, result });
             modal?.subject.complete();
@@ -2503,7 +2507,7 @@ class InnerToastService extends AbstractRegistryService {
         const toastId = `rlb-toast${this.uniqueIdService.id}`;
         const toast = this.getBuilder(builderId).buildComponent({
             name: componentName,
-            data,
+            data: signal(data),
         }, {
             inputs: { id: toastId },
             setInstance: true,
@@ -4608,6 +4612,8 @@ class NavbarComponent {
           }
 
           <ng-content select="[rlb-navbar-brand], [rlb-button][toggle], rlb-navbar-separator" />
+          <!-- FOR CUSTOM ELEMENTS -->
+          <ng-content select="[rlb-custom-navbar-items]" />
           @if (enableDropdownToggler()) {
             <button
               class="navbar-toggler"
@@ -4629,8 +4635,6 @@ class NavbarComponent {
               <ng-content
                 select="rlb-navbar-items, rlb-navbar-form, rlb-navbar-text, rlb-navbar-separator"
               />
-              <!-- FOR CUSTOM ELEMENTS -->
-              <ng-content select="[rlb-custom-navbar-items]" />
             </div>
           </div>
         </div>
@@ -4662,6 +4666,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
           }
 
           <ng-content select="[rlb-navbar-brand], [rlb-button][toggle], rlb-navbar-separator" />
+          <!-- FOR CUSTOM ELEMENTS -->
+          <ng-content select="[rlb-custom-navbar-items]" />
           @if (enableDropdownToggler()) {
             <button
               class="navbar-toggler"
@@ -4683,8 +4689,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
               <ng-content
                 select="rlb-navbar-items, rlb-navbar-form, rlb-navbar-text, rlb-navbar-separator"
               />
-              <!-- FOR CUSTOM ELEMENTS -->
-              <ng-content select="[rlb-custom-navbar-items]" />
             </div>
           </div>
         </div>
@@ -11435,34 +11439,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 
 class CalendarToastComponent {
     constructor() {
-        this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
         this.valid = signal(true, ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CalendarToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: CalendarToastComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: ToastDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: CalendarToastComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: ToastDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
     <div class="toast-header">
-      <strong class="me-auto">{{data().title}}</strong>
+      <strong class="me-auto">{{ data().title }}</strong>
       @if (data().subtitle) {
-        <small> {{data().subtitle }}</small>
+        <small>{{ data().subtitle }}</small>
       }
-      <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+      <button
+        type="button"
+        class="btn-close"
+        data-bs-dismiss="toast"
+        aria-label="Close"
+      ></button>
     </div>
-    <div class="toast-body">{{data().content}}</div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }] }); }
+    <div class="toast-body">{{ data().content }}</div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CalendarToastComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
     <div class="toast-header">
-      <strong class="me-auto">{{data().title}}</strong>
+      <strong class="me-auto">{{ data().title }}</strong>
       @if (data().subtitle) {
-        <small> {{data().subtitle }}</small>
+        <small>{{ data().subtitle }}</small>
       }
-      <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+      <button
+        type="button"
+        class="btn-close"
+        data-bs-dismiss="toast"
+        aria-label="Close"
+      ></button>
     </div>
-    <div class="toast-body">{{data().content}}</div>
-    `,
+    <div class="toast-body">{{ data().content }}</div>
+  `,
                     hostDirectives: [
                         {
                             directive: ToastDirective,
@@ -11470,9 +11483,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
                         },
                     ],
                     standalone: true,
-                    imports: [RlbBootstrapModule]
+                    imports: [RlbBootstrapModule],
                 }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+        }] });
 
 /*
  * Public API Surface of ng-bootstrap