@open-rlb/ng-bootstrap 3.3.8 → 3.3.9

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

@@ -3,7 +3,7 @@ import { input, booleanAttribute, output, viewChild, ChangeDetectionStrategy, Co
 import * as i2$1 from '@angular/router';
 import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
 import { Collapse, Carousel, Dropdown, Modal, Toast, Offcanvas, ScrollSpy, Popover, Tooltip } from 'bootstrap';
-import { NgTemplateOutlet, TitleCasePipe, NgClass, formatDate, DatePipe, JsonPipe, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, TitleCasePipe, NgClass, formatDate, JsonPipe, CommonModule } from '@angular/common';
 import { Subject, of, map, shareReplay, take, filter, switchMap, Subscription, debounceTime, distinctUntilChanged, Observable, lastValueFrom, takeUntil } from 'rxjs';
 import * as i2 from '@angular/cdk/layout';
 import * as i1 from '@angular/forms';
@@ -4068,6 +4068,7 @@ class ChatItemComponent {
         this.replayId = input(undefined, { ...(ngDevMode ? { debugName: "replayId" } : /* istanbul ignore next */ {}), alias: 'replay-id' });
         this.position = input('left', { ...(ngDevMode ? { debugName: "position" } : /* istanbul ignore next */ {}), alias: 'position' });
         this.reaction = input(undefined, { ...(ngDevMode ? { debugName: "reaction" } : /* istanbul ignore next */ {}), alias: 'reaction' });
+        this.hideReactionPicker = input(false, { ...(ngDevMode ? { debugName: "hideReactionPicker" } : /* istanbul ignore next */ {}), alias: 'hide-reaction-picker', transform: booleanAttribute });
         this.reply = output();
         this.reactionClick = output({ alias: 'reaction-click' });
         this.canReply = input(false, { ...(ngDevMode ? { debugName: "canReply" } : /* istanbul ignore next */ {}), alias: 'can-reply', transform: booleanAttribute });
@@ -4079,7 +4080,7 @@ class ChatItemComponent {
         this.reply.emit(this.replayId());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ChatItemComponent, isStandalone: true, selector: "rlb-chat-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, dateTime: { classPropertyName: "dateTime", publicName: "date-time", isSignal: true, isRequired: false, transformFunction: null }, replayText: { classPropertyName: "replayText", publicName: "replay-text", isSignal: true, isRequired: false, transformFunction: null }, replaySubject: { classPropertyName: "replaySubject", publicName: "replay-subject", isSignal: true, isRequired: false, transformFunction: null }, replayId: { classPropertyName: "replayId", publicName: "replay-id", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, reaction: { classPropertyName: "reaction", publicName: "reaction", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "can-reply", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", reactionClick: "reaction-click", reactionSelector: "reaction-selector" }, host: { properties: { "class.ms-auto": "position() === \"right\"" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ChatItemComponent, isStandalone: true, selector: "rlb-chat-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, dateTime: { classPropertyName: "dateTime", publicName: "date-time", isSignal: true, isRequired: false, transformFunction: null }, replayText: { classPropertyName: "replayText", publicName: "replay-text", isSignal: true, isRequired: false, transformFunction: null }, replaySubject: { classPropertyName: "replaySubject", publicName: "replay-subject", isSignal: true, isRequired: false, transformFunction: null }, replayId: { classPropertyName: "replayId", publicName: "replay-id", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, reaction: { classPropertyName: "reaction", publicName: "reaction", isSignal: true, isRequired: false, transformFunction: null }, hideReactionPicker: { classPropertyName: "hideReactionPicker", publicName: "hide-reaction-picker", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "can-reply", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", reactionClick: "reaction-click", reactionSelector: "reaction-selector" }, host: { properties: { "class.ms-auto": "position() === \"right\"" } }, ngImport: i0, template: `
     <div
       [id]="id()"
       class="chat-bubble-item"
@@ -4118,11 +4119,11 @@ class ChatItemComponent {
           direction="up"
           class="reaction"
         >
-          @if (!reaction()) {
+          @if (!reaction() && !hideReactionPicker()) {
             <a
               rlb-button
               rlb-dropdown
-              autoClose="manual"
+              [auto-close]="'manual'"
               class="reaction add p-1"
               [class.right]="position() === 'right'"
               [class.left]="position() === 'left'"
@@ -4208,11 +4209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
           direction="up"
           class="reaction"
         >
-          @if (!reaction()) {
+          @if (!reaction() && !hideReactionPicker()) {
             <a
               rlb-button
               rlb-dropdown
-              autoClose="manual"
+              [auto-close]="'manual'"
               class="reaction add p-1"
               [class.right]="position() === 'right'"
               [class.left]="position() === 'left'"
@@ -4256,16 +4257,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
   `,
                     host: { '[class.ms-auto]': 'position() === "right"' },
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        DropdownComponent,
-                        ButtonComponent,
-                        DropdownDirective,
-                        DropdownContainerComponent,
-                        DataTableActionComponent,
-                        DatePipe,
-                    ],
+                    imports: [DropdownComponent, ButtonComponent, DropdownDirective, DropdownContainerComponent],
                 }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], dateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "date-time", required: false }] }], replayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-text", required: false }] }], replaySubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-subject", required: false }] }], replayId: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-id", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], reaction: [{ type: i0.Input, args: [{ isSignal: true, alias: "reaction", required: false }] }], reply: [{ type: i0.Output, args: ["reply"] }], reactionClick: [{ type: i0.Output, args: ["reaction-click"] }], canReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "can-reply", required: false }] }], reactionSelector: [{ type: i0.Output, args: ["reaction-selector"] }] } });
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], dateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "date-time", required: false }] }], replayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-text", required: false }] }], replaySubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-subject", required: false }] }], replayId: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-id", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], reaction: [{ type: i0.Input, args: [{ isSignal: true, alias: "reaction", required: false }] }], hideReactionPicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-reaction-picker", required: false }] }], reply: [{ type: i0.Output, args: ["reply"] }], reactionClick: [{ type: i0.Output, args: ["reaction-click"] }], canReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "can-reply", required: false }] }], reactionSelector: [{ type: i0.Output, args: ["reaction-selector"] }] } });
 
 class ListComponent {
     constructor() {