orbiq-neural-ui-kit 1.1.6 → 1.1.7
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.
|
@@ -11600,13 +11600,16 @@ class NeuralDrawerComponent {
|
|
|
11600
11600
|
<div class="flex items-center justify-between px-6 py-4 border-b border-outline-gray-2 shrink-0">
|
|
11601
11601
|
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
11602
11602
|
@if (showCloseButton()) {
|
|
11603
|
-
<button
|
|
11604
|
-
|
|
11605
|
-
|
|
11603
|
+
<neural-button
|
|
11604
|
+
variant="ghost"
|
|
11605
|
+
theme="gray"
|
|
11606
|
+
size="sm"
|
|
11607
|
+
[iconOnly]="true"
|
|
11608
|
+
icon="lucide-x"
|
|
11609
|
+
(clicked)="close()"
|
|
11606
11610
|
title="Cerrar"
|
|
11607
|
-
|
|
11608
|
-
|
|
11609
|
-
</button>
|
|
11611
|
+
class="text-ink-gray-5 hover:text-ink-gray-9"
|
|
11612
|
+
></neural-button>
|
|
11610
11613
|
}
|
|
11611
11614
|
</div>
|
|
11612
11615
|
|
|
@@ -11616,20 +11619,20 @@ class NeuralDrawerComponent {
|
|
|
11616
11619
|
</div>
|
|
11617
11620
|
|
|
11618
11621
|
<!-- Footer (Optional) -->
|
|
11619
|
-
<div class="shrink-0">
|
|
11622
|
+
<div class="shrink-0 px-6 py-4 border-t border-outline-gray-2">
|
|
11620
11623
|
<ng-content select="[footer]"></ng-content>
|
|
11621
11624
|
</div>
|
|
11622
11625
|
</div>
|
|
11623
11626
|
</div>
|
|
11624
11627
|
</ng-template>
|
|
11625
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }] });
|
|
11628
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }] });
|
|
11626
11629
|
}
|
|
11627
11630
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDrawerComponent, decorators: [{
|
|
11628
11631
|
type: Component,
|
|
11629
11632
|
args: [{
|
|
11630
11633
|
selector: 'neural-drawer',
|
|
11631
11634
|
standalone: true,
|
|
11632
|
-
imports: [CommonModule, DialogModule],
|
|
11635
|
+
imports: [CommonModule, DialogModule, NeuralButtonComponent],
|
|
11633
11636
|
template: `
|
|
11634
11637
|
<ng-template #drawerTemplate>
|
|
11635
11638
|
<div class="fixed inset-0 z-50 flex" [ngClass]="wrapperClasses()">
|
|
@@ -11638,13 +11641,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
11638
11641
|
<div class="flex items-center justify-between px-6 py-4 border-b border-outline-gray-2 shrink-0">
|
|
11639
11642
|
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
11640
11643
|
@if (showCloseButton()) {
|
|
11641
|
-
<button
|
|
11642
|
-
|
|
11643
|
-
|
|
11644
|
+
<neural-button
|
|
11645
|
+
variant="ghost"
|
|
11646
|
+
theme="gray"
|
|
11647
|
+
size="sm"
|
|
11648
|
+
[iconOnly]="true"
|
|
11649
|
+
icon="lucide-x"
|
|
11650
|
+
(clicked)="close()"
|
|
11644
11651
|
title="Cerrar"
|
|
11645
|
-
|
|
11646
|
-
|
|
11647
|
-
</button>
|
|
11652
|
+
class="text-ink-gray-5 hover:text-ink-gray-9"
|
|
11653
|
+
></neural-button>
|
|
11648
11654
|
}
|
|
11649
11655
|
</div>
|
|
11650
11656
|
|
|
@@ -11654,7 +11660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
11654
11660
|
</div>
|
|
11655
11661
|
|
|
11656
11662
|
<!-- Footer (Optional) -->
|
|
11657
|
-
<div class="shrink-0">
|
|
11663
|
+
<div class="shrink-0 px-6 py-4 border-t border-outline-gray-2">
|
|
11658
11664
|
<ng-content select="[footer]"></ng-content>
|
|
11659
11665
|
</div>
|
|
11660
11666
|
</div>
|