orbiq-neural-ui-kit 1.2.76 → 1.2.77
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.
|
@@ -16098,23 +16098,48 @@ class NeuralAuthShellComponent {
|
|
|
16098
16098
|
...(ngDevMode ? [{ debugName: "logoIcon" }] : /* istanbul ignore next */ []));
|
|
16099
16099
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralAuthShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16100
16100
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralAuthShellComponent, isStandalone: true, selector: "neural-auth-shell", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitlePrefix: { classPropertyName: "subtitlePrefix", publicName: "subtitlePrefix", isSignal: true, isRequired: false, transformFunction: null }, subtitleLinkText: { classPropertyName: "subtitleLinkText", publicName: "subtitleLinkText", isSignal: true, isRequired: false, transformFunction: null }, subtitleLinkHref: { classPropertyName: "subtitleLinkHref", publicName: "subtitleLinkHref", isSignal: true, isRequired: false, transformFunction: null }, logoIcon: { classPropertyName: "logoIcon", publicName: "logoIcon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
16101
|
-
<div data-slot="auth-shell" class="min-h-screen flex
|
|
16102
|
-
|
|
16103
|
-
|
|
16104
|
-
|
|
16105
|
-
|
|
16106
|
-
|
|
16107
|
-
|
|
16108
|
-
|
|
16109
|
-
|
|
16110
|
-
<p class="text-base text-ink-muted mb-8">
|
|
16111
|
-
{{ subtitlePrefix() }}
|
|
16112
|
-
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16113
|
-
<a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
|
|
16101
|
+
<div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
|
|
16102
|
+
<!-- Branding / Image Side (Left) -->
|
|
16103
|
+
<div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-surface-gray-2 dark:bg-surface-gray-8 items-center justify-center overflow-hidden">
|
|
16104
|
+
<div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
|
|
16105
|
+
<div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
|
|
16106
|
+
@if (logoIcon()) {
|
|
16107
|
+
<div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-black/20 backdrop-blur-md shadow-sm border border-white/40 dark:border-white/10">
|
|
16108
|
+
<neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
|
|
16109
|
+
</div>
|
|
16114
16110
|
}
|
|
16115
|
-
|
|
16116
|
-
|
|
16117
|
-
|
|
16111
|
+
<h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
|
|
16112
|
+
<p class="text-lg text-ink-muted">
|
|
16113
|
+
{{ subtitlePrefix() }}
|
|
16114
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16115
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16116
|
+
}
|
|
16117
|
+
</p>
|
|
16118
|
+
</div>
|
|
16119
|
+
</div>
|
|
16120
|
+
|
|
16121
|
+
<!-- Form Side (Right) -->
|
|
16122
|
+
<div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-white dark:bg-surface-gray-8 lg:border-l border-outline-base shadow-2xl relative z-20">
|
|
16123
|
+
<div class="mx-auto w-full max-w-[400px]">
|
|
16124
|
+
<!-- Mobile & Desktop Header for Form -->
|
|
16125
|
+
<div class="mb-8 flex flex-col items-start">
|
|
16126
|
+
@if (logoIcon()) {
|
|
16127
|
+
<div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
|
|
16128
|
+
<neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
|
|
16129
|
+
</div>
|
|
16130
|
+
}
|
|
16131
|
+
<h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
|
|
16132
|
+
<p class="text-base text-ink-muted">
|
|
16133
|
+
{{ subtitlePrefix() }}
|
|
16134
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16135
|
+
<a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
|
|
16136
|
+
}
|
|
16137
|
+
</p>
|
|
16138
|
+
</div>
|
|
16139
|
+
|
|
16140
|
+
<!-- Content Projection for the form -->
|
|
16141
|
+
<ng-content></ng-content>
|
|
16142
|
+
</div>
|
|
16118
16143
|
</div>
|
|
16119
16144
|
</div>
|
|
16120
16145
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NeuralIconComponent, selector: "neural-icon", inputs: ["name"] }] });
|
|
@@ -16126,23 +16151,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
16126
16151
|
standalone: true,
|
|
16127
16152
|
imports: [CommonModule, NeuralIconComponent],
|
|
16128
16153
|
template: `
|
|
16129
|
-
<div data-slot="auth-shell" class="min-h-screen flex
|
|
16130
|
-
|
|
16131
|
-
|
|
16132
|
-
|
|
16133
|
-
|
|
16134
|
-
|
|
16135
|
-
|
|
16136
|
-
|
|
16137
|
-
|
|
16138
|
-
<p class="text-base text-ink-muted mb-8">
|
|
16139
|
-
{{ subtitlePrefix() }}
|
|
16140
|
-
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16141
|
-
<a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
|
|
16154
|
+
<div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
|
|
16155
|
+
<!-- Branding / Image Side (Left) -->
|
|
16156
|
+
<div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-surface-gray-2 dark:bg-surface-gray-8 items-center justify-center overflow-hidden">
|
|
16157
|
+
<div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
|
|
16158
|
+
<div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
|
|
16159
|
+
@if (logoIcon()) {
|
|
16160
|
+
<div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-black/20 backdrop-blur-md shadow-sm border border-white/40 dark:border-white/10">
|
|
16161
|
+
<neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
|
|
16162
|
+
</div>
|
|
16142
16163
|
}
|
|
16143
|
-
|
|
16144
|
-
|
|
16145
|
-
|
|
16164
|
+
<h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
|
|
16165
|
+
<p class="text-lg text-ink-muted">
|
|
16166
|
+
{{ subtitlePrefix() }}
|
|
16167
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16168
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16169
|
+
}
|
|
16170
|
+
</p>
|
|
16171
|
+
</div>
|
|
16172
|
+
</div>
|
|
16173
|
+
|
|
16174
|
+
<!-- Form Side (Right) -->
|
|
16175
|
+
<div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-white dark:bg-surface-gray-8 lg:border-l border-outline-base shadow-2xl relative z-20">
|
|
16176
|
+
<div class="mx-auto w-full max-w-[400px]">
|
|
16177
|
+
<!-- Mobile & Desktop Header for Form -->
|
|
16178
|
+
<div class="mb-8 flex flex-col items-start">
|
|
16179
|
+
@if (logoIcon()) {
|
|
16180
|
+
<div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
|
|
16181
|
+
<neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
|
|
16182
|
+
</div>
|
|
16183
|
+
}
|
|
16184
|
+
<h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
|
|
16185
|
+
<p class="text-base text-ink-muted">
|
|
16186
|
+
{{ subtitlePrefix() }}
|
|
16187
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16188
|
+
<a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
|
|
16189
|
+
}
|
|
16190
|
+
</p>
|
|
16191
|
+
</div>
|
|
16192
|
+
|
|
16193
|
+
<!-- Content Projection for the form -->
|
|
16194
|
+
<ng-content></ng-content>
|
|
16195
|
+
</div>
|
|
16146
16196
|
</div>
|
|
16147
16197
|
</div>
|
|
16148
16198
|
`
|