orbiq-neural-ui-kit 1.2.47 → 1.2.49
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.
|
@@ -4519,7 +4519,7 @@ class NeuralPopoverPanelComponent {
|
|
|
4519
4519
|
data-slot="content-body"
|
|
4520
4520
|
data-panel
|
|
4521
4521
|
data-motion="instant"
|
|
4522
|
-
class="
|
|
4522
|
+
class="flex flex-col p-1 rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
|
|
4523
4523
|
>
|
|
4524
4524
|
<ng-content></ng-content>
|
|
4525
4525
|
</div>
|
|
@@ -4535,7 +4535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4535
4535
|
data-slot="content-body"
|
|
4536
4536
|
data-panel
|
|
4537
4537
|
data-motion="instant"
|
|
4538
|
-
class="
|
|
4538
|
+
class="flex flex-col p-1 rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
|
|
4539
4539
|
>
|
|
4540
4540
|
<ng-content></ng-content>
|
|
4541
4541
|
</div>
|
|
@@ -4580,7 +4580,7 @@ class NeuralDropdownComponent {
|
|
|
4580
4580
|
</div>
|
|
4581
4581
|
|
|
4582
4582
|
<ng-template neuralPopoverContent let-popover>
|
|
4583
|
-
<neural-popover-panel class="
|
|
4583
|
+
<neural-popover-panel class="block min-w-[200px]">
|
|
4584
4584
|
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: options(), popover: popover }"></ng-container>
|
|
4585
4585
|
</neural-popover-panel>
|
|
4586
4586
|
</ng-template>
|
|
@@ -4607,6 +4607,9 @@ class NeuralDropdownComponent {
|
|
|
4607
4607
|
@if (option.icon) {
|
|
4608
4608
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4609
4609
|
}
|
|
4610
|
+
@if (option.imageUrl) {
|
|
4611
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4612
|
+
}
|
|
4610
4613
|
{{ option.label }}
|
|
4611
4614
|
</div>
|
|
4612
4615
|
<i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
|
|
@@ -4614,7 +4617,7 @@ class NeuralDropdownComponent {
|
|
|
4614
4617
|
|
|
4615
4618
|
<!-- Nested Panel -->
|
|
4616
4619
|
<div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
|
|
4617
|
-
<neural-popover-panel class="
|
|
4620
|
+
<neural-popover-panel class="block min-w-[180px]">
|
|
4618
4621
|
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
|
|
4619
4622
|
</neural-popover-panel>
|
|
4620
4623
|
</div>
|
|
@@ -4631,6 +4634,9 @@ class NeuralDropdownComponent {
|
|
|
4631
4634
|
@if (option.icon) {
|
|
4632
4635
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4633
4636
|
}
|
|
4637
|
+
@if (option.imageUrl) {
|
|
4638
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4639
|
+
}
|
|
4634
4640
|
{{ option.label }}
|
|
4635
4641
|
@if (option.shortcut) {
|
|
4636
4642
|
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
@@ -4647,6 +4653,9 @@ class NeuralDropdownComponent {
|
|
|
4647
4653
|
@if (option.icon) {
|
|
4648
4654
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4649
4655
|
}
|
|
4656
|
+
@if (option.imageUrl) {
|
|
4657
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4658
|
+
}
|
|
4650
4659
|
{{ option.label }}
|
|
4651
4660
|
@if (option.shortcut) {
|
|
4652
4661
|
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
@@ -4676,7 +4685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4676
4685
|
</div>
|
|
4677
4686
|
|
|
4678
4687
|
<ng-template neuralPopoverContent let-popover>
|
|
4679
|
-
<neural-popover-panel class="
|
|
4688
|
+
<neural-popover-panel class="block min-w-[200px]">
|
|
4680
4689
|
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: options(), popover: popover }"></ng-container>
|
|
4681
4690
|
</neural-popover-panel>
|
|
4682
4691
|
</ng-template>
|
|
@@ -4703,6 +4712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4703
4712
|
@if (option.icon) {
|
|
4704
4713
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4705
4714
|
}
|
|
4715
|
+
@if (option.imageUrl) {
|
|
4716
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4717
|
+
}
|
|
4706
4718
|
{{ option.label }}
|
|
4707
4719
|
</div>
|
|
4708
4720
|
<i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
|
|
@@ -4710,7 +4722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4710
4722
|
|
|
4711
4723
|
<!-- Nested Panel -->
|
|
4712
4724
|
<div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
|
|
4713
|
-
<neural-popover-panel class="
|
|
4725
|
+
<neural-popover-panel class="block min-w-[180px]">
|
|
4714
4726
|
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
|
|
4715
4727
|
</neural-popover-panel>
|
|
4716
4728
|
</div>
|
|
@@ -4727,6 +4739,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4727
4739
|
@if (option.icon) {
|
|
4728
4740
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4729
4741
|
}
|
|
4742
|
+
@if (option.imageUrl) {
|
|
4743
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4744
|
+
}
|
|
4730
4745
|
{{ option.label }}
|
|
4731
4746
|
@if (option.shortcut) {
|
|
4732
4747
|
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
@@ -4743,6 +4758,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4743
4758
|
@if (option.icon) {
|
|
4744
4759
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4745
4760
|
}
|
|
4761
|
+
@if (option.imageUrl) {
|
|
4762
|
+
<img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
|
|
4763
|
+
}
|
|
4746
4764
|
{{ option.label }}
|
|
4747
4765
|
@if (option.shortcut) {
|
|
4748
4766
|
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|