├── .vscode
    └── tasks.json
├── README.md
├── dist
    ├── app.js
    ├── examples
    │   └── ChainOfResponsibility.js
    └── system.js
├── index.html
├── node_modules
    └── .yarn-integrity
├── package.json
├── src
    └── app.ts
├── tsconfig.json
└── yarn.lock


/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	// See https://go.microsoft.com/fwlink/?LinkId=733558
 3 | 	// for the documentation about the tasks.json format
 4 | 	"version": "0.1.0",
 5 | 	"command": "tsc",
 6 | 	"isShellCommand": true,
 7 | 	"args": ["-p", "."],
 8 | 	"showOutput": "silent",
 9 | 	"problemMatcher": "$tsc"
10 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | ## Design Patterns in Typescript
  2 | 
  3 | 
  4 | ### Observer / Listener
  5 | The observer pattern is used to allow an object to publish changes to its state. Other objects subscribe to be immediately notified of any changes.
  6 | 
  7 | ```typescript
  8 | interface TextChangedListener {
  9 |     onTextChanged(newText: string): void
 10 | }
 11 | 
 12 | class PrintingTextChangedListener implements TextChangedListener {
 13 |     onTextChanged(newText: string) {
 14 |         console.log(`Text is changed to: ${newText}`);
 15 |     }
 16 | }
 17 | 
 18 | class TextView {
 19 |     listener?: TextChangedListener = null
 20 |     set text(newText: string) {
 21 |         this.listener.onTextChanged(newText);
 22 |     }
 23 | }
 24 | 
 25 | // usage
 26 | const textView = new TextView();
 27 | textView.listener = new PrintingTextChangedListener();
 28 | textView.text = "Lorem ipsum";
 29 | textView.text = "dolor sit amet";
 30 | 
 31 | // output
 32 | Text is changed to: Lorem ipsum
 33 | Text is changed to: dolor sit amet
 34 | ```
 35 | 
 36 | ## Strategy
 37 | The strategy pattern is used to create an interchangeable family of algorithms from which the required process is chosen at run-time.
 38 | 
 39 | ```typescript
 40 | class Printer {
 41 |     constructor(public stringFormatterStrategy: Function) { }
 42 |     printString(text: string) {
 43 |         console.log(this.stringFormatterStrategy(text));
 44 |     }
 45 | }
 46 | 
 47 | const lowerCaseFormatter = (text: string) => text.toLowerCase()
 48 | const upperCaseFormatter = (text: string) => text.toUpperCase()
 49 | 
 50 | // usage
 51 | const lowerCasePrinter = new Printer(lowerCaseFormatter);
 52 | lowerCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 53 | 
 54 | const upperCasePrinter = new Printer(upperCaseFormatter);
 55 | upperCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 56 | 
 57 | const prefixPrinter = new Printer((text: string) => `Prefix: ${text}`);
 58 | prefixPrinter.printString("LOREM ipsum DOLOR sit amet");
 59 | 
 60 | // output
 61 | lorem ipsum dolor sit amet
 62 | LOREM IPSUM DOLOR SIT AMET
 63 | Prefix: LOREM ipsum DOLOR sit amet
 64 | ```
 65 | 
 66 | ## Command
 67 | The command pattern is used to express a request, including the call to be made and all of its required parameters, in a command object. The command may then be executed immediately or held for later use.
 68 | 
 69 | ```typescript
 70 | interface OrderCommand {
 71 |     execute(): void
 72 | }
 73 | 
 74 | class OrderAddCommand implements OrderCommand {
 75 |     constructor(public id: number) { }
 76 |     execute() {
 77 |         console.log(`adding order with id: ${this.id}`);
 78 |     }
 79 | }
 80 | 
 81 | class OrderPayCommand implements OrderCommand {
 82 |     constructor(public id: number) { }
 83 |     execute() {
 84 |         console.log(`paying for order with id: ${this.id}`);
 85 |     }
 86 | }
 87 | 
 88 | class CommandProcessor {
 89 | 
 90 |     private queue = Array<OrderCommand>();
 91 | 
 92 |     addToQueue(orderCommand: OrderCommand): CommandProcessor {
 93 |         this.queue.push(orderCommand);
 94 |         return this;
 95 |     }
 96 | 
 97 |     processCommands(): CommandProcessor {
 98 |         this.queue.forEach((commad: OrderCommand) => {
 99 |             commad.execute();
100 |         });
101 |         this.queue = Array<OrderCommand>();
102 |         return this;
103 |     }
104 | }
105 | 
106 | // usage
107 | new CommandProcessor()
108 |     .addToQueue(new OrderAddCommand(1))
109 |     .addToQueue(new OrderAddCommand(2))
110 |     .addToQueue(new OrderPayCommand(2))
111 |     .addToQueue(new OrderPayCommand(1))
112 |     .processCommands();
113 | 
114 | 
115 | // output
116 | adding order with id: 1
117 | adding order with id: 2
118 | paying for order with id: 2
119 | paying for order with id: 1
120 | ```
121 | 
122 | ## State
123 | The state pattern is used to alter the behaviour of an object as its internal state changes. The pattern allows the class for an object to apparently change at run-time.
124 | 
125 | ```typescript
126 | module State {
127 |     export class Authorization {
128 | 
129 |     }
130 |     export class Unauthorized extends Authorization {
131 | 
132 |     }
133 |     export class Authorized extends Authorization {
134 |         constructor(public username: string) {
135 |             super();
136 |         }
137 |     }
138 | }
139 | 
140 | class AuthorizationPresenter {
141 | 
142 |     private state: State.Authorization = new State.Unauthorized()
143 | 
144 |     loginUser(userLogin: string) {
145 |         this.state = new State.Authorized(userLogin);
146 |     }
147 | 
148 |     logoutUser() {
149 |         this.state = new State.Unauthorized();
150 |     }
151 | 
152 |     get isAuthorized() {
153 |         switch (this.state.constructor.name) {
154 |             case 'Authorized':
155 |                 return true
156 |             default:
157 |                 return false
158 |         }
159 |     }
160 | 
161 |     get userLogin() {
162 |         switch (this.state.constructor.name) {
163 |             case 'Authorized':
164 |                 return (this.state as State.Authorized).username;
165 |             default:
166 |                 return 'Unknown'
167 |         }
168 |     }
169 | 
170 |     toString(): string {
171 |         return `User '${this.userLogin}' is logged in: ${this.isAuthorized}`;
172 |     }
173 | }
174 | 
175 | // usage
176 | const authorization = new AuthorizationPresenter();
177 | authorization.loginUser("admin");
178 | console.log(authorization.toString());
179 | authorization.logoutUser();
180 | console.log(authorization.toString());
181 | 
182 | // output
183 | User 'admin' is logged in: true
184 | User 'Unknown' is logged in: false
185 | ```
186 | 
187 | ## Adapter
188 | The adapter pattern is used to provide a link between two otherwise incompatible types by wrapping the "adaptee" with a class that supports the interface required by the client.
189 | 
190 | ```typescript
191 | interface Temperature {
192 |     temperature: number
193 | }
194 | 
195 | class CelsiusTemperature implements Temperature {
196 |     constructor(public temperature: number) {}
197 | }
198 | 
199 | class FahrenheitTemperature implements Temperature {
200 | 
201 |     constructor(public celsiusTemperature: CelsiusTemperature) {}
202 | 
203 |     get temperature(): number {
204 |         return this.convertCelsiusToFahrenheit(this.celsiusTemperature.temperature);
205 |     }
206 |     set temperature(temperatureInF) {
207 |         this.celsiusTemperature.temperature = this.convertFahrenheitToCelsius(temperatureInF);
208 |     }
209 | 
210 |     private convertFahrenheitToCelsius(f: number): number {
211 |         return (f - 32) * 5 / 9;
212 |     }
213 | 
214 |     private convertCelsiusToFahrenheit(c: number): number {
215 |         return (c * 9 / 5) + 32;
216 |     }
217 | }
218 | 
219 | // usage
220 | const celsiusTemperature = new CelsiusTemperature(0.0);
221 | const fahrenheitTemperature = new FahrenheitTemperature(celsiusTemperature);
222 | 
223 | celsiusTemperature.temperature = 36.6;
224 | console.log(`${celsiusTemperature.temperature} C -> ${fahrenheitTemperature.temperature} F`);
225 | 
226 | fahrenheitTemperature.temperature = 100.0;
227 | console.log(`${fahrenheitTemperature.temperature} F -> ${celsiusTemperature.temperature} C`);
228 | 
229 | // output
230 | 36.6 C -> 97.88000000000001 F
231 | 100 F -> 37.77777777777778 C
232 | ```
233 | 
234 | ## Decorator
235 | The decorator pattern is used to extend or alter the functionality of objects at run-time by wrapping them in an object of a decorator class. This provides a flexible alternative to using inheritance to modify behaviour.
236 | 
237 | ```typescript
238 | interface CoffeeMachine {
239 |     makeSmallCoffee(): void
240 |     makeLargeCoffee(): void
241 | }
242 | 
243 | class NormalCoffeeMachine implements CoffeeMachine {
244 |     makeSmallCoffee() {
245 |         console.log("Normal: Making small coffee");
246 |     }
247 |     makeLargeCoffee() {
248 |         console.log("Normal: Making large coffee");
249 |     }
250 | }
251 | 
252 | class EnhancedCoffeeMachine {
253 | 
254 |     constructor(public coffeeMachine: CoffeeMachine) {}
255 | 
256 |     makeCoffeeWithMilk() {
257 |         console.log("Enhanced: Making coffee with milk");
258 |         this.coffeeMachine.makeSmallCoffee();
259 |         console.log("Enhanced: Adding milk");
260 |     }
261 | 
262 |     makeDoubleLargeCoffee() {
263 |         console.log("Enhanced: Making double large coffee");
264 |         this.coffeeMachine.makeLargeCoffee();
265 |         this.coffeeMachine.makeLargeCoffee();
266 |     }
267 | }
268 | 
269 | // usage
270 | const normalMachine = new NormalCoffeeMachine();
271 | const enhancedMachine = new EnhancedCoffeeMachine(normalMachine);
272 | 
273 | enhancedMachine.makeCoffeeWithMilk();
274 | enhancedMachine.makeDoubleLargeCoffee();
275 | 
276 | // output
277 | Enhanced: Making coffee with milk
278 | Normal: Making small coffee
279 | Enhanced: Adding milk
280 | Enhanced: Making double large coffee
281 | Normal: Making large coffee
282 | Normal: Making large coffee
283 | ```
284 | 
285 | ##Facade
286 | The facade pattern is used to define a simplified interface to a more complex subsystem.
287 | 
288 | ```typescript
289 | class ComplexSystemStore {
290 | 
291 |     private _store = new Map<string, string>()
292 | 
293 |     constructor(public filePath: string) {
294 |         console.log(`Reading data from file: ${this.filePath}`);
295 |     }
296 | 
297 |     store(key: string, payload: string) {
298 |         this._store.set(key, payload);
299 |     }
300 | 
301 |     read(key: string): string {
302 |         return this._store.has(key) ? this._store.get(key) : '';
303 |     }
304 | 
305 |     commit() {
306 |         const keys = Array.from(this._store.keys());
307 |         console.log(`Storing cached data: ${keys} to file: ${this.filePath}`);
308 |     }
309 | }
310 | 
311 | class User {
312 |     constructor(public login: string) {}
313 | }
314 | 
315 | //Facade:
316 | class UserRepository {
317 |     systemPreferences = new ComplexSystemStore("/data/default.prefs");
318 | 
319 |     save(user: User) {
320 |         this.systemPreferences.store("USER_KEY", user.login);
321 |         this.systemPreferences.commit();
322 |     }
323 | 
324 |     findFirst(): User {
325 |         return new User(this.systemPreferences.read("USER_KEY"));
326 |     }
327 | }
328 | 
329 | // usage
330 | const userRepository = new UserRepository();
331 | const user = new User("dbacinski");
332 | userRepository.save(user);
333 | const resultUser = userRepository.findFirst();
334 | console.log(`Found stored user: ${resultUser.login}`);
335 | 
336 | // output
337 | Reading data from file: /data/default.prefs
338 | Storing cached data: USER_KEY to file: /data/default.prefs
339 | Found stored user: dbacinski
340 | ```
341 | 


--------------------------------------------------------------------------------
/dist/app.js:
--------------------------------------------------------------------------------
  1 | var __extends = (this && this.__extends) || (function () {
  2 |     var extendStatics = Object.setPrototypeOf ||
  3 |         ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  4 |         function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  5 |     return function (d, b) {
  6 |         extendStatics(d, b);
  7 |         function __() { this.constructor = d; }
  8 |         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  9 |     };
 10 | })();
 11 | console.log('### Observer / Listener ###');
 12 | var PrintingTextChangedListener = (function () {
 13 |     function PrintingTextChangedListener() {
 14 |     }
 15 |     PrintingTextChangedListener.prototype.onTextChanged = function (newText) {
 16 |         console.log("Text is changed to: " + newText);
 17 |     };
 18 |     return PrintingTextChangedListener;
 19 | }());
 20 | var TextView = (function () {
 21 |     function TextView() {
 22 |         this.listener = null;
 23 |     }
 24 |     Object.defineProperty(TextView.prototype, "text", {
 25 |         set: function (newText) {
 26 |             this.listener.onTextChanged(newText);
 27 |         },
 28 |         enumerable: true,
 29 |         configurable: true
 30 |     });
 31 |     return TextView;
 32 | }());
 33 | var textView = new TextView();
 34 | textView.listener = new PrintingTextChangedListener();
 35 | textView.text = "Lorem ipsum";
 36 | textView.text = "dolor sit amet";
 37 | console.log('### Strategy ###');
 38 | var Printer = (function () {
 39 |     function Printer(stringFormatterStrategy) {
 40 |         this.stringFormatterStrategy = stringFormatterStrategy;
 41 |     }
 42 |     Printer.prototype.printString = function (text) {
 43 |         console.log(this.stringFormatterStrategy(text));
 44 |     };
 45 |     return Printer;
 46 | }());
 47 | var lowerCaseFormatter = function (text) { return text.toLowerCase(); };
 48 | var upperCaseFormatter = function (text) { return text.toUpperCase(); };
 49 | var lowerCasePrinter = new Printer(lowerCaseFormatter);
 50 | lowerCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 51 | var upperCasePrinter = new Printer(upperCaseFormatter);
 52 | upperCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 53 | var prefixPrinter = new Printer(function (text) { return "Prefix: " + text; });
 54 | prefixPrinter.printString("LOREM ipsum DOLOR sit amet");
 55 | console.log('### Command ###');
 56 | var OrderAddCommand = (function () {
 57 |     function OrderAddCommand(id) {
 58 |         this.id = id;
 59 |     }
 60 |     OrderAddCommand.prototype.execute = function () {
 61 |         console.log("adding order with id: " + this.id);
 62 |     };
 63 |     return OrderAddCommand;
 64 | }());
 65 | var OrderPayCommand = (function () {
 66 |     function OrderPayCommand(id) {
 67 |         this.id = id;
 68 |     }
 69 |     OrderPayCommand.prototype.execute = function () {
 70 |         console.log("paying for order with id: " + this.id);
 71 |     };
 72 |     return OrderPayCommand;
 73 | }());
 74 | var CommandProcessor = (function () {
 75 |     function CommandProcessor() {
 76 |         this.queue = Array();
 77 |     }
 78 |     CommandProcessor.prototype.addToQueue = function (orderCommand) {
 79 |         this.queue.push(orderCommand);
 80 |         return this;
 81 |     };
 82 |     CommandProcessor.prototype.processCommands = function () {
 83 |         this.queue.forEach(function (commad) {
 84 |             commad.execute();
 85 |         });
 86 |         this.queue = Array();
 87 |         return this;
 88 |     };
 89 |     return CommandProcessor;
 90 | }());
 91 | new CommandProcessor()
 92 |     .addToQueue(new OrderAddCommand(1))
 93 |     .addToQueue(new OrderAddCommand(2))
 94 |     .addToQueue(new OrderPayCommand(2))
 95 |     .addToQueue(new OrderPayCommand(1))
 96 |     .processCommands();
 97 | console.log('### State ###');
 98 | var State;
 99 | (function (State) {
100 |     var Authorization = (function () {
101 |         function Authorization() {
102 |         }
103 |         return Authorization;
104 |     }());
105 |     State.Authorization = Authorization;
106 |     var Unauthorized = (function (_super) {
107 |         __extends(Unauthorized, _super);
108 |         function Unauthorized() {
109 |             return _super !== null && _super.apply(this, arguments) || this;
110 |         }
111 |         return Unauthorized;
112 |     }(Authorization));
113 |     State.Unauthorized = Unauthorized;
114 |     var Authorized = (function (_super) {
115 |         __extends(Authorized, _super);
116 |         function Authorized(username) {
117 |             var _this = _super.call(this) || this;
118 |             _this.username = username;
119 |             return _this;
120 |         }
121 |         return Authorized;
122 |     }(Authorization));
123 |     State.Authorized = Authorized;
124 | })(State || (State = {}));
125 | var AuthorizationPresenter = (function () {
126 |     function AuthorizationPresenter() {
127 |         this.state = new State.Unauthorized();
128 |     }
129 |     AuthorizationPresenter.prototype.loginUser = function (userLogin) {
130 |         this.state = new State.Authorized(userLogin);
131 |     };
132 |     AuthorizationPresenter.prototype.logoutUser = function () {
133 |         this.state = new State.Unauthorized();
134 |     };
135 |     Object.defineProperty(AuthorizationPresenter.prototype, "isAuthorized", {
136 |         get: function () {
137 |             switch (this.state.constructor.name) {
138 |                 case 'Authorized':
139 |                     return true;
140 |                 default:
141 |                     return false;
142 |             }
143 |         },
144 |         enumerable: true,
145 |         configurable: true
146 |     });
147 |     Object.defineProperty(AuthorizationPresenter.prototype, "userLogin", {
148 |         get: function () {
149 |             switch (this.state.constructor.name) {
150 |                 case 'Authorized':
151 |                     return this.state.username;
152 |                 default:
153 |                     return 'Unknown';
154 |             }
155 |         },
156 |         enumerable: true,
157 |         configurable: true
158 |     });
159 |     AuthorizationPresenter.prototype.toString = function () {
160 |         return "User '" + this.userLogin + "' is logged in: " + this.isAuthorized;
161 |     };
162 |     return AuthorizationPresenter;
163 | }());
164 | var authorization = new AuthorizationPresenter();
165 | authorization.loginUser("admin");
166 | console.log(authorization.toString());
167 | authorization.logoutUser();
168 | console.log(authorization.toString());
169 | console.log('### Adapter ###');
170 | var CelsiusTemperature = (function () {
171 |     function CelsiusTemperature(temperature) {
172 |         this.temperature = temperature;
173 |     }
174 |     return CelsiusTemperature;
175 | }());
176 | var FahrenheitTemperature = (function () {
177 |     function FahrenheitTemperature(celsiusTemperature) {
178 |         this.celsiusTemperature = celsiusTemperature;
179 |     }
180 |     Object.defineProperty(FahrenheitTemperature.prototype, "temperature", {
181 |         get: function () {
182 |             return this.convertCelsiusToFahrenheit(this.celsiusTemperature.temperature);
183 |         },
184 |         set: function (temperatureInF) {
185 |             this.celsiusTemperature.temperature = this.convertFahrenheitToCelsius(temperatureInF);
186 |         },
187 |         enumerable: true,
188 |         configurable: true
189 |     });
190 |     FahrenheitTemperature.prototype.convertFahrenheitToCelsius = function (f) {
191 |         return (f - 32) * 5 / 9;
192 |     };
193 |     FahrenheitTemperature.prototype.convertCelsiusToFahrenheit = function (c) {
194 |         return (c * 9 / 5) + 32;
195 |     };
196 |     return FahrenheitTemperature;
197 | }());
198 | var celsiusTemperature = new CelsiusTemperature(0.0);
199 | var fahrenheitTemperature = new FahrenheitTemperature(celsiusTemperature);
200 | celsiusTemperature.temperature = 36.6;
201 | console.log(celsiusTemperature.temperature + " C -> " + fahrenheitTemperature.temperature + " F");
202 | fahrenheitTemperature.temperature = 100.0;
203 | console.log(fahrenheitTemperature.temperature + " F -> " + celsiusTemperature.temperature + " C");
204 | console.log('### Decorator ###');
205 | var NormalCoffeeMachine = (function () {
206 |     function NormalCoffeeMachine() {
207 |     }
208 |     NormalCoffeeMachine.prototype.makeSmallCoffee = function () {
209 |         console.log("Normal: Making small coffee");
210 |     };
211 |     NormalCoffeeMachine.prototype.makeLargeCoffee = function () {
212 |         console.log("Normal: Making large coffee");
213 |     };
214 |     return NormalCoffeeMachine;
215 | }());
216 | var EnhancedCoffeeMachine = (function () {
217 |     function EnhancedCoffeeMachine(coffeeMachine) {
218 |         this.coffeeMachine = coffeeMachine;
219 |     }
220 |     EnhancedCoffeeMachine.prototype.makeCoffeeWithMilk = function () {
221 |         console.log("Enhanced: Making coffee with milk");
222 |         this.coffeeMachine.makeSmallCoffee();
223 |         console.log("Enhanced: Adding milk");
224 |     };
225 |     EnhancedCoffeeMachine.prototype.makeDoubleLargeCoffee = function () {
226 |         console.log("Enhanced: Making double large coffee");
227 |         this.coffeeMachine.makeLargeCoffee();
228 |         this.coffeeMachine.makeLargeCoffee();
229 |     };
230 |     return EnhancedCoffeeMachine;
231 | }());
232 | var normalMachine = new NormalCoffeeMachine();
233 | var enhancedMachine = new EnhancedCoffeeMachine(normalMachine);
234 | enhancedMachine.makeCoffeeWithMilk();
235 | enhancedMachine.makeDoubleLargeCoffee();
236 | console.log('### Facade ###');
237 | var ComplexSystemStore = (function () {
238 |     function ComplexSystemStore(filePath) {
239 |         this.filePath = filePath;
240 |         this._store = new Map();
241 |         console.log("Reading data from file: " + this.filePath);
242 |     }
243 |     ComplexSystemStore.prototype.store = function (key, payload) {
244 |         this._store.set(key, payload);
245 |     };
246 |     ComplexSystemStore.prototype.read = function (key) {
247 |         return this._store.has(key) ? this._store.get(key) : '';
248 |     };
249 |     ComplexSystemStore.prototype.commit = function () {
250 |         var keys = Array.from(this._store.keys());
251 |         console.log("Storing cached data: " + keys + " to file: " + this.filePath);
252 |     };
253 |     return ComplexSystemStore;
254 | }());
255 | var User = (function () {
256 |     function User(login) {
257 |         this.login = login;
258 |     }
259 |     return User;
260 | }());
261 | var UserRepository = (function () {
262 |     function UserRepository() {
263 |         this.systemPreferences = new ComplexSystemStore("/data/default.prefs");
264 |     }
265 |     UserRepository.prototype.save = function (user) {
266 |         this.systemPreferences.store("USER_KEY", user.login);
267 |         this.systemPreferences.commit();
268 |     };
269 |     UserRepository.prototype.findFirst = function () {
270 |         return new User(this.systemPreferences.read("USER_KEY"));
271 |     };
272 |     return UserRepository;
273 | }());
274 | var userRepository = new UserRepository();
275 | var user = new User("dbacinski");
276 | userRepository.save(user);
277 | var resultUser = userRepository.findFirst();
278 | console.log("Found stored user: " + resultUser.login);
279 | 


--------------------------------------------------------------------------------
/dist/examples/ChainOfResponsibility.js:
--------------------------------------------------------------------------------
 1 | console.log('Chain of Responsibility');
 2 | var AuthenticationHeader = (function () {
 3 |     function AuthenticationHeader(token, next) {
 4 |         this.token = token;
 5 |         this.next = next;
 6 |     }
 7 |     AuthenticationHeader.prototype.addLines = function (inputHeader) {
 8 |         if (this.token === null)
 9 |             throw new Error("Token should be not null");
10 |         var text = inputHeader + " Authorization: Bearer " + this.token;
11 |         if (this.next)
12 |             this.next.addLines(text);
13 |         return text;
14 |     };
15 |     return AuthenticationHeader;
16 | }());
17 | var ContentTypeHeader = (function () {
18 |     function ContentTypeHeader(contentType, next) {
19 |         this.contentType = contentType;
20 |         this.next = next;
21 |     }
22 |     ContentTypeHeader.prototype.addLines = function (inputHeader) {
23 |         var text = inputHeader + " ContentType: " + this.contentType;
24 |         if (this.next)
25 |             this.next.addLines(text);
26 |         return text;
27 |     };
28 |     return ContentTypeHeader;
29 | }());
30 | var BodyPayload = (function () {
31 |     function BodyPayload(body, next) {
32 |         this.body = body;
33 |         this.next = next;
34 |     }
35 |     BodyPayload.prototype.addLines = function (inputHeader) {
36 |         var text = inputHeader + " " + this.body;
37 |         if (this.next)
38 |             this.next.addLines(text);
39 |         return text;
40 |     };
41 |     return BodyPayload;
42 | }());
43 | var authenticationHeader = new AuthenticationHeader("123456");
44 | var contentTypeHeader = new ContentTypeHeader("json");
45 | var messageBody = new BodyPayload('{"username"="dbacinski"}');
46 | var messageChainWithAuthorization = function (authenticationHeader, contentTypeHeader, messageBody) {
47 |     authenticationHeader.next = contentTypeHeader;
48 |     contentTypeHeader.next = messageBody;
49 |     return authenticationHeader;
50 | };
51 | var _messageChainWithAuthorization = messageChainWithAuthorization(authenticationHeader, contentTypeHeader, messageBody);
52 | var _messageWithAuthentication = _messageChainWithAuthorization.addLines("Message with Authentication:\n");
53 | console.log(_messageWithAuthentication);
54 | 


--------------------------------------------------------------------------------
/dist/system.js:
--------------------------------------------------------------------------------
1 | /*
2 |  * SystemJS v0.19.41
3 |  */
4 | !function(){function e(){!function(e){function t(e,r){if("string"!=typeof e)throw new TypeError("URL must be a string");var n=String(e).replace(/^\s+|\s+$/g,"").match(/^([^:\/?#]+:)?(?:\/\/(?:([^:@\/?#]*)(?::([^:@\/?#]*))?@)?(([^:\/?#]*)(?::(\d*))?))?([^?#]*)(\?[^#]*)?(#[\s\S]*)?/);if(!n)throw new RangeError("Invalid URL format");var a=n[1]||"",o=n[2]||"",i=n[3]||"",s=n[4]||"",l=n[5]||"",u=n[6]||"",d=n[7]||"",c=n[8]||"",f=n[9]||"";if(void 0!==r){var m=r instanceof t?r:new t(r),p=!a&&!s&&!o;!p||d||c||(c=m.search),p&&"/"!==d[0]&&(d=d?(!m.host&&!m.username||m.pathname?"":"/")+m.pathname.slice(0,m.pathname.lastIndexOf("/")+1)+d:m.pathname);var h=[];d.replace(/^(\.\.?(\/|$))+/,"").replace(/\/(\.(\/|$))+/g,"/").replace(/\/\.\.$/,"/../").replace(/\/?[^\/]*/g,function(e){"/.."===e?h.pop():h.push(e)}),d=h.join("").replace(/^\//,"/"===d[0]?"/":""),p&&(u=m.port,l=m.hostname,s=m.host,i=m.password,o=m.username),a||(a=m.protocol)}d=d.replace(/\\/g,"/"),this.origin=s?a+(""!==a||""!==s?"//":"")+s:"",this.href=a+(a&&s||"file:"==a?"//":"")+(""!==o?o+(""!==i?":"+i:"")+"@":"")+s+d+c+f,this.protocol=a,this.username=o,this.password=i,this.host=s,this.hostname=l,this.port=u,this.pathname=d,this.search=c,this.hash=f}e.URLPolyfill=t}("undefined"!=typeof self?self:global),function(e){function t(e,t){if(!e.originalErr)for(var r=((e.message||e)+(e.stack?"\n"+e.stack:"")).toString().split("\n"),n=[],a=0;a<r.length;a++)"undefined"!=typeof $__curScript&&r[a].indexOf($__curScript.src)!=-1||n.push(r[a]);var o="(SystemJS) "+(n?n.join("\n\t"):e.message.substr(11))+"\n\t"+t;F||(o=o.replace(D?/file:\/\/\//g:/file:\/\//g,""));var i=J?new Error(o,e.fileName,e.lineNumber):new Error(o);return i.stack=o,i.originalErr=e.originalErr||e,i}function r(){}function n(t){this._loader={loaderObj:this,loads:[],modules:{},importPromises:{},moduleRecords:{}},q(this,"global",{get:function(){return e}})}function a(){n.call(this),this.paths={},this._loader.paths={},V.call(this)}function o(){}function i(e,t){a.prototype[e]=t(a.prototype[e]||function(){})}function s(e){V=e(V||function(){})}function l(e){return e.match(Y)}function u(e){return"."==e[0]&&(!e[1]||"/"==e[1]||"."==e[1])||"/"==e[0]}function d(e){return!u(e)&&!l(e)}function c(e,t){if("."==e[0]){if("/"==e[1]&&"."!=e[2])return(t&&t.substr(0,t.lastIndexOf("/")+1)||$)+e.substr(2)}else if("/"!=e[0]&&e.indexOf(":")==-1)return(t&&t.substr(0,t.lastIndexOf("/")+1)||$)+e;return new H(e,t&&t.replace(/#/g,"%05")||K).href.replace(/%05/g,"#")}function f(e,t){var r,n="",a=0,o=e.paths,i=e._loader.paths;for(var s in o)if(!o.hasOwnProperty||o.hasOwnProperty(s)){var l=o[s];if(l!==i[s]&&(l=o[s]=i[s]=c(o[s],u(o[s])?$:e.baseURL)),s.indexOf("*")===-1){if(t==s)return o[s];if(t.substr(0,s.length-1)==s.substr(0,s.length-1)&&(t.length<s.length||t[s.length-1]==s[s.length-1])&&("/"==o[s][o[s].length-1]||""==o[s]))return o[s].substr(0,o[s].length-1)+(t.length>s.length?(o[s]&&"/"||"")+t.substr(s.length):"")}else{var d=s.split("*");if(d.length>2)throw new TypeError("Only one wildcard in a path is permitted");var f=d[0].length;f>=a&&t.substr(0,d[0].length)==d[0]&&t.substr(t.length-d[1].length)==d[1]&&(a=f,n=s,r=t.substr(d[0].length,t.length-d[1].length-d[0].length))}}var m=o[n];return"string"==typeof r&&(m=m.replace("*",r)),m}function m(e){for(var t=[],r=[],n=0,a=e.length;n<a;n++){var o=U.call(t,e[n]);o===-1?(t.push(e[n]),r.push([n])):r[o].push(n)}return{names:t,indices:r}}function p(t){var r={};if(("object"==typeof t||"function"==typeof t)&&t!==e)if(Q)for(var n in t)"default"!==n&&h(r,t,n);else g(r,t);return r.default=t,q(r,"__useDefault",{value:!0}),r}function h(e,t,r){try{var n;(n=Object.getOwnPropertyDescriptor(t,r))&&q(e,r,n)}catch(n){return e[r]=t[r],!1}}function g(e,t,r){var n=t&&t.hasOwnProperty;for(var a in t)n&&!t.hasOwnProperty(a)||r&&a in e||(e[a]=t[a]);return e}function v(e,t,r){var n=t&&t.hasOwnProperty;for(var a in t)if(!n||t.hasOwnProperty(a)){var o=t[a];a in e?o instanceof Array&&e[a]instanceof Array?e[a]=[].concat(r?o:e[a]).concat(r?e[a]:o):"object"==typeof o&&null!==o&&"object"==typeof e[a]?e[a]=g(g({},e[a]),o,r):r||(e[a]=o):e[a]=o}}function b(e,t,r,n,a){for(var o in t)if(U.call(["main","format","defaultExtension","basePath"],o)!=-1)e[o]=t[o];else if("map"==o)g(e.map=e.map||{},t.map);else if("meta"==o)g(e.meta=e.meta||{},t.meta);else if("depCache"==o)for(var i in t.depCache){var s;s="./"==i.substr(0,2)?r+"/"+i.substr(2):P.call(n,i),n.depCache[s]=(n.depCache[s]||[]).concat(t.depCache[i])}else!a||U.call(["browserConfig","nodeConfig","devConfig","productionConfig"],o)!=-1||t.hasOwnProperty&&!t.hasOwnProperty(o)||w.call(n,'"'+o+'" is not a valid package configuration option in package '+r)}function y(e,t,r,n){var a;if(e.packages[t]){var o=e.packages[t];a=e.packages[t]={},b(a,n?r:o,t,e,n),b(a,n?o:r,t,e,!n)}else a=e.packages[t]=r;return"object"==typeof a.main&&(a.map=a.map||{},a.map["./@main"]=a.main,a.main.default=a.main.default||"./",a.main="@main"),a}function w(e){this.warnings&&"undefined"!=typeof console&&console.warn}function x(e,t){for(var r=e.split(".");r.length;)t=t[r.shift()];return t}function S(e,t){var r,n=0;for(var a in e)if(t.substr(0,a.length)==a&&(t.length==a.length||"/"==t[a.length])){var o=a.split("/").length;if(o<=n)continue;r=a,n=o}return r}function _(e){this._loader.baseURL!==this.baseURL&&("/"!=this.baseURL[this.baseURL.length-1]&&(this.baseURL+="/"),this._loader.baseURL=this.baseURL=new H(this.baseURL,K).href)}function E(e,t){this.set("@system-env",te=this.newModule({browser:F,node:!!this._nodeRequire,production:!t&&e,dev:t||!e,build:t,default:!0}))}function j(e,t){if(!d(e))throw new Error("Node module "+e+" can't be loaded as it is not a package require.");if(!re){var r=this._nodeRequire("module"),n=t.substr(D?8:7);re=new r(n),re.paths=r._nodeModulePaths(n)}return re.require(e)}function P(e,t){if(u(e))return c(e,t);if(l(e))return e;var r=S(this.map,e);if(r){if(e=this.map[r]+e.substr(r.length),u(e))return c(e);if(l(e))return e}if(this.has(e))return e;if("@node/"==e.substr(0,6)){if(!this._nodeRequire)throw new TypeError("Error loading "+e+". Can only load node core modules in Node.");return this.builder?this.set(e,this.newModule({})):this.set(e,this.newModule(p(j.call(this,e.substr(6),this.baseURL)))),e}return _.call(this),f(this,e)||this.baseURL+e}function O(e,t,r){te.browser&&t.browserConfig&&r(t.browserConfig),te.node&&t.nodeConfig&&r(t.nodeConfig),te.dev&&t.devConfig&&r(t.devConfig),te.build&&t.buildConfig&&r(t.buildConfig),te.production&&t.productionConfig&&r(t.productionConfig)}function M(e){var t=e.match(oe);return t&&"System.register"==e.substr(t[0].length,15)}function k(){return{name:null,deps:null,originalIndices:null,declare:null,execute:null,executingRequire:!1,declarative:!1,normalizedDeps:null,groupIndex:null,evaluated:!1,module:null,esModule:null,esmExports:!1}}function R(t){if("string"==typeof t)return x(t,e);if(!(t instanceof Array))throw new Error("Global exports must be a string or array.");for(var r={},n=!0,a=0;a<t.length;a++){var o=x(t[a],e);n&&(r.default=o,n=!1),r[t[a].split(".").pop()]=o}return r}function z(e){var t,r,n,n="~"==e[0],a=e.lastIndexOf("|");return a!=-1?(t=e.substr(a+1),r=e.substr(n,a-n),n&&w.call(this,'Condition negation form "'+e+'" is deprecated for "'+r+"|~"+t+'"'),"~"==t[0]&&(n=!0,t=t.substr(1))):(t="default",r=e.substr(n),se.indexOf(r)!=-1&&(t=r,r=null)),{module:r||"@system-env",prop:t,negate:n}}function I(e){return e.module+"|"+(e.negate?"~":"")+e.prop}function T(e,t,r){var n=this;return this.normalize(e.module,t).then(function(t){return n.load(t).then(function(a){var o=x(e.prop,n.get(t));if(r&&"boolean"!=typeof o)throw new TypeError("Condition "+I(e)+" did not resolve to a boolean.");return e.negate?!o:o})})}function C(e,t){var r=e.match(le);if(!r)return Promise.resolve(e);var n=z.call(this,r[0].substr(2,r[0].length-3));return this.builder?this.normalize(n.module,t).then(function(t){return n.module=t,e.replace(le,"#{"+I(n)+"}")}):T.call(this,n,t,!1).then(function(r){if("string"!=typeof r)throw new TypeError("The condition value for "+e+" doesn't resolve to a string.");if(r.indexOf("/")!=-1)throw new TypeError("Unabled to interpolate conditional "+e+(t?" in "+t:"")+"\n\tThe condition value "+r+' cannot contain a "/" separator.');return e.replace(le,r)})}function L(e,t){var r=e.lastIndexOf("#?");if(r==-1)return Promise.resolve(e);var n=z.call(this,e.substr(r+2));return this.builder?this.normalize(n.module,t).then(function(t){return n.module=t,e.substr(0,r)+"#?"+I(n)}):T.call(this,n,t,!0).then(function(t){return t?e.substr(0,r):"@empty"})}var A="undefined"==typeof window&&"undefined"!=typeof self&&"undefined"!=typeof importScripts,F="undefined"!=typeof window&&"undefined"!=typeof document,D="undefined"!=typeof process&&"undefined"!=typeof process.platform&&!!process.platform.match(/^win/);e.console||(e.console={assert:function(){}});var q,U=Array.prototype.indexOf||function(e){for(var t=0,r=this.length;t<r;t++)if(this[t]===e)return t;return-1};!function(){try{Object.defineProperty({},"a",{})&&(q=Object.defineProperty)}catch(e){q=function(e,t,r){try{e[t]=r.value||r.get.call(e)}catch(e){}}}}();var $,J="_"==new Error(0,"_").fileName;if("undefined"!=typeof document&&document.getElementsByTagName){if($=document.baseURI,!$){var N=document.getElementsByTagName("base");$=N[0]&&N[0].href||window.location.href}}else"undefined"!=typeof location&&($=e.location.href);if($)$=$.split("#")[0].split("?")[0],$=$.substr(0,$.lastIndexOf("/")+1);else{if("undefined"==typeof process||!process.cwd)throw new TypeError("No environment baseURI");$="file://"+(D?"/":"")+process.cwd()+"/",D&&($=$.replace(/\\/g,"/"))}try{var B="test:"==new e.URL("test:///").protocol}catch(e){}var H=B?e.URL:e.URLPolyfill;q(r.prototype,"toString",{value:function(){return"Module"}}),function(){function e(e){return{status:"loading",name:e||"<Anonymous"+ ++y+">",linkSets:[],dependencies:[],metadata:{}}}function a(e,t,r){return new Promise(u({step:r.address?"fetch":"locate",loader:e,moduleName:t,moduleMetadata:r&&r.metadata||{},moduleSource:r.source,moduleAddress:r.address}))}function o(t,r,n,a){return new Promise(function(e,o){e(t.loaderObj.normalize(r,n,a))}).then(function(r){var n;if(t.modules[r])return n=e(r),n.status="linked",n.module=t.modules[r],n;for(var a=0,o=t.loads.length;a<o;a++)if(n=t.loads[a],n.name==r)return n;return n=e(r),t.loads.push(n),i(t,n),n})}function i(e,t){s(e,t,Promise.resolve().then(function(){return e.loaderObj.locate({name:t.name,metadata:t.metadata})}))}function s(e,t,r){l(e,t,r.then(function(r){if("loading"==t.status)return t.address=r,e.loaderObj.fetch({name:t.name,metadata:t.metadata,address:r})}))}function l(e,t,r){r.then(function(r){if("loading"==t.status)return t.address=t.address||t.name,Promise.resolve(e.loaderObj.translate({name:t.name,metadata:t.metadata,address:t.address,source:r})).then(function(r){return t.source=r,e.loaderObj.instantiate({name:t.name,metadata:t.metadata,address:t.address,source:r})}).then(function(e){if(void 0===e)throw new TypeError("Declarative modules unsupported in the polyfill.");if("object"!=typeof e)throw new TypeError("Invalid instantiate return value");t.depsList=e.deps||[],t.execute=e.execute}).then(function(){t.dependencies=[];for(var r=t.depsList,n=[],a=0,i=r.length;a<i;a++)(function(r,a){n.push(o(e,r,t.name,t.address).then(function(e){if(t.dependencies[a]={key:r,value:e.name},"linked"!=e.status)for(var n=t.linkSets.concat([]),o=0,i=n.length;o<i;o++)c(n[o],e)}))})(r[a],a);return Promise.all(n)}).then(function(){t.status="loaded";for(var e=t.linkSets.concat([]),r=0,n=e.length;r<n;r++)m(e[r],t)})}).catch(function(e){t.status="failed",t.exception=e;for(var r=t.linkSets.concat([]),n=0,a=r.length;n<a;n++)p(r[n],t,e)})}function u(t){return function(r,n){var a=t.loader,o=t.moduleName,u=t.step;if(a.modules[o])throw new TypeError('"'+o+'" already exists in the module table');for(var c,f=0,m=a.loads.length;f<m;f++)if(a.loads[f].name==o&&(c=a.loads[f],"translate"!=u||c.source||(c.address=t.moduleAddress,l(a,c,Promise.resolve(t.moduleSource))),c.linkSets.length&&c.linkSets[0].loads[0].name==c.name))return c.linkSets[0].done.then(function(){r(c)});var p=c||e(o);p.metadata=t.moduleMetadata;var h=d(a,p);a.loads.push(p),r(h.done),"locate"==u?i(a,p):"fetch"==u?s(a,p,Promise.resolve(t.moduleAddress)):(p.address=t.moduleAddress,l(a,p,Promise.resolve(t.moduleSource)))}}function d(e,t){var r={loader:e,loads:[],startingLoad:t,loadingCount:0};return r.done=new Promise(function(e,t){r.resolve=e,r.reject=t}),c(r,t),r}function c(e,t){if("failed"!=t.status){for(var r=0,n=e.loads.length;r<n;r++)if(e.loads[r]==t)return;e.loads.push(t),t.linkSets.push(e),"loaded"!=t.status&&e.loadingCount++;for(var a=e.loader,r=0,n=t.dependencies.length;r<n;r++)if(t.dependencies[r]){var o=t.dependencies[r].value;if(!a.modules[o])for(var i=0,s=a.loads.length;i<s;i++)if(a.loads[i].name==o){c(e,a.loads[i]);break}}}}function f(e){var t=!1;try{b(e,function(r,n){p(e,r,n),t=!0})}catch(r){p(e,null,r),t=!0}return t}function m(e,t){if(e.loadingCount--,!(e.loadingCount>0)){var r=e.startingLoad;if(e.loader.loaderObj.execute===!1){for(var n=[].concat(e.loads),a=0,o=n.length;a<o;a++){var t=n[a];t.module={name:t.name,module:w({}),evaluated:!0},t.status="linked",h(e.loader,t)}return e.resolve(r)}var i=f(e);i||e.resolve(r)}}function p(e,r,n){var a=e.loader;e:if(r)if(e.loads[0].name==r.name)n=t(n,"Error loading "+r.name);else{for(var o=0;o<e.loads.length;o++)for(var i=e.loads[o],s=0;s<i.dependencies.length;s++){var l=i.dependencies[s];if(l.value==r.name){n=t(n,"Error loading "+r.name+' as "'+l.key+'" from '+i.name);break e}}n=t(n,"Error loading "+r.name+" from "+e.loads[0].name)}else n=t(n,"Error linking "+e.loads[0].name);for(var u=e.loads.concat([]),o=0,d=u.length;o<d;o++){var r=u[o];a.loaderObj.failed=a.loaderObj.failed||[],U.call(a.loaderObj.failed,r)==-1&&a.loaderObj.failed.push(r);var c=U.call(r.linkSets,e);if(r.linkSets.splice(c,1),0==r.linkSets.length){var f=U.call(e.loader.loads,r);f!=-1&&e.loader.loads.splice(f,1)}}e.reject(n)}function h(e,t){if(e.loaderObj.trace){e.loaderObj.loads||(e.loaderObj.loads={});var r={};t.dependencies.forEach(function(e){r[e.key]=e.value}),e.loaderObj.loads[t.name]={name:t.name,deps:t.dependencies.map(function(e){return e.key}),depMap:r,address:t.address,metadata:t.metadata,source:t.source}}t.name&&(e.modules[t.name]=t.module);var n=U.call(e.loads,t);n!=-1&&e.loads.splice(n,1);for(var a=0,o=t.linkSets.length;a<o;a++)n=U.call(t.linkSets[a].loads,t),n!=-1&&t.linkSets[a].loads.splice(n,1);t.linkSets.splice(0,t.linkSets.length)}function g(e,t,n){try{var a=t.execute()}catch(e){return void n(t,e)}return a&&a instanceof r?a:void n(t,new TypeError("Execution must define a Module instance"))}function v(e,t,r){var n=e._loader.importPromises;return n[t]=r.then(function(e){return n[t]=void 0,e},function(e){throw n[t]=void 0,e})}function b(e,t){var r=e.loader;if(e.loads.length)for(var n=e.loads.concat([]),a=0;a<n.length;a++){var o=n[a],i=g(e,o,t);if(!i)return;o.module={name:o.name,module:i},o.status="linked",h(r,o)}}var y=0;n.prototype={constructor:n,define:function(e,t,r){if(this._loader.importPromises[e])throw new TypeError("Module is already loading.");return v(this,e,new Promise(u({step:"translate",loader:this._loader,moduleName:e,moduleMetadata:r&&r.metadata||{},moduleSource:t,moduleAddress:r&&r.address})))},delete:function(e){var t=this._loader;return delete t.importPromises[e],delete t.moduleRecords[e],!!t.modules[e]&&delete t.modules[e]},get:function(e){if(this._loader.modules[e])return this._loader.modules[e].module},has:function(e){return!!this._loader.modules[e]},import:function(e,t,r){"object"==typeof t&&(t=t.name);var n=this;return Promise.resolve(n.normalize(e,t)).then(function(e){var t=n._loader;return t.modules[e]?t.modules[e].module:t.importPromises[e]||v(n,e,a(t,e,{}).then(function(r){return delete t.importPromises[e],r.module.module}))})},load:function(e){var t=this._loader;return t.modules[e]?Promise.resolve():t.importPromises[e]||v(this,e,new Promise(u({step:"locate",loader:t,moduleName:e,moduleMetadata:{},moduleSource:void 0,moduleAddress:void 0})).then(function(){delete t.importPromises[e]}))},module:function(t,r){var n=e();n.address=r&&r.address;var a=d(this._loader,n),o=Promise.resolve(t),i=this._loader,s=a.done.then(function(){return n.module.module});return l(i,n,o),s},newModule:function(e){if("object"!=typeof e)throw new TypeError("Expected object");var t=new r,n=[];if(Object.getOwnPropertyNames&&null!=e)n=Object.getOwnPropertyNames(e);else for(var a in e)n.push(a);for(var o=0;o<n.length;o++)(function(r){q(t,r,{configurable:!1,enumerable:!0,get:function(){return e[r]},set:function(){throw new Error("Module exports cannot be changed externally.")}})})(n[o]);return Object.freeze&&Object.freeze(t),t},set:function(e,t){if(!(t instanceof r))throw new TypeError("Loader.set("+e+", module) must be a module");this._loader.modules[e]={module:t}},normalize:function(e,t,r){},locate:function(e){return e.name},fetch:function(e){},translate:function(e){return e.source},instantiate:function(e){}};var w=n.prototype.newModule}();var X,G;if("undefined"!=typeof XMLHttpRequest)G=function(e,t,r,n){function a(){r(i.responseText)}function o(){n(new Error("XHR error"+(i.status?" ("+i.status+(i.statusText?" "+i.statusText:"")+")":"")+" loading "+e))}var i=new XMLHttpRequest,s=!0,l=!1;if(!("withCredentials"in i)){var u=/^(\w+:)?\/\/([^\/]+)/.exec(e);u&&(s=u[2]===window.location.host,u[1]&&(s&=u[1]===window.location.protocol))}s||"undefined"==typeof XDomainRequest||(i=new XDomainRequest,i.onload=a,i.onerror=o,i.ontimeout=o,i.onprogress=function(){},i.timeout=0,l=!0),i.onreadystatechange=function(){4===i.readyState&&(0==i.status?i.responseText?a():(i.addEventListener("error",o),i.addEventListener("load",a)):200===i.status?a():o())},i.open("GET",e,!0),i.setRequestHeader&&(i.setRequestHeader("Accept","application/x-es-module, */*"),t&&("string"==typeof t&&i.setRequestHeader("Authorization",t),i.withCredentials=!0)),l?setTimeout(function(){i.send()},0):i.send(null)};else if("undefined"!=typeof require&&"undefined"!=typeof process){var Z;G=function(e,t,r,n){if("file:///"!=e.substr(0,8))throw new Error('Unable to fetch "'+e+'". Only file URLs of the form file:/// allowed running in Node.');return Z=Z||require("fs"),e=D?e.replace(/\//g,"\\").substr(8):e.substr(7),Z.readFile(e,function(e,t){if(e)return n(e);var a=t+"";"\ufeff"===a[0]&&(a=a.substr(1)),r(a)})}}else{if("undefined"==typeof self||"undefined"==typeof self.fetch)throw new TypeError("No environment fetch API available.");G=function(e,t,r,n){var a={headers:{Accept:"application/x-es-module, */*"}};t&&("string"==typeof t&&(a.headers.Authorization=t),a.credentials="include"),fetch(e,a).then(function(e){if(e.ok)return e.text();throw new Error("Fetch error: "+e.status+" "+e.statusText)}).then(r,n)}}var W=function(){function t(t){var n=this;return Promise.resolve(e["typescript"==n.transpiler?"ts":n.transpiler]||(n.pluginLoader||n).import(n.transpiler)).then(function(e){e.__useDefault&&(e=e.default);var a;return a=e.Compiler?r:e.createLanguageService?i:o,"(function(__moduleName){"+a.call(n,t,e)+'\n})("'+t.name+'");\n//# sourceURL='+t.address+"!transpiled"})}function r(e,t){var r=this.traceurOptions||{};r.modules="instantiate",r.script=!1,void 0===r.sourceMaps&&(r.sourceMaps="inline"),r.filename=e.address,r.inputSourceMap=e.metadata.sourceMap,r.moduleName=!1;var n=new t.Compiler(r);return a(e.source,n,r.filename)}function a(e,t,r){try{return t.compile(e,r)}catch(e){if(e.length)throw e[0];throw e}}function o(e,t){var r=this.babelOptions||{};return r.modules="system",void 0===r.sourceMap&&(r.sourceMap="inline"),r.inputSourceMap=e.metadata.sourceMap,r.filename=e.address,r.code=!0,r.ast=!1,t.transform(e.source,r).code}function i(e,t){var r=this.typescriptOptions||{};return r.target=r.target||t.ScriptTarget.ES5,void 0===r.sourceMap&&(r.sourceMap=!0),r.sourceMap&&r.inlineSourceMap!==!1&&(r.inlineSourceMap=!0),r.module=t.ModuleKind.System,t.transpile(e.source,r,e.address)}return n.prototype.transpiler="traceur",t}();o.prototype=n.prototype,a.prototype=new o,a.prototype.constructor=a;var V,Y=/^[^\/]+:\/\//,K=new H($),Q=!0;try{Object.getOwnPropertyDescriptor({a:0},"a")}catch(e){Q=!1}var ee;!function(){function r(e){return l?d+new Buffer(e).toString("base64"):"undefined"!=typeof btoa?d+btoa(unescape(encodeURIComponent(e))):""}function n(e,t){var n=e.source.lastIndexOf("\n");"global"==e.metadata.format&&(t=!1);var a=e.metadata.sourceMap;if(a){if("object"!=typeof a)throw new TypeError("load.metadata.sourceMap must be set to an object.");a=JSON.stringify(a)}return(t?"(function(System, SystemJS) {":"")+e.source+(t?"\n})(System, System);":"")+("\n//# sourceURL="!=e.source.substr(n,15)?"\n//# sourceURL="+e.address+(a?"!transpiled":""):"")+(a&&r(a)||"")}function a(t,r){u=r,0==p++&&(c=e.System),e.System=e.SystemJS=t}function o(){0==--p&&(e.System=e.SystemJS=c),u=void 0}function s(e){g||(g=document.head||document.body||document.documentElement);var r=document.createElement("script");r.text=n(e,!1);var i,s=window.onerror;if(window.onerror=function(r){i=t(r,"Evaluating "+e.address),s&&s.apply(this,arguments)},a(this,e),e.metadata.integrity&&r.setAttribute("integrity",e.metadata.integrity),e.metadata.nonce&&r.setAttribute("nonce",e.metadata.nonce),g.appendChild(r),g.removeChild(r),o(),window.onerror=s,i)throw i}var l="undefined"!=typeof Buffer;try{l&&"YQ=="!=new Buffer("a").toString("base64")&&(l=!1)}catch(e){l=!1}var u,d="\n//# sourceMappingURL=data:application/json;base64,";i("pushRegister_",function(){return function(e){return!!u&&(this.reduceRegister_(u,e),!0)}});var c,f,m,p=0;ee=function(e){if(e.source){if((e.metadata.integrity||e.metadata.nonce)&&h)return s.call(this,e);try{a(this,e),u=e,!m&&this._nodeRequire&&(m=this._nodeRequire("vm"),f=m.runInThisContext("typeof System !== 'undefined' && System")===this),f?m.runInThisContext(n(e,!0),{filename:e.address+(e.metadata.sourceMap?"!transpiled":"")}):(0,eval)(n(e,!0)),o()}catch(r){throw o(),t(r,"Evaluating "+e.address)}}};var h=!1;F&&"undefined"!=typeof document&&document.getElementsByTagName&&(window.chrome&&window.chrome.extension||navigator.userAgent.match(/^Node\.js/)||(h=!0));var g}();var te;s(function(e){return function(){e.call(this),this.baseURL=$,this.map={},"undefined"!=typeof $__curScript&&(this.scriptSrc=$__curScript.src),this.warnings=!1,this.defaultJSExtensions=!1,this.pluginFirst=!1,this.loaderErrorStack=!1,this.set("@empty",this.newModule({})),E.call(this,!1,!1)}}),"undefined"==typeof require||"undefined"==typeof process||process.browser||(a.prototype._nodeRequire=require);var re;i("normalize",function(e){return function(e,t,r){var n=P.call(this,e,t);return!this.defaultJSExtensions||r||".js"==n.substr(n.length-3,3)||d(n)||(n+=".js"),n}});var ne="undefined"!=typeof XMLHttpRequest;i("locate",function(e){return function(t){return Promise.resolve(e.call(this,t)).then(function(e){return ne?e.replace(/#/g,"%23"):e})}}),i("fetch",function(){return function(e){return new Promise(function(t,r){G(e.address,e.metadata.authorization,t,r)})}}),i("import",function(e){return function(t,r,n){return r&&r.name&&w.call(this,"SystemJS.import(name, { name: parentName }) is deprecated for SystemJS.import(name, parentName), while importing "+t+" from "+r.name),e.call(this,t,r,n).then(function(e){return e.__useDefault?e.default:e})}}),i("translate",function(e){return function(t){return"detect"==t.metadata.format&&(t.metadata.format=void 0),e.apply(this,arguments)}}),i("instantiate",function(e){return function(e){if("json"==e.metadata.format&&!this.builder){var t=e.metadata.entry=k();t.deps=[],t.execute=function(){try{return JSON.parse(e.source)}catch(t){throw new Error("Invalid JSON file "+e.name)}}}}}),a.prototype.getConfig=function(e){var t={},r=this;for(var n in r)r.hasOwnProperty&&!r.hasOwnProperty(n)||n in a.prototype&&"transpiler"!=n||U.call(["_loader","amdDefine","amdRequire","defined","failed","version","loads"],n)==-1&&(t[n]=r[n]);return t.production=te.production,t};var ae;a.prototype.config=function(e,t){function r(e){for(var t in e)if(e.hasOwnProperty(t))return!0}var n=this;if("loaderErrorStack"in e&&(ae=$__curScript,e.loaderErrorStack?$__curScript=void 0:$__curScript=ae),"warnings"in e&&(n.warnings=e.warnings),e.transpilerRuntime===!1&&(n._loader.loadedTranspilerRuntime=!0),("production"in e||"build"in e)&&E.call(n,!!e.production,!!(e.build||te&&te.build)),!t){var a;if(O(n,e,function(e){a=a||e.baseURL}),a=a||e.baseURL){if(r(n.packages)||r(n.meta)||r(n.depCache)||r(n.bundles)||r(n.packageConfigPaths))throw new TypeError("Incorrect configuration order. The baseURL must be configured with the first SystemJS.config call.");this.baseURL=a,_.call(this)}if(e.paths&&g(n.paths,e.paths),O(n,e,function(e){e.paths&&g(n.paths,e.paths)}),this.warnings)for(var o in n.paths)o.indexOf("*")!=-1&&w.call(n,'Paths configuration "'+o+'" -> "'+n.paths[o]+'" uses wildcards which are being deprecated for just leaving a trailing "/" to indicate folder paths.')}if(e.defaultJSExtensions&&(n.defaultJSExtensions=e.defaultJSExtensions,w.call(n,"The defaultJSExtensions configuration option is deprecated, use packages configuration instead.")),e.pluginFirst&&(n.pluginFirst=e.pluginFirst),e.map)for(var o in e.map){var i=e.map[o];if("string"!=typeof i){var s=n.defaultJSExtensions&&".js"!=o.substr(o.length-3,3),l=n.decanonicalize(o);s&&".js"==l.substr(l.length-3,3)&&(l=l.substr(0,l.length-3));var u="";for(var c in n.packages)l.substr(0,c.length)==c&&(!l[c.length]||"/"==l[c.length])&&u.split("/").length<c.split("/").length&&(u=c);u&&n.packages[u].main&&(l=l.substr(0,l.length-n.packages[u].main.length-1));var c=n.packages[l]=n.packages[l]||{};c.map=i}else n.map[o]=i}if(e.packageConfigPaths){for(var f=[],m=0;m<e.packageConfigPaths.length;m++){var p=e.packageConfigPaths[m],h=Math.max(p.lastIndexOf("*")+1,p.lastIndexOf("/")),v=P.call(n,p.substr(0,h));f[m]=v+p.substr(h)}n.packageConfigPaths=f}if(e.bundles)for(var o in e.bundles){for(var b=[],m=0;m<e.bundles[o].length;m++){var s=n.defaultJSExtensions&&".js"!=e.bundles[o][m].substr(e.bundles[o][m].length-3,3),x=n.decanonicalize(e.bundles[o][m]);s&&".js"==x.substr(x.length-3,3)&&(x=x.substr(0,x.length-3)),b.push(x)}n.bundles[o]=b}if(e.packages)for(var o in e.packages){if(o.match(/^([^\/]+:)?\/\/$/))throw new TypeError('"'+o+'" is not a valid package name.');var l=P.call(n,o);"/"==l[l.length-1]&&(l=l.substr(0,l.length-1)),y(n,l,e.packages[o],!1)}for(var S in e){var i=e[S];if(U.call(["baseURL","map","packages","bundles","paths","warnings","packageConfigPaths","loaderErrorStack","browserConfig","nodeConfig","devConfig","buildConfig","productionConfig"],S)==-1)if("object"!=typeof i||i instanceof Array)n[S]=i;else{n[S]=n[S]||{};for(var o in i)if("meta"==S&&"*"==o[0])g(n[S][o]=n[S][o]||{},i[o]);else if("meta"==S){var j=P.call(n,o);n.defaultJSExtensions&&".js"!=j.substr(j.length-3,3)&&!d(j)&&(j+=".js"),g(n[S][j]=n[S][j]||{},i[o])}else if("depCache"==S){var s=n.defaultJSExtensions&&".js"!=o.substr(o.length-3,3),l=n.decanonicalize(o);s&&".js"==l.substr(l.length-3,3)&&(l=l.substr(0,l.length-3)),n[S][l]=[].concat(i[o])}else n[S][o]=i[o]}}O(n,e,function(e){n.config(e,!0)})},function(){function e(e,t){var r,n,a=0;for(var o in e.packages)t.substr(0,o.length)!==o||t.length!==o.length&&"/"!==t[o.length]||(n=o.split("/").length,n>a&&(r=o,a=n));return r}function t(e,t,r,n,a){if(!n||"/"==n[n.length-1]||a||t.defaultExtension===!1)return n;var o=!1;if(t.meta&&p(t.meta,n,function(e,t,r){if(0==r||e.lastIndexOf("*")!=e.length-1)return o=!0}),!o&&e.meta&&p(e.meta,r+"/"+n,function(e,t,r){if(0==r||e.lastIndexOf("*")!=e.length-1)return o=!0}),o)return n;var i="."+(t.defaultExtension||"js");return n.substr(n.length-i.length)!=i?n+i:n}function r(e,r,n,a,i){if(!a){if(!r.main)return n+(e.defaultJSExtensions?".js":"");a="./"==r.main.substr(0,2)?r.main.substr(2):r.main}if(r.map){var s="./"+a,l=S(r.map,s);if(l||(s="./"+t(e,r,n,a,i),s!="./"+a&&(l=S(r.map,s))),l){var u=o(e,r,n,l,s,i);if(u)return u}}return n+"/"+t(e,r,n,a,i)}function n(e,t,r,n){if("."==e)throw new Error("Package "+r+' has a map entry for "." which is not permitted.');return!(t.substr(0,e.length)==e&&n.length>e.length)}function o(e,r,a,o,i,s){"/"==i[i.length-1]&&(i=i.substr(0,i.length-1));var l=r.map[o];if("object"==typeof l)throw new Error("Synchronous conditional normalization not supported sync normalizing "+o+" in "+a);if(n(o,l,a,i)&&"string"==typeof l){if("."==l)l=a;else if("./"==l.substr(0,2))return a+"/"+t(e,r,a,l.substr(2)+i.substr(o.length),s);return e.normalizeSync(l+i.substr(o.length),a+"/")}}function l(e,r,n,a,o){if(!a){if(!r.main)return Promise.resolve(n+(e.defaultJSExtensions?".js":""));a="./"==r.main.substr(0,2)?r.main.substr(2):r.main}var i,s;return r.map&&(i="./"+a,s=S(r.map,i),s||(i="./"+t(e,r,n,a,o),i!="./"+a&&(s=S(r.map,i)))),(s?d(e,r,n,s,i,o):Promise.resolve()).then(function(i){return i?Promise.resolve(i):Promise.resolve(n+"/"+t(e,r,n,a,o))})}function u(e,r,n,a,o,i,s){if("."==o)o=n;else if("./"==o.substr(0,2))return Promise.resolve(n+"/"+t(e,r,n,o.substr(2)+i.substr(a.length),s)).then(function(t){return C.call(e,t,n+"/")});return e.normalize(o+i.substr(a.length),n+"/")}function d(e,t,r,a,o,i){"/"==o[o.length-1]&&(o=o.substr(0,o.length-1));var s=t.map[a];if("string"==typeof s)return n(a,s,r,o)?u(e,t,r,a,s,o,i):Promise.resolve();if(e.builder)return Promise.resolve(r+"/#:"+o);var l=[],d=[];for(var c in s){var f=z(c);d.push({condition:f,map:s[c]}),l.push(e.import(f.module,r))}return Promise.all(l).then(function(e){for(var t=0;t<d.length;t++){var r=d[t].condition,n=x(r.prop,e[t]);if(!r.negate&&n||r.negate&&!n)return d[t].map}}).then(function(s){if(s){if(!n(a,s,r,o))return;return u(e,t,r,a,s,o,i)}})}function c(e){var t=e.lastIndexOf("*"),r=Math.max(t+1,e.lastIndexOf("/"));return{length:r,regEx:new RegExp("^("+e.substr(0,r).replace(/[.+?^${}()|[\]\\]/g,"\\$&").replace(/\*/g,"[^\\/]+")+")(\\/|$)"),wildcard:t!=-1}}function f(e,t){for(var r,n,a=!1,o=0;o<e.packageConfigPaths.length;o++){var i=e.packageConfigPaths[o],s=h[i]||(h[i]=c(i));if(!(t.length<s.length)){var l=t.match(s.regEx);!l||r&&(a&&s.wildcard||!(r.length<l[1].length))||(r=l[1],a=!s.wildcard,n=r+i.substr(s.length))}}if(r)return{packageName:r,configPath:n}}function m(e,t,r){var n=e.pluginLoader||e;return(n.meta[r]=n.meta[r]||{}).format="json",n.meta[r].loader=null,n.load(r).then(function(){var a=n.get(r).default;return a.systemjs&&(a=a.systemjs),a.modules&&(a.meta=a.modules,w.call(e,"Package config file "+r+' is configured with "modules", which is deprecated as it has been renamed to "meta".')),y(e,t,a,!0)})}function p(e,t,r){var n;for(var a in e){var o="./"==a.substr(0,2)?"./":"";if(o&&(a=a.substr(2)),n=a.indexOf("*"),n!==-1&&a.substr(0,n)==t.substr(0,n)&&a.substr(n+1)==t.substr(t.length-a.length+n+1)&&r(a,e[o+a],a.split("/").length))return}var i=e[t]&&e.hasOwnProperty&&e.hasOwnProperty(t)?e[t]:e["./"+t];i&&r(i,i,0)}s(function(e){return function(){e.call(this),this.packages={},this.packageConfigPaths=[]}}),a.prototype.normalizeSync=a.prototype.decanonicalize=a.prototype.normalize,i("decanonicalize",function(t){return function(r,n){if(this.builder)return t.call(this,r,n,!0);var a=t.call(this,r,n,!1);if(!this.defaultJSExtensions)return a;var o=e(this,a),i=this.packages[o],s=i&&i.defaultExtension;return void 0==s&&i&&i.meta&&p(i.meta,a.substr(o),function(e,t,r){if(0==r||e.lastIndexOf("*")!=e.length-1)return s=!1,!0}),(s===!1||s&&".js"!=s)&&".js"!=r.substr(r.length-3,3)&&".js"==a.substr(a.length-3,3)&&(a=a.substr(0,a.length-3)),a}}),i("normalizeSync",function(t){return function(n,a,i){var s=this;if(i=i===!0,a)var l=e(s,a)||s.defaultJSExtensions&&".js"==a.substr(a.length-3,3)&&e(s,a.substr(0,a.length-3));var u=l&&s.packages[l];if(u&&"."!=n[0]){var d=u.map,c=d&&S(d,n);if(c&&"string"==typeof d[c]){var m=o(s,u,l,c,n,i);if(m)return m}}var p=s.defaultJSExtensions&&".js"!=n.substr(n.length-3,3),h=t.call(s,n,a,!1);p&&".js"!=h.substr(h.length-3,3)&&(p=!1),p&&(h=h.substr(0,h.length-3));var g=f(s,h),v=g&&g.packageName||e(s,h);
5 | if(!v)return h+(p?".js":"");var b=h.substr(v.length+1);return r(s,s.packages[v]||{},v,b,i)}}),i("normalize",function(t){return function(r,n,a){var o=this;return a=a===!0,Promise.resolve().then(function(){if(n)var t=e(o,n)||o.defaultJSExtensions&&".js"==n.substr(n.length-3,3)&&e(o,n.substr(0,n.length-3));var i=t&&o.packages[t];if(i&&"./"!=r.substr(0,2)){var s=i.map,l=s&&S(s,r);if(l)return d(o,i,t,l,r,a)}return Promise.resolve()}).then(function(i){if(i)return i;var s=o.defaultJSExtensions&&".js"!=r.substr(r.length-3,3),u=t.call(o,r,n,!1);s&&".js"!=u.substr(u.length-3,3)&&(s=!1),s&&(u=u.substr(0,u.length-3));var d=f(o,u),c=d&&d.packageName||e(o,u);if(!c)return Promise.resolve(u+(s?".js":""));var p=o.packages[c],h=p&&(p.configured||!d);return(h?Promise.resolve(p):m(o,c,d.configPath)).then(function(e){var t=u.substr(c.length+1);return l(o,e,c,t,a)})})}});var h={};i("locate",function(t){return function(r){var n=this;return Promise.resolve(t.call(this,r)).then(function(t){var a=e(n,r.name);if(a){var o=n.packages[a],i=r.name.substr(a.length+1),s={};if(o.meta){var l=0;p(o.meta,i,function(e,t,r){r>l&&(l=r),v(s,t,r&&l>r)}),v(r.metadata,s)}o.format&&!r.metadata.loader&&(r.metadata.format=r.metadata.format||o.format)}return t})}})}(),function(){function t(){if(s&&"interactive"===s.script.readyState)return s.load;for(var e=0;e<d.length;e++)if("interactive"==d[e].script.readyState)return s=d[e],s.load}function r(e,t){return new Promise(function(e,r){t.metadata.integrity&&r(new Error("Subresource integrity checking is not supported in web workers.")),l=t;try{importScripts(t.address)}catch(e){l=null,r(e)}l=null,t.metadata.entry||r(new Error(t.address+" did not call System.register or AMD define. If loading a global, ensure the meta format is set to global.")),e("")})}if("undefined"!=typeof document)var n=document.getElementsByTagName("head")[0];var a,o,s,l=null,u=n&&function(){var e=document.createElement("script"),t="undefined"!=typeof opera&&"[object Opera]"===opera.toString();return e.attachEvent&&!(e.attachEvent.toString&&e.attachEvent.toString().indexOf("[native code")<0)&&!t}(),d=[],c=0,f=[];i("pushRegister_",function(e){return function(r){return!e.call(this,r)&&(l?this.reduceRegister_(l,r):u?this.reduceRegister_(t(),r):c?f.push(r):this.reduceRegister_(null,r),!0)}}),i("fetch",function(t){return function(i){var l=this;return"json"!=i.metadata.format&&i.metadata.scriptLoad&&(F||A)?A?r(l,i):new Promise(function(t,r){function m(e){if(!g.readyState||"loaded"==g.readyState||"complete"==g.readyState){if(c--,i.metadata.entry||f.length){if(!u){for(var n=0;n<f.length;n++)l.reduceRegister_(i,f[n]);f=[]}}else l.reduceRegister_(i);h(),i.metadata.entry||i.metadata.bundle||r(new Error(i.name+" did not call System.register or AMD define. If loading a global module configure the global name via the meta exports property for script injection support.")),t("")}}function p(e){h(),r(new Error("Unable to load script "+i.address))}function h(){if(e.System=a,e.require=o,g.detachEvent){g.detachEvent("onreadystatechange",m);for(var t=0;t<d.length;t++)d[t].script==g&&(s&&s.script==g&&(s=null),d.splice(t,1))}else g.removeEventListener("load",m,!1),g.removeEventListener("error",p,!1);n.removeChild(g)}var g=document.createElement("script");g.async=!0,i.metadata.crossOrigin&&(g.crossOrigin=i.metadata.crossOrigin),i.metadata.integrity&&g.setAttribute("integrity",i.metadata.integrity),u?(g.attachEvent("onreadystatechange",m),d.push({script:g,load:i})):(g.addEventListener("load",m,!1),g.addEventListener("error",p,!1)),c++,a=e.System,o=e.require,g.src=i.address,n.appendChild(g)}):t.call(this,i)}})}();var oe=/^(\s*\/\*[^\*]*(\*(?!\/)[^\*]*)*\*\/|\s*\/\/[^\n]*|\s*"[^"]+"\s*;?|\s*'[^']+'\s*;?)*\s*/;!function(){function t(e,r,n){if(n[e.groupIndex]=n[e.groupIndex]||[],U.call(n[e.groupIndex],e)==-1){n[e.groupIndex].push(e);for(var a=0,o=e.normalizedDeps.length;a<o;a++){var i=e.normalizedDeps[a],s=r.defined[i];if(s&&!s.evaluated){var l=e.groupIndex+(s.declarative!=e.declarative);if(null===s.groupIndex||s.groupIndex<l){if(null!==s.groupIndex&&(n[s.groupIndex].splice(U.call(n[s.groupIndex],s),1),0==n[s.groupIndex].length))throw new Error("Mixed dependency cycle detected");s.groupIndex=l}t(s,r,n)}}}}function n(e,r,n){if(!r.module){r.groupIndex=0;var a=[];t(r,n,a);for(var o=!!r.declarative==a.length%2,i=a.length-1;i>=0;i--){for(var s=a[i],l=0;l<s.length;l++){var d=s[l];o?u(d,n):c(d,n)}o=!o}}}function o(){}function l(e,t){return t[e]||(t[e]={name:e,dependencies:[],exports:new o,importers:[]})}function u(t,r){if(!t.module){var n=r._loader.moduleRecords,a=t.module=l(t.name,n),o=t.module.exports,i=t.declare.call(e,function(e,t){if(a.locked=!0,"object"==typeof e)for(var r in e)o[r]=e[r];else o[e]=t;for(var n=0,i=a.importers.length;n<i;n++){var s=a.importers[n];if(!s.locked){var l=U.call(s.dependencies,a),u=s.setters[l];u&&u(o)}}return a.locked=!1,t},{id:t.name});if("function"==typeof i&&(i={setters:[],execute:i}),i=i||{setters:[],execute:function(){}},a.setters=i.setters,a.execute=i.execute,!a.setters||!a.execute)throw new TypeError("Invalid System.register form for "+t.name);for(var s=0,d=t.normalizedDeps.length;s<d;s++){var c,f=t.normalizedDeps[s],m=r.defined[f],p=n[f];p?c=p.exports:m&&!m.declarative?c=m.esModule:m?(u(m,r),p=m.module,c=p.exports):c=r.get(f),p&&p.importers?(p.importers.push(a),a.dependencies.push(p)):a.dependencies.push(null);for(var h=t.originalIndices[s],g=0,v=h.length;g<v;++g){var b=h[g];a.setters[b]&&a.setters[b](c)}}}}function d(e,t){var r,n=t.defined[e];if(n)n.declarative?f(e,n,[],t):n.evaluated||c(n,t),r=n.module.exports;else if(r=t.get(e),!r)throw new Error("Unable to load dependency "+e+".");return(!n||n.declarative)&&r&&r.__useDefault?r.default:r}function c(t,n){if(!t.module){var a={},o=t.module={exports:a,id:t.name};if(!t.executingRequire)for(var i=0,s=t.normalizedDeps.length;i<s;i++){var l=t.normalizedDeps[i],u=n.defined[l];u&&c(u,n)}t.evaluated=!0;var f=t.execute.call(e,function(e){for(var r=0,a=t.deps.length;r<a;r++)if(t.deps[r]==e)return d(t.normalizedDeps[r],n);var o=n.normalizeSync(e,t.name);if(U.call(t.normalizedDeps,o)!=-1)return d(o,n);throw new Error("Module "+e+" not declared as a dependency of "+t.name)},a,o);void 0!==f&&(o.exports=f),a=o.exports,a&&(a.__esModule||a instanceof r)?t.esModule=n.newModule(a):t.esmExports&&a!==e?t.esModule=n.newModule(p(a)):t.esModule=n.newModule({default:a,__useDefault:!0})}}function f(t,r,n,a){if(r&&!r.evaluated&&r.declarative){n.push(t);for(var o=0,i=r.normalizedDeps.length;o<i;o++){var s=r.normalizedDeps[o];U.call(n,s)==-1&&(a.defined[s]?f(s,a.defined[s],n,a):a.get(s))}r.evaluated||(r.evaluated=!0,r.module.execute.call(e))}}a.prototype.register=function(e,t,r){if("string"!=typeof e&&(r=t,t=e,e=null),"boolean"==typeof r)return this.registerDynamic.apply(this,arguments);var n=k();n.name=e&&(this.decanonicalize||this.normalize).call(this,e),n.declarative=!0,n.deps=t,n.declare=r,this.pushRegister_({amd:!1,entry:n})},a.prototype.registerDynamic=function(e,t,r,n){"string"!=typeof e&&(n=r,r=t,t=e,e=null);var a=k();a.name=e&&(this.decanonicalize||this.normalize).call(this,e),a.deps=t,a.execute=n,a.executingRequire=r,this.pushRegister_({amd:!1,entry:a})},i("reduceRegister_",function(){return function(e,t){if(t){var r=t.entry,n=e&&e.metadata;if(r.name&&(r.name in this.defined||(this.defined[r.name]=r),n&&(n.bundle=!0)),!r.name||e&&!n.entry&&r.name==e.name){if(!n)throw new TypeError("Invalid System.register call. Anonymous System.register calls can only be made by modules loaded by SystemJS.import and not via script tags.");if(n.entry)throw"register"==n.format?new Error("Multiple anonymous System.register calls in module "+e.name+". If loading a bundle, ensure all the System.register calls are named."):new Error("Module "+e.name+" interpreted as "+n.format+" module format, but called System.register.");n.format||(n.format="register"),n.entry=r}}}}),s(function(e){return function(){e.call(this),this.defined={},this._loader.moduleRecords={}}}),q(o,"toString",{value:function(){return"Module"}}),i("delete",function(e){return function(t){return delete this._loader.moduleRecords[t],delete this.defined[t],e.call(this,t)}}),i("fetch",function(e){return function(t){return this.defined[t.name]?(t.metadata.format="defined",""):(t.metadata.deps=t.metadata.deps||[],e.call(this,t))}}),i("translate",function(e){return function(t){return t.metadata.deps=t.metadata.deps||[],Promise.resolve(e.apply(this,arguments)).then(function(e){return("register"==t.metadata.format||!t.metadata.format&&M(t.source))&&(t.metadata.format="register"),e})}}),i("load",function(e){return function(t){var r=this,a=r.defined[t];return!a||a.deps.length?e.apply(this,arguments):(a.originalIndices=a.normalizedDeps=[],n(t,a,r),f(t,a,[],r),a.esModule||(a.esModule=r.newModule(a.module.exports)),r.trace||(r.defined[t]=void 0),r.set(t,a.esModule),Promise.resolve())}}),i("instantiate",function(e){return function(t){"detect"==t.metadata.format&&(t.metadata.format=void 0),e.call(this,t);var r,a=this;if(a.defined[t.name])r=a.defined[t.name],r.declarative||(r.deps=r.deps.concat(t.metadata.deps)),r.deps=r.deps.concat(t.metadata.deps);else if(t.metadata.entry)r=t.metadata.entry,r.deps=r.deps.concat(t.metadata.deps);else if(!(a.builder&&t.metadata.bundle||"register"!=t.metadata.format&&"esm"!=t.metadata.format&&"es6"!=t.metadata.format)){if("undefined"!=typeof ee&&ee.call(a,t),!t.metadata.entry&&!t.metadata.bundle)throw new Error(t.name+" detected as "+t.metadata.format+" but didn't execute.");r=t.metadata.entry,r&&t.metadata.deps&&(r.deps=r.deps.concat(t.metadata.deps))}r||(r=k(),r.deps=t.metadata.deps,r.execute=function(){}),a.defined[t.name]=r;var o=m(r.deps);r.deps=o.names,r.originalIndices=o.indices,r.name=t.name,r.esmExports=t.metadata.esmExports!==!1;for(var i=[],s=0,l=r.deps.length;s<l;s++)i.push(Promise.resolve(a.normalize(r.deps[s],t.name)));return Promise.all(i).then(function(e){return r.normalizedDeps=e,{deps:r.deps,execute:function(){return n(t.name,r,a),f(t.name,r,[],a),r.esModule||(r.esModule=a.newModule(r.module.exports)),a.trace||(a.defined[t.name]=void 0),r.esModule}}})}})}(),function(){var r=/(^\s*|[}\);\n]\s*)(import\s*(['"]|(\*\s+as\s+)?[^"'\(\)\n;]+\s*from\s*['"]|\{)|export\s+\*\s+from\s+["']|export\s*(\{|default|function|class|var|const|let|async\s+function))/,n=/\$traceurRuntime\s*\./,a=/babelHelpers\s*\./;i("translate",function(o){return function(i){var s=this,l=arguments;return o.apply(s,l).then(function(o){if("esm"==i.metadata.format||"es6"==i.metadata.format||!i.metadata.format&&o.match(r)){if("es6"==i.metadata.format&&w.call(s,"Module "+i.name+' has metadata setting its format to "es6", which is deprecated.\nThis should be updated to "esm".'),i.metadata.format="esm",i.metadata.deps){for(var u="",d=0;d<i.metadata.deps.length;d++)u+='import "'+i.metadata.deps[d]+'"; ';i.source=u+o}if(s.transpiler===!1){if(s.builder)return o;throw new TypeError("Unable to dynamically transpile ES module as SystemJS.transpiler set to false.")}return s._loader.loadedTranspiler=s._loader.loadedTranspiler||!1,s.pluginLoader&&(s.pluginLoader._loader.loadedTranspiler=s._loader.loadedTranspiler||!1),(s._loader.transpilerPromise||(s._loader.transpilerPromise=Promise.resolve(e["typescript"==s.transpiler?"ts":s.transpiler]||(s.pluginLoader||s).import(s.transpiler)))).then(function(e){return s._loader.loadedTranspilerRuntime=!0,e.translate?e==i.metadata.loaderModule?i.source:("string"==typeof i.metadata.sourceMap&&(i.metadata.sourceMap=JSON.parse(i.metadata.sourceMap)),Promise.resolve(e.translate.apply(s,l)).then(function(e){var t=i.metadata.sourceMap;if(t&&"object"==typeof t){var r=i.address.split("!")[0];t.file&&t.file!=i.address||(t.file=r+"!transpiled"),(!t.sources||t.sources.length<=1&&(!t.sources[0]||t.sources[0]==i.address))&&(t.sources=[r])}return"esm"==i.metadata.format&&!s.builder&&M(e)&&(i.metadata.format="register"),e})):(s.builder&&(i.metadata.originalSource=i.source),W.call(s,i).then(function(e){return i.metadata.sourceMap=void 0,e}))},function(e){throw t(e,"Unable to load transpiler to transpile "+i.name)})}if(s.transpiler===!1)return o;if(s._loader.loadedTranspiler!==!1||"traceur"!=s.transpiler&&"typescript"!=s.transpiler&&"babel"!=s.transpiler||i.name!=s.normalizeSync(s.transpiler)||(o.length>100&&!i.metadata.format&&(i.metadata.format="global","traceur"===s.transpiler&&(i.metadata.exports="traceur"),"typescript"===s.transpiler&&(i.metadata.exports="ts")),s._loader.loadedTranspiler=!0),s._loader.loadedTranspilerRuntime===!1&&(i.name!=s.normalizeSync("traceur-runtime")&&i.name!=s.normalizeSync("babel/external-helpers*")||(o.length>100&&(i.metadata.format=i.metadata.format||"global"),s._loader.loadedTranspilerRuntime=!0)),("register"==i.metadata.format||i.metadata.bundle)&&s._loader.loadedTranspilerRuntime!==!0){if("traceur"==s.transpiler&&!e.$traceurRuntime&&i.source.match(n))return s._loader.loadedTranspilerRuntime=s._loader.loadedTranspilerRuntime||!1,s.import("traceur-runtime").then(function(){return o});if("babel"==s.transpiler&&!e.babelHelpers&&i.source.match(a))return s._loader.loadedTranspilerRuntime=s._loader.loadedTranspilerRuntime||!1,s.import("babel/external-helpers").then(function(){return o})}return o})}})}();var ie="undefined"!=typeof self?"self":"global";i("fetch",function(e){return function(t){return t.metadata.exports&&!t.metadata.format&&(t.metadata.format="global"),e.call(this,t)}}),i("instantiate",function(e){return function(t){var r=this;if(t.metadata.format||(t.metadata.format="global"),"global"==t.metadata.format&&!t.metadata.entry){var n=k();t.metadata.entry=n,n.deps=[];for(var a in t.metadata.globals){var o=t.metadata.globals[a];o&&n.deps.push(o)}n.execute=function(e,n,a){var o;if(t.metadata.globals){o={};for(var i in t.metadata.globals)t.metadata.globals[i]&&(o[i]=e(t.metadata.globals[i]))}var s=t.metadata.exports;s&&(t.source+="\n"+ie+'["'+s+'"] = '+s+";");var l=r.get("@@global-helpers").prepareGlobal(a.id,s,o,!!t.metadata.encapsulateGlobal);return ee.call(r,t),l()}}return e.call(this,t)}}),i("reduceRegister_",function(e){return function(t,r){if(r||!t.metadata.exports&&(!A||"global"!=t.metadata.format))return e.call(this,t,r);t.metadata.format="global";var n=t.metadata.entry=k();n.deps=t.metadata.deps;var a=R(t.metadata.exports);n.execute=function(){return a}}}),s(function(t){return function(){function r(t){if(Object.keys)Object.keys(e).forEach(t);else for(var r in e)i.call(e,r)&&t(r)}function n(t){r(function(r){if(U.call(s,r)==-1){try{var n=e[r]}catch(e){s.push(r)}t(r,n)}})}var a=this;t.call(a);var o,i=Object.prototype.hasOwnProperty,s=["_g","sessionStorage","localStorage","clipboardData","frames","frameElement","external","mozAnimationStartTime","webkitStorageInfo","webkitIndexedDB","mozInnerScreenY","mozInnerScreenX"];a.set("@@global-helpers",a.newModule({prepareGlobal:function(t,r,a,i){var s=e.define;e.define=void 0;var l;if(a){l={};for(var u in a)l[u]=e[u],e[u]=a[u]}return r||(o={},n(function(e,t){o[e]=t})),function(){var t,a=r?R(r):{},u=!!r;if(r&&!i||n(function(n,s){o[n]!==s&&"undefined"!=typeof s&&(i&&(e[n]=void 0),r||(a[n]=s,"undefined"!=typeof t?u||t===s||(u=!0):t=s))}),a=u?a:t,l)for(var d in l)e[d]=l[d];return e.define=s,a}}}))}}),function(){function t(e){function t(e,t){for(var r=0;r<e.length;r++)if(e[r][0]<t.index&&e[r][1]>t.index)return!0;return!1}n.lastIndex=a.lastIndex=o.lastIndex=0;var r,i=[],s=[],l=[];if(e.length/e.split("\n").length<200){for(;r=o.exec(e);)s.push([r.index,r.index+r[0].length]);for(;r=a.exec(e);)t(s,r)||l.push([r.index+r[1].length,r.index+r[0].length-1])}for(;r=n.exec(e);)if(!t(s,r)&&!t(l,r)){var u=r[1].substr(1,r[1].length-2);if(u.match(/"|'/))continue;"/"==u[u.length-1]&&(u=u.substr(0,u.length-1)),i.push(u)}return i}var r=/(?:^\uFEFF?|[^$_a-zA-Z\xA0-\uFFFF.])(exports\s*(\[['"]|\.)|module(\.exports|\['exports'\]|\["exports"\])\s*(\[['"]|[=,\.]))/,n=/(?:^\uFEFF?|[^$_a-zA-Z\xA0-\uFFFF."'])require\s*\(\s*("[^"\\]*(?:\\.[^"\\]*)*"|'[^'\\]*(?:\\.[^'\\]*)*')\s*\)/g,a=/(^|[^\\])(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/gm,o=/("[^"\\\n\r]*(\\.[^"\\\n\r]*)*"|'[^'\\\n\r]*(\\.[^'\\\n\r]*)*')/g,s=/^\#\!.*/;i("instantiate",function(a){return function(o){var i=this;if(o.metadata.format||(r.lastIndex=0,n.lastIndex=0,(n.exec(o.source)||r.exec(o.source))&&(o.metadata.format="cjs")),"cjs"==o.metadata.format){var l=o.metadata.deps,u=o.metadata.cjsRequireDetection===!1?[]:t(o.source);for(var d in o.metadata.globals)o.metadata.globals[d]&&u.push(o.metadata.globals[d]);var c=k();o.metadata.entry=c,c.deps=u,c.executingRequire=!0,c.execute=function(t,r,n){function a(e){return"/"==e[e.length-1]&&(e=e.substr(0,e.length-1)),t.apply(this,arguments)}if(a.resolve=function(e){return i.get("@@cjs-helpers").requireResolve(e,n.id)},n.paths=[],n.require=t,!o.metadata.cjsDeferDepsExecute)for(var u=0;u<l.length;u++)a(l[u]);var d=i.get("@@cjs-helpers").getPathVars(n.id),c={exports:r,args:[a,r,n,d.filename,d.dirname,e,e]},f="(function(require, exports, module, __filename, __dirname, global, GLOBAL";if(o.metadata.globals)for(var m in o.metadata.globals)c.args.push(a(o.metadata.globals[m])),f+=", "+m;var p=e.define;e.define=void 0,e.__cjsWrapper=c,o.source=f+") {"+o.source.replace(s,"")+"\n}).apply(__cjsWrapper.exports, __cjsWrapper.args);",ee.call(i,o),e.__cjsWrapper=void 0,e.define=p}}return a.call(i,o)}})}(),s(function(e){return function(){function t(e){return"file:///"==e.substr(0,8)?e.substr(7+!!D):n&&e.substr(0,n.length)==n?e.substr(n.length):e}var r=this;if(e.call(r),"undefined"!=typeof window&&"undefined"!=typeof document&&window.location)var n=location.protocol+"//"+location.hostname+(location.port?":"+location.port:"");r.set("@@cjs-helpers",r.newModule({requireResolve:function(e,n){return t(r.normalizeSync(e,n))},getPathVars:function(e){var r,n=e.lastIndexOf("!");r=n!=-1?e.substr(0,n):e;var a=r.split("/");return a.pop(),a=a.join("/"),{filename:t(r),dirname:t(a)}}}))}}),i("fetch",function(t){return function(r){return r.metadata.scriptLoad&&F&&(e.define=this.amdDefine),t.call(this,r)}}),s(function(t){return function(){function r(e,t){e=e.replace(s,"");var r=e.match(d),n=(r[1].split(",")[t]||"require").replace(c,""),a=f[n]||(f[n]=new RegExp(l+n+u,"g"));a.lastIndex=0;for(var o,i=[];o=a.exec(e);)i.push(o[2]||o[3]);return i}function n(e,t,r,a){if("object"==typeof e&&!(e instanceof Array))return n.apply(null,Array.prototype.splice.call(arguments,1,arguments.length-1));if("string"==typeof e&&"function"==typeof t&&(e=[e]),!(e instanceof Array)){if("string"==typeof e){var i=o.defaultJSExtensions&&".js"!=e.substr(e.length-3,3),s=o.decanonicalize(e,a);i&&".js"==s.substr(s.length-3,3)&&(s=s.substr(0,s.length-3));var l=o.get(s);if(!l)throw new Error('Module not already loaded loading "'+e+'" as '+s+(a?' from "'+a+'".':"."));return l.__useDefault?l.default:l}throw new TypeError("Invalid require")}for(var u=[],d=0;d<e.length;d++)u.push(o.import(e[d],a));Promise.all(u).then(function(e){t&&t.apply(null,e)},r)}function a(t,a,i){function s(t,r,s){function c(e,r,a){return"string"==typeof e&&"function"!=typeof r?t(e):n.call(o,e,r,a,s.id)}for(var f=[],m=0;m<a.length;m++)f.push(t(a[m]));s.uri=s.id,s.config=function(){},d!=-1&&f.splice(d,0,s),u!=-1&&f.splice(u,0,r),l!=-1&&(c.toUrl=function(e){var t=o.defaultJSExtensions&&".js"!=e.substr(e.length-3,3),r=o.decanonicalize(e,s.id);return t&&".js"==r.substr(r.length-3,3)&&(r=r.substr(0,r.length-3)),r},f.splice(l,0,c));var p=e.require;e.require=n;var h=i.apply(u==-1?e:r,f);if(e.require=p,"undefined"==typeof h&&s&&(h=s.exports),"undefined"!=typeof h)return h}"string"!=typeof t&&(i=a,a=t,t=null),a instanceof Array||(i=a,a=["require","exports","module"].splice(0,i.length)),"function"!=typeof i&&(i=function(e){return function(){return e}}(i)),void 0===a[a.length-1]&&a.pop();var l,u,d;(l=U.call(a,"require"))!=-1&&(a.splice(l,1),t||(a=a.concat(r(i.toString(),l)))),(u=U.call(a,"exports"))!=-1&&a.splice(u,1),(d=U.call(a,"module"))!=-1&&a.splice(d,1);var c=k();c.name=t&&(o.decanonicalize||o.normalize).call(o,t),c.deps=a,c.execute=s,o.pushRegister_({amd:!0,entry:c})}var o=this;t.call(this);var s=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/gm,l="(?:^|[^$_a-zA-Z\\xA0-\\uFFFF.])",u="\\s*\\(\\s*(\"([^\"]+)\"|'([^']+)')\\s*\\)",d=/\(([^\)]*)\)/,c=/^\s+|\s+$/g,f={};a.amd={},i("reduceRegister_",function(e){return function(t,r){if(!r||!r.amd)return e.call(this,t,r);var n=t&&t.metadata,a=r.entry;if(n)if(n.format&&"detect"!=n.format){if(!a.name&&"amd"!=n.format)throw new Error("AMD define called while executing "+n.format+" module "+t.name)}else n.format="amd";if(a.name)n&&(n.entry||n.bundle?n.entry&&n.entry.name&&n.entry.name!=t.name&&(n.entry=void 0):n.entry=a,n.bundle=!0),a.name in this.defined||(this.defined[a.name]=a);else{if(!n)throw new TypeError("Unexpected anonymous AMD define.");if(n.entry&&!n.entry.name)throw new Error("Multiple anonymous defines in module "+t.name);n.entry=a}}}),o.amdDefine=a,o.amdRequire=n}}),function(){var t=/(?:^\uFEFF?|[^$_a-zA-Z\xA0-\uFFFF.])define\s*\(\s*("[^"]+"\s*,\s*|'[^']+'\s*,\s*)?\s*(\[(\s*(("[^"]+"|'[^']+')\s*,|\/\/.*\r?\n|\/\*(.|\s)*?\*\/))*(\s*("[^"]+"|'[^']+')\s*,?)?(\s*(\/\/.*\r?\n|\/\*(.|\s)*?\*\/))*\s*\]|function\s*|{|[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*\))/;i("instantiate",function(r){return function(n){var a=this;if("amd"==n.metadata.format||!n.metadata.format&&n.source.match(t))if(n.metadata.format="amd",a.builder||a.execute===!1)n.metadata.execute=function(){return n.metadata.builderExecute.apply(this,arguments)};else{var o=e.define;e.define=this.amdDefine;try{ee.call(a,n)}finally{e.define=o}if(!n.metadata.entry&&!n.metadata.bundle)throw new TypeError("AMD module "+n.name+" did not define")}return r.call(a,n)}})}(),function(){function e(e,t){if(t){var r;if(e.pluginFirst){if((r=t.lastIndexOf("!"))!=-1)return t.substr(r+1)}else if((r=t.indexOf("!"))!=-1)return t.substr(0,r);return t}}function t(e,t){var r,n,a=t.lastIndexOf("!");if(a!=-1)return e.pluginFirst?(r=t.substr(a+1),n=t.substr(0,a)):(r=t.substr(0,a),n=t.substr(a+1)||r.substr(r.lastIndexOf(".")+1)),{argument:r,plugin:n}}function r(e,t,r,n){return n&&".js"==t.substr(t.length-3,3)&&(t=t.substr(0,t.length-3)),e.pluginFirst?r+"!"+t:t+"!"+r}function n(e,t){return e.defaultJSExtensions&&".js"!=t.substr(t.length-3,3)}function a(a){return function(o,i,s){var l=this,u=t(l,o);if(i=e(this,i),!u)return a.call(this,o,i,s);var d=l.normalizeSync(u.argument,i,!0),c=l.normalizeSync(u.plugin,i,!0);return r(l,d,c,n(l,u.argument))}}i("decanonicalize",a),i("normalizeSync",a),i("normalize",function(a){return function(o,i,s){var l=this;i=e(this,i);var u=t(l,o);return u?Promise.all([l.normalize(u.argument,i,!0),l.normalize(u.plugin,i,!1)]).then(function(e){return r(l,e[0],e[1],n(l,u.argument))}):a.call(l,o,i,s)}}),i("locate",function(e){return function(t){var r,n=this,a=t.name;return n.pluginFirst?(r=a.indexOf("!"))!=-1&&(t.metadata.loader=a.substr(0,r),t.name=a.substr(r+1)):(r=a.lastIndexOf("!"))!=-1&&(t.metadata.loader=a.substr(r+1),t.name=a.substr(0,r)),e.call(n,t).then(function(e){return r==-1&&t.metadata.loader?(n.pluginLoader||n).normalize(t.metadata.loader,t.name).then(function(r){return t.metadata.loader=r,e}):e}).then(function(e){var r=t.metadata.loader;if(!r)return e;if(t.name==r)throw new Error("Plugin "+r+" cannot load itself, make sure it is excluded from any wildcard meta configuration via a custom loader: false rule.");if(n.defined&&n.defined[a])return e;var o=n.pluginLoader||n;return o.import(r).then(function(r){return t.metadata.loaderModule=r,t.address=e,r.locate?r.locate.call(n,t):e})})}}),i("fetch",function(e){return function(t){var r=this;return t.metadata.loaderModule&&t.metadata.loaderModule.fetch&&"defined"!=t.metadata.format?(t.metadata.scriptLoad=!1,t.metadata.loaderModule.fetch.call(r,t,function(t){return e.call(r,t)})):e.call(r,t)}}),i("translate",function(e){return function(t){var r=this,n=arguments;return t.metadata.loaderModule&&t.metadata.loaderModule.translate&&"defined"!=t.metadata.format?Promise.resolve(t.metadata.loaderModule.translate.apply(r,n)).then(function(a){var o=t.metadata.sourceMap;if(o){if("object"!=typeof o)throw new Error("load.metadata.sourceMap must be set to an object.");var i=t.address.split("!")[0];o.file&&o.file!=t.address||(o.file=i+"!transpiled"),(!o.sources||o.sources.length<=1&&(!o.sources[0]||o.sources[0]==t.address))&&(o.sources=[i])}return"string"==typeof a&&(t.source=a),e.apply(r,n)}):e.apply(r,n)}}),i("instantiate",function(e){return function(t){var r=this,n=!1;return t.metadata.loaderModule&&t.metadata.loaderModule.instantiate&&!r.builder&&"defined"!=t.metadata.format?Promise.resolve(t.metadata.loaderModule.instantiate.call(r,t,function(t){if(n)throw new Error("Instantiate must only be called once.");return n=!0,e.call(r,t)})).then(function(a){return n?a:(void 0!==a&&(t.metadata.entry=k(),t.metadata.entry.execute=function(){return a},t.metadata.entry.deps=t.metadata.deps,t.metadata.format="defined"),e.call(r,t))}):e.call(r,t)}})}();var se=["browser","node","dev","build","production","default"],le=/#\{[^\}]+\}/;i("normalize",function(e){return function(t,r,n){var a=this;return L.call(a,t,r).then(function(t){return e.call(a,t,r,n)}).then(function(e){return C.call(a,e,r)})}}),function(){i("fetch",function(e){return function(t){var r=t.metadata.alias,n=t.metadata.deps||[];if(r){t.metadata.format="defined";var a=k();return this.defined[t.name]=a,a.declarative=!0,a.deps=n.concat([r]),a.declare=function(e){return{setters:[function(t){for(var r in t)e(r,t[r]);t.__useDefault&&(a.module.exports.__useDefault=!0)}],execute:function(){}}},""}return e.call(this,t)}})}(),function(){function e(e,t,r){for(var n,a=t.split(".");a.length>1;)n=a.shift(),e=e[n]=e[n]||{};n=a.shift(),n in e||(e[n]=r)}s(function(e){return function(){this.meta={},e.call(this)}}),i("locate",function(e){return function(t){var r,n=this.meta,a=t.name,o=0;for(var i in n)if(r=i.indexOf("*"),r!==-1&&i.substr(0,r)===a.substr(0,r)&&i.substr(r+1)===a.substr(a.length-i.length+r+1)){var s=i.split("/").length;s>o&&(o=s),v(t.metadata,n[i],o!=s)}return n[a]&&v(t.metadata,n[a]),e.call(this,t)}});var t=/^(\s*\/\*[^\*]*(\*(?!\/)[^\*]*)*\*\/|\s*\/\/[^\n]*|\s*"[^"]+"\s*;?|\s*'[^']+'\s*;?)+/,r=/\/\*[^\*]*(\*(?!\/)[^\*]*)*\*\/|\/\/[^\n]*|"[^"]+"\s*;?|'[^']+'\s*;?/g;i("translate",function(n){return function(a){if("defined"==a.metadata.format)return a.metadata.deps=a.metadata.deps||[],Promise.resolve(a.source);var o=a.source.match(t);if(o)for(var i=o[0].match(r),s=0;s<i.length;s++){var l=i[s],u=l.length,d=l.substr(0,1);if(";"==l.substr(u-1,1)&&u--,'"'==d||"'"==d){var c=l.substr(1,l.length-3),f=c.substr(0,c.indexOf(" "));if(f){var m=c.substr(f.length+1,c.length-f.length-1);"[]"==f.substr(f.length-2,2)?(f=f.substr(0,f.length-2),a.metadata[f]=a.metadata[f]||[],a.metadata[f].push(m)):a.metadata[f]instanceof Array?(w.call(this,"Module "+a.name+' contains deprecated "deps '+m+'" meta syntax.\nThis should be updated to "deps[] '+m+'" for pushing to array meta.'),a.metadata[f].push(m)):e(a.metadata,f,m)}else a.metadata[c]=!0}}return n.apply(this,arguments)}})}(),function(){s(function(e){return function(){e.call(this),this.bundles={},this._loader.loadedBundles={}}}),i("locate",function(e){return function(t){var r=this,n=!1;if(!(t.name in r.defined))for(var a in r.bundles){for(var o=0;o<r.bundles[a].length;o++){var i=r.bundles[a][o];if(i==t.name){n=!0;break}if(i.indexOf("*")!=-1){var s=i.split("*");if(2!=s.length){r.bundles[a].splice(o--,1);continue}if(t.name.substring(0,s[0].length)==s[0]&&t.name.substr(t.name.length-s[1].length,s[1].length)==s[1]&&t.name.substr(s[0].length,t.name.length-s[1].length-s[0].length).indexOf("/")==-1){n=!0;break}}}if(n)return r.import(a).then(function(){return e.call(r,t)})}return e.call(r,t)}})}(),function(){s(function(e){return function(){e.call(this),this.depCache={}}}),i("locate",function(e){return function(t){var r=this,n=r.depCache[t.name];if(n)for(var a=0;a<n.length;a++)r.import(n[a],t.name);return e.call(r,t)}})}(),X=new a,e.SystemJS=X,X.version="0.19.41 Standard","object"==typeof module&&module.exports&&"object"==typeof exports&&(module.exports=X),e.System=X}("undefined"!=typeof self?self:global)}var t="undefined"==typeof Promise;if("undefined"!=typeof document){var r=document.getElementsByTagName("script");if($__curScript=r[r.length-1],document.currentScript&&($__curScript.defer||$__curScript.async)&&($__curScript=document.currentScript),$__curScript.src||($__curScript=void 0),t){var n=$__curScript.src,a=n.substr(0,n.lastIndexOf("/")+1);window.systemJSBootstrap=e,document.write('<script type="text/javascript" src="'+a+'system-polyfills.js"></script>')}else e()}else if("undefined"!=typeof importScripts){var a="";try{throw new Error("_")}catch(e){e.stack.replace(/(?:at|@).*(http.+):[\d]+:[\d]+/,function(e,t){$__curScript={src:t},a=t.replace(/\/[^\/]*$/,"/")})}t&&importScripts(a+"system-polyfills.js"),e()}else $__curScript="undefined"!=typeof __filename?{src:__filename}:null,e()}();
6 | //# sourceMappingURL=system.js.map
7 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE>
 2 | <html>
 3 | 
 4 | <head>
 5 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 6 | 	<script src="./dist/system.js"></script>
 7 | 	<script>
 8 | 		SystemJS.config({
 9 | 			baseURL: './dist',
10 | 			packages: {
11 | 				'app': { defaultExtension: 'js' }
12 | 			}
13 | 		});
14 | 		SystemJS.import('app.js');
15 | 	</script>
16 | </head>
17 | 
18 | <body>
19 | </body>
20 | 
21 | </html>


--------------------------------------------------------------------------------
/node_modules/.yarn-integrity:
--------------------------------------------------------------------------------
 1 | {
 2 |   "flags": [],
 3 |   "linkedModules": [],
 4 |   "topLevelPatters": [
 5 |     "immutable@^3.8.1",
 6 |     "rxjs@^5.4.0"
 7 |   ],
 8 |   "lockfileEntries": {
 9 |     "immutable@^3.8.1": "https://registry.yarnpkg.com/immutable/-/immutable-3.8.1.tgz#200807f11ab0f72710ea485542de088075f68cd2",
10 |     "rxjs@^5.4.0": "https://registry.yarnpkg.com/rxjs/-/rxjs-5.4.0.tgz#a7db14ab157f9d7aac6a56e655e7a3860d39bf26",
11 |     "symbol-observable@^1.0.1": "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
12 |   },
13 |   "files": [],
14 |   "artifacts": {}
15 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "ts-design-patterns",
3 |   "version": "1.0.0",
4 |   "main": "index.js",
5 |   "license": "MIT"
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app.ts:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Observer / Listener
  3 |  * The observer pattern is used to allow an object to publish changes to its state. Other objects subscribe to be immediately notified of any changes.
  4 |  */
  5 | console.log('### Observer / Listener ###');
  6 | 
  7 | // implement
  8 | interface TextChangedListener {
  9 |     onTextChanged(newText: string): void
 10 | }
 11 | 
 12 | class PrintingTextChangedListener implements TextChangedListener {
 13 |     onTextChanged(newText: string) {
 14 |         console.log(`Text is changed to: ${newText}`);
 15 |     }
 16 | }
 17 | 
 18 | class TextView {
 19 |     listener?: TextChangedListener = null
 20 |     set text(newText: string) {
 21 |         this.listener.onTextChanged(newText);
 22 |     }
 23 | }
 24 | 
 25 | // usage
 26 | const textView = new TextView();
 27 | textView.listener = new PrintingTextChangedListener();
 28 | textView.text = "Lorem ipsum";
 29 | textView.text = "dolor sit amet";
 30 | 
 31 | /**
 32 |  * Strategy
 33 |  * The strategy pattern is used to create an interchangeable family of algorithms from which the required process is chosen at run-time.
 34 |  */
 35 | console.log('### Strategy ###');
 36 | 
 37 | // implement
 38 | class Printer {
 39 |     constructor(public stringFormatterStrategy: Function) { }
 40 |     printString(text: string) {
 41 |         console.log(this.stringFormatterStrategy(text));
 42 |     }
 43 | }
 44 | 
 45 | const lowerCaseFormatter = (text: string) => text.toLowerCase()
 46 | const upperCaseFormatter = (text: string) => text.toUpperCase()
 47 | 
 48 | // usage
 49 | const lowerCasePrinter = new Printer(lowerCaseFormatter);
 50 | lowerCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 51 | 
 52 | const upperCasePrinter = new Printer(upperCaseFormatter);
 53 | upperCasePrinter.printString("LOREM ipsum DOLOR sit amet");
 54 | 
 55 | const prefixPrinter = new Printer((text: string) => `Prefix: ${text}`);
 56 | prefixPrinter.printString("LOREM ipsum DOLOR sit amet");
 57 | 
 58 | /**
 59 |  * Command
 60 |  * The command pattern is used to express a request, including the call to be made and all of its required parameters, in a command object. The command may then be executed immediately or held for later use.
 61 |  */
 62 | console.log('### Command ###');
 63 | 
 64 | // implement
 65 | interface OrderCommand {
 66 |     execute(): void
 67 | }
 68 | 
 69 | class OrderAddCommand implements OrderCommand {
 70 |     constructor(public id: number) { }
 71 |     execute() {
 72 |         console.log(`adding order with id: ${this.id}`);
 73 |     }
 74 | }
 75 | 
 76 | class OrderPayCommand implements OrderCommand {
 77 |     constructor(public id: number) { }
 78 |     execute() {
 79 |         console.log(`paying for order with id: ${this.id}`);
 80 |     }
 81 | }
 82 | 
 83 | class CommandProcessor {
 84 | 
 85 |     private queue = Array<OrderCommand>();
 86 | 
 87 |     addToQueue(orderCommand: OrderCommand): CommandProcessor {
 88 |         this.queue.push(orderCommand);
 89 |         return this;
 90 |     }
 91 | 
 92 |     processCommands(): CommandProcessor {
 93 |         this.queue.forEach((commad: OrderCommand) => {
 94 |             commad.execute();
 95 |         });
 96 |         this.queue = Array<OrderCommand>();
 97 |         return this;
 98 |     }
 99 | }
100 | 
101 | // usage
102 | new CommandProcessor()
103 |     .addToQueue(new OrderAddCommand(1))
104 |     .addToQueue(new OrderAddCommand(2))
105 |     .addToQueue(new OrderPayCommand(2))
106 |     .addToQueue(new OrderPayCommand(1))
107 |     .processCommands();
108 | 
109 | /**
110 |  * State
111 |  * The state pattern is used to alter the behaviour of an object as its internal state changes. The pattern allows the class for an object to apparently change at run-time.
112 |  */
113 | console.log('### State ###');
114 | 
115 | // implement
116 | module State {
117 |     export class Authorization {
118 | 
119 |     }
120 |     export class Unauthorized extends Authorization {
121 | 
122 |     }
123 |     export class Authorized extends Authorization {
124 |         constructor(public username: string) {
125 |             super();
126 |         }
127 |     }
128 | }
129 | 
130 | class AuthorizationPresenter {
131 | 
132 |     private state: State.Authorization = new State.Unauthorized()
133 | 
134 |     loginUser(userLogin: string) {
135 |         this.state = new State.Authorized(userLogin);
136 |     }
137 | 
138 |     logoutUser() {
139 |         this.state = new State.Unauthorized();
140 |     }
141 | 
142 |     get isAuthorized() {
143 |         switch (this.state.constructor.name) {
144 |             case 'Authorized':
145 |                 return true
146 |             default:
147 |                 return false
148 |         }
149 |     }
150 | 
151 |     get userLogin() {
152 |         switch (this.state.constructor.name) {
153 |             case 'Authorized':
154 |                 return (this.state as State.Authorized).username;
155 |             default:
156 |                 return 'Unknown'
157 |         }
158 |     }
159 | 
160 |     toString(): string {
161 |         return `User '${this.userLogin}' is logged in: ${this.isAuthorized}`;
162 |     }
163 | }
164 | 
165 | // usage
166 | const authorization = new AuthorizationPresenter();
167 | authorization.loginUser("admin");
168 | console.log(authorization.toString());
169 | authorization.logoutUser();
170 | console.log(authorization.toString());
171 | 
172 | /**
173 |  * Adapter
174 |  * The adapter pattern is used to provide a link between two otherwise incompatible types by wrapping the "adaptee" with a class that supports the interface required by the client.
175 |  */
176 | console.log('### Adapter ###');
177 | 
178 | // implement
179 | interface Temperature {
180 |     temperature: number
181 | }
182 | 
183 | class CelsiusTemperature implements Temperature {
184 |     constructor(public temperature: number) {}
185 | }
186 | 
187 | class FahrenheitTemperature implements Temperature {
188 | 
189 |     constructor(public celsiusTemperature: CelsiusTemperature) {}
190 | 
191 |     get temperature(): number {
192 |         return this.convertCelsiusToFahrenheit(this.celsiusTemperature.temperature);
193 |     }
194 |     set temperature(temperatureInF) {
195 |         this.celsiusTemperature.temperature = this.convertFahrenheitToCelsius(temperatureInF);
196 |     }
197 | 
198 |     private convertFahrenheitToCelsius(f: number): number {
199 |         return (f - 32) * 5 / 9;
200 |     }
201 | 
202 |     private convertCelsiusToFahrenheit(c: number): number {
203 |         return (c * 9 / 5) + 32;
204 |     }
205 | }
206 | 
207 | // usage
208 | const celsiusTemperature = new CelsiusTemperature(0.0);
209 | const fahrenheitTemperature = new FahrenheitTemperature(celsiusTemperature);
210 | 
211 | celsiusTemperature.temperature = 36.6;
212 | console.log(`${celsiusTemperature.temperature} C -> ${fahrenheitTemperature.temperature} F`);
213 | 
214 | fahrenheitTemperature.temperature = 100.0;
215 | console.log(`${fahrenheitTemperature.temperature} F -> ${celsiusTemperature.temperature} C`);
216 | 
217 | /**
218 |  * Decorator
219 |  * The decorator pattern is used to extend or alter the functionality of objects at run-time by wrapping them in an object of a decorator class. This provides a flexible alternative to using inheritance to modify behaviour.
220 |  */
221 | console.log('### Decorator ###');
222 | 
223 | // implement
224 | interface CoffeeMachine {
225 |     makeSmallCoffee(): void
226 |     makeLargeCoffee(): void
227 | }
228 | 
229 | class NormalCoffeeMachine implements CoffeeMachine {
230 |     makeSmallCoffee() {
231 |         console.log("Normal: Making small coffee");
232 |     }
233 |     makeLargeCoffee() {
234 |         console.log("Normal: Making large coffee");
235 |     }
236 | }
237 | 
238 | // or @Decorator(...) ?
239 | class EnhancedCoffeeMachine {
240 | 
241 |     constructor(public coffeeMachine: CoffeeMachine) {}
242 | 
243 |     makeCoffeeWithMilk() {
244 |         console.log("Enhanced: Making coffee with milk");
245 |         this.coffeeMachine.makeSmallCoffee();
246 |         console.log("Enhanced: Adding milk");
247 |     }
248 | 
249 |     makeDoubleLargeCoffee() {
250 |         console.log("Enhanced: Making double large coffee");
251 |         this.coffeeMachine.makeLargeCoffee();
252 |         this.coffeeMachine.makeLargeCoffee();
253 |     }
254 | }
255 | 
256 | // usage
257 | const normalMachine = new NormalCoffeeMachine();
258 | const enhancedMachine = new EnhancedCoffeeMachine(normalMachine);
259 | 
260 | enhancedMachine.makeCoffeeWithMilk();
261 | enhancedMachine.makeDoubleLargeCoffee();
262 | 
263 | /**
264 |  * Facade
265 |  * The facade pattern is used to define a simplified interface to a more complex subsystem.
266 |  */
267 | console.log('### Facade ###');
268 | 
269 | // implement
270 | class ComplexSystemStore {
271 | 
272 |     private _store = new Map<string, string>()
273 | 
274 |     constructor(public filePath: string) {
275 |         console.log(`Reading data from file: ${this.filePath}`);
276 |     }
277 | 
278 |     store(key: string, payload: string) {
279 |         this._store.set(key, payload);
280 |     }
281 | 
282 |     read(key: string): string {
283 |         return this._store.has(key) ? this._store.get(key) : '';
284 |     }
285 | 
286 |     commit() {
287 |         const keys = Array.from(this._store.keys());
288 |         console.log(`Storing cached data: ${keys} to file: ${this.filePath}`);
289 |     }
290 | }
291 | 
292 | class User {
293 |     constructor(public login: string) {}
294 | }
295 | 
296 | //Facade:
297 | class UserRepository {
298 |     systemPreferences = new ComplexSystemStore("/data/default.prefs");
299 | 
300 |     save(user: User) {
301 |         this.systemPreferences.store("USER_KEY", user.login);
302 |         this.systemPreferences.commit();
303 |     }
304 | 
305 |     findFirst(): User {
306 |         return new User(this.systemPreferences.read("USER_KEY"));
307 |     }
308 | }
309 | 
310 | // usage
311 | const userRepository = new UserRepository();
312 | const user = new User("dbacinski");
313 | userRepository.save(user);
314 | const resultUser = userRepository.findFirst();
315 | console.log(`Found stored user: ${resultUser.login}`);
316 | 
317 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "version": "0.1",
 3 |     "compilerOptions": {
 4 |         "target": "es5",
 5 |         "module": "system",
 6 |         "moduleResolution": "node",
 7 |         "isolatedModules": false,
 8 |         "experimentalDecorators": true,
 9 |         "emitDecoratorMetadata": true,
10 |         "declaration": false,
11 |         "noImplicitAny": true,
12 |         "removeComments": true,
13 |         "noLib": false,
14 | 		"lib": ["dom", "es6", "es2016"],
15 |         "preserveConstEnums": true,
16 |         "suppressImplicitAnyIndexErrors": true,
17 | 		"outDir": "./dist/"//,
18 |         //"outFile": "./dist/bundle.js"
19 |     },
20 | 	"include": [
21 | 		"./src/**/*"
22 |     ]
23 | }


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 2 | # yarn lockfile v1
 3 | 
 4 | 
 5 | immutable@^3.8.1:
 6 |   version "3.8.1"
 7 |   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.1.tgz#200807f11ab0f72710ea485542de088075f68cd2"
 8 | 
 9 | rxjs@^5.4.0:
10 |   version "5.4.0"
11 |   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.4.0.tgz#a7db14ab157f9d7aac6a56e655e7a3860d39bf26"
12 |   dependencies:
13 |     symbol-observable "^1.0.1"
14 | 
15 | symbol-observable@^1.0.1:
16 |   version "1.0.4"
17 |   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
18 | 


--------------------------------------------------------------------------------