@ojiepermana/angular 21.1.20 → 21.1.23

package/fesm2022/ojiepermana-angular-theme.mjs

@@ -300,10 +300,10 @@ class ThemeService {
             /* ignore */
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "21.1.20",
+  "version": "21.1.23",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git"

package/types/ojiepermana-angular-component.d.ts

@@ -848,9 +848,11 @@ declare class RadioComponent {
  */
 declare class ScrollAreaComponent {
     readonly class: _angular_core.InputSignal<string>;
+    readonly viewportClass: _angular_core.InputSignal<string>;
     protected readonly classes: _angular_core.Signal<string>;
+    protected readonly viewportClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ui-scroll-area", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ui-scroll-area", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "viewportClass": { "alias": "viewportClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class SelectComponent implements ControlValueAccessor {

package/types/ojiepermana-angular-layout.d.ts

@@ -12,7 +12,8 @@ import { SidebarAppearance, SidebarPosition, SidebarMode, TopbarAppearance } fro
  * Markup:
  * ```html
  * <vertical>
- *   <!-- sidebar + router-outlet dirender oleh komponen -->
+ *   <a ui-layout-brand>Brand</a>
+ *   <button ui-layout-profile type="button">Profile</button>
  * </vertical>
  * ```
  */
@@ -32,7 +33,7 @@ declare class VerticalLayoutComponent {
     protected readonly frameClasses: _angular_core.Signal<string>;
     protected readonly mainClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalLayoutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalLayoutComponent, "vertical", never, { "sidebarAppearance": { "alias": "sidebarAppearance"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "sidebarMode": { "alias": "sidebarMode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalLayoutComponent, "vertical", never, { "sidebarAppearance": { "alias": "sidebarAppearance"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "sidebarMode": { "alias": "sidebarMode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[ui-layout-brand],[sidebar-header]", "[ui-layout-profile],[sidebar-footer]"], true, never>;
 }
 
 /**

package/types/ojiepermana-angular-navigation.d.ts

@@ -117,11 +117,14 @@ type SidebarAppearance = 'default' | 'thin';
  * - megamenu: full-width panel multi-kolom untuk item `mega`
  */
 type TopbarAppearance = 'default' | 'megamenu';
+/** Sidebar desktop border ownership */
+type SidebarBorderSource = 'component' | 'layout';
 /** Sidebar position */
 type SidebarPosition = 'left' | 'right';
 /** Sidebar display mode */
 type SidebarMode = 'over' | 'side';
 type VerticalNavigationAppearance = SidebarAppearance;
+type VerticalNavigationBorderSource = SidebarBorderSource;
 type VerticalNavigationMode = SidebarMode;
 type VerticalNavigationPosition = SidebarPosition;
 
@@ -284,6 +287,8 @@ declare class SidebarComponent {
     /** Registry key di `NavigationService`. Default `'main'`. */
     readonly navigationId: _angular_core.InputSignal<string>;
     readonly appearance: _angular_core.InputSignal<SidebarAppearance>;
+    /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */
+    readonly borderSource: _angular_core.InputSignal<SidebarBorderSource>;
     readonly position: _angular_core.InputSignal<SidebarPosition>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly header: _angular_core.InputSignal<boolean>;
@@ -314,6 +319,7 @@ declare class SidebarComponent {
     protected readonly headerClasses: _angular_core.Signal<string>;
     protected readonly headerSlotClasses: _angular_core.Signal<string>;
     protected readonly navClasses: _angular_core.Signal<string>;
+    protected readonly scrollViewportClasses: _angular_core.Signal<string>;
     protected readonly footerClasses: _angular_core.Signal<string>;
     protected readonly footerSlotClasses: _angular_core.Signal<string>;
     protected readonly innerClasses: _angular_core.Signal<string>;
@@ -325,7 +331,7 @@ declare class SidebarComponent {
     private openDrawer;
     private closeDrawer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoMobile": { "alias": "autoMobile"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; }, {}, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "borderSource": { "alias": "borderSource"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoMobile": { "alias": "autoMobile"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; }, {}, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
 }
 
 /**
@@ -379,4 +385,4 @@ declare const DemoNavigationData: NavigationItem[];
 declare const NAVIGATION_VERSION = "0.0.1";
 
 export { DEFAULT_NAVIGATION_ID, DemoNavigationData, NAVIGATION_VERSION, NavigationService, SidebarComponent, TopbarComponent, UiNavIconComponent, UiNavItemComponent };
-export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarMode, SidebarPosition, TopbarAppearance, VerticalNavigationAppearance, VerticalNavigationMode, VerticalNavigationPosition };
+export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition, TopbarAppearance, VerticalNavigationAppearance, VerticalNavigationBorderSource, VerticalNavigationMode, VerticalNavigationPosition };