@open-rlb/ng-bootstrap 3.2.1 → 3.3.1

package/assets/scss/custom/components/_root.scss

@@ -28,6 +28,16 @@
 
     --#{$prefix}display-none:                           #{$display-none};
     --#{$prefix}display-block:                          #{$display-block};
+
+    --#{$prefix}card-box-shadow:                        #{$card-box-shadow};
+    --#{$prefix}input-box-shadow:                       #{$input-box-shadow};
+
+    // Sidebar
+    --rlb-sidebar-width:                                #{$sidebar-width};
+    --rlb-sidebar-bg:                                   #{$sidebar-bg};
+    --rlb-menu-item-color:                              #{$sidebar-menu-item-color};
+    --rlb-menu-item-hover-color:                        #{$sidebar-menu-item-hover-color};
+    --rlb-menu-item-active-color:                       #{$sidebar-menu-item-active-color};
 }
 
 //theme dark
@@ -63,6 +73,15 @@
         --#{$prefix}display-none:                           #{$display-none-dark};
         --#{$prefix}display-block:                          #{$display-block-dark};
 
+        --#{$prefix}card-box-shadow:                        #{$card-box-shadow};
+        --#{$prefix}input-box-shadow:                       #{$input-box-shadow};
+
+        // Sidebar
+        --rlb-sidebar-bg:                               #{$sidebar-dark-bg};
+        --rlb-menu-item-color:                          #{$sidebar-dark-menu-item-color};
+        --rlb-menu-item-hover-color:                    #{$sidebar-dark-menu-item-hover-color};
+        --rlb-menu-item-active-color:                   #{$sidebar-dark-menu-item-active-color};
+
         .btn-light {
             --#{$prefix}btn-color:                                         #{$body-secondary-color-dark};
             --#{$prefix}btn-bg:                                            #{$body-tertiary-bg-dark};

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

@@ -4034,7 +4034,7 @@ class ChatItemComponent {
         this.id = input('', { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'id' });
         this.avatar = input('', { ...(ngDevMode ? { debugName: "avatar" } : /* istanbul ignore next */ {}), alias: 'avatar' });
         this.text = input('', { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), alias: 'text' });
-        this.dateTime = input(new Date(), { ...(ngDevMode ? { debugName: "dateTime" } : /* istanbul ignore next */ {}), alias: 'date-time' });
+        this.dateTime = input('', { ...(ngDevMode ? { debugName: "dateTime" } : /* istanbul ignore next */ {}), alias: 'date-time' });
         this.replayText = input(undefined, { ...(ngDevMode ? { debugName: "replayText" } : /* istanbul ignore next */ {}), alias: 'replay-text' });
         this.replaySubject = input(undefined, { ...(ngDevMode ? { debugName: "replaySubject" } : /* istanbul ignore next */ {}), alias: 'replay-subject' });
         this.replayId = input(undefined, { ...(ngDevMode ? { debugName: "replayId" } : /* istanbul ignore next */ {}), alias: 'replay-id' });
@@ -4085,7 +4085,7 @@ class ChatItemComponent {
           <ng-content />
         </div>
         <i class="bi bi-check-all float-end"></i>
-        <span class="time float-end">{{ dateTime() | date: 'dd/MM HH:mm:ss' }}</span>
+        <span class="time float-end">{{ dateTime() }}</span>
         <rlb-dropdown
           direction="up"
           class="reaction"
@@ -4135,7 +4135,7 @@ class ChatItemComponent {
         </button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "component", type: DropdownComponent, selector: "rlb-dropdown", inputs: ["direction"] }, { kind: "component", type: DropdownContainerComponent, selector: "ul[rlb-dropdown-menu], rlb-dropdown-container", inputs: ["placement", "placement-sm", "placement-md", "placement-lg", "placement-xl", "placement-xxl"] }, { kind: "directive", type: DropdownDirective, selector: "a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]", inputs: ["offset", "auto-close"], outputs: ["status-changed"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "component", type: DropdownComponent, selector: "rlb-dropdown", inputs: ["direction"] }, { kind: "component", type: DropdownContainerComponent, selector: "ul[rlb-dropdown-menu], rlb-dropdown-container", inputs: ["placement", "placement-sm", "placement-md", "placement-lg", "placement-xl", "placement-xxl"] }, { kind: "directive", type: DropdownDirective, selector: "a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]", inputs: ["offset", "auto-close"], outputs: ["status-changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ChatItemComponent, decorators: [{
             type: Component,
@@ -4175,7 +4175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
           <ng-content />
         </div>
         <i class="bi bi-check-all float-end"></i>
-        <span class="time float-end">{{ dateTime() | date: 'dd/MM HH:mm:ss' }}</span>
+        <span class="time float-end">{{ dateTime() }}</span>
         <rlb-dropdown
           direction="up"
           class="reaction"