القائمة
SSR-safe window/document access and ngOnChanges helpers from @ibenvandeveire/ngx-core. Use for NgxWindowService, scroll/width observables, runInBrowser, or simpleChangeHasChanged.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-core |
| description | SSR-safe window/document access and ngOnChanges helpers from @ibenvandeveire/ngx-core. Use for NgxWindowService, scroll/width observables, runInBrowser, or simpleChangeHasChanged. |
Base utilities for other @ibenvandeveire Angular packages. Install: npm install @ibenvandeveire/ngx-core. Major version tracks Angular.
Inject NgxWindowService instead of using window/document directly (SSR-safe).
| API | Purpose |
|---|---|
width$ | Window width; defaults to 1200 when no window |
scrollingUp$ | true when scrolling up |
currentScrollPosition / currentScrollPosition$ | Scroll position after scroll handling |
window | Window reference |
scrollTo(offset?) | Scroll; default offset 0 (top); no-op without window |
hasDocument() | Whether document exists |
isBrowser() | Uses isPlatformBrowser internally |
runInBrowser(({ browserWindow, browserDocument }) => …) | Run callback only in browser |
Document: not exposed directly — use runInBrowser or hasDocument.
private readonly windowService = inject(NgxWindowService);
this.windowService.runInBrowser(({ browserDocument }) => {
browserDocument.querySelector('…');
});
Utility for ngOnChanges: returns whether a SimpleChange actually changed (JSON compare of previous vs current).
import { simpleChangeHasChanged } from '@ibenvandeveire/ngx-core';
ngOnChanges(changes: SimpleChanges): void {
if (simpleChangeHasChanged(changes.layoutType)) {
// react
}
}
Also exported from @ibenvandeveire/ngx-utils — prefer one import per feature area.