orbiq-neural-ui-kit 1.2.37 → 1.2.39
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.
|
@@ -4552,6 +4552,8 @@ class NeuralDropdownComponent {
|
|
|
4552
4552
|
...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
|
|
4553
4553
|
buttonLabel = input('Options', /* @ts-ignore */
|
|
4554
4554
|
...(ngDevMode ? [{ debugName: "buttonLabel" }] : /* istanbul ignore next */ []));
|
|
4555
|
+
triggerClass = input('inline-block', /* @ts-ignore */
|
|
4556
|
+
...(ngDevMode ? [{ debugName: "triggerClass" }] : /* istanbul ignore next */ []));
|
|
4555
4557
|
hasTriggerSlot = input(false, /* @ts-ignore */
|
|
4556
4558
|
...(ngDevMode ? [{ debugName: "hasTriggerSlot" }] : /* istanbul ignore next */ []));
|
|
4557
4559
|
handleItemClick(option, event, popover) {
|
|
@@ -4565,9 +4567,9 @@ class NeuralDropdownComponent {
|
|
|
4565
4567
|
popover.close();
|
|
4566
4568
|
}
|
|
4567
4569
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4568
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDropdownComponent, isStandalone: true, selector: "neural-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, hasTriggerSlot: { classPropertyName: "hasTriggerSlot", publicName: "hasTriggerSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4570
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDropdownComponent, isStandalone: true, selector: "neural-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, triggerClass: { classPropertyName: "triggerClass", publicName: "triggerClass", isSignal: true, isRequired: false, transformFunction: null }, hasTriggerSlot: { classPropertyName: "hasTriggerSlot", publicName: "hasTriggerSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4569
4571
|
<neural-popover [side]="side()" [align]="align()" [offset]="offset()">
|
|
4570
|
-
<div neuralPopoverTrigger class="
|
|
4572
|
+
<div neuralPopoverTrigger [class]="triggerClass()">
|
|
4571
4573
|
<ng-content select="[trigger]"></ng-content>
|
|
4572
4574
|
@if (!hasTriggerSlot()) {
|
|
4573
4575
|
<neural-button>{{ buttonLabel() }}</neural-button>
|
|
@@ -4627,6 +4629,9 @@ class NeuralDropdownComponent {
|
|
|
4627
4629
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4628
4630
|
}
|
|
4629
4631
|
{{ option.label }}
|
|
4632
|
+
@if (option.shortcut) {
|
|
4633
|
+
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
4634
|
+
}
|
|
4630
4635
|
</a>
|
|
4631
4636
|
} @else {
|
|
4632
4637
|
<button
|
|
@@ -4640,6 +4645,9 @@ class NeuralDropdownComponent {
|
|
|
4640
4645
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4641
4646
|
}
|
|
4642
4647
|
{{ option.label }}
|
|
4648
|
+
@if (option.shortcut) {
|
|
4649
|
+
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
4650
|
+
}
|
|
4643
4651
|
</button>
|
|
4644
4652
|
}
|
|
4645
4653
|
}
|
|
@@ -4657,7 +4665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4657
4665
|
imports: [CommonModule, RouterModule, NeuralPopoverComponent, NeuralPopoverTriggerDirective, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralButtonComponent],
|
|
4658
4666
|
template: `
|
|
4659
4667
|
<neural-popover [side]="side()" [align]="align()" [offset]="offset()">
|
|
4660
|
-
<div neuralPopoverTrigger class="
|
|
4668
|
+
<div neuralPopoverTrigger [class]="triggerClass()">
|
|
4661
4669
|
<ng-content select="[trigger]"></ng-content>
|
|
4662
4670
|
@if (!hasTriggerSlot()) {
|
|
4663
4671
|
<neural-button>{{ buttonLabel() }}</neural-button>
|
|
@@ -4717,6 +4725,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4717
4725
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4718
4726
|
}
|
|
4719
4727
|
{{ option.label }}
|
|
4728
|
+
@if (option.shortcut) {
|
|
4729
|
+
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
4730
|
+
}
|
|
4720
4731
|
</a>
|
|
4721
4732
|
} @else {
|
|
4722
4733
|
<button
|
|
@@ -4730,6 +4741,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4730
4741
|
<i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
|
|
4731
4742
|
}
|
|
4732
4743
|
{{ option.label }}
|
|
4744
|
+
@if (option.shortcut) {
|
|
4745
|
+
<span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
|
|
4746
|
+
}
|
|
4733
4747
|
</button>
|
|
4734
4748
|
}
|
|
4735
4749
|
}
|
|
@@ -4739,7 +4753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
4739
4753
|
</ng-template>
|
|
4740
4754
|
`
|
|
4741
4755
|
}]
|
|
4742
|
-
}], 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 }] }] } });
|
|
4756
|
+
}], 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 }] }], triggerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerClass", required: false }] }], hasTriggerSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTriggerSlot", required: false }] }] } });
|
|
4743
4757
|
|
|
4744
4758
|
class NeuralBreadcrumbsComponent {
|
|
4745
4759
|
router;
|
|
@@ -4874,7 +4888,7 @@ class NeuralBreadcrumbsComponent {
|
|
|
4874
4888
|
}
|
|
4875
4889
|
</div>
|
|
4876
4890
|
</div>
|
|
4877
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.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", "shape"], outputs: ["clicked"] }] });
|
|
4891
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.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", "triggerClass", "hasTriggerSlot"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly", "shape"], outputs: ["clicked"] }] });
|
|
4878
4892
|
}
|
|
4879
4893
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralBreadcrumbsComponent, decorators: [{
|
|
4880
4894
|
type: Component,
|
|
@@ -8786,7 +8800,7 @@ class NeuralAwesomeBarComponent {
|
|
|
8786
8800
|
|
|
8787
8801
|
</div>
|
|
8788
8802
|
</neural-dialog>
|
|
8789
|
-
`, isInline: true, styles: [".no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }] });
|
|
8803
|
+
`, isInline: true, styles: [".no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "triggerClass", "hasTriggerSlot"] }] });
|
|
8790
8804
|
}
|
|
8791
8805
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralAwesomeBarComponent, decorators: [{
|
|
8792
8806
|
type: Component,
|
|
@@ -13008,7 +13022,7 @@ class NeuralDataTableComponent {
|
|
|
13008
13022
|
</div>
|
|
13009
13023
|
</neural-dialog>
|
|
13010
13024
|
</div>
|
|
13011
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly", "shape"], outputs: ["clicked"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralSwitchComponent, selector: "neural-switch", inputs: ["valueModel", "size", "padded", "disabled", "required", "controlPosition", "icon", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["valueModelChange"] }, { kind: "component", type: NeuralCheckboxComponent, selector: "neural-checkbox", inputs: ["checkedModel", "size", "padded", "indeterminate", "disabled", "required", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["checkedModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }] });
|
|
13025
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly", "shape"], outputs: ["clicked"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralSwitchComponent, selector: "neural-switch", inputs: ["valueModel", "size", "padded", "disabled", "required", "controlPosition", "icon", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["valueModelChange"] }, { kind: "component", type: NeuralCheckboxComponent, selector: "neural-checkbox", inputs: ["checkedModel", "size", "padded", "indeterminate", "disabled", "required", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["checkedModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "triggerClass", "hasTriggerSlot"] }] });
|
|
13012
13026
|
}
|
|
13013
13027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, decorators: [{
|
|
13014
13028
|
type: Component,
|
|
@@ -14642,6 +14656,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
14642
14656
|
}]
|
|
14643
14657
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }], hasPrefixSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPrefixSlot", required: false }] }], hasDefaultSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultSlot", required: false }] }], hasSuffixSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSuffixSlot", required: false }] }] } });
|
|
14644
14658
|
|
|
14659
|
+
class NeuralSidebarHeaderComponent {
|
|
14660
|
+
title = input.required(/* @ts-ignore */
|
|
14661
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
14662
|
+
subtitle = input('', /* @ts-ignore */
|
|
14663
|
+
...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
|
|
14664
|
+
appIcon = input.required(/* @ts-ignore */
|
|
14665
|
+
...(ngDevMode ? [{ debugName: "appIcon" }] : /* istanbul ignore next */ []));
|
|
14666
|
+
iconClass = input('bg-blue-500 text-white', /* @ts-ignore */
|
|
14667
|
+
...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
|
|
14668
|
+
menuOptions = input([], /* @ts-ignore */
|
|
14669
|
+
...(ngDevMode ? [{ debugName: "menuOptions" }] : /* istanbul ignore next */ []));
|
|
14670
|
+
sidebar = inject(NeuralSidebarComponent, { optional: true });
|
|
14671
|
+
isCollapsed = computed(() => {
|
|
14672
|
+
return this.sidebar ? this.sidebar.shouldCollapse() : false;
|
|
14673
|
+
}, /* @ts-ignore */
|
|
14674
|
+
...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
|
|
14675
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14676
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralSidebarHeaderComponent, isStandalone: true, selector: "neural-sidebar-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, appIcon: { classPropertyName: "appIcon", publicName: "appIcon", isSignal: true, isRequired: true, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, menuOptions: { classPropertyName: "menuOptions", publicName: "menuOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
14677
|
+
<neural-dropdown [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" triggerClass="block w-full px-2">
|
|
14678
|
+
<div trigger
|
|
14679
|
+
class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
|
|
14680
|
+
[class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full'"
|
|
14681
|
+
[attr.aria-label]="title()"
|
|
14682
|
+
[title]="isCollapsed() ? title() : null"
|
|
14683
|
+
>
|
|
14684
|
+
<!-- App Icon -->
|
|
14685
|
+
<div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
|
|
14686
|
+
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14687
|
+
</div>
|
|
14688
|
+
|
|
14689
|
+
<!-- Texts (Hidden when collapsed) -->
|
|
14690
|
+
<div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
|
|
14691
|
+
[class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
|
|
14692
|
+
>
|
|
14693
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14694
|
+
@if (subtitle()) {
|
|
14695
|
+
<span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
|
|
14696
|
+
}
|
|
14697
|
+
</div>
|
|
14698
|
+
|
|
14699
|
+
<!-- Chevron (Hidden when collapsed) -->
|
|
14700
|
+
<div class="shrink-0 transition-all duration-200"
|
|
14701
|
+
[class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
|
|
14702
|
+
>
|
|
14703
|
+
<i class="lucide-chevron-down size-4 text-ink-gray-5"></i>
|
|
14704
|
+
</div>
|
|
14705
|
+
</div>
|
|
14706
|
+
</neural-dropdown>
|
|
14707
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "triggerClass", "hasTriggerSlot"] }] });
|
|
14708
|
+
}
|
|
14709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, decorators: [{
|
|
14710
|
+
type: Component,
|
|
14711
|
+
args: [{
|
|
14712
|
+
selector: 'neural-sidebar-header',
|
|
14713
|
+
standalone: true,
|
|
14714
|
+
imports: [CommonModule, NeuralDropdownComponent],
|
|
14715
|
+
template: `
|
|
14716
|
+
<neural-dropdown [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" triggerClass="block w-full px-2">
|
|
14717
|
+
<div trigger
|
|
14718
|
+
class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
|
|
14719
|
+
[class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full'"
|
|
14720
|
+
[attr.aria-label]="title()"
|
|
14721
|
+
[title]="isCollapsed() ? title() : null"
|
|
14722
|
+
>
|
|
14723
|
+
<!-- App Icon -->
|
|
14724
|
+
<div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
|
|
14725
|
+
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14726
|
+
</div>
|
|
14727
|
+
|
|
14728
|
+
<!-- Texts (Hidden when collapsed) -->
|
|
14729
|
+
<div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
|
|
14730
|
+
[class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
|
|
14731
|
+
>
|
|
14732
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14733
|
+
@if (subtitle()) {
|
|
14734
|
+
<span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
|
|
14735
|
+
}
|
|
14736
|
+
</div>
|
|
14737
|
+
|
|
14738
|
+
<!-- Chevron (Hidden when collapsed) -->
|
|
14739
|
+
<div class="shrink-0 transition-all duration-200"
|
|
14740
|
+
[class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
|
|
14741
|
+
>
|
|
14742
|
+
<i class="lucide-chevron-down size-4 text-ink-gray-5"></i>
|
|
14743
|
+
</div>
|
|
14744
|
+
</div>
|
|
14745
|
+
</neural-dropdown>
|
|
14746
|
+
`
|
|
14747
|
+
}]
|
|
14748
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], appIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "appIcon", required: true }] }], iconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconClass", required: false }] }], menuOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuOptions", required: false }] }] } });
|
|
14749
|
+
|
|
14645
14750
|
// Note: TextEditor is deprecated in Frappe UI, but migrated for faithful parity.
|
|
14646
14751
|
// For new projects, consider using the /editor module with RichTextKit.
|
|
14647
14752
|
class NeuralTextEditorComponent {
|
|
@@ -15763,5 +15868,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
15763
15868
|
* Generated bundle index. Do not edit.
|
|
15764
15869
|
*/
|
|
15765
15870
|
|
|
15766
|
-
export { NeuralAccordionComponent, NeuralAlertComponent, 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, 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 };
|
|
15871
|
+
export { NeuralAccordionComponent, NeuralAlertComponent, 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, 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 };
|
|
15767
15872
|
//# sourceMappingURL=orbiq-neural-ui-kit.mjs.map
|