メニュー
ngx-configurable-layout grid with static/editable modes, drag-and-drop, and provideNgxDragAndDropService from @ibenvandeveire/ngx-layout.
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-layout-configurable-layout |
| description | ngx-configurable-layout grid with static/editable modes, drag-and-drop, and provideNgxDragAndDropService from @ibenvandeveire/ngx-layout. |
ngx-configurable-layout + ngx-configurable-layout-item with key matching 2D layout array.
Required: provideNgxDragAndDropService(YourDragAndDropService) implementing NgxAccessibleDragAndDropAbstractService.
layoutType="static" + [keys]="[['widget-a','widget-b'],['widget-c']]" — user cannot rearrange.
layoutType="editable" + FormControl value:
[[{ key: 'widget-a', isActive: true }, { key: 'widget-b', isActive: true }]]
showInactive — show toggles for inactive itemsdisabled: true on item — no toggle, class ngx-layout-item-disabled#checkboxTmpl — custom toggle[allowDragAndDrop]="true" — CDK DnD; optional dropPredicate. Style via ngx-layout-* classes.
fill (default) | fit-content | equal (height 100% on children for row height).
rowGap, columnGap — prefer over margins (CSS grid).
Built-in labels: nl, en, fr, de, es, pt, tr, ku. Override itemLabel, rowLabel, per-item label.
ngx-layout-grid, -row, -item, -drag-placeholder, -item-toggle, -item-inactive, -item-disabled, -grid-inactive-shown.