orbiq-neural-ui-kit 0.0.6 → 0.0.8
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.
|
@@ -6,11 +6,11 @@ import * as i1$1 from '@angular/cdk/overlay';
|
|
|
6
6
|
import { OverlayConfig, ConnectionPositionPair, OverlayModule, Overlay } from '@angular/cdk/overlay';
|
|
7
7
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
8
8
|
import { Subject, takeUntil, filter } from 'rxjs';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i2 from '@angular/router';
|
|
10
10
|
import { RouterModule, Router } from '@angular/router';
|
|
11
|
-
import * as i1$
|
|
11
|
+
import * as i1$2 from '@angular/cdk/dialog';
|
|
12
12
|
import { DialogModule } from '@angular/cdk/dialog';
|
|
13
|
-
import * as i1$
|
|
13
|
+
import * as i1$3 from '@angular/forms';
|
|
14
14
|
import { FormsModule } from '@angular/forms';
|
|
15
15
|
import { init } from 'echarts';
|
|
16
16
|
import dayjs from 'dayjs';
|
|
@@ -1844,6 +1844,8 @@ class NeuralDropdownComponent {
|
|
|
1844
1844
|
hasTriggerSlot = input(false, /* @ts-ignore */
|
|
1845
1845
|
...(ngDevMode ? [{ debugName: "hasTriggerSlot" }] : /* istanbul ignore next */ []));
|
|
1846
1846
|
handleItemClick(option, event, popover) {
|
|
1847
|
+
if ('separator' in option)
|
|
1848
|
+
return;
|
|
1847
1849
|
if (option.disabled)
|
|
1848
1850
|
return;
|
|
1849
1851
|
if (option.onClick) {
|
|
@@ -1863,10 +1865,45 @@ class NeuralDropdownComponent {
|
|
|
1863
1865
|
|
|
1864
1866
|
<ng-template neuralPopoverContent let-popover>
|
|
1865
1867
|
<neural-popover-panel class="flex flex-col min-w-[200px] p-1">
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
+
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: options(), popover: popover }"></ng-container>
|
|
1869
|
+
</neural-popover-panel>
|
|
1870
|
+
</ng-template>
|
|
1871
|
+
</neural-popover>
|
|
1872
|
+
|
|
1873
|
+
<ng-template #menuList let-items let-popover="popover">
|
|
1874
|
+
@if (items.length === 0) {
|
|
1875
|
+
<div class="p-2 text-sm text-ink-gray-5">No options</div>
|
|
1876
|
+
} @else {
|
|
1877
|
+
@for (option of items; track $index) {
|
|
1878
|
+
@if ('separator' in option) {
|
|
1879
|
+
<div class="h-px bg-outline-gray-2 my-1 mx-1"></div>
|
|
1868
1880
|
} @else {
|
|
1869
|
-
@
|
|
1881
|
+
@if (option.children && option.children.length > 0) {
|
|
1882
|
+
<!-- Cascading Sub-menu (Hover trigger via CSS) -->
|
|
1883
|
+
<div class="relative group">
|
|
1884
|
+
<button
|
|
1885
|
+
class="flex items-center justify-between w-full gap-2 px-2 py-1.5 text-sm rounded-4 text-ink-gray-9 hover:bg-surface-gray-2 cursor-pointer transition-colors text-left"
|
|
1886
|
+
[disabled]="option.disabled"
|
|
1887
|
+
[class.opacity-50]="option.disabled"
|
|
1888
|
+
[class.cursor-not-allowed]="option.disabled"
|
|
1889
|
+
>
|
|
1890
|
+
<div class="flex items-center gap-2">
|
|
1891
|
+
@if (option.icon) {
|
|
1892
|
+
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
1893
|
+
}
|
|
1894
|
+
{{ option.label }}
|
|
1895
|
+
</div>
|
|
1896
|
+
<i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
|
|
1897
|
+
</button>
|
|
1898
|
+
|
|
1899
|
+
<!-- Nested Panel -->
|
|
1900
|
+
<div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
|
|
1901
|
+
<neural-popover-panel class="flex flex-col min-w-[180px] p-1 shadow-lg border border-outline-gray-2">
|
|
1902
|
+
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
|
|
1903
|
+
</neural-popover-panel>
|
|
1904
|
+
</div>
|
|
1905
|
+
</div>
|
|
1906
|
+
} @else {
|
|
1870
1907
|
@if (option.route) {
|
|
1871
1908
|
<a
|
|
1872
1909
|
[routerLink]="option.route"
|
|
@@ -1896,10 +1933,10 @@ class NeuralDropdownComponent {
|
|
|
1896
1933
|
}
|
|
1897
1934
|
}
|
|
1898
1935
|
}
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
</
|
|
1902
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
1936
|
+
}
|
|
1937
|
+
}
|
|
1938
|
+
</ng-template>
|
|
1939
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralPopoverComponent, selector: "neural-popover", inputs: ["side", "align", "offset", "bare"], outputs: ["openChange"] }, { kind: "directive", type: NeuralPopoverTriggerDirective, selector: "[neuralPopoverTrigger]" }, { kind: "directive", type: NeuralPopoverContentDirective, selector: "[neuralPopoverContent]" }, { kind: "component", type: NeuralPopoverPanelComponent, selector: "neural-popover-panel" }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }] });
|
|
1903
1940
|
}
|
|
1904
1941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDropdownComponent, decorators: [{
|
|
1905
1942
|
type: Component,
|
|
@@ -1918,10 +1955,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
1918
1955
|
|
|
1919
1956
|
<ng-template neuralPopoverContent let-popover>
|
|
1920
1957
|
<neural-popover-panel class="flex flex-col min-w-[200px] p-1">
|
|
1921
|
-
|
|
1922
|
-
|
|
1958
|
+
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: options(), popover: popover }"></ng-container>
|
|
1959
|
+
</neural-popover-panel>
|
|
1960
|
+
</ng-template>
|
|
1961
|
+
</neural-popover>
|
|
1962
|
+
|
|
1963
|
+
<ng-template #menuList let-items let-popover="popover">
|
|
1964
|
+
@if (items.length === 0) {
|
|
1965
|
+
<div class="p-2 text-sm text-ink-gray-5">No options</div>
|
|
1966
|
+
} @else {
|
|
1967
|
+
@for (option of items; track $index) {
|
|
1968
|
+
@if ('separator' in option) {
|
|
1969
|
+
<div class="h-px bg-outline-gray-2 my-1 mx-1"></div>
|
|
1923
1970
|
} @else {
|
|
1924
|
-
@
|
|
1971
|
+
@if (option.children && option.children.length > 0) {
|
|
1972
|
+
<!-- Cascading Sub-menu (Hover trigger via CSS) -->
|
|
1973
|
+
<div class="relative group">
|
|
1974
|
+
<button
|
|
1975
|
+
class="flex items-center justify-between w-full gap-2 px-2 py-1.5 text-sm rounded-4 text-ink-gray-9 hover:bg-surface-gray-2 cursor-pointer transition-colors text-left"
|
|
1976
|
+
[disabled]="option.disabled"
|
|
1977
|
+
[class.opacity-50]="option.disabled"
|
|
1978
|
+
[class.cursor-not-allowed]="option.disabled"
|
|
1979
|
+
>
|
|
1980
|
+
<div class="flex items-center gap-2">
|
|
1981
|
+
@if (option.icon) {
|
|
1982
|
+
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
1983
|
+
}
|
|
1984
|
+
{{ option.label }}
|
|
1985
|
+
</div>
|
|
1986
|
+
<i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
|
|
1987
|
+
</button>
|
|
1988
|
+
|
|
1989
|
+
<!-- Nested Panel -->
|
|
1990
|
+
<div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
|
|
1991
|
+
<neural-popover-panel class="flex flex-col min-w-[180px] p-1 shadow-lg border border-outline-gray-2">
|
|
1992
|
+
<ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
|
|
1993
|
+
</neural-popover-panel>
|
|
1994
|
+
</div>
|
|
1995
|
+
</div>
|
|
1996
|
+
} @else {
|
|
1925
1997
|
@if (option.route) {
|
|
1926
1998
|
<a
|
|
1927
1999
|
[routerLink]="option.route"
|
|
@@ -1951,9 +2023,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
1951
2023
|
}
|
|
1952
2024
|
}
|
|
1953
2025
|
}
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
</
|
|
2026
|
+
}
|
|
2027
|
+
}
|
|
2028
|
+
</ng-template>
|
|
1957
2029
|
`
|
|
1958
2030
|
}]
|
|
1959
2031
|
}], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], hasTriggerSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTriggerSlot", required: false }] }] } });
|
|
@@ -2031,7 +2103,7 @@ class NeuralBreadcrumbsComponent {
|
|
|
2031
2103
|
item.onClick(event);
|
|
2032
2104
|
}
|
|
2033
2105
|
}
|
|
2034
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBreadcrumbsComponent, deps: [{ token:
|
|
2106
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBreadcrumbsComponent, deps: [{ token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
2035
2107
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralBreadcrumbsComponent, isStandalone: true, selector: "neural-breadcrumbs", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "crumbsRef", first: true, predicate: ["crumbsRef"], descendants: true }], ngImport: i0, template: `
|
|
2036
2108
|
<div class="flex min-w-0 items-center" #crumbsRef>
|
|
2037
2109
|
@if (overflowedX() && items().length > 2) {
|
|
@@ -2091,7 +2163,7 @@ class NeuralBreadcrumbsComponent {
|
|
|
2091
2163
|
}
|
|
2092
2164
|
</div>
|
|
2093
2165
|
</div>
|
|
2094
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
2166
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }] });
|
|
2095
2167
|
}
|
|
2096
2168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBreadcrumbsComponent, decorators: [{
|
|
2097
2169
|
type: Component,
|
|
@@ -2160,7 +2232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
2160
2232
|
</div>
|
|
2161
2233
|
`
|
|
2162
2234
|
}]
|
|
2163
|
-
}], ctorParameters: () => [{ type:
|
|
2235
|
+
}], ctorParameters: () => [{ type: i2.Router }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], crumbsRef: [{
|
|
2164
2236
|
type: ViewChild,
|
|
2165
2237
|
args: ['crumbsRef']
|
|
2166
2238
|
}], onResize: [{
|
|
@@ -2217,7 +2289,7 @@ class NeuralBottomSheetComponent {
|
|
|
2217
2289
|
ngOnDestroy() {
|
|
2218
2290
|
this.closeSheet();
|
|
2219
2291
|
}
|
|
2220
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBottomSheetComponent, deps: [{ token: i1$
|
|
2292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBottomSheetComponent, deps: [{ token: i1$2.Dialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
2221
2293
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralBottomSheetComponent, isStandalone: true, selector: "neural-bottom-sheet", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "sheetTemplate", first: true, predicate: ["sheetTemplate"], descendants: true }], ngImport: i0, template: `
|
|
2222
2294
|
<!-- We don't render the trigger directly here if we want to use it as a wrapper,
|
|
2223
2295
|
but typically bottom sheets are opened programmatically or via a button -->
|
|
@@ -2273,7 +2345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
2273
2345
|
</div>
|
|
2274
2346
|
</ng-template>
|
|
2275
2347
|
`, styles: ["@keyframes bottom-sheet-content-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottom-sheet-content-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bottom-sheet-content[data-state=open]:not([data-dragged]){animation:bottom-sheet-content-in .3s cubic-bezier(.32,.72,0,1)}.bottom-sheet-content[data-state=closed]{animation:bottom-sheet-content-out .2s ease-in}\n"] }]
|
|
2276
|
-
}], ctorParameters: () => [{ type: i1$
|
|
2348
|
+
}], ctorParameters: () => [{ type: i1$2.Dialog }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], openChange: [{
|
|
2277
2349
|
type: Output
|
|
2278
2350
|
}], sheetTemplate: [{
|
|
2279
2351
|
type: ViewChild,
|
|
@@ -4357,7 +4429,7 @@ class NeuralDialogComponent {
|
|
|
4357
4429
|
this.internalActionsState[action.label] = false;
|
|
4358
4430
|
}
|
|
4359
4431
|
}
|
|
4360
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDialogComponent, deps: [{ token: i1$
|
|
4432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDialogComponent, deps: [{ token: i1$2.Dialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
4361
4433
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDialogComponent, isStandalone: true, selector: "neural-dialog", inputs: { openModel: { classPropertyName: "openModel", publicName: "openModel", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, paddingTop: { classPropertyName: "paddingTop", publicName: "paddingTop", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, bare: { classPropertyName: "bare", publicName: "bare", isSignal: true, isRequired: false, transformFunction: null }, hasTitleSlot: { classPropertyName: "hasTitleSlot", publicName: "hasTitleSlot", isSignal: true, isRequired: false, transformFunction: null }, hasActionsSlot: { classPropertyName: "hasActionsSlot", publicName: "hasActionsSlot", isSignal: true, isRequired: false, transformFunction: null }, hasDefaultSlot: { classPropertyName: "hasDefaultSlot", publicName: "hasDefaultSlot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openModel: "openModelChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: `
|
|
4362
4434
|
<ng-template #dialogTemplate>
|
|
4363
4435
|
<div
|
|
@@ -4570,7 +4642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4570
4642
|
</ng-template>
|
|
4571
4643
|
`
|
|
4572
4644
|
}]
|
|
4573
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4645
|
+
}], ctorParameters: () => [{ type: i1$2.Dialog }], propDecorators: { openModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "openModel", required: false }] }, { type: i0.Output, args: ["openModelChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], paddingTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingTop", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], hasTitleSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTitleSlot", required: false }] }], hasActionsSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActionsSlot", required: false }] }], hasDefaultSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultSlot", required: false }] }], dialogTemplate: [{
|
|
4574
4646
|
type: ViewChild,
|
|
4575
4647
|
args: ['dialogTemplate']
|
|
4576
4648
|
}] } });
|
|
@@ -5443,7 +5515,7 @@ class NeuralSliderComponent {
|
|
|
5443
5515
|
<neural-input-error [id]="errorMessageId()" [lines]="[errorMessage()]"></neural-input-error>
|
|
5444
5516
|
}
|
|
5445
5517
|
</neural-labeling-wrapper>
|
|
5446
|
-
`, isInline: true, styles: [".neural-range-input{-webkit-appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,var(--surface-gray-10, #1f2937) var(--slider-fill),var(--surface-gray-3, #e5e7eb) var(--slider-fill))}.neural-range-input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;transition:box-shadow .2s ease-out}.neural-range-input:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #4b556333}.neural-range-input:disabled::-webkit-slider-thumb{box-shadow:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$
|
|
5518
|
+
`, isInline: true, styles: [".neural-range-input{-webkit-appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,var(--surface-gray-10, #1f2937) var(--slider-fill),var(--surface-gray-3, #e5e7eb) var(--slider-fill))}.neural-range-input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;transition:box-shadow .2s ease-out}.neural-range-input:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #4b556333}.neural-range-input:disabled::-webkit-slider-thumb{box-shadow:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.RangeValueAccessor, selector: "input[type=range]:not([ngNoCva])[formControlName],input[type=range]:not([ngNoCva])[formControl],input[type=range]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralLabelingWrapperComponent, selector: "neural-labeling-wrapper", inputs: ["enabled"] }, { kind: "component", type: NeuralInputLabelComponent, selector: "neural-input-label", inputs: ["id", "forId", "label", "required", "color", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputDescriptionComponent, selector: "neural-input-description", inputs: ["id", "description", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputErrorComponent, selector: "neural-input-error", inputs: ["id", "lines"] }] });
|
|
5447
5519
|
}
|
|
5448
5520
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSliderComponent, decorators: [{
|
|
5449
5521
|
type: Component,
|
|
@@ -6073,7 +6145,7 @@ class NeuralSidebarItemComponent {
|
|
|
6073
6145
|
}
|
|
6074
6146
|
</div>
|
|
6075
6147
|
</ng-template>
|
|
6076
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => NeuralSidebarItemComponent), selector: "neural-sidebar-item", inputs: ["label", "icon", "to", "active", "suffix", "children", "hasPrefixSlot", "hasDefaultSlot", "hasSuffixSlot"] }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(() => RouterModule) }, { kind: "directive", type: i0.forwardRef(() =>
|
|
6148
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => NeuralSidebarItemComponent), selector: "neural-sidebar-item", inputs: ["label", "icon", "to", "active", "suffix", "children", "hasPrefixSlot", "hasDefaultSlot", "hasSuffixSlot"] }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(() => RouterModule) }, { kind: "directive", type: i0.forwardRef(() => i2.RouterLink), selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i0.forwardRef(() => i2.RouterLinkActive), selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
6077
6149
|
}
|
|
6078
6150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarItemComponent, decorators: [{
|
|
6079
6151
|
type: Component,
|
|
@@ -6699,7 +6771,7 @@ class NeuralComboboxComponent {
|
|
|
6699
6771
|
<neural-input-error [id]="errorMessageId()" [lines]="[errorMessage()]"></neural-input-error>
|
|
6700
6772
|
}
|
|
6701
6773
|
</neural-labeling-wrapper>
|
|
6702
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$
|
|
6774
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: NeuralLabelingWrapperComponent, selector: "neural-labeling-wrapper", inputs: ["enabled"] }, { kind: "component", type: NeuralInputLabelComponent, selector: "neural-input-label", inputs: ["id", "forId", "label", "required", "color", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputDescriptionComponent, selector: "neural-input-description", inputs: ["id", "description", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputErrorComponent, selector: "neural-input-error", inputs: ["id", "lines"] }] });
|
|
6703
6775
|
}
|
|
6704
6776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralComboboxComponent, decorators: [{
|
|
6705
6777
|
type: Component,
|
|
@@ -7160,7 +7232,7 @@ class NeuralMultiSelectComponent {
|
|
|
7160
7232
|
<neural-input-error [id]="errorMessageId()" [lines]="[errorMessage()]"></neural-input-error>
|
|
7161
7233
|
}
|
|
7162
7234
|
</neural-labeling-wrapper>
|
|
7163
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$
|
|
7235
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: NeuralLabelingWrapperComponent, selector: "neural-labeling-wrapper", inputs: ["enabled"] }, { kind: "component", type: NeuralInputLabelComponent, selector: "neural-input-label", inputs: ["id", "forId", "label", "required", "color", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputDescriptionComponent, selector: "neural-input-description", inputs: ["id", "description", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputErrorComponent, selector: "neural-input-error", inputs: ["id", "lines"] }] });
|
|
7164
7236
|
}
|
|
7165
7237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralMultiSelectComponent, decorators: [{
|
|
7166
7238
|
type: Component,
|
|
@@ -7848,7 +7920,7 @@ class NeuralDatePickerComponent {
|
|
|
7848
7920
|
<neural-input-error [id]="errorMessageId()" [lines]="[errorMessage()]"></neural-input-error>
|
|
7849
7921
|
}
|
|
7850
7922
|
</neural-labeling-wrapper>
|
|
7851
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$
|
|
7923
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralLabelingWrapperComponent, selector: "neural-labeling-wrapper", inputs: ["enabled"] }, { kind: "component", type: NeuralInputLabelComponent, selector: "neural-input-label", inputs: ["id", "forId", "label", "required", "color", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputDescriptionComponent, selector: "neural-input-description", inputs: ["id", "description", "disabled", "hasDefaultSlot"] }, { kind: "component", type: NeuralInputErrorComponent, selector: "neural-input-error", inputs: ["id", "lines"] }] });
|
|
7852
7924
|
}
|
|
7853
7925
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDatePickerComponent, decorators: [{
|
|
7854
7926
|
type: Component,
|
|
@@ -8730,7 +8802,7 @@ class NeuralMobileNavItemComponent {
|
|
|
8730
8802
|
{{ label() }}
|
|
8731
8803
|
</span>
|
|
8732
8804
|
</ng-template>
|
|
8733
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
8805
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralIconComponent, selector: "neural-icon", inputs: ["name"] }] });
|
|
8734
8806
|
}
|
|
8735
8807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralMobileNavItemComponent, decorators: [{
|
|
8736
8808
|
type: Component,
|
|
@@ -9054,7 +9126,7 @@ class NeuralRailItemComponent {
|
|
|
9054
9126
|
}
|
|
9055
9127
|
}
|
|
9056
9128
|
</ng-template>
|
|
9057
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
9129
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralIconComponent, selector: "neural-icon", inputs: ["name"] }, { kind: "component", type: NeuralTooltipComponent, selector: "neural-tooltip", inputs: ["text", "side", "offset", "hoverDelay", "bare", "disabled", "hasContentSlot"] }] });
|
|
9058
9130
|
}
|
|
9059
9131
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralRailItemComponent, decorators: [{
|
|
9060
9132
|
type: Component,
|
|
@@ -12821,7 +12893,7 @@ class NeuralMultiEmailInputComponent {
|
|
|
12821
12893
|
}
|
|
12822
12894
|
}
|
|
12823
12895
|
</div>
|
|
12824
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$
|
|
12896
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralAvatarComponent, selector: "neural-avatar", inputs: ["image", "label", "size", "shape", "theme", "hasDefaultSlot", "hasIndicatorSlot"] }, { kind: "component", type: NeuralLoadingIndicatorComponent, selector: "neural-loading-indicator", inputs: ["scale"] }] });
|
|
12825
12897
|
}
|
|
12826
12898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralMultiEmailInputComponent, decorators: [{
|
|
12827
12899
|
type: Component,
|