メニュー
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.