LayZeeDK

/// <reference types="jest" />
import { createProjectGraphAsync } from '@nx/devkit';

/**
 * Resolve `TypeError: performance.mark is not a function`.
 *
 * @see https://github.com/nrwl/nx/issues/23435#issuecomment-2127183725
 */
const performanceMock: Performance = {
  ...performance,

LayZeeDK

@Injectable()
export class ErrorHandlerWithPlugins extends ErrorHandler {
  readonly #plugins = inject(errorHandlerPluginToken, { optional: true }) ?? [];

  override handleError(originalError: unknown): void {
    super.handleError(originalError);

    this.#plugins.forEach((plugin) => {
      try {
        plugin.handleError(originalError);

LayZeeDK

Nx generator wrapping jscodeshift transform: TypeScript private properties to ECMAScript private fields

This library contains local Nx migration generators. To use them, run

nx generate @myorg/typescript-migrations:<migration-name> <project-name>

For example

LayZeeDK

A Router History Service in Angular

By Zach Tindall

Resources

• A Router History Service in Angular (Wayback Machine)
• semanticbits/previous-url-example (GitHub)

LayZeeDK

// Angular Testing Library + Spectacular 0.5
const {
  fixture: {
    debugElement: { injector },
  },
} = await render(SpectacularAppComponent, {
  excludeComponentDeclaration: true,
  imports: [
    SpectacularFeatureTestingModule.withFeature({
      featureModule: HeroesModule,

LayZeeDK

/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
///
/// @param {Color} $color - Color to scale.
/// @param {Percentage} $scale [5%] - Amount to scale up or down.
/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.
///
/// @returns {Color} A scaled color.
@function smart-scale($color, $scale: 5%, $threshold: 40%) {
  @if lightness($color) > $threshold {
    $scale: -$scale;

LayZeeDK

// Copyright © 2011-2020 ZURB, Inc.

// MIT License

// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to

LayZeeDK

import {
  // ArgsTable,
  Description,
  Primary,
  // PRIMARY_STORY,
  Stories,
  Subtitle,
  Title,
} from '@storybook/addon-docs';
import { createElement } from 'react';

LayZeeDK

import { Canvas, Meta, Source, Story } from '@storybook/addon-docs'; import * as stories from './card.stories';

A card is an element which you can put any kind of content inside. Make sure you wrap your content in a <fas-card-section> element in order to achieve the traditional card look.

LayZeeDK

<h3>Top Heroes</h3>
<div class="grid grid-pad">
  <a
    *ngFor="let hero of heroes"
    class="col-1-4"
    routerLink="/detail/{{ hero.id }}"
  >
    <div class="module hero">
      <h4>{{ hero.name }}</h4>
    </div>