orbiq-neural-ui-kit 1.1.4 → 1.1.5
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.
|
@@ -11504,8 +11504,7 @@ class NeuralDrawerComponent {
|
|
|
11504
11504
|
this.dialogRef = this.dialog.open(this.drawerTemplate, {
|
|
11505
11505
|
disableClose: !this.dismissible(),
|
|
11506
11506
|
backdropClass: 'bg-black-overlay-200',
|
|
11507
|
-
|
|
11508
|
-
panelClass: ['fixed', 'inset-y-0', this.position() === 'right' ? 'right-0' : 'left-0', 'h-full', 'bg-transparent', 'outline-none', 'z-50'],
|
|
11507
|
+
panelClass: ['w-full', 'h-full', 'bg-transparent', 'shadow-none', 'outline-none', 'pointer-events-none'],
|
|
11509
11508
|
hasBackdrop: true,
|
|
11510
11509
|
});
|
|
11511
11510
|
this.dialogRef.closed.subscribe(() => {
|
|
@@ -11540,38 +11539,40 @@ class NeuralDrawerComponent {
|
|
|
11540
11539
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDrawerComponent, deps: [{ token: i1$3.Dialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
11541
11540
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDrawerComponent, isStandalone: true, selector: "neural-drawer", inputs: { openModel: { classPropertyName: "openModel", publicName: "openModel", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openModel: "openModelChange", onClose: "onClose" }, viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true }], ngImport: i0, template: `
|
|
11542
11541
|
<ng-template #drawerTemplate>
|
|
11543
|
-
<div
|
|
11544
|
-
|
|
11545
|
-
|
|
11546
|
-
|
|
11547
|
-
|
|
11548
|
-
|
|
11549
|
-
|
|
11550
|
-
|
|
11551
|
-
<
|
|
11552
|
-
|
|
11553
|
-
|
|
11554
|
-
|
|
11555
|
-
|
|
11556
|
-
|
|
11557
|
-
|
|
11558
|
-
|
|
11559
|
-
|
|
11560
|
-
|
|
11561
|
-
|
|
11542
|
+
<div class="fixed inset-0 z-50 flex" [ngClass]="position() === 'right' ? 'justify-end' : 'justify-start'">
|
|
11543
|
+
<div
|
|
11544
|
+
class="h-full bg-white shadow-2xl flex flex-col outline-none border-outline-gray-2 pointer-events-auto"
|
|
11545
|
+
[class.border-l]="position() === 'right'"
|
|
11546
|
+
[class.border-r]="position() === 'left'"
|
|
11547
|
+
[class]="sizeClass()"
|
|
11548
|
+
>
|
|
11549
|
+
<!-- Header -->
|
|
11550
|
+
<div class="flex items-center justify-between px-6 py-4 border-b border-outline-gray-2 shrink-0">
|
|
11551
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
11552
|
+
@if (showCloseButton()) {
|
|
11553
|
+
<button
|
|
11554
|
+
class="flex items-center justify-center size-8 rounded-md hover:bg-surface-gray-2 text-ink-gray-5 hover:text-ink-gray-9 transition-colors"
|
|
11555
|
+
(click)="close()"
|
|
11556
|
+
title="Cerrar"
|
|
11557
|
+
>
|
|
11558
|
+
<i class="lucide-x size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
11559
|
+
</button>
|
|
11560
|
+
}
|
|
11561
|
+
</div>
|
|
11562
11562
|
|
|
11563
|
-
|
|
11564
|
-
|
|
11565
|
-
|
|
11566
|
-
|
|
11563
|
+
<!-- Body -->
|
|
11564
|
+
<div class="flex-1 overflow-y-auto p-6 text-sm font-normal text-ink-gray-7">
|
|
11565
|
+
<ng-content></ng-content>
|
|
11566
|
+
</div>
|
|
11567
11567
|
|
|
11568
|
-
|
|
11569
|
-
|
|
11570
|
-
|
|
11568
|
+
<!-- Footer (Optional) -->
|
|
11569
|
+
<div class="shrink-0">
|
|
11570
|
+
<ng-content select="[footer]"></ng-content>
|
|
11571
|
+
</div>
|
|
11571
11572
|
</div>
|
|
11572
11573
|
</div>
|
|
11573
11574
|
</ng-template>
|
|
11574
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }] });
|
|
11575
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }] });
|
|
11575
11576
|
}
|
|
11576
11577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDrawerComponent, decorators: [{
|
|
11577
11578
|
type: Component,
|
|
@@ -11581,34 +11582,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
11581
11582
|
imports: [CommonModule, DialogModule],
|
|
11582
11583
|
template: `
|
|
11583
11584
|
<ng-template #drawerTemplate>
|
|
11584
|
-
<div
|
|
11585
|
-
|
|
11586
|
-
|
|
11587
|
-
|
|
11588
|
-
|
|
11589
|
-
|
|
11590
|
-
|
|
11591
|
-
|
|
11592
|
-
<
|
|
11593
|
-
|
|
11594
|
-
|
|
11595
|
-
|
|
11596
|
-
|
|
11597
|
-
|
|
11598
|
-
|
|
11599
|
-
|
|
11600
|
-
|
|
11601
|
-
|
|
11602
|
-
|
|
11585
|
+
<div class="fixed inset-0 z-50 flex" [ngClass]="position() === 'right' ? 'justify-end' : 'justify-start'">
|
|
11586
|
+
<div
|
|
11587
|
+
class="h-full bg-white shadow-2xl flex flex-col outline-none border-outline-gray-2 pointer-events-auto"
|
|
11588
|
+
[class.border-l]="position() === 'right'"
|
|
11589
|
+
[class.border-r]="position() === 'left'"
|
|
11590
|
+
[class]="sizeClass()"
|
|
11591
|
+
>
|
|
11592
|
+
<!-- Header -->
|
|
11593
|
+
<div class="flex items-center justify-between px-6 py-4 border-b border-outline-gray-2 shrink-0">
|
|
11594
|
+
<h2 class="text-lg font-semibold text-ink-gray-9">{{ title() }}</h2>
|
|
11595
|
+
@if (showCloseButton()) {
|
|
11596
|
+
<button
|
|
11597
|
+
class="flex items-center justify-center size-8 rounded-md hover:bg-surface-gray-2 text-ink-gray-5 hover:text-ink-gray-9 transition-colors"
|
|
11598
|
+
(click)="close()"
|
|
11599
|
+
title="Cerrar"
|
|
11600
|
+
>
|
|
11601
|
+
<i class="lucide-x size-[18px]" style="stroke-width: 1.5px;"></i>
|
|
11602
|
+
</button>
|
|
11603
|
+
}
|
|
11604
|
+
</div>
|
|
11603
11605
|
|
|
11604
|
-
|
|
11605
|
-
|
|
11606
|
-
|
|
11607
|
-
|
|
11606
|
+
<!-- Body -->
|
|
11607
|
+
<div class="flex-1 overflow-y-auto p-6 text-sm font-normal text-ink-gray-7">
|
|
11608
|
+
<ng-content></ng-content>
|
|
11609
|
+
</div>
|
|
11608
11610
|
|
|
11609
|
-
|
|
11610
|
-
|
|
11611
|
-
|
|
11611
|
+
<!-- Footer (Optional) -->
|
|
11612
|
+
<div class="shrink-0">
|
|
11613
|
+
<ng-content select="[footer]"></ng-content>
|
|
11614
|
+
</div>
|
|
11612
11615
|
</div>
|
|
11613
11616
|
</div>
|
|
11614
11617
|
</ng-template>
|