NetanelBasal

@Injectable({ providedIn: 'root' })
export class FeatureFlagGuard implements CanActivate {
  constructor(private userQuery: UserQuery) {
  }

  canActivate(route: ActivatedRouteSnapshot): boolean {
    return this.userQuery.hasFlags(route.data.flags);
  }
}

NetanelBasal

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[autofocus]'
})
export class AutofocusDirective {
  constructor(private host: ElementRef) {}

  ngAfterViewInit() {
    this.host.nativeElement.focus();

NetanelBasal

{
  "todos": {
     "entities": {  }
   },
   "cart": {
     "entities": {  }
   },
   "session": {
     "firstName": ""
   }

NetanelBasal

  openDialog<T>(dialogContent: Type<T>) {
    const footer = document.createElement('p');
    footer.innerText = 'footer';
    
    const dialogContentRef = createComponent(dialogContent, { 
      environmentInjector: this.injector 
    })

    const dialogRef = createComponent(DialogComponent, {
      environmentInjector: this.injector,

NetanelBasal

interface Profile {
  firstName: string;
  lastName: string;
  address: {
    street: string;
    city: string
  }
}

const profileForm = new FormGroup<ControlsOf<Profile>>({

NetanelBasal

class Observable {

  constructor(functionThatThrowsValues) {
    this._functionThatThrowsValues = functionThatThrowsValues;
  }

  subscribe(next, error, complete) {   
    if (typeof next === "function") {   
      return this._functionThatThrowsValues({
        next,

NetanelBasal

export class CopyAction extends Action {
  getLabel() {
    return 'Copy';
  }

  invoke() {
    inject(CopyService).copy();
  }
}

NetanelBasal

@Injectable()
export class OfflineInterceptor {
  private onlineChanges$ = fromEvent(window, 'online').pipe(mapTo(true));
  
  get isOnline() {
    return navigator.onLine;
  }

  intercept(req, next) {
    return next.handle(req).pipe(

NetanelBasal

@Directive({
  selector: '[range]'
})
export class RangeDirective {
  _range: number[];

  @Input()
  set range( value ) {
    this.vcr.clear();
    this._range = this.generateRange(value[0], value[1]);

NetanelBasal

import { ComponentFactoryResolver, ComponentRef, Directive, EventEmitter, Input, Type, ViewContainerRef } from '@angular/core';
import { Subscription } from 'rxjs';

@Directive({
  selector: '[lazyComp]'
})
export class LazyCompDirective {
  private _inputs;
  private _outputs;
  private subscription = new Subscription();