22.x.x (#107)

* feat: update universal-demo-app to support BootstrapContext in main.server.ts

chore: update peer dependency for @angular/cdk to version 21.0.0 in flex-layout package.json

fix: correct schema path in flex-layout project.json and add tsConfig option for packaging

* chore: update version to 21.0.0-rc.1 in package.json

* Refactor code structure for improved readability and maintainability

* feat: add markdown page and sitemap, implement section page component

- Created a new markdown page (index.html) for standalone content.
- Added a sitemap.xml for better SEO and navigation.
- Implemented SectionPageComponent with dynamic content rendering and layout using Angular Material and ngx-layout directives.

* feat: enhance components with ChangeDetectionStrategy.Eager for improved performance

- Updated multiple components in the responsive and stackoverflow pages to use ChangeDetectionStrategy.Eager.
- Modified tsconfig.app.json to include angularCompilerOptions for nullish coalescing and optional chaining checks.
- Adjusted various test files to import necessary components instead of declaring them.
- Added .npmrc file to set legacy-peer-deps to true for compatibility.
- Changed module resolution strategy in tsconfig.json from node to bundler.

* refactor: migrate tests from Jasmine to Vitest and remove custom matchers

- Replaced Jasmine spies with Vitest spies in media-marshaller tests.
- Removed custom matchers from various spec files and set up Vitest environment.
- Updated TypeScript configuration to use Vitest types instead of Jasmine.
- Deleted obsolete Karma configuration files and test setup.

* fix: update output paths for updated-demo and universal-demo-app builds

* chore: remove Netlify configuration file

* fix: update output paths for updated-demo and universal-demo-app builds

* fix: remove duplicate dependencies from package.json

* fix: update version to 22.0.0-rc in package.json

* fix: add ignoreDeprecations option to tsconfig.json

* chore: update dependencies and refactor tests

- Updated @docusaurus/preset-classic to ^3.10.1 and related Docusaurus packages.
- Replaced conventional-changelog-cli with conventional-changelog.
- Added jsdom as a dependency.
- Removed unused expect imports from various test files.
- Refactored test imports to use Default directives from ngx-layout.
- Updated test setup for Vitest compatibility, including ProxyZone handling.
- Added vitest-base.config.ts for base Vitest configuration.
- Adjusted tsconfig.spec.json to include test-setup.ts.

* feat: add SSR testing support for flex-layout library

- Introduced a new test target for server-side rendering (SSR) in angular.json.
- Updated package.json to use the new SSR test command.
- Removed deprecated SSR test files and configurations.
- Added a new provider file for SSR tests to set PLATFORM_ID.
- Adjusted flex directive tests to handle null styles during SSR.
- Updated TypeScript configuration to include the new SSR provider file.

* fix: update CI badge and remove deprecated dependencies from package.json and package-lock.json

* fix(layout-gap): use direction-independent CSS properties for fxLayoutGap (#95) (#106)

fxLayoutGap emitted physical margin properties (margin-right/left) and
selected between them by reading the CDK Directionality (the `dir`
attribute). That broke layouts when the writing direction was set via CSS
`direction: rtl`, and required LTR/RTL branching throughout the directive.

Switch to logical properties, which the browser resolves against the
writing direction automatically:

  row          -> margin-inline-end
  row-reverse  -> margin-inline-start
  column       -> margin-block-end
  column-reverse -> margin-block-start
  grid margin  -> margin-inline / margin-block
  grid padding -> padding-inline / padding-block

This both fixes the RTL bug and removes now-dead direction handling: the
Directionality injection and its change trigger, the four direction-keyed
style caches and their selection in updateWithValue, and the
`directionality` field on LayoutGapParent.

Tests updated to assert the logical properties; full library suite passes
(478/478).

Closes #95

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: DuncanFaulkner

CHANGELOG.md

@@ -5,6 +5,7 @@
 
 * **etag:** removed etag ([22ba2d9](https://github.com/ngbracket/ngx-layout/commit/22ba2d90b521cdd3ec62eefb7d31992acf1858a3))
 * **flex-layout:** use aliased imports from primary entry point to secondary entry point ([#76](https://github.com/ngbracket/ngx-layout/issues/76)) ([021f1ae](https://github.com/ngbracket/ngx-layout/commit/021f1aed563d2b3488beb759675f2c92dc7d39bc))
+* **layout-gap:** use direction-independent (logical) CSS properties for `fxLayoutGap` so layouts are not broken under `direction: rtl` ([#95](https://github.com/ngbracket/ngx-layout/issues/95))
 * **package:** remove package lock file ([9f75640](https://github.com/ngbracket/ngx-layout/commit/9f75640221d012856f90cf4d92bbf3ed4dbfad1e))
 * **package:** update package json to match yarn lock for browser-sync-client ([ab0549a](https://github.com/ngbracket/ngx-layout/commit/ab0549a3d4fe1304212ae8909528b92fe647083b))
 * remove duplicate dependencies from package.json ([2812287](https://github.com/ngbracket/ngx-layout/commit/281228716d24a3c2fd6a90748f929a7e8a78d07a))