theer1k

  .loading-spin {
   height: 5rem;
   width: 5rem;
   border: 0.6rem solid green;
   border-radius: 50%;
   border-top-color: transparent;
   animation: spin 0.6s linear infinite;
 }

 @keyframes spin {

theer1k

import { 
	FormControl, 
	FormGroup, 
	NonNullableFormBuilder 
} from '@angular/forms';

// 👇 This is a helper to bind any interface with the FormGroup generating a type safe form matching existing keys and FormControl type 🙂
export type WithControlsFrom<T> = {
  [P in keyof T]?: FormControl<T[P]>;
};

theer1k

import {
  HttpEvent,
  HttpHandler,
  HttpHeaders,
  HttpRequest,
} from '@angular/common/http';
import {
  HttpClientTestingModule,
  HttpTestingController,
} from '@angular/common/http/testing';

theer1k

import {
  Directive,
  ElementRef,
  EventEmitter,
  Input,
  OnDestroy,
  OnInit,
  Output,
} from '@angular/core';
import { Observable, Subscription, debounceTime } from 'rxjs';

theer1k

body {
  display: grid;
  grid-template-areas:
    'header'
    'main'
    'footer';
  grid-template-columns: auto;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

theer1k

$separator: '\\:' !default;

@mixin theme-colors-props-shades($name, $prop, $colors, $shades) {
  @each $color in $colors {
    @each $shade in $shades {
      .#{$name}-#{$color}-#{$shade} {
        #{$prop}: var(--#{$color}-#{$shade});
      }
    }

theer1k

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  

theer1k

/**
 * Remove duplicates by property
 * @param {string} property - List property identifier.
 * @param {T[]} oldList - Old list
 * @param {T[]} newList - New list
 * @returns {T[]} Returns a new list without duplicates by property passed
 */
export const removeDuplicatesByProperty = <T>(
  property: keyof T,
  oldList: T[] = [],

theer1k

/**
 * Create an object composed without ommited object properties
 * @param {Object} object
 * @param {string} keys
 * @returns {Object}
 */
const omit = (obj, ...keys) => Object.fromEntries(
  Object.entries(obj)
  .filter(([key]) => !keys.includes(key))
);

theer1k

import { Context, createContext, useContext } from 'react';
import { render, screen } from '@/test/testUtils';
import { ComponentWithChildren, composer } from '.';

type ContextTuple = [Context<string>, ComponentWithChildren];

const createMockContext = (value: string): ContextTuple => {
  const MockContext: Context<string> = createContext('');
  const MockContextProvider: ComponentWithChildren = ({ children }) => (
    <MockContext.Provider value={value}>{children}</MockContext.Provider>