orbiq-neural-ui-kit 1.0.14 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12471,7 +12471,7 @@ class NeuralPageHeaderComponent {
12471
12471
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12472
12472
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralPageHeaderComponent, isStandalone: true, selector: "neural-page-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
12473
12473
  <header class="z-10 flex min-h-[56px] flex-col justify-center border-b border-outline-gray-2 bg-surface-base px-4 sm:px-6">
12474
- <div class="flex items-center justify-between">
12474
+ <div class="flex items-center justify-between relative w-full">
12475
12475
 
12476
12476
  <!-- Left Side (Title & Slots) -->
12477
12477
  <div class="flex items-center gap-3">
@@ -12487,6 +12487,11 @@ class NeuralPageHeaderComponent {
12487
12487
  </div>
12488
12488
  </div>
12489
12489
 
12490
+ <!-- Center (Optional) -->
12491
+ <div class="absolute left-1/2 -translate-x-1/2 hidden md:flex items-center">
12492
+ <ng-content select="[center]"></ng-content>
12493
+ </div>
12494
+
12490
12495
  <!-- Right Side (Actions & Slots) -->
12491
12496
  <div class="flex items-center gap-2">
12492
12497
  <ng-content select="[right]"></ng-content>
@@ -12504,7 +12509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12504
12509
  imports: [CommonModule],
12505
12510
  template: `
12506
12511
  <header class="z-10 flex min-h-[56px] flex-col justify-center border-b border-outline-gray-2 bg-surface-base px-4 sm:px-6">
12507
- <div class="flex items-center justify-between">
12512
+ <div class="flex items-center justify-between relative w-full">
12508
12513
 
12509
12514
  <!-- Left Side (Title & Slots) -->
12510
12515
  <div class="flex items-center gap-3">
@@ -12520,6 +12525,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12520
12525
  </div>
12521
12526
  </div>
12522
12527
 
12528
+ <!-- Center (Optional) -->
12529
+ <div class="absolute left-1/2 -translate-x-1/2 hidden md:flex items-center">
12530
+ <ng-content select="[center]"></ng-content>
12531
+ </div>
12532
+
12523
12533
  <!-- Right Side (Actions & Slots) -->
12524
12534
  <div class="flex items-center gap-2">
12525
12535
  <ng-content select="[right]"></ng-content>
@@ -12562,9 +12572,10 @@ class NeuralNotificationCenterComponent {
12562
12572
  </div>
12563
12573
  </div>
12564
12574
 
12565
- <div class="flex-1 overflow-y-auto bg-surface-base p-4">
12566
- <h3 class="text-[13px] font-medium text-ink-gray-5 mb-4 uppercase tracking-wider">Qué hay de nuevo</h3>
12567
- <ng-content></ng-content>
12575
+ <div class="flex-1 flex flex-col min-h-0 overflow-hidden bg-surface-base">
12576
+ <div class="flex-1 overflow-y-auto p-4">
12577
+ <ng-content></ng-content>
12578
+ </div>
12568
12579
  </div>
12569
12580
  </div>
12570
12581
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
@@ -12599,9 +12610,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
12599
12610
  </div>
12600
12611
  </div>
12601
12612
 
12602
- <div class="flex-1 overflow-y-auto bg-surface-base p-4">
12603
- <h3 class="text-[13px] font-medium text-ink-gray-5 mb-4 uppercase tracking-wider">Qué hay de nuevo</h3>
12604
- <ng-content></ng-content>
12613
+ <div class="flex-1 flex flex-col min-h-0 overflow-hidden bg-surface-base">
12614
+ <div class="flex-1 overflow-y-auto p-4">
12615
+ <ng-content></ng-content>
12616
+ </div>
12605
12617
  </div>
12606
12618
  </div>
12607
12619
  `