jsonberry

.container {
    word-wrap: break-word; // works for IE11, IE10
    overflow-wrap: break-word; // New naming for word-wrap attribute, keep for possible deprecation of word-wrap
    word-break: break-word; // Helps with non English character wrapping, supported by Blink based browsers

    .item {
        // display: block or inline-block may be required
        max-width: 250px;
        width: 100%; // Allows for word wrap in IE10/IE11
        

jsonberry

// zip arrays together
// Catalin Dumitru @colin_dumitru
// Jason Awbrey @jsawbrey
const zip = (a, b) => a.map((n, i) => [n, b[i]])

// merge objects in an array together
// caution: properties are overridden if duplicated
// @a [{a},{b}]
// @returns [{a, b}]
// Jason Awbrey @jsawbrey

jsonberry

/// Breakpoints
/// @author Jason Awbrey
/// @param { phone | tablet-portrait | tablet-landscape | desktop | desktop-big } $type [no default]
/// @return { Number } Rem calculated value for a given breakpoint
@function bp($type) {
    /// @prop
    $breakpoints: (phone: 599, tablet-portrait: 600, tablet-landscape: 900, desktop: 1200, desktop-big: 1800);
    @if (map-has-key($breakpoints, $type) != true) {
        @error "$type must be one of these: #{map-keys($breakpoints)}";
    }

jsonberry

/* tslint:disable:max-classes-per-file */
import {Action} from '@ngrx/store';
import {NavigationExtras} from '@angular/router';

export enum RouterActionTypes {
  GO = '[router] Go',
  BACK = '[router] Back',
  FORWARD = '[router] Forward',
}

jsonberry

import { of } from 'rxjs';
import { tapLog } from 'rxjs-toolkit';

of('hello').pipe(
  tapLog(), // log out whatever the signal is, so "hello"
  tapLog('labelFoo') // give it a label, { labelFoo: "hello" }
).subscribe()

jsonberry

import { from } from 'rxjs';
import { ignoreFalsySignals, tapLog } from 'rxjs-toolkit';

from([
 'I',
 false,
 'am',
 null,
 'truthy',
]).pipe(

jsonberry

import { someDataSource } from './some-api.service';
import { ignoreFalsySignals, tapLog } from 'rxjs-toolkit';

interface Signal {
  foo: string;
}

/** 
 * signals$ pushes out an Observable of Signal
 * imagine the source of the stream is the return from an API call

jsonberry

import { from } from 'rxjs';
import { propsAreTruthy, tapLog } from 'rxjs-toolkit';

const topLevelTruthy = {
  one: 'I',
  two: 'am', 
  three: 'truthy',
  iHaveNestedProps: { // top level also truthy
    nested: null,
  },

jsonberry

import { of } from 'rxjs';
import { propsAreTruthy, tapLog } from 'rxjs-toolkit';

const source$ = of({
  foo: {
    bar: {
      baz: 'truthy!',
    },
  },
  zap: {

jsonberry

import { someApiService } from './some-api.service';
import { propsAreTruthy, ignoreFalsySignals } from 'rxjs-toolkit';

// imagine getSource$ return an object like this:
const exampleSource = {
  id: '123',
  origin: {
    name: '',
    url: 'noop.com',
  }