orbiq-neural-ui-kit 1.2.74 → 1.2.75
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.
|
@@ -16085,6 +16085,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
16085
16085
|
}]
|
|
16086
16086
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }] } });
|
|
16087
16087
|
|
|
16088
|
+
class NeuralAuthShellComponent {
|
|
16089
|
+
title = input('', /* @ts-ignore */
|
|
16090
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
16091
|
+
subtitlePrefix = input('', /* @ts-ignore */
|
|
16092
|
+
...(ngDevMode ? [{ debugName: "subtitlePrefix" }] : /* istanbul ignore next */ []));
|
|
16093
|
+
subtitleLinkText = input('', /* @ts-ignore */
|
|
16094
|
+
...(ngDevMode ? [{ debugName: "subtitleLinkText" }] : /* istanbul ignore next */ []));
|
|
16095
|
+
subtitleLinkHref = input('#', /* @ts-ignore */
|
|
16096
|
+
...(ngDevMode ? [{ debugName: "subtitleLinkHref" }] : /* istanbul ignore next */ []));
|
|
16097
|
+
logoIcon = input('', /* @ts-ignore */
|
|
16098
|
+
...(ngDevMode ? [{ debugName: "logoIcon" }] : /* istanbul ignore next */ []));
|
|
16099
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralAuthShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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 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
|
+
<!-- Dynamic Background Gradient -->
|
|
16105
|
+
<div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
|
|
16106
|
+
|
|
16107
|
+
<div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
|
|
16108
|
+
@if (logoIcon()) {
|
|
16109
|
+
<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">
|
|
16110
|
+
<neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
|
|
16111
|
+
</div>
|
|
16112
|
+
}
|
|
16113
|
+
<h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
|
|
16114
|
+
<p class="text-lg text-ink-muted">
|
|
16115
|
+
{{ subtitlePrefix() }}
|
|
16116
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16117
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16118
|
+
}
|
|
16119
|
+
</p>
|
|
16120
|
+
</div>
|
|
16121
|
+
</div>
|
|
16122
|
+
|
|
16123
|
+
<!-- Form Side (Right) -->
|
|
16124
|
+
<div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-surface-base lg:border-l border-outline-base shadow-2xl relative z-20">
|
|
16125
|
+
<div class="mx-auto w-full max-w-sm lg:max-w-md">
|
|
16126
|
+
<!-- Mobile Header (Visible only on small screens) -->
|
|
16127
|
+
<div class="lg:hidden text-center mb-10 flex flex-col items-center">
|
|
16128
|
+
@if (logoIcon()) {
|
|
16129
|
+
<div class="size-12 mb-6 flex items-center justify-center rounded-xl bg-white dark:bg-surface-gray-8 shadow-sm border border-outline-base">
|
|
16130
|
+
<neural-icon [name]="logoIcon()" class="size-6 text-ink-base"></neural-icon>
|
|
16131
|
+
</div>
|
|
16132
|
+
}
|
|
16133
|
+
<h2 class="text-3xl font-bold tracking-tight text-ink-base">{{ title() }}</h2>
|
|
16134
|
+
<p class="mt-2 text-sm text-ink-muted">
|
|
16135
|
+
{{ subtitlePrefix() }}
|
|
16136
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16137
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16138
|
+
}
|
|
16139
|
+
</p>
|
|
16140
|
+
</div>
|
|
16141
|
+
|
|
16142
|
+
<!-- Content Projection for the form -->
|
|
16143
|
+
<ng-content></ng-content>
|
|
16144
|
+
</div>
|
|
16145
|
+
</div>
|
|
16146
|
+
</div>
|
|
16147
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NeuralIconComponent, selector: "neural-icon", inputs: ["name"] }] });
|
|
16148
|
+
}
|
|
16149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralAuthShellComponent, decorators: [{
|
|
16150
|
+
type: Component,
|
|
16151
|
+
args: [{
|
|
16152
|
+
selector: 'neural-auth-shell',
|
|
16153
|
+
standalone: true,
|
|
16154
|
+
imports: [CommonModule, NeuralIconComponent],
|
|
16155
|
+
template: `
|
|
16156
|
+
<div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
|
|
16157
|
+
<!-- Branding / Image Side (Left) -->
|
|
16158
|
+
<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">
|
|
16159
|
+
<!-- Dynamic Background Gradient -->
|
|
16160
|
+
<div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
|
|
16161
|
+
|
|
16162
|
+
<div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
|
|
16163
|
+
@if (logoIcon()) {
|
|
16164
|
+
<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">
|
|
16165
|
+
<neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
|
|
16166
|
+
</div>
|
|
16167
|
+
}
|
|
16168
|
+
<h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
|
|
16169
|
+
<p class="text-lg text-ink-muted">
|
|
16170
|
+
{{ subtitlePrefix() }}
|
|
16171
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16172
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16173
|
+
}
|
|
16174
|
+
</p>
|
|
16175
|
+
</div>
|
|
16176
|
+
</div>
|
|
16177
|
+
|
|
16178
|
+
<!-- Form Side (Right) -->
|
|
16179
|
+
<div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-surface-base lg:border-l border-outline-base shadow-2xl relative z-20">
|
|
16180
|
+
<div class="mx-auto w-full max-w-sm lg:max-w-md">
|
|
16181
|
+
<!-- Mobile Header (Visible only on small screens) -->
|
|
16182
|
+
<div class="lg:hidden text-center mb-10 flex flex-col items-center">
|
|
16183
|
+
@if (logoIcon()) {
|
|
16184
|
+
<div class="size-12 mb-6 flex items-center justify-center rounded-xl bg-white dark:bg-surface-gray-8 shadow-sm border border-outline-base">
|
|
16185
|
+
<neural-icon [name]="logoIcon()" class="size-6 text-ink-base"></neural-icon>
|
|
16186
|
+
</div>
|
|
16187
|
+
}
|
|
16188
|
+
<h2 class="text-3xl font-bold tracking-tight text-ink-base">{{ title() }}</h2>
|
|
16189
|
+
<p class="mt-2 text-sm text-ink-muted">
|
|
16190
|
+
{{ subtitlePrefix() }}
|
|
16191
|
+
@if (subtitleLinkText() && subtitleLinkHref()) {
|
|
16192
|
+
<a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
|
|
16193
|
+
}
|
|
16194
|
+
</p>
|
|
16195
|
+
</div>
|
|
16196
|
+
|
|
16197
|
+
<!-- Content Projection for the form -->
|
|
16198
|
+
<ng-content></ng-content>
|
|
16199
|
+
</div>
|
|
16200
|
+
</div>
|
|
16201
|
+
</div>
|
|
16202
|
+
`
|
|
16203
|
+
}]
|
|
16204
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitlePrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitlePrefix", required: false }] }], subtitleLinkText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitleLinkText", required: false }] }], subtitleLinkHref: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitleLinkHref", required: false }] }], logoIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoIcon", required: false }] }] } });
|
|
16205
|
+
|
|
16088
16206
|
/*
|
|
16089
16207
|
* Public API Surface of neural-ui-kit
|
|
16090
16208
|
*/
|
|
@@ -16094,5 +16212,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
16094
16212
|
* Generated bundle index. Do not edit.
|
|
16095
16213
|
*/
|
|
16096
16214
|
|
|
16097
|
-
export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAppLauncherComponent, NeuralAvatarComponent, NeuralAwesomeBarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDataTableComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDrawerComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralEntityFormComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralKeyboardShortcutsDialogComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNotificationCenterComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSearchTriggerComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarFooterComponent, NeuralSidebarHeaderComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSubGridComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
|
|
16215
|
+
export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAppLauncherComponent, NeuralAuthShellComponent, NeuralAvatarComponent, NeuralAwesomeBarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDataTableComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDrawerComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralEntityFormComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralKeyboardShortcutsDialogComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNotificationCenterComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSearchTriggerComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarFooterComponent, NeuralSidebarHeaderComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSubGridComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
|
|
16098
16216
|
//# sourceMappingURL=orbiq-neural-ui-kit.mjs.map
|