@ojiepermana/angular 21.1.20 → 21.1.22
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.
- package/fesm2022/ojiepermana-angular-component.mjs +5 -3
- package/fesm2022/ojiepermana-angular-component.mjs.map +1 -1
- package/fesm2022/ojiepermana-angular-navigation.mjs +5 -4
- package/fesm2022/ojiepermana-angular-navigation.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ojiepermana-angular-component.d.ts +3 -1
- package/types/ojiepermana-angular-navigation.d.ts +1 -0
|
@@ -844,12 +844,13 @@ class SidebarComponent {
|
|
|
844
844
|
return base.join(' ');
|
|
845
845
|
}, ...(ngDevMode ? [{ debugName: "headerSlotClasses" }] : /* istanbul ignore next */ []));
|
|
846
846
|
navClasses = computed(() => {
|
|
847
|
-
const base = ['min-h-full
|
|
847
|
+
const base = ['min-h-full'];
|
|
848
848
|
if (this.isCompact()) {
|
|
849
849
|
base.push('px-2', '[&_.ui-nav-text]:mx-auto', '[&_.ui-nav-text]:w-10', '[&_.ui-nav-text]:justify-center', '[&_.ui-nav-text]:px-0');
|
|
850
850
|
}
|
|
851
851
|
return base.join(' ');
|
|
852
852
|
}, ...(ngDevMode ? [{ debugName: "navClasses" }] : /* istanbul ignore next */ []));
|
|
853
|
+
scrollViewportClasses = computed(() => 'overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-primary/10', ...(ngDevMode ? [{ debugName: "scrollViewportClasses" }] : /* istanbul ignore next */ []));
|
|
853
854
|
footerClasses = computed(() => {
|
|
854
855
|
const base = ['h-12 border-t border-brand'];
|
|
855
856
|
if (this.isCompact()) {
|
|
@@ -979,7 +980,7 @@ class SidebarComponent {
|
|
|
979
980
|
}
|
|
980
981
|
</div>
|
|
981
982
|
}
|
|
982
|
-
<ui-scroll-area class="min-h-0 flex-1">
|
|
983
|
+
<ui-scroll-area class="min-h-0 flex-1" [viewportClass]="scrollViewportClasses()">
|
|
983
984
|
<nav [class]="navClasses()">
|
|
984
985
|
@for (item of resolvedItems(); track item.id) {
|
|
985
986
|
<ui-nav-item [item]="item" [compact]="isCompact()" />
|
|
@@ -1004,7 +1005,7 @@ class SidebarComponent {
|
|
|
1004
1005
|
<ng-container [ngTemplateOutlet]="body" />
|
|
1005
1006
|
</div>
|
|
1006
1007
|
</ng-template>
|
|
1007
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ScrollAreaComponent, selector: "ui-scroll-area", inputs: ["class"] }, { kind: "component", type: UiNavIconComponent, selector: "ui-nav-icon", inputs: ["name", "class", "size"] }, { kind: "component", type: UiNavItemComponent, selector: "ui-nav-item", inputs: ["item", "level", "compact"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1008
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ScrollAreaComponent, selector: "ui-scroll-area", inputs: ["class", "viewportClass"] }, { kind: "component", type: UiNavIconComponent, selector: "ui-nav-icon", inputs: ["name", "class", "size"] }, { kind: "component", type: UiNavItemComponent, selector: "ui-nav-item", inputs: ["item", "level", "compact"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1008
1009
|
}
|
|
1009
1010
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
1010
1011
|
type: Component,
|
|
@@ -1050,7 +1051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
|
|
|
1050
1051
|
}
|
|
1051
1052
|
</div>
|
|
1052
1053
|
}
|
|
1053
|
-
<ui-scroll-area class="min-h-0 flex-1">
|
|
1054
|
+
<ui-scroll-area class="min-h-0 flex-1" [viewportClass]="scrollViewportClasses()">
|
|
1054
1055
|
<nav [class]="navClasses()">
|
|
1055
1056
|
@for (item of resolvedItems(); track item.id) {
|
|
1056
1057
|
<ui-nav-item [item]="item" [compact]="isCompact()" />
|