orbiq-neural-ui-kit 1.2.69 → 1.2.71
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.
|
@@ -13721,15 +13721,19 @@ class NeuralNotificationCenterComponent {
|
|
|
13721
13721
|
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
13722
13722
|
onClose = new EventEmitter();
|
|
13723
13723
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralNotificationCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13724
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
13724
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralNotificationCenterComponent, isStandalone: true, selector: "neural-notification-center", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
|
|
13725
|
+
@if (open()) {
|
|
13726
|
+
<div class="fixed inset-0 z-40 bg-transparent" (click)="onClose.emit()"></div>
|
|
13727
|
+
}
|
|
13728
|
+
|
|
13725
13729
|
<div
|
|
13726
13730
|
class="top-0 z-50 flex h-full w-[380px] flex-col bg-surface-base border-outline-gray-2 shadow-[4px_0_24px_rgba(0,0,0,0.08)] transition-transform duration-300 ease-in-out"
|
|
13727
13731
|
[ngClass]="{
|
|
13728
13732
|
'absolute left-full border-r': position() === 'sidebar',
|
|
13729
13733
|
'fixed right-0 border-l': position() === 'right',
|
|
13730
13734
|
'translate-x-0': open(),
|
|
13731
|
-
'-translate-x-full
|
|
13732
|
-
'translate-x-full
|
|
13735
|
+
'-translate-x-full pointer-events-none': !open() && position() === 'sidebar',
|
|
13736
|
+
'translate-x-full pointer-events-none': !open() && position() === 'right'
|
|
13733
13737
|
}"
|
|
13734
13738
|
>
|
|
13735
13739
|
<div class="flex items-center justify-between border-b border-outline-gray-2 px-4 pt-3 pb-0">
|
|
@@ -13760,14 +13764,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
13760
13764
|
standalone: true,
|
|
13761
13765
|
imports: [CommonModule],
|
|
13762
13766
|
template: `
|
|
13767
|
+
@if (open()) {
|
|
13768
|
+
<div class="fixed inset-0 z-40 bg-transparent" (click)="onClose.emit()"></div>
|
|
13769
|
+
}
|
|
13770
|
+
|
|
13763
13771
|
<div
|
|
13764
13772
|
class="top-0 z-50 flex h-full w-[380px] flex-col bg-surface-base border-outline-gray-2 shadow-[4px_0_24px_rgba(0,0,0,0.08)] transition-transform duration-300 ease-in-out"
|
|
13765
13773
|
[ngClass]="{
|
|
13766
13774
|
'absolute left-full border-r': position() === 'sidebar',
|
|
13767
13775
|
'fixed right-0 border-l': position() === 'right',
|
|
13768
13776
|
'translate-x-0': open(),
|
|
13769
|
-
'-translate-x-full
|
|
13770
|
-
'translate-x-full
|
|
13777
|
+
'-translate-x-full pointer-events-none': !open() && position() === 'sidebar',
|
|
13778
|
+
'translate-x-full pointer-events-none': !open() && position() === 'right'
|
|
13771
13779
|
}"
|
|
13772
13780
|
>
|
|
13773
13781
|
<div class="flex items-center justify-between border-b border-outline-gray-2 px-4 pt-3 pb-0">
|