Skip to content

22.x.x#107

Merged
DuncanFaulkner merged 21 commits into
mainfrom
22.x.x
Jun 6, 2026
Merged

22.x.x#107
DuncanFaulkner merged 21 commits into
mainfrom
22.x.x

Conversation

@DuncanFaulkner

Copy link
Copy Markdown
Contributor

update main

DuncanFaulkner and others added 19 commits November 7, 2025 20:18
…erver.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
- 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.
…ved 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.
…hers

- 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.
- 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.
- 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.
…tGap (#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>
@netlify

netlify Bot commented Jun 6, 2026

Copy link
Copy Markdown

Deploy Preview for ngx-layout-docs ready!

Name Link
🔨 Latest commit 8b69b43
🔍 Latest deploy log https://app.netlify.com/projects/ngx-layout-docs/deploys/6a23fa6191a1d3000708628f
😎 Deploy Preview https://deploy-preview-107--ngx-layout-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 6, 2026

Copy link
Copy Markdown

Deploy Preview for ngx-layout ready!

Name Link
🔨 Latest commit 8b69b43
🔍 Latest deploy log https://app.netlify.com/projects/ngx-layout/deploys/6a23fa61e7899d000984430f
😎 Deploy Preview https://deploy-preview-107--ngx-layout.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@DuncanFaulkner DuncanFaulkner merged commit 54e42c1 into main Jun 6, 2026
17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant