- *
* {{errorCount}} errors detected
*
@@ -42187,14 +42742,28 @@
return NgIf;
}());
- var _CASE_DEFAULT = new Object();
var SwitchView = (function () {
function SwitchView(_viewContainerRef, _templateRef) {
this._viewContainerRef = _viewContainerRef;
this._templateRef = _templateRef;
+ this._created = false;
}
- SwitchView.prototype.create = function () { this._viewContainerRef.createEmbeddedView(this._templateRef); };
- SwitchView.prototype.destroy = function () { this._viewContainerRef.clear(); };
+ SwitchView.prototype.create = function () {
+ this._created = true;
+ this._viewContainerRef.createEmbeddedView(this._templateRef);
+ };
+ SwitchView.prototype.destroy = function () {
+ this._created = false;
+ this._viewContainerRef.clear();
+ };
+ SwitchView.prototype.enforceState = function (created) {
+ if (created && !this._created) {
+ this.create();
+ }
+ else if (!created && this._created) {
+ this.destroy();
+ }
+ };
return SwitchView;
}());
/**
@@ -42214,7 +42783,7 @@
* {{myModel.valid}}
+ *
+ * ```
+ * I.e. `ngModel` can export itself on the element and then be used in the template.
+ * Normally, this would result in expressions before the `input` that use the exported directive
+ * to have and old value as they have been
+ * dirty checked before. As this is a very common case for `ngModel`, we added this second change
+ * detection run.
+ *
+ * Notes:
+ * - this is just one extra run no matter how many `ngModel` have been changed.
+ * - this is a general problem when using `exportAs` for directives!
+ */
var resolvedPromise$1 = Promise.resolve(null);
/**
* @whatItDoes Creates a {@link FormControl} instance from a domain model and binds it
@@ -48050,7 +48455,7 @@
Object.defineProperty(RequiredValidator.prototype, "required", {
get: function () { return this._required; },
set: function (value) {
- this._required = isPresent(value) && "" + value !== 'false';
+ this._required = value != null && value !== false && "" + value !== 'false';
if (this._onChange)
this._onChange();
},
@@ -48065,7 +48470,7 @@
{ type: _angular_core.Directive, args: [{
selector: '[required][formControlName],[required][formControl],[required][ngModel]',
providers: [REQUIRED_VALIDATOR],
- host: { '[attr.required]': 'required? "" : null' }
+ host: { '[attr.required]': 'required ? "" : null' }
},] },
];
/** @nocollapse */
@@ -48096,25 +48501,25 @@
var MinLengthValidator = (function () {
function MinLengthValidator() {
}
- MinLengthValidator.prototype._createValidator = function () {
- this._validator = Validators.minLength(parseInt(this.minlength, 10));
- };
MinLengthValidator.prototype.ngOnChanges = function (changes) {
- if (changes['minlength']) {
+ if ('minlength' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
MinLengthValidator.prototype.validate = function (c) {
- return isPresent(this.minlength) ? this._validator(c) : null;
+ return this.minlength == null ? null : this._validator(c);
};
MinLengthValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
+ MinLengthValidator.prototype._createValidator = function () {
+ this._validator = Validators.minLength(parseInt(this.minlength, 10));
+ };
MinLengthValidator.decorators = [
{ type: _angular_core.Directive, args: [{
selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
providers: [MIN_LENGTH_VALIDATOR],
- host: { '[attr.minlength]': 'minlength? minlength : null' }
+ host: { '[attr.minlength]': 'minlength ? minlength : null' }
},] },
];
/** @nocollapse */
@@ -48146,25 +48551,25 @@
var MaxLengthValidator = (function () {
function MaxLengthValidator() {
}
- MaxLengthValidator.prototype._createValidator = function () {
- this._validator = Validators.maxLength(parseInt(this.maxlength, 10));
- };
MaxLengthValidator.prototype.ngOnChanges = function (changes) {
- if (changes['maxlength']) {
+ if ('maxlength' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
MaxLengthValidator.prototype.validate = function (c) {
- return isPresent(this.maxlength) ? this._validator(c) : null;
+ return this.maxlength != null ? this._validator(c) : null;
};
MaxLengthValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
+ MaxLengthValidator.prototype._createValidator = function () {
+ this._validator = Validators.maxLength(parseInt(this.maxlength, 10));
+ };
MaxLengthValidator.decorators = [
{ type: _angular_core.Directive, args: [{
selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
providers: [MAX_LENGTH_VALIDATOR],
- host: { '[attr.maxlength]': 'maxlength? maxlength : null' }
+ host: { '[attr.maxlength]': 'maxlength ? maxlength : null' }
},] },
];
/** @nocollapse */
@@ -48195,23 +48600,21 @@
var PatternValidator = (function () {
function PatternValidator() {
}
- PatternValidator.prototype._createValidator = function () { this._validator = Validators.pattern(this.pattern); };
PatternValidator.prototype.ngOnChanges = function (changes) {
- if (changes['pattern']) {
+ if ('pattern' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
- PatternValidator.prototype.validate = function (c) {
- return isPresent(this.pattern) ? this._validator(c) : null;
- };
+ PatternValidator.prototype.validate = function (c) { return this._validator(c); };
PatternValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
+ PatternValidator.prototype._createValidator = function () { this._validator = Validators.pattern(this.pattern); };
PatternValidator.decorators = [
{ type: _angular_core.Directive, args: [{
selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
providers: [PATTERN_VALIDATOR],
- host: { '[attr.pattern]': 'pattern? pattern : null' }
+ host: { '[attr.pattern]': 'pattern ? pattern : null' }
},] },
];
/** @nocollapse */
@@ -48297,7 +48700,7 @@
controlConfig instanceof FormArray) {
return controlConfig;
}
- else if (isArray(controlConfig)) {
+ else if (Array.isArray(controlConfig)) {
var value = controlConfig[0];
var validator = controlConfig.length > 1 ? controlConfig[1] : null;
var asyncValidator = controlConfig.length > 2 ? controlConfig[2] : null;
@@ -48317,9 +48720,9 @@
var SHARED_FORM_DIRECTIVES = [
NgSelectOption, NgSelectMultipleOption, DefaultValueAccessor, NumberValueAccessor,
- CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor,
- RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator,
- MinLengthValidator, MaxLengthValidator, PatternValidator
+ RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor,
+ SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus,
+ NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator
];
var TEMPLATE_DRIVEN_DIRECTIVES = [NgModel, NgModelGroup, NgForm];
var REACTIVE_DRIVEN_DIRECTIVES = [FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName];
@@ -48330,7 +48733,10 @@
function InternalFormsSharedModule() {
}
InternalFormsSharedModule.decorators = [
- { type: _angular_core.NgModule, args: [{ declarations: SHARED_FORM_DIRECTIVES, exports: SHARED_FORM_DIRECTIVES },] },
+ { type: _angular_core.NgModule, args: [{
+ declarations: SHARED_FORM_DIRECTIVES,
+ exports: SHARED_FORM_DIRECTIVES,
+ },] },
];
/** @nocollapse */
InternalFormsSharedModule.ctorParameters = [];
@@ -48412,7 +48818,6 @@
}));
-
/***/ },
/* 335 */
/***/ function(module, exports, __webpack_require__) {
@@ -51156,10 +51561,10 @@
/***/ function(module, exports, __webpack_require__) {
(function (global, factory) {
- true ? factory(exports, __webpack_require__(313), __webpack_require__(353), __webpack_require__(357), __webpack_require__(340), __webpack_require__(361), __webpack_require__(372), __webpack_require__(360), __webpack_require__(377), __webpack_require__(359), __webpack_require__(363), __webpack_require__(315), __webpack_require__(378), __webpack_require__(370), __webpack_require__(379), __webpack_require__(380), __webpack_require__(381)) :
- typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@ngrx/store', 'rxjs/operator/map', 'rxjs/operator/merge', 'rxjs/operator/observeOn', 'rxjs/operator/publishReplay', 'rxjs/operator/scan', 'rxjs/operator/skip', 'rxjs/operator/withLatestFrom', 'rxjs/scheduler/queue', 'rxjs/Observable', 'rxjs/observable/empty', 'rxjs/operator/filter', 'rxjs/operator/share', 'rxjs/operator/switchMap', 'rxjs/operator/takeUntil'], factory) :
- (factory((global.ngrx = global.ngrx || {}, global.ngrx.storeDevtools = global.ngrx.storeDevtools || {}),global.ng.core,global.ngrx.store,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Scheduler,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype));
- }(this, (function (exports,_angular_core,_ngrx_store,rxjs_operator_map,rxjs_operator_merge,rxjs_operator_observeOn,rxjs_operator_publishReplay,rxjs_operator_scan,rxjs_operator_skip,rxjs_operator_withLatestFrom,rxjs_scheduler_queue,rxjs_Observable,rxjs_observable_empty,rxjs_operator_filter,rxjs_operator_share,rxjs_operator_switchMap,rxjs_operator_takeUntil) { 'use strict';
+ true ? factory(exports, __webpack_require__(313), __webpack_require__(353), __webpack_require__(372), __webpack_require__(357), __webpack_require__(340), __webpack_require__(361), __webpack_require__(360), __webpack_require__(373), __webpack_require__(359), __webpack_require__(363), __webpack_require__(315), __webpack_require__(374), __webpack_require__(370), __webpack_require__(375), __webpack_require__(379), __webpack_require__(380)) :
+ typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@ngrx/store', 'rxjs/ReplaySubject', 'rxjs/operator/map', 'rxjs/operator/merge', 'rxjs/operator/observeOn', 'rxjs/operator/scan', 'rxjs/operator/skip', 'rxjs/operator/withLatestFrom', 'rxjs/scheduler/queue', 'rxjs/Observable', 'rxjs/observable/empty', 'rxjs/operator/filter', 'rxjs/operator/share', 'rxjs/operator/switchMap', 'rxjs/operator/takeUntil'], factory) :
+ (factory((global.ngrx = global.ngrx || {}, global.ngrx.storeDevtools = global.ngrx.storeDevtools || {}),global.ng.core,global.ngrx.store,global.Rx,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Scheduler,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype));
+ }(this, (function (exports,_angular_core,_ngrx_store,rxjs_ReplaySubject,rxjs_operator_map,rxjs_operator_merge,rxjs_operator_observeOn,rxjs_operator_scan,rxjs_operator_skip,rxjs_operator_withLatestFrom,rxjs_scheduler_queue,rxjs_Observable,rxjs_observable_empty,rxjs_operator_filter,rxjs_operator_share,rxjs_operator_switchMap,rxjs_operator_takeUntil) { 'use strict';
var ActionTypes = {
PERFORM_ACTION: 'PERFORM_ACTION',
@@ -51261,7 +51666,7 @@
return new rxjs_Observable.Observable(function (subscriber) {
var connection = _this.devtoolsExtension.connect({ instanceId: _this.instanceId });
connection.subscribe(function (change) { return subscriber.next(change); });
- return connection.unsubscribe();
+ return connection.unsubscribe;
});
};
DevtoolsExtension.prototype.createActionStreams = function () {
@@ -51569,28 +51974,30 @@
var liftReducer = liftReducerWith(initialState, liftedInitialState, config.monitor, {
maxAge: config.maxAge
});
- var liftedActions$ = applyOperators(actions$, [
+ var liftedAction$ = applyOperators(actions$, [
[rxjs_operator_skip.skip, 1],
[rxjs_operator_merge.merge, extension.actions$],
[rxjs_operator_map.map, liftAction],
[rxjs_operator_merge.merge, dispatcher, extension.liftedActions$],
[rxjs_operator_observeOn.observeOn, rxjs_scheduler_queue.queue]
]);
- var liftedReducers$ = rxjs_operator_map.map.call(reducers$, liftReducer);
- var liftedState = applyOperators(liftedActions$, [
- [rxjs_operator_withLatestFrom.withLatestFrom, liftedReducers$],
+ var liftedReducer$ = rxjs_operator_map.map.call(reducers$, liftReducer);
+ var liftedStateSubject = new rxjs_ReplaySubject.ReplaySubject(1);
+ var liftedStateSubscription = applyOperators(liftedAction$, [
+ [rxjs_operator_withLatestFrom.withLatestFrom, liftedReducer$],
[rxjs_operator_scan.scan, function (liftedState, _a) {
var action = _a[0], reducer = _a[1];
var nextState = reducer(liftedState, action);
extension.notify(action, nextState);
return nextState;
- }, liftedInitialState],
- [rxjs_operator_publishReplay.publishReplay, 1]
- ]).refCount();
- var state = rxjs_operator_map.map.call(liftedState, unliftState);
+ }, liftedInitialState]
+ ]).subscribe(liftedStateSubject);
+ var liftedState$ = liftedStateSubject.asObservable();
+ var state$ = rxjs_operator_map.map.call(liftedState$, unliftState);
+ this.stateSubscription = liftedStateSubscription;
this.dispatcher = dispatcher;
- this.liftedState = liftedState;
- this.state = state;
+ this.liftedState = liftedState$;
+ this.state = state$;
}
StoreDevtools.prototype.dispatch = function (action) {
this.dispatcher.dispatch(action);
@@ -51640,11 +52047,17 @@
}());
function _createReduxDevtoolsExtension() {
- var extensionKey = 'devToolsExtension';
- if (typeof window === 'object' && typeof window[extensionKey] !== 'undefined') {
+ var legacyExtensionKey = 'devToolsExtension';
+ var extensionKey = '__REDUX_DEVTOOLS_EXTENSION__';
+ if (typeof window === 'object' && typeof window[legacyExtensionKey] !== 'undefined') {
+ return window[legacyExtensionKey];
+ }
+ else if (typeof window === 'object' && typeof window[extensionKey] !== 'undefined') {
return window[extensionKey];
}
- return null;
+ else {
+ return null;
+ }
}
function _createState(devtools) {
return devtools.state;
@@ -51762,29 +52175,6 @@
/***/ },
/* 372 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var ReplaySubject_1 = __webpack_require__(373);
- var multicast_1 = __webpack_require__(374);
- /**
- * @param bufferSize
- * @param windowTime
- * @param scheduler
- * @return {ConnectableObservable
+ *
+ * @param {Number} the `n` of times, items emitted by source Observable should be skipped.
+ * @return {Observable} an Observable that skips values emitted by the source Observable.
+ *
+ * @method skip
+ * @owner Observable
+ */
+ function skip(total) {
+ return this.lift(new SkipOperator(total));
+ }
+ exports.skip = skip;
+ var SkipOperator = (function () {
+ function SkipOperator(total) {
+ this.total = total;
+ }
+ SkipOperator.prototype.call = function (subscriber, source) {
+ return source._subscribe(new SkipSubscriber(subscriber, this.total));
+ };
+ return SkipOperator;
+ }());
+ /**
+ * We need this JSDoc comment for affecting ESDoc.
+ * @ignore
+ * @extends {Ignored}
+ */
+ var SkipSubscriber = (function (_super) {
+ __extends(SkipSubscriber, _super);
+ function SkipSubscriber(destination, total) {
+ _super.call(this, destination);
+ this.total = total;
+ this.count = 0;
+ }
+ SkipSubscriber.prototype._next = function (x) {
+ if (++this.count > this.total) {
+ this.destination.next(x);
+ }
+ };
+ return SkipSubscriber;
+ }(Subscriber_1.Subscriber));
+ //# sourceMappingURL=skip.js.map
+
/***/ },
/* 374 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var MulticastObservable_1 = __webpack_require__(375);
- var ConnectableObservable_1 = __webpack_require__(376);
+ var EmptyObservable_1 = __webpack_require__(343);
+ exports.empty = EmptyObservable_1.EmptyObservable.create;
+ //# sourceMappingURL=empty.js.map
+
+/***/ },
+/* 375 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var multicast_1 = __webpack_require__(376);
+ var Subject_1 = __webpack_require__(314);
+ function shareSubjectFactory() {
+ return new Subject_1.Subject();
+ }
+ /**
+ * Returns a new Observable that multicasts (shares) the original Observable. As long as there is at least one
+ * Subscriber this Observable will be subscribed and emitting data. When all subscribers have unsubscribed it will
+ * unsubscribe from the source Observable. Because the Observable is multicasting it makes the stream `hot`.
+ * This is an alias for .publish().refCount().
+ *
+ * 
+ *
+ * @return {Observable
- *
- * @param {Number} the `n` of times, items emitted by source Observable should be skipped.
- * @return {Observable} an Observable that skips values emitted by the source Observable.
- *
- * @method skip
- * @owner Observable
- */
- function skip(total) {
- return this.lift(new SkipOperator(total));
- }
- exports.skip = skip;
- var SkipOperator = (function () {
- function SkipOperator(total) {
- this.total = total;
- }
- SkipOperator.prototype.call = function (subscriber, source) {
- return source._subscribe(new SkipSubscriber(subscriber, this.total));
- };
- return SkipOperator;
- }());
- /**
- * We need this JSDoc comment for affecting ESDoc.
- * @ignore
- * @extends {Ignored}
- */
- var SkipSubscriber = (function (_super) {
- __extends(SkipSubscriber, _super);
- function SkipSubscriber(destination, total) {
- _super.call(this, destination);
- this.total = total;
- this.count = 0;
- }
- SkipSubscriber.prototype._next = function (x) {
- if (++this.count > this.total) {
- this.destination.next(x);
- }
- };
- return SkipSubscriber;
- }(Subscriber_1.Subscriber));
- //# sourceMappingURL=skip.js.map
-
-/***/ },
-/* 378 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var EmptyObservable_1 = __webpack_require__(343);
- exports.empty = EmptyObservable_1.EmptyObservable.create;
- //# sourceMappingURL=empty.js.map
-
/***/ },
/* 379 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var multicast_1 = __webpack_require__(374);
- var Subject_1 = __webpack_require__(314);
- function shareSubjectFactory() {
- return new Subject_1.Subject();
- }
- /**
- * Returns a new Observable that multicasts (shares) the original Observable. As long as there is at least one
- * Subscriber this Observable will be subscribed and emitting data. When all subscribers have unsubscribed it will
- * unsubscribe from the source Observable. Because the Observable is multicasting it makes the stream `hot`.
- * This is an alias for .publish().refCount().
- *
- *
- *
- * @return {Observable
- *
- * Like
- * [Array.prototype.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce),
- * `reduce` applies an `accumulator` function against an accumulation and each
- * value of the source Observable (from the past) to reduce it to a single
- * value, emitted on the output Observable. Note that `reduce` will only emit
- * one value, only when the source Observable completes. It is equivalent to
- * applying operator {@link scan} followed by operator {@link last}.
- *
- * Returns an Observable that applies a specified `accumulator` function to each
- * item emitted by the source Observable. If a `seed` value is specified, then
- * that value will be used as the initial value for the accumulator. If no seed
- * value is specified, the first item of the source is used as the seed.
- *
- * @example 
- *
- * Joins every Observable emitted by the source (a higher-order Observable), in
- * a serial fashion. It subscribes to each inner Observable only after the
- * previous inner Observable has completed, and merges all of their values into
- * the returned observable.
- *
- * __Warning:__ If the source Observable emits Observables quickly and
- * endlessly, and the inner Observables it emits generally complete slower than
- * the source emits, you can run into memory issues as the incoming Observables
- * collect in an unbounded buffer.
- *
- * Note: `concatAll` is equivalent to `mergeAll` with concurrency parameter set
- * to `1`.
- *
- * @example
+ *
+ * Like
+ * [Array.prototype.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce),
+ * `reduce` applies an `accumulator` function against an accumulation and each
+ * value of the source Observable (from the past) to reduce it to a single
+ * value, emitted on the output Observable. Note that `reduce` will only emit
+ * one value, only when the source Observable completes. It is equivalent to
+ * applying operator {@link scan} followed by operator {@link last}.
+ *
+ * Returns an Observable that applies a specified `accumulator` function to each
+ * item emitted by the source Observable. If a `seed` value is specified, then
+ * that value will be used as the initial value for the accumulator. If no seed
+ * value is specified, the first item of the source is used as the seed.
+ *
+ * @example
+ *
+ * Joins every Observable emitted by the source (a higher-order Observable), in
+ * a serial fashion. It subscribes to each inner Observable only after the
+ * previous inner Observable has completed, and merges all of their values into
+ * the returned observable.
+ *
+ * __Warning:__ If the source Observable emits Observables quickly and
+ * endlessly, and the inner Observables it emits generally complete slower than
+ * the source emits, you can run into memory issues as the incoming Observables
+ * collect in an unbounded buffer.
+ *
+ * Note: `concatAll` is equivalent to `mergeAll` with concurrency parameter set
+ * to `1`.
+ *
+ * @example \r\n
\r\nTo be done...";
/***/ },
-/* 418 */
+/* 417 */
/***/ function(module, exports) {
- module.exports = ""
+ module.exports = ":host {\n width: 100%;\n height: 100%;\n display: block; }\n"
/***/ },
-/* 419 */
+/* 418 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var add_on_component_1 = __webpack_require__(401);
+ var add_on_component_1 = __webpack_require__(400);
exports.addOnRoutes = [
{
path: 'add-on/:name',
@@ -59750,19 +60457,47 @@
/***/ },
-/* 420 */
+/* 419 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
function __export(m) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
+ __export(__webpack_require__(420));
__export(__webpack_require__(421));
- __export(__webpack_require__(454));
- __export(__webpack_require__(455));
+ __export(__webpack_require__(429));
__export(__webpack_require__(460));
+/***/ },
+/* 420 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var keymap_add_component_1 = __webpack_require__(421);
+ var keymap_edit_component_1 = __webpack_require__(429);
+ exports.keymapRoutes = [
+ {
+ path: '',
+ redirectTo: '/keymap',
+ pathMatch: 'full'
+ },
+ {
+ path: 'keymap',
+ component: keymap_edit_component_1.KeymapEditComponent
+ },
+ {
+ path: 'keymap/add',
+ component: keymap_add_component_1.KeymapAddComponent
+ },
+ {
+ path: 'keymap/:abbr',
+ component: keymap_edit_component_1.KeymapEditComponent
+ }
+ ];
+
+
/***/ },
/* 421 */
/***/ function(module, exports, __webpack_require__) {
@@ -59778,15 +60513,434 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var router_1 = __webpack_require__(402);
- __webpack_require__(422);
var store_1 = __webpack_require__(353);
- __webpack_require__(423);
- __webpack_require__(425);
- __webpack_require__(426);
- var keymap_1 = __webpack_require__(427);
- var KeymapComponent = (function () {
- function KeymapComponent(store, route) {
+ __webpack_require__(422);
+ var BehaviorSubject_1 = __webpack_require__(354);
+ var actions_1 = __webpack_require__(424);
+ var KeymapAddComponent = (function () {
+ function KeymapAddComponent(store) {
+ var _this = this;
+ this.store = store;
+ this.presetsAll$ = store.select(function (appState) { return appState.presetKeymaps; });
+ this.filterExpression$ = new BehaviorSubject_1.BehaviorSubject('');
+ this.subscription = this.presetsAll$.combineLatest(this.filterExpression$, function (keymaps, filterExpression) {
+ return keymaps.filter(function (keymap) { return keymap.name.toLocaleLowerCase().includes(filterExpression); });
+ }).subscribe(function (keymaps) { return _this.presets = keymaps; });
+ }
+ KeymapAddComponent.prototype.ngOnDestroy = function () {
+ this.subscription.unsubscribe();
+ };
+ KeymapAddComponent.prototype.filterKeyboards = function (filterExpression) {
+ this.filterExpression$.next(filterExpression);
+ };
+ KeymapAddComponent.prototype.addKeymap = function (keymap) {
+ this.store.dispatch(actions_1.KeymapActions.addKeymap(keymap));
+ };
+ KeymapAddComponent = __decorate([
+ core_1.Component({
+ selector: 'keymap-add',
+ template: __webpack_require__(427),
+ styles: [__webpack_require__(428)],
+ host: {
+ 'class': 'container-fluid'
+ }
+ }),
+ __metadata('design:paramtypes', [store_1.Store])
+ ], KeymapAddComponent);
+ return KeymapAddComponent;
+ }());
+ exports.KeymapAddComponent = KeymapAddComponent;
+
+
+/***/ },
+/* 422 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var Observable_1 = __webpack_require__(315);
+ var combineLatest_1 = __webpack_require__(423);
+ Observable_1.Observable.prototype.combineLatest = combineLatest_1.combineLatest;
+ //# sourceMappingURL=combineLatest.js.map
+
+/***/ },
+/* 423 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __extends = (this && this.__extends) || function (d, b) {
+ for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+ var ArrayObservable_1 = __webpack_require__(341);
+ var isArray_1 = __webpack_require__(321);
+ var OuterSubscriber_1 = __webpack_require__(346);
+ var subscribeToResult_1 = __webpack_require__(347);
+ var none = {};
+ /**
+ * Combines multiple Observables to create an Observable whose values are
+ * calculated from the latest values of each of its input Observables.
+ *
+ * Whenever any input Observable emits a value, it
+ * computes a formula using the latest values from all the inputs, then emits
+ * the output of that formula.
+ *
+ * \r\n \r\n {{ name$ | async }}\r\n
\r\n
+ *
+ * `combineLatest` combines the values from this Observable with values from
+ * Observables passed as arguments. This is done by subscribing to each
+ * Observable, in order, and collecting an array of each of the most recent
+ * values any time any of the input Observables emits, then either taking that
+ * array and passing it as arguments to an optional `project` function and
+ * emitting the return value of that, or just emitting the array of recent
+ * values directly if there is no `project` function.
+ *
+ * @example \r\n \r\n Add new keymap\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ presets.length }} / {{ (presetsAll$ | async).length }} keymaps shown\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n{{ keymap.name }}
\r\n\r\n {{ keymap.description }}\r\n
\r\n\r\n \r\n
\r\n \r\n Sorry, no keyboard found under this search query.\r\n
";
+
+/***/ },
+/* 428 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n overflow-y: auto;\n display: block;\n height: 100%; }\n\n.uhk__layer-switcher--wrapper {\n position: relative; }\n .uhk__layer-switcher--wrapper:before {\n content: attr(data-title);\n display: inline-block;\n position: absolute;\n bottom: -0.3em;\n right: 100%;\n font-size: 2.4rem;\n padding-right: 0.25em;\n margin: 0; }\n\n.keymap__search {\n margin-top: 10px; }\n .keymap__search .input-group {\n width: 100%;\n max-width: 350px;\n float: left; }\n .keymap__search_amount {\n float: left;\n margin: 7px 0 0 20px; }\n\n.keymap__description {\n margin-bottom: 20px; }\n\n.keymap__list {\n margin-top: 40px; }\n .keymap__list_item {\n margin-bottom: 50px; }\n .keymap__list .btn-group-lg {\n margin: 30px 0 0;\n width: 100%;\n text-align: center; }\n .keymap__list .btn-group-lg .btn {\n float: none;\n padding-left: 50px;\n padding-right: 50px; }\n"
+
+/***/ },
+/* 429 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var router_1 = __webpack_require__(401);
+ __webpack_require__(430);
+ var store_1 = __webpack_require__(353);
+ __webpack_require__(431);
+ __webpack_require__(433);
+ __webpack_require__(435);
+ var keymap_1 = __webpack_require__(436);
+ var KeymapEditComponent = (function () {
+ function KeymapEditComponent(store, route) {
this.store = store;
this.route = route;
var keymapConnectable = route
@@ -59796,43 +60950,48 @@
.publishReplay();
this.keymap$ = keymapConnectable;
keymapConnectable.connect();
+ this.deletable$ = store.let(keymap_1.getKeymapEntities())
+ .map(function (keymaps) { return keymaps.length > 1; });
}
- KeymapComponent = __decorate([
+ KeymapEditComponent = __decorate([
core_1.Component({
- selector: 'keymap',
- template: __webpack_require__(452),
- styles: [__webpack_require__(453)]
+ selector: 'keymap-edit',
+ template: __webpack_require__(458),
+ styles: [__webpack_require__(459)],
+ host: {
+ 'class': 'container-fluid'
+ }
}),
__metadata('design:paramtypes', [store_1.Store, router_1.ActivatedRoute])
- ], KeymapComponent);
- return KeymapComponent;
+ ], KeymapEditComponent);
+ return KeymapEditComponent;
}());
- exports.KeymapComponent = KeymapComponent;
+ exports.KeymapEditComponent = KeymapEditComponent;
/***/ },
-/* 422 */
+/* 430 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
var Observable_1 = __webpack_require__(315);
- var select_1 = __webpack_require__(383);
+ var select_1 = __webpack_require__(382);
Observable_1.Observable.prototype.select = select_1.select;
/***/ },
-/* 423 */
+/* 431 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
var Observable_1 = __webpack_require__(315);
- var let_1 = __webpack_require__(424);
+ var let_1 = __webpack_require__(432);
Observable_1.Observable.prototype.let = let_1.letProto;
Observable_1.Observable.prototype.letBind = let_1.letProto;
//# sourceMappingURL=let.js.map
/***/ },
-/* 424 */
+/* 432 */
/***/ function(module, exports) {
"use strict";
@@ -59849,40 +61008,67 @@
//# sourceMappingURL=let.js.map
/***/ },
-/* 425 */
+/* 433 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
var Observable_1 = __webpack_require__(315);
- var publishReplay_1 = __webpack_require__(372);
+ var publishReplay_1 = __webpack_require__(434);
Observable_1.Observable.prototype.publishReplay = publishReplay_1.publishReplay;
//# sourceMappingURL=publishReplay.js.map
/***/ },
-/* 426 */
+/* 434 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var ReplaySubject_1 = __webpack_require__(372);
+ var multicast_1 = __webpack_require__(376);
+ /**
+ * @param bufferSize
+ * @param windowTime
+ * @param scheduler
+ * @return {ConnectableObservable\r\n Sorry, there is no keymap with this abbreviation.\r\n
";
-
-/***/ },
-/* 453 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n width: 100%;\n height: 100%;\n display: block; }\n\n.not-found {\n margin-top: 30px;\n font-size: 16px;\n text-align: center; }\n"
-
-/***/ },
-/* 454 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var keymap_add_component_1 = __webpack_require__(455);
- var keymap_component_1 = __webpack_require__(421);
- exports.keymapRoutes = [
- {
- path: '',
- redirectTo: '/keymap',
- pathMatch: 'full'
- },
- {
- path: 'keymap',
- component: keymap_component_1.KeymapComponent
- },
- {
- path: 'keymap/add',
- component: keymap_add_component_1.KeymapAddComponent
- },
- {
- path: 'keymap/:abbr',
- component: keymap_component_1.KeymapComponent
- }
- ];
-
-
/***/ },
/* 455 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
+ var __extends = (this && this.__extends) || function (d, b) {
+ for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var store_1 = __webpack_require__(353);
- __webpack_require__(456);
- var BehaviorSubject_1 = __webpack_require__(354);
- var actions_1 = __webpack_require__(449);
- var KeymapAddComponent = (function () {
- function KeymapAddComponent(store) {
- var _this = this;
- this.store = store;
- this.presetsAll$ = store.select(function (appState) { return appState.presetKeymaps; });
- this.filterExpression$ = new BehaviorSubject_1.BehaviorSubject('');
- this.subscription = this.presetsAll$.combineLatest(this.filterExpression$, function (keymaps, filterExpression) {
- return keymaps.filter(function (keymap) { return keymap.name.toLocaleLowerCase().includes(filterExpression); });
- }).subscribe(function (keymaps) { return _this.presets = keymaps; });
+ var Serializable_1 = __webpack_require__(440);
+ var Layer_1 = __webpack_require__(456);
+ var Keymap = (function (_super) {
+ __extends(Keymap, _super);
+ function Keymap(keymap) {
+ _super.call(this);
+ if (!keymap) {
+ return;
+ }
+ this.name = keymap.name;
+ this.description = keymap.description;
+ this.abbreviation = keymap.abbreviation;
+ this.isDefault = keymap.isDefault;
+ this.layers = keymap.layers.map(function (layer) { return new Layer_1.Layer(layer); });
}
- KeymapAddComponent.prototype.ngOnDestroy = function () {
- this.subscription.unsubscribe();
+ Keymap.prototype._fromJsObject = function (jsObject) {
+ this.isDefault = jsObject.isDefault;
+ this.abbreviation = jsObject.abbreviation;
+ this.name = jsObject.name;
+ this.description = jsObject.description;
+ this.layers = jsObject.layers.map(function (layer) { return new Layer_1.Layer().fromJsObject(layer); });
+ return this;
};
- KeymapAddComponent.prototype.filterKeyboards = function (filterExpression) {
- this.filterExpression$.next(filterExpression);
+ Keymap.prototype._fromBinary = function (buffer) {
+ this.isDefault = buffer.readBoolean();
+ this.abbreviation = buffer.readString();
+ this.name = buffer.readString();
+ this.description = buffer.readString();
+ this.layers = buffer.readArray(Layer_1.Layer);
+ return this;
};
- KeymapAddComponent.prototype.addKeymap = function (keymap) {
- this.store.dispatch(actions_1.KeymapActions.addKeymap(keymap));
+ Keymap.prototype._toJsObject = function () {
+ return {
+ isDefault: this.isDefault,
+ abbreviation: this.abbreviation,
+ name: this.name,
+ description: this.description,
+ layers: this.layers.map(function (layer) { return layer.toJsObject(); })
+ };
};
- KeymapAddComponent = __decorate([
- core_1.Component({
- selector: 'keymap-add',
- template: __webpack_require__(458),
- styles: [__webpack_require__(459)]
- }),
- __metadata('design:paramtypes', [store_1.Store])
- ], KeymapAddComponent);
- return KeymapAddComponent;
- }());
- exports.KeymapAddComponent = KeymapAddComponent;
+ Keymap.prototype._toBinary = function (buffer) {
+ buffer.writeBoolean(this.isDefault);
+ buffer.writeString(this.abbreviation);
+ buffer.writeString(this.name);
+ buffer.writeString(this.description);
+ buffer.writeArray(this.layers);
+ };
+ Keymap.prototype.toString = function () {
+ return "
- *
- * `combineLatest` combines the values from this Observable with values from
- * Observables passed as arguments. This is done by subscribing to each
- * Observable, in order, and collecting an array of each of the most recent
- * values any time any of the input Observables emits, then either taking that
- * array and passing it as arguments to an optional `project` function and
- * emitting the return value of that, or just emitting the array of recent
- * values directly if there is no `project` function.
- *
- * @example \r\n \r\n Add new keymap\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ presets.length }} / {{ (presetsAll$ | async).length }} keymaps shown\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n{{ keymap.name }}
\r\n\r\n {{ keymap.description }}\r\n
\r\n\r\n \r\n
\r\n \r\n Sorry, no keyboard found under this search query.\r\n
";
+ module.exports = "\r\n \r\n Sorry, there is no keymap with this abbreviation.\r\n
";
/***/ },
/* 459 */
/***/ function(module, exports) {
- module.exports = ":host {\n overflow-y: auto;\n display: block;\n height: 100%; }\n\n.uhk__layer-switcher--wrapper {\n position: relative; }\n .uhk__layer-switcher--wrapper:before {\n content: attr(data-title);\n display: inline-block;\n position: absolute;\n bottom: -0.3em;\n right: 100%;\n font-size: 2.4rem;\n padding-right: 0.25em;\n margin: 0; }\n\n.keymap__search {\n margin-top: 10px; }\n .keymap__search .input-group {\n width: 100%;\n max-width: 350px;\n float: left; }\n .keymap__search_amount {\n float: left;\n margin: 7px 0 0 20px; }\n\n.keymap__description {\n margin-bottom: 20px; }\n\n.keymap__list {\n margin-top: 40px; }\n .keymap__list_item {\n margin-bottom: 50px; }\n .keymap__list .btn-group-lg {\n margin: 30px 0 0;\n width: 100%;\n text-align: center; }\n .keymap__list .btn-group-lg .btn {\n float: none;\n padding-left: 50px;\n padding-right: 50px; }\n"
+ module.exports = ":host {\n width: 100%;\n display: block; }\n\n.not-found {\n margin-top: 30px;\n font-size: 16px;\n text-align: center; }\n"
/***/ },
/* 460 */
@@ -63644,41 +64482,81 @@
};
var core_1 = __webpack_require__(313);
var store_1 = __webpack_require__(353);
- var Keymap_1 = __webpack_require__(429);
- var actions_1 = __webpack_require__(449);
+ var Keymap_1 = __webpack_require__(455);
+ var actions_1 = __webpack_require__(424);
var KeymapHeaderComponent = (function () {
- function KeymapHeaderComponent(store) {
+ function KeymapHeaderComponent(store, renderer) {
this.store = store;
+ this.renderer = renderer;
}
+ KeymapHeaderComponent.prototype.ngOnChanges = function (changes) {
+ if (changes['keymap']) {
+ this.setKeymapTitle();
+ }
+ if (changes['deletable']) {
+ this.setTrashTitle();
+ }
+ };
KeymapHeaderComponent.prototype.setDefault = function () {
if (!this.keymap.isDefault) {
this.store.dispatch(actions_1.KeymapActions.setDefault(this.keymap.abbreviation));
}
};
KeymapHeaderComponent.prototype.removeKeymap = function () {
- this.store.dispatch(actions_1.KeymapActions.removeKeymap(this.keymap.abbreviation));
+ if (this.deletable) {
+ this.store.dispatch(actions_1.KeymapActions.removeKeymap(this.keymap.abbreviation));
+ }
};
KeymapHeaderComponent.prototype.duplicateKeymap = function () {
this.store.dispatch(actions_1.KeymapActions.duplicateKeymap(this.keymap));
};
KeymapHeaderComponent.prototype.editKeymapName = function (name) {
+ if (name.length === 0) {
+ this.renderer.setElementProperty(this.keymapName.nativeElement, 'value', this.keymap.name);
+ return;
+ }
this.store.dispatch(actions_1.KeymapActions.editKeymapName(this.keymap.abbreviation, name));
};
KeymapHeaderComponent.prototype.editKeymapAbbr = function (newAbbr) {
+ if (newAbbr.length !== 3) {
+ this.renderer.setElementProperty(this.keymapAbbr.nativeElement, 'value', this.keymap.abbreviation);
+ return;
+ }
newAbbr = newAbbr.toUpperCase();
this.store.dispatch(actions_1.KeymapActions.editKeymapAbbr(this.keymap.abbreviation, newAbbr));
};
+ KeymapHeaderComponent.prototype.setKeymapTitle = function () {
+ this.starTitle = this.keymap.isDefault
+ ? 'This is the default keymap which gets activated when powering the keyboard.'
+ : 'Makes this keymap the default keymap which gets activated when powering the keyboard.';
+ };
+ KeymapHeaderComponent.prototype.setTrashTitle = function () {
+ this.trashTitle = this.deletable ? '' : 'The last keymap cannot be deleted.';
+ };
__decorate([
core_1.Input(),
__metadata('design:type', Keymap_1.Keymap)
], KeymapHeaderComponent.prototype, "keymap", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Boolean)
+ ], KeymapHeaderComponent.prototype, "deletable", void 0);
+ __decorate([
+ core_1.ViewChild('name'),
+ __metadata('design:type', core_1.ElementRef)
+ ], KeymapHeaderComponent.prototype, "keymapName", void 0);
+ __decorate([
+ core_1.ViewChild('abbr'),
+ __metadata('design:type', core_1.ElementRef)
+ ], KeymapHeaderComponent.prototype, "keymapAbbr", void 0);
KeymapHeaderComponent = __decorate([
core_1.Component({
selector: 'keymap-header',
template: __webpack_require__(461),
- styles: [__webpack_require__(462)]
+ styles: [__webpack_require__(462)],
+ changeDetection: core_1.ChangeDetectionStrategy.OnPush
}),
- __metadata('design:paramtypes', [store_1.Store])
+ __metadata('design:paramtypes', [store_1.Store, core_1.Renderer])
], KeymapHeaderComponent);
return KeymapHeaderComponent;
}());
@@ -63689,13 +64567,13 @@
/* 461 */
/***/ function(module, exports) {
- module.exports = "\r\n
";
+ module.exports = "\r\n \r\n keymap\r\n ()\r\n \r\n \r\n \r\n
\r\n\r\n
";
/***/ },
/* 462 */
/***/ function(module, exports) {
- module.exports = ".keymap__is-default.fa-star-o {\n cursor: pointer; }\n .keymap__is-default.fa-star-o:hover {\n color: #337ab7; }\n\n.keymap__remove {\n font-size: 0.75em;\n top: 8px; }\n .keymap__remove:hover {\n cursor: pointer;\n color: #900; }\n\n.keymap__duplicate {\n font-size: 0.75em;\n top: 7px;\n margin-right: 15px;\n position: relative; }\n .keymap__duplicate:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.pane-title {\n margin-bottom: 1em; }\n .pane-title__name, .pane-title__abbrev {\n border: none;\n border-bottom: 2px dotted #999;\n padding: 0;\n margin: 0 0.25rem; }\n .pane-title__name:focus, .pane-title__abbrev:focus {\n box-shadow: 0 0 0 1px #ccc, 0 0 5px 0 #ccc;\n border-color: transparent; }\n .pane-title__name {\n width: 290px;\n text-overflow: ellipsis; }\n .pane-title__abbrev {\n width: 90px;\n text-align: center; }\n"
+ module.exports = ":host {\n display: block; }\n\n.keymap__is-default.fa-star-o {\n cursor: pointer; }\n .keymap__is-default.fa-star-o:hover {\n color: #337ab7; }\n\n.keymap__remove {\n font-size: 0.75em;\n top: 8px; }\n .keymap__remove:not(.disabled):hover {\n cursor: pointer;\n color: #900; }\n .keymap__remove.disabled {\n opacity: 0.25; }\n\n.keymap__duplicate {\n font-size: 0.75em;\n top: 7px;\n margin-right: 15px;\n position: relative; }\n .keymap__duplicate:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.pane-title {\n margin-bottom: 1em; }\n .pane-title__name, .pane-title__abbrev {\n border: none;\n border-bottom: 2px dotted #999;\n padding: 0;\n margin: 0 0.25rem; }\n .pane-title__name:focus, .pane-title__abbrev:focus {\n box-shadow: 0 0 0 1px #ccc, 0 0 5px 0 #ccc;\n border-color: transparent; }\n .pane-title__name {\n width: 290px;\n text-overflow: ellipsis; }\n .pane-title__abbrev {\n width: 90px;\n text-align: center; }\n"
/***/ },
/* 463 */
@@ -63770,7 +64648,7 @@
/* 466 */
/***/ function(module, exports) {
- module.exports = ":host {\n display: block; }\n\nbutton {\n margin: 2px; }\n\n.uhk__layer-switcher--wrapper {\n position: relative;\n margin-bottom: 2rem; }\n .uhk__layer-switcher--wrapper:before {\n content: attr(data-title);\n display: inline-block;\n position: absolute;\n bottom: -0.3em;\n right: 100%;\n font-size: 2.4rem;\n padding-right: 0.25em;\n margin: 0; }\n"
+ module.exports = ":host {\n display: block; }\n :host.disabled button {\n cursor: no-drop;\n background: rgba(204, 204, 204, 0.43);\n pointer-events: none; }\n :host.disabled button.btn-primary {\n background: #7c7c7c;\n border-color: #7c7c7c; }\n\nbutton {\n margin: 2px; }\n\n.uhk__layer-switcher--wrapper {\n position: relative;\n margin-bottom: 2rem; }\n .uhk__layer-switcher--wrapper:before {\n content: attr(data-title);\n display: inline-block;\n position: absolute;\n bottom: -0.3em;\n right: 100%;\n font-size: 2.4rem;\n padding-right: 0.25em;\n margin: 0; }\n"
/***/ },
/* 467 */
@@ -63781,12 +64659,13 @@
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
__export(__webpack_require__(468));
- __export(__webpack_require__(488));
+ __export(__webpack_require__(484));
+ __export(__webpack_require__(487));
+ __export(__webpack_require__(490));
__export(__webpack_require__(491));
- __export(__webpack_require__(494));
__export(__webpack_require__(495));
- __export(__webpack_require__(496));
- __export(__webpack_require__(500));
+ __export(__webpack_require__(501));
+ __export(__webpack_require__(505));
/***/ },
@@ -63804,38 +64683,15 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var router_1 = __webpack_require__(402);
- __webpack_require__(422);
+ var router_1 = __webpack_require__(401);
var store_1 = __webpack_require__(353);
- __webpack_require__(423);
- __webpack_require__(426);
- var ng2_dragula_1 = __webpack_require__(385);
- var macro_item_component_1 = __webpack_require__(469);
- var actions_1 = __webpack_require__(449);
- var macro_1 = __webpack_require__(484);
- var MacroComponent = (function () {
- function MacroComponent(store, route, dragulaService) {
+ var actions_1 = __webpack_require__(424);
+ var macro_1 = __webpack_require__(469);
+ var MacroEditComponent = (function () {
+ function MacroEditComponent(store, route) {
var _this = this;
this.store = store;
this.route = route;
- this.dragulaService = dragulaService;
- this.showNew = false;
- this.newMacro = undefined;
- this.activeEdit = undefined;
- /* tslint:disable:no-unused-variable: Used by Dragula. */
- dragulaService.setOptions('macroActions', {
- moves: function (el, container, handle) {
- return handle.className.includes('action--movable');
- }
- });
- dragulaService.drag.subscribe(function (value) {
- _this.dragIndex = +value[1].getAttribute('data-index');
- });
- dragulaService.drop.subscribe(function (value) {
- if (value[4]) {
- _this.store.dispatch(actions_1.MacroActions.reorderMacroAction(_this.macro.id, _this.dragIndex, +value[4].getAttribute('data-index')));
- }
- });
this.subscription = route
.params
.select('id')
@@ -63843,65 +64699,1123 @@
.subscribe(function (macro) {
_this.macro = macro;
});
+ this.isNew = this.route.snapshot.params['empty'] === 'new';
}
- MacroComponent.prototype.ngOnDestroy = function () {
+ MacroEditComponent.prototype.ngOnDestroy = function () {
this.subscription.unsubscribe();
};
- MacroComponent.prototype.showNewAction = function () {
- this.hideActiveEditor();
- this.newMacro = undefined;
- this.showNew = true;
+ MacroEditComponent.prototype.addAction = function (macroId, action) {
+ this.store.dispatch(actions_1.MacroActions.addMacroAction(macroId, action));
};
- MacroComponent.prototype.hideNewAction = function () {
- this.showNew = false;
+ MacroEditComponent.prototype.editAction = function (macroId, index, action) {
+ this.store.dispatch(actions_1.MacroActions.saveMacroAction(macroId, index, action));
};
- MacroComponent.prototype.addNewAction = function (macroAction) {
- this.store.dispatch(actions_1.MacroActions.addMacroAction(this.macro.id, macroAction));
- this.newMacro = undefined;
- this.showNew = false;
+ MacroEditComponent.prototype.deleteAction = function (macroId, index, action) {
+ this.store.dispatch(actions_1.MacroActions.deleteMacroAction(macroId, index, action));
};
- MacroComponent.prototype.editAction = function (index) {
- // Hide other editors when clicking edit button of a macro action
- this.hideActiveEditor();
- this.showNew = false;
- this.activeEdit = index;
+ MacroEditComponent.prototype.reorderAction = function (macroId, oldIndex, newIndex) {
+ this.store.dispatch(actions_1.MacroActions.reorderMacroAction(macroId, oldIndex, newIndex));
};
- MacroComponent.prototype.cancelAction = function () {
- this.activeEdit = undefined;
- };
- MacroComponent.prototype.saveAction = function (macroAction, index) {
- this.store.dispatch(actions_1.MacroActions.saveMacroAction(this.macro.id, index, macroAction));
- this.hideActiveEditor();
- };
- MacroComponent.prototype.deleteAction = function (macroAction, index) {
- this.store.dispatch(actions_1.MacroActions.deleteMacroAction(this.macro.id, index, macroAction));
- this.hideActiveEditor();
- };
- MacroComponent.prototype.hideActiveEditor = function () {
- if (this.activeEdit !== undefined) {
- this.macroItems.toArray()[this.activeEdit].cancelEdit();
- }
- };
- __decorate([
- core_1.ViewChildren(macro_item_component_1.MacroItemComponent),
- __metadata('design:type', core_1.QueryList)
- ], MacroComponent.prototype, "macroItems", void 0);
- MacroComponent = __decorate([
+ MacroEditComponent = __decorate([
core_1.Component({
- selector: 'macro',
- template: __webpack_require__(486),
- styles: [__webpack_require__(487)],
- viewProviders: [ng2_dragula_1.DragulaService]
+ selector: 'macro-edit',
+ template: __webpack_require__(482),
+ styles: [__webpack_require__(483)],
+ host: {
+ 'class': 'container-fluid'
+ }
}),
- __metadata('design:paramtypes', [store_1.Store, router_1.ActivatedRoute, ng2_dragula_1.DragulaService])
- ], MacroComponent);
- return MacroComponent;
+ __metadata('design:paramtypes', [store_1.Store, router_1.ActivatedRoute])
+ ], MacroEditComponent);
+ return MacroEditComponent;
}());
- exports.MacroComponent = MacroComponent;
+ exports.MacroEditComponent = MacroEditComponent;
/***/ },
/* 469 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ __webpack_require__(430);
+ __webpack_require__(470);
+ __webpack_require__(437);
+ var Observable_1 = __webpack_require__(315);
+ var Macro_1 = __webpack_require__(471);
+ var actions_1 = __webpack_require__(424);
+ var initialState = {
+ entities: []
+ };
+ function default_1(state, action) {
+ if (state === void 0) { state = initialState; }
+ var newMacro;
+ var newState;
+ switch (action.type) {
+ case actions_1.MacroActions.ADD:
+ newMacro = new Macro_1.Macro();
+ newMacro.id = generateId(state.entities);
+ newMacro.name = generateName(state.entities, 'New macro');
+ newMacro.isLooped = false;
+ newMacro.isPrivate = true;
+ newMacro.macroActions = [];
+ return {
+ entities: state.entities.concat([newMacro])
+ };
+ case actions_1.MacroActions.DUPLICATE:
+ newMacro = new Macro_1.Macro(action.payload);
+ newMacro.name = generateName(state.entities, newMacro.name);
+ newMacro.id = generateId(state.entities);
+ return {
+ entities: state.entities.concat([newMacro])
+ };
+ case actions_1.MacroActions.EDIT_NAME:
+ var name_1 = generateName(state.entities, action.payload.name);
+ newState = state.entities.map(function (macro) {
+ if (macro.id === action.payload.id) {
+ macro.name = name_1;
+ }
+ return macro;
+ });
+ return {
+ entities: newState
+ };
+ case actions_1.MacroActions.REMOVE:
+ newState = state.entities.filter(function (macro) { return macro.id !== action.payload; });
+ return {
+ entities: newState
+ };
+ case actions_1.MacroActions.ADD_ACTION:
+ newState = state.entities.map(function (macro) {
+ if (macro.id === action.payload.id) {
+ newMacro = new Macro_1.Macro(macro);
+ newMacro.macroActions.push(action.payload.action);
+ return newMacro;
+ }
+ return macro;
+ });
+ return {
+ entities: newState
+ };
+ case actions_1.MacroActions.SAVE_ACTION:
+ newState = state.entities.map(function (macro) {
+ if (macro.id === action.payload.id) {
+ newMacro = new Macro_1.Macro(macro);
+ newMacro.macroActions[action.payload.index] = action.payload.action;
+ return newMacro;
+ }
+ return macro;
+ });
+ return {
+ entities: newState
+ };
+ case actions_1.MacroActions.DELETE_ACTION:
+ newState = state.entities.map(function (macro) {
+ if (macro.id === action.payload.id) {
+ newMacro = new Macro_1.Macro(macro);
+ newMacro.macroActions.splice(action.payload.index, 1);
+ return newMacro;
+ }
+ return macro;
+ });
+ return {
+ entities: newState
+ };
+ case actions_1.MacroActions.REORDER_ACTION:
+ newState = state.entities.map(function (macro) {
+ if (macro.id === action.payload.id) {
+ var newIndex = action.payload.newIndex;
+ // We need to reduce the new index for one when we are moving action down
+ if (newIndex > action.payload.oldIndex) {
+ --newIndex;
+ }
+ newMacro = new Macro_1.Macro(macro);
+ newMacro.macroActions.splice(newIndex, 0, newMacro.macroActions.splice(action.payload.oldIndex, 1)[0]);
+ return newMacro;
+ }
+ return macro;
+ });
+ return {
+ entities: newState
+ };
+ default:
+ return state;
+ }
+ }
+ Object.defineProperty(exports, "__esModule", { value: true });
+ exports.default = default_1;
+ function getMacroEntities() {
+ return function (state$) { return state$
+ .select(function (state) { return state.macros.entities; }); };
+ }
+ exports.getMacroEntities = getMacroEntities;
+ function getMacro(id) {
+ if (isNaN(id)) {
+ return function () { return Observable_1.Observable.of(undefined); };
+ }
+ else {
+ return function (state$) { return state$
+ .select(function (appState) { return appState.macros.entities; })
+ .map(function (macros) { return macros.find(function (macro) { return macro.id === id; }); }); };
+ }
+ }
+ exports.getMacro = getMacro;
+ function generateName(macros, name) {
+ var suffix = 2;
+ var oldName = name;
+ while (macros.some(function (macro) { return macro.name === name; })) {
+ name = oldName + (" (" + suffix + ")");
+ ++suffix;
+ }
+ return name;
+ }
+ function generateId(macros) {
+ var newId = 0;
+ macros.forEach(function (macro) {
+ if (macro.id > newId) {
+ newId = macro.id;
+ }
+ });
+ return ++newId;
+ }
+
+
+/***/ },
+/* 470 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var Observable_1 = __webpack_require__(315);
+ var of_1 = __webpack_require__(406);
+ Observable_1.Observable.of = of_1.of;
+ //# sourceMappingURL=of.js.map
+
+/***/ },
+/* 471 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __extends = (this && this.__extends) || function (d, b) {
+ for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var assert_1 = __webpack_require__(442);
+ var Serializable_1 = __webpack_require__(440);
+ var macro_action_1 = __webpack_require__(472);
+ var Macro = (function (_super) {
+ __extends(Macro, _super);
+ function Macro(other) {
+ _super.call(this);
+ if (!other) {
+ return;
+ }
+ this.id = other.id;
+ this.isLooped = other.isLooped;
+ this.isPrivate = other.isPrivate;
+ this.name = other.name;
+ this.macroActions = other.macroActions.map(function (macroAction) { return macro_action_1.Helper.createMacroAction(macroAction); });
+ }
+ Macro.prototype._fromJsObject = function (jsObject) {
+ this.id = jsObject.id;
+ this.isLooped = jsObject.isLooped;
+ this.isPrivate = jsObject.isPrivate;
+ this.name = jsObject.name;
+ this.macroActions = jsObject.macroActions.map(function (macroAction) { return macro_action_1.Helper.createMacroAction(macroAction); });
+ return this;
+ };
+ Macro.prototype._fromBinary = function (buffer) {
+ this.id = buffer.readUInt8();
+ this.isLooped = buffer.readBoolean();
+ this.isPrivate = buffer.readBoolean();
+ this.name = buffer.readString();
+ var macroActionsLength = buffer.readCompactLength();
+ this.macroActions = [];
+ for (var i = 0; i < macroActionsLength; ++i) {
+ this.macroActions.push(macro_action_1.Helper.createMacroAction(buffer));
+ }
+ return this;
+ };
+ Macro.prototype._toJsObject = function () {
+ return {
+ id: this.id,
+ isLooped: this.isLooped,
+ isPrivate: this.isPrivate,
+ name: this.name,
+ macroActions: this.macroActions.map(function (macroAction) { return macroAction.toJsObject(); })
+ };
+ };
+ Macro.prototype._toBinary = function (buffer) {
+ buffer.writeUInt8(this.id);
+ buffer.writeBoolean(this.isLooped);
+ buffer.writeBoolean(this.isPrivate);
+ buffer.writeString(this.name);
+ buffer.writeArray(this.macroActions);
+ };
+ Macro.prototype.toString = function () {
+ return "\r\n \r\n keymap\r\n ()\r\n \r\n \r\n \r\n
\r\n\r\n There is no macro with id {{ route.params.select('id') | async }}.\r\n
";
+
+/***/ },
+/* 483 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n width: 100%;\n height: 100%;\n display: block; }\n\n.not-found {\n margin-top: 30px;\n font-size: 16px;\n text-align: center; }\n"
+
+/***/ },
+/* 484 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -63915,9 +65829,342 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var KeyModifiers_1 = __webpack_require__(470);
- var macro_action_1 = __webpack_require__(471);
- var mapper_service_1 = __webpack_require__(481);
+ var ng2_dragula_1 = __webpack_require__(384);
+ var Macro_1 = __webpack_require__(471);
+ var index_1 = __webpack_require__(467);
+ var MacroListComponent = (function () {
+ function MacroListComponent(dragulaService) {
+ var _this = this;
+ this.dragulaService = dragulaService;
+ this.add = new core_1.EventEmitter();
+ this.edit = new core_1.EventEmitter();
+ this.delete = new core_1.EventEmitter();
+ this.reorder = new core_1.EventEmitter();
+ this.newMacro = undefined;
+ this.activeEdit = undefined;
+ this.showNew = false;
+ /* tslint:disable:no-unused-variable: Used by Dragula. */
+ dragulaService.setOptions('macroActions', {
+ moves: function (el, container, handle) {
+ return handle.className.includes('action--movable');
+ }
+ });
+ dragulaService.drag.subscribe(function (value) {
+ _this.dragIndex = +value[1].getAttribute('data-index');
+ });
+ dragulaService.drop.subscribe(function (value) {
+ if (value[4]) {
+ _this.reorder.emit({
+ macroId: _this.macro.id,
+ oldIndex: _this.dragIndex,
+ newIndex: +value[4].getAttribute('data-index')
+ });
+ }
+ });
+ }
+ MacroListComponent.prototype.showNewAction = function () {
+ this.hideActiveEditor();
+ this.newMacro = undefined;
+ this.showNew = true;
+ };
+ MacroListComponent.prototype.hideNewAction = function () {
+ this.showNew = false;
+ };
+ MacroListComponent.prototype.addNewAction = function (macroAction) {
+ this.add.emit({
+ macroId: this.macro.id,
+ action: macroAction
+ });
+ this.newMacro = undefined;
+ this.showNew = false;
+ };
+ MacroListComponent.prototype.editAction = function (index) {
+ // Hide other editors when clicking edit button of a macro action
+ this.hideActiveEditor();
+ this.showNew = false;
+ this.activeEdit = index;
+ };
+ MacroListComponent.prototype.cancelAction = function () {
+ this.activeEdit = undefined;
+ };
+ MacroListComponent.prototype.saveAction = function (macroAction, index) {
+ this.edit.emit({
+ macroId: this.macro.id,
+ index: index,
+ action: macroAction
+ });
+ this.hideActiveEditor();
+ };
+ MacroListComponent.prototype.deleteAction = function (macroAction, index) {
+ this.delete.emit({
+ macroId: this.macro.id,
+ index: index,
+ action: macroAction
+ });
+ this.hideActiveEditor();
+ };
+ MacroListComponent.prototype.hideActiveEditor = function () {
+ if (this.activeEdit !== undefined) {
+ this.macroItems.toArray()[this.activeEdit].cancelEdit();
+ }
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Macro_1.Macro)
+ ], MacroListComponent.prototype, "macro", void 0);
+ __decorate([
+ core_1.ViewChildren(core_1.forwardRef(function () { return index_1.MacroItemComponent; })),
+ __metadata('design:type', core_1.QueryList)
+ ], MacroListComponent.prototype, "macroItems", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], MacroListComponent.prototype, "add", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], MacroListComponent.prototype, "edit", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], MacroListComponent.prototype, "delete", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], MacroListComponent.prototype, "reorder", void 0);
+ MacroListComponent = __decorate([
+ core_1.Component({
+ animations: [
+ core_1.trigger('toggler', [
+ core_1.state('inactive', core_1.style({
+ height: '0px'
+ })),
+ core_1.state('active', core_1.style({
+ height: '*'
+ })),
+ core_1.transition('inactive <=> active', core_1.animate('500ms ease-out'))
+ ]),
+ core_1.trigger('togglerNew', [
+ core_1.state('void', core_1.style({
+ height: '0px'
+ })),
+ core_1.state('active', core_1.style({
+ height: '*'
+ })),
+ core_1.transition(':enter', core_1.animate('500ms ease-out')),
+ core_1.transition(':leave', core_1.animate('500ms ease-out'))
+ ])
+ ],
+ selector: 'macro-list',
+ template: __webpack_require__(485),
+ styles: [__webpack_require__(486)],
+ viewProviders: [ng2_dragula_1.DragulaService]
+ }),
+ __metadata('design:paramtypes', [ng2_dragula_1.DragulaService])
+ ], MacroListComponent);
+ return MacroListComponent;
+ }());
+ exports.MacroListComponent = MacroListComponent;
+
+
+/***/ },
+/* 485 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
";
+
+/***/ },
+/* 486 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex;\n flex-direction: column;\n height: 100%; }\n :host .list-container {\n display: flex;\n flex: 1; }\n\n.main-wrapper {\n width: 500px; }\n\nh1 {\n margin-bottom: 3rem; }\n\n.action--edit__form {\n background-color: #fff;\n margin-left: -0.5rem;\n margin-right: -15px;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid #ddd; }\n\n.action--item {\n padding-left: 8px; }\n .action--item.active, .action--item.active:hover {\n background-color: white;\n font-weight: bold;\n color: black;\n border-color: black;\n z-index: 10; }\n\n.list-group {\n overflow: auto; }\n\n.macro__name {\n border-bottom: 2px dotted #999;\n padding: 0 0.5rem;\n margin: 0 0.25rem; }\n\n.macro-settings {\n border: 1px solid black;\n border-top-color: #999;\n z-index: 100; }\n .macro-settings .helper {\n position: absolute;\n display: block;\n height: 13px;\n background: #fff;\n width: 100%;\n left: 0;\n top: -14px; }\n\n.action--item.active.callout,\n.macro-settings.callout {\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); }\n\n.macro-actions-container {\n margin-bottom: 0;\n border-radius: 4px;\n border: 1px solid #ddd;\n border-bottom: 0; }\n\n.list-group-item .move-handle:hover {\n cursor: move; }\n\n.flex-button-wrapper {\n display: flex;\n flex-direction: row-reverse; }\n\n.flex-button {\n align-self: flex-end; }\n\n.add-new__action-container {\n overflow: hidden;\n flex-shrink: 0;\n border-top: 1px solid #ddd; }\n\n.add-new__action-item {\n border-radius: 0 0 4px 4px;\n border-top: 0;\n padding: 0; }\n .add-new__action-item:hover {\n cursor: pointer; }\n .add-new__action-item--link {\n width: 50%;\n float: left;\n padding: 10px 5px;\n text-align: center;\n color: #337ab7; }\n .add-new__action-item--link:first-of-type {\n border-right: 1px solid #ddd; }\n .add-new__action-item--link:hover {\n text-decoration: none;\n background: #e6e6e6; }\n .add-new__action-item .fa-circle {\n color: #c00; }\n\n.gu-mirror {\n position: fixed;\n margin: 0;\n z-index: 9999;\n opacity: 0.8; }\n\n.gu-hide {\n display: none; }\n\n.gu-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n"
+
+/***/ },
+/* 487 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var store_1 = __webpack_require__(353);
+ var Macro_1 = __webpack_require__(471);
+ var actions_1 = __webpack_require__(424);
+ var MacroHeaderComponent = (function () {
+ function MacroHeaderComponent(store, renderer) {
+ this.store = store;
+ this.renderer = renderer;
+ }
+ MacroHeaderComponent.prototype.ngOnChanges = function () {
+ if (this.isNew) {
+ this.renderer.invokeElementMethod(this.macroName.nativeElement, 'select', []);
+ }
+ };
+ MacroHeaderComponent.prototype.ngAfterViewInit = function () {
+ if (this.isNew) {
+ this.renderer.invokeElementMethod(this.macroName.nativeElement, 'select', []);
+ }
+ };
+ MacroHeaderComponent.prototype.removeMacro = function () {
+ this.store.dispatch(actions_1.MacroActions.removeMacro(this.macro.id));
+ };
+ MacroHeaderComponent.prototype.duplicateMacro = function () {
+ this.store.dispatch(actions_1.MacroActions.duplicateMacro(this.macro));
+ };
+ MacroHeaderComponent.prototype.editMacroName = function (name) {
+ if (name.length === 0) {
+ this.renderer.setElementProperty(this.macroName.nativeElement, 'value', this.macro.name);
+ return;
+ }
+ this.store.dispatch(actions_1.MacroActions.editMacroName(this.macro.id, name));
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Macro_1.Macro)
+ ], MacroHeaderComponent.prototype, "macro", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Boolean)
+ ], MacroHeaderComponent.prototype, "isNew", void 0);
+ __decorate([
+ core_1.ViewChild('macroName'),
+ __metadata('design:type', core_1.ElementRef)
+ ], MacroHeaderComponent.prototype, "macroName", void 0);
+ MacroHeaderComponent = __decorate([
+ core_1.Component({
+ selector: 'macro-header',
+ template: __webpack_require__(488),
+ styles: [__webpack_require__(489)],
+ changeDetection: core_1.ChangeDetectionStrategy.OnPush
+ }),
+ __metadata('design:paramtypes', [store_1.Store, core_1.Renderer])
+ ], MacroHeaderComponent);
+ return MacroHeaderComponent;
+ }());
+ exports.MacroHeaderComponent = MacroHeaderComponent;
+
+
+/***/ },
+/* 488 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Add new macro action\r\n \r\n \r\n Add new capture keystroke\r\n \r\n
\r\n \r\n
";
+
+/***/ },
+/* 489 */
+/***/ function(module, exports) {
+
+ module.exports = ".macro__remove {\n font-size: 0.75em;\n top: 8px; }\n .macro__remove:hover {\n cursor: pointer;\n color: #900; }\n\n.macro__duplicate {\n font-size: 0.75em;\n top: 7px;\n margin-right: 15px;\n position: relative; }\n .macro__duplicate:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.pane-title {\n margin-bottom: 1em; }\n .pane-title__name {\n border: none;\n border-bottom: 2px dotted #999;\n padding: 0;\n margin: 0 0.25rem;\n width: 330px;\n text-overflow: ellipsis; }\n .pane-title__name:focus {\n box-shadow: 0 0 0 1px #ccc, 0 0 5px 0 #ccc;\n border-color: transparent; }\n"
+
+/***/ },
+/* 490 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var macro_edit_component_1 = __webpack_require__(468);
+ var not_found_1 = __webpack_require__(491);
+ exports.macroRoutes = [
+ {
+ path: 'macro',
+ component: not_found_1.MacroNotFoundComponent
+ },
+ {
+ path: 'macro/:id',
+ component: macro_edit_component_1.MacroEditComponent
+ },
+ {
+ path: 'macro/:id/:empty',
+ component: macro_edit_component_1.MacroEditComponent
+ }
+ ];
+
+
+/***/ },
+/* 491 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var macro_not_found_component_1 = __webpack_require__(492);
+ exports.MacroNotFoundComponent = macro_not_found_component_1.MacroNotFoundComponent;
+
+
+/***/ },
+/* 492 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var MacroNotFoundComponent = (function () {
+ function MacroNotFoundComponent() {
+ }
+ MacroNotFoundComponent = __decorate([
+ core_1.Component({
+ selector: 'macro-not-found',
+ template: __webpack_require__(493),
+ styles: [__webpack_require__(494)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], MacroNotFoundComponent);
+ return MacroNotFoundComponent;
+ }());
+ exports.MacroNotFoundComponent = MacroNotFoundComponent;
+
+
+/***/ },
+/* 493 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n \r\n \r\n \r\n \r\n
\r\n\r\n You don't have any macros. Try to add one!\r\n
";
+
+/***/ },
+/* 494 */
+/***/ function(module, exports) {
+
+ module.exports = ".not-found {\n margin-top: 30px;\n font-size: 16px;\n text-align: center; }\n"
+
+/***/ },
+/* 495 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var macro_item_component_1 = __webpack_require__(496);
+ exports.MacroItemComponent = macro_item_component_1.MacroItemComponent;
+
+
+/***/ },
+/* 496 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var KeyModifiers_1 = __webpack_require__(497);
+ var macro_action_1 = __webpack_require__(472);
+ var mapper_service_1 = __webpack_require__(498);
var MacroItemComponent = (function () {
function MacroItemComponent(mapper) {
this.mapper = mapper;
@@ -63925,17 +66172,17 @@
this.cancel = new core_1.EventEmitter();
this.edit = new core_1.EventEmitter();
this.delete = new core_1.EventEmitter();
+ this.newItem = false;
}
MacroItemComponent.prototype.ngOnInit = function () {
this.updateView();
if (!this.macroAction) {
this.editing = true;
+ this.newItem = true;
}
};
MacroItemComponent.prototype.ngOnChanges = function (changes) {
- /* tslint:disable:no-string-literal */
if (changes['macroAction']) {
- /* tslint:enable:no-string-literal */
this.updateView();
}
};
@@ -64091,7 +66338,7 @@
__decorate([
core_1.Input(),
__metadata('design:type', Boolean)
- ], MacroItemComponent.prototype, "moveable", void 0);
+ ], MacroItemComponent.prototype, "movable", void 0);
__decorate([
core_1.Output(),
__metadata('design:type', Object)
@@ -64110,9 +66357,20 @@
], MacroItemComponent.prototype, "delete", void 0);
MacroItemComponent = __decorate([
core_1.Component({
+ animations: [
+ core_1.trigger('toggler', [
+ core_1.state('inactive', core_1.style({
+ height: '0px'
+ })),
+ core_1.state('active', core_1.style({
+ height: '*'
+ })),
+ core_1.transition('inactive <=> active', core_1.animate('500ms ease-out'))
+ ])
+ ],
selector: 'macro-item',
- template: __webpack_require__(482),
- styles: [__webpack_require__(483)],
+ template: __webpack_require__(499),
+ styles: [__webpack_require__(500)],
host: { 'class': 'macro-item' }
}),
__metadata('design:paramtypes', [mapper_service_1.MapperService])
@@ -64123,7 +66381,7 @@
/***/ },
-/* 470 */
+/* 497 */
/***/ function(module, exports) {
"use strict";
@@ -64141,837 +66399,7 @@
/***/ },
-/* 471 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(472));
- __export(__webpack_require__(474));
- __export(__webpack_require__(475));
- __export(__webpack_require__(473));
- __export(__webpack_require__(477));
- __export(__webpack_require__(476));
- __export(__webpack_require__(478));
- __export(__webpack_require__(479));
- __export(__webpack_require__(480));
-
-
-/***/ },
-/* 472 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __extends = (this && this.__extends) || function (d, b) {
- for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var assert_1 = __webpack_require__(433);
- var MacroAction_1 = __webpack_require__(473);
- var DelayMacroAction = (function (_super) {
- __extends(DelayMacroAction, _super);
- function DelayMacroAction(other) {
- _super.call(this);
- if (!other) {
- return;
- }
- this.delay = other.delay;
- }
- DelayMacroAction.prototype._fromJsObject = function (jsObject) {
- this.assertMacroActionType(jsObject);
- this.delay = jsObject.delay;
- return this;
- };
- DelayMacroAction.prototype._fromBinary = function (buffer) {
- this.readAndAssertMacroActionId(buffer);
- this.delay = buffer.readUInt16();
- return this;
- };
- DelayMacroAction.prototype._toJsObject = function () {
- return {
- macroActionType: MacroAction_1.macroActionType.DelayMacroAction,
- delay: this.delay
- };
- };
- DelayMacroAction.prototype._toBinary = function (buffer) {
- buffer.writeUInt8(MacroAction_1.MacroActionId.DelayMacroAction);
- buffer.writeUInt16(this.delay);
- };
- DelayMacroAction.prototype.toString = function () {
- return "\r\n \r\n
\r\n\r\n
\r\n {{ title }}
\r\n \r\n
";
+ module.exports = "\r\n \r\n
\r\n\r\n
\r\n {{ title }}
\r\n \r\n \r\n \r\n
";
/***/ },
-/* 483 */
+/* 500 */
/***/ function(module, exports) {
- module.exports = ":host.macro-item:first-of-type .list-group-item {\n border-radius: 4px 4px 0 0; }\n\n:host.macro-item:last-of-type .list-group-item {\n border-bottom: 0; }\n\n:host.gu-transit {\n opacity: 0.2; }\n :host.gu-transit .list-group-item {\n background: #f5f5f5; }\n\n.action--item {\n display: flex;\n flex-shrink: 0;\n border: 0;\n border-bottom: 1px solid #ddd; }\n .action--item icon {\n margin: 0 5px; }\n .action--item > div {\n display: flex;\n flex: 1; }\n .action--item:first-child {\n border-radius: 0; }\n .action--item.is-editing {\n background: #f5f5f5; }\n .action--item--wrap {\n justify-content: space-between; }\n .action--item--wrap.pointer:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.action--title {\n display: flex;\n flex: 1; }\n\n.action--movable:hover {\n cursor: move; }\n\n.macro-action-editor__container {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0;\n border-left: 0;\n border-right: 0; }\n"
+ module.exports = ":host {\n overflow: hidden;\n display: block; }\n :host.macro-item:first-of-type .list-group-item {\n border-radius: 4px 4px 0 0; }\n :host.macro-item:last-of-type .list-group-item {\n border-bottom: 0; }\n :host.gu-transit {\n opacity: 0.2; }\n :host.gu-transit .list-group-item {\n background: #f5f5f5; }\n\n.action--item {\n display: flex;\n flex-shrink: 0;\n border: 0;\n border-bottom: 1px solid #ddd; }\n .action--item icon {\n margin: 0 5px; }\n .action--item > div {\n display: flex;\n flex: 1; }\n .action--item:first-child {\n border-radius: 0; }\n .action--item.is-editing {\n background: #f5f5f5; }\n .action--item--wrap {\n justify-content: space-between; }\n .action--item--wrap.pointer:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.action--title {\n display: flex;\n flex: 1; }\n\n.action--movable:hover {\n cursor: move; }\n\n.list-group-item {\n margin-bottom: 0; }\n\n.macro-action-editor__container {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0;\n border: none;\n overflow: hidden; }\n"
/***/ },
-/* 484 */
+/* 501 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- __webpack_require__(422);
- __webpack_require__(428);
- var Macro_1 = __webpack_require__(485);
- var actions_1 = __webpack_require__(449);
- var initialState = {
- entities: []
- };
- function default_1(state, action) {
- if (state === void 0) { state = initialState; }
- var newMacro;
- var newState;
- switch (action.type) {
- case actions_1.MacroActions.DUPLICATE:
- newMacro = new Macro_1.Macro(action.payload);
- newMacro.name = generateName(state.entities, newMacro.name);
- newMacro.id = generateId(state.entities);
- return {
- entities: state.entities.concat([newMacro])
- };
- case actions_1.MacroActions.EDIT_NAME:
- var name_1 = generateName(state.entities, action.payload.name);
- newState = state.entities.map(function (macro) {
- if (macro.id === action.payload.id) {
- macro.name = name_1;
- }
- return macro;
- });
- return {
- entities: newState
- };
- case actions_1.MacroActions.REMOVE:
- newState = state.entities.filter(function (macro) { return macro.id !== action.payload; });
- return {
- entities: newState
- };
- case actions_1.MacroActions.ADD_ACTION:
- newState = state.entities.map(function (macro) {
- if (macro.id === action.payload.id) {
- newMacro = new Macro_1.Macro(macro);
- newMacro.macroActions.push(action.payload.action);
- return newMacro;
- }
- return macro;
- });
- return {
- entities: newState
- };
- case actions_1.MacroActions.SAVE_ACTION:
- newState = state.entities.map(function (macro) {
- if (macro.id === action.payload.id) {
- newMacro = new Macro_1.Macro(macro);
- newMacro.macroActions[action.payload.index] = action.payload.action;
- return newMacro;
- }
- return macro;
- });
- return {
- entities: newState
- };
- case actions_1.MacroActions.DELETE_ACTION:
- newState = state.entities.map(function (macro) {
- if (macro.id === action.payload.id) {
- newMacro = new Macro_1.Macro(macro);
- newMacro.macroActions.splice(action.payload.index, 1);
- return newMacro;
- }
- return macro;
- });
- return {
- entities: newState
- };
- case actions_1.MacroActions.REORDER_ACTION:
- newState = state.entities.map(function (macro) {
- if (macro.id === action.payload.id) {
- var newIndex = action.payload.newIndex;
- // We need to reduce the new index for one when we are moving action down
- if (newIndex > action.payload.oldIndex) {
- --newIndex;
- }
- newMacro = new Macro_1.Macro(macro);
- newMacro.macroActions.splice(newIndex, 0, newMacro.macroActions.splice(action.payload.oldIndex, 1)[0]);
- return newMacro;
- }
- return macro;
- });
- return {
- entities: newState
- };
- default:
- return state;
- }
- }
- Object.defineProperty(exports, "__esModule", { value: true });
- exports.default = default_1;
- function getMacroEntities() {
- return function (state$) { return state$
- .select(function (state) { return state.macros.entities; }); };
- }
- exports.getMacroEntities = getMacroEntities;
- function getMacro(id) {
- if (isNaN(id)) {
- return function (state$) { return state$
- .select(function (appState) { return appState.macros.entities; })
- .map(function (macros) {
- if (macros.length > 0) {
- return macros[0];
- }
- else {
- return undefined;
- }
- }); };
- }
- else {
- return function (state$) { return state$
- .select(function (appState) { return appState.macros.entities; })
- .map(function (macros) { return macros.find(function (macro) { return macro.id === id; }); }); };
- }
- }
- exports.getMacro = getMacro;
- function generateName(macros, name) {
- var suffix = 2;
- var oldName = name;
- while (macros.some(function (macro) { return macro.name === name; })) {
- name = oldName + (" (" + suffix + ")");
- ++suffix;
- }
- return name;
- }
- function generateId(macros) {
- var newId = 0;
- macros.forEach(function (macro) {
- if (macro.id > newId) {
- newId = macro.id;
- }
- });
- return ++newId;
- }
-
-
-/***/ },
-/* 485 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __extends = (this && this.__extends) || function (d, b) {
- for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var assert_1 = __webpack_require__(433);
- var Serializable_1 = __webpack_require__(430);
- var macro_action_1 = __webpack_require__(471);
- var Macro = (function (_super) {
- __extends(Macro, _super);
- function Macro(other) {
- _super.call(this);
- if (!other) {
- return;
- }
- this.id = other.id;
- this.isLooped = other.isLooped;
- this.isPrivate = other.isPrivate;
- this.name = other.name;
- this.macroActions = other.macroActions.map(function (macroAction) { return macro_action_1.Helper.createMacroAction(macroAction); });
- }
- Macro.prototype._fromJsObject = function (jsObject) {
- this.id = jsObject.id;
- this.isLooped = jsObject.isLooped;
- this.isPrivate = jsObject.isPrivate;
- this.name = jsObject.name;
- this.macroActions = jsObject.macroActions.map(function (macroAction) { return macro_action_1.Helper.createMacroAction(macroAction); });
- return this;
- };
- Macro.prototype._fromBinary = function (buffer) {
- this.id = buffer.readUInt8();
- this.isLooped = buffer.readBoolean();
- this.isPrivate = buffer.readBoolean();
- this.name = buffer.readString();
- var macroActionsLength = buffer.readCompactLength();
- this.macroActions = [];
- for (var i = 0; i < macroActionsLength; ++i) {
- this.macroActions.push(macro_action_1.Helper.createMacroAction(buffer));
- }
- return this;
- };
- Macro.prototype._toJsObject = function () {
- return {
- id: this.id,
- isLooped: this.isLooped,
- isPrivate: this.isPrivate,
- name: this.name,
- macroActions: this.macroActions.map(function (macroAction) { return macroAction.toJsObject(); })
- };
- };
- Macro.prototype._toBinary = function (buffer) {
- buffer.writeUInt8(this.id);
- buffer.writeBoolean(this.isLooped);
- buffer.writeBoolean(this.isPrivate);
- buffer.writeString(this.name);
- buffer.writeArray(this.macroActions);
- };
- Macro.prototype.toString = function () {
- return "\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Add new macro action\r\n \r\n \r\n Add new capture keystroke\r\n \r\n
\r\n \r\n Sorry, there is no macro with this id.\r\n
";
-
-/***/ },
-/* 487 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n flex-direction: column;\n height: 100%; }\n :host .list-container {\n display: flex;\n flex: 1; }\n :host .list-container > div {\n display: flex;\n flex-direction: column;\n flex: 1; }\n\n.main-wrapper {\n width: 500px; }\n\nh1 {\n margin-bottom: 3rem; }\n\n.action--edit__form {\n background-color: #fff;\n margin-left: -0.5rem;\n margin-right: -15px;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid #ddd; }\n\n.action--item {\n padding-left: 8px; }\n .action--item.active, .action--item.active:hover {\n background-color: white;\n font-weight: bold;\n color: black;\n border-color: black;\n z-index: 10; }\n\n.macro__name {\n border-bottom: 2px dotted #999;\n padding: 0 0.5rem;\n margin: 0 0.25rem; }\n\n.macro-settings {\n border: 1px solid black;\n border-top-color: #999;\n z-index: 100; }\n .macro-settings .helper {\n position: absolute;\n display: block;\n height: 13px;\n background: #fff;\n width: 100%;\n left: 0;\n top: -14px; }\n\n.action--item.active.callout,\n.macro-settings.callout {\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); }\n\n.macro-actions-container {\n overflow: auto;\n margin-bottom: 0;\n border-radius: 4px 4px 0 0;\n border: 1px solid #ddd;\n border-bottom: 0; }\n\n.list-group-item .move-handle:hover {\n cursor: move; }\n\n.flex-button-wrapper {\n display: flex;\n flex-direction: row-reverse; }\n\n.flex-button {\n align-self: flex-end; }\n\n.add-new__action-container {\n border-top: 1px solid #ddd; }\n\n.add-new__action-item {\n border-radius: 0 0 4px 4px;\n border-top: 0;\n padding: 0; }\n .add-new__action-item:hover {\n cursor: pointer; }\n .add-new__action-item--link {\n width: 50%;\n float: left;\n padding: 10px 5px;\n text-align: center;\n color: #337ab7; }\n .add-new__action-item--link:first-of-type {\n border-right: 1px solid #ddd; }\n .add-new__action-item--link:hover {\n text-decoration: none;\n background: #e6e6e6; }\n .add-new__action-item .fa-circle {\n color: #c00; }\n\n.gu-mirror {\n position: fixed;\n margin: 0;\n z-index: 9999;\n opacity: 0.8; }\n\n.gu-hide {\n display: none; }\n\n.gu-unselectable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.not-found {\n margin-top: 30px;\n font-size: 16px;\n text-align: center; }\n"
-
-/***/ },
-/* 488 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var MacroAddComponent = (function () {
- function MacroAddComponent() {
- }
- MacroAddComponent = __decorate([
- core_1.Component({
- selector: 'macro-add',
- template: __webpack_require__(489),
- styles: [__webpack_require__(490)]
- }),
- __metadata('design:paramtypes', [])
- ], MacroAddComponent);
- return MacroAddComponent;
- }());
- exports.MacroAddComponent = MacroAddComponent;
-
-
-/***/ },
-/* 489 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\nTo be done...";
-
-/***/ },
-/* 490 */
-/***/ function(module, exports) {
-
- module.exports = ""
-
-/***/ },
-/* 491 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var store_1 = __webpack_require__(353);
- var Macro_1 = __webpack_require__(485);
- var actions_1 = __webpack_require__(449);
- var MacroHeaderComponent = (function () {
- function MacroHeaderComponent(store) {
- this.store = store;
- }
- MacroHeaderComponent.prototype.removeMacro = function () {
- this.store.dispatch(actions_1.MacroActions.removeMacro(this.macro.id));
- };
- MacroHeaderComponent.prototype.duplicateMacro = function () {
- this.store.dispatch(actions_1.MacroActions.duplicateMacro(this.macro));
- };
- MacroHeaderComponent.prototype.editMacroName = function (name) {
- this.store.dispatch(actions_1.MacroActions.editMacroName(this.macro.id, name));
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', Macro_1.Macro)
- ], MacroHeaderComponent.prototype, "macro", void 0);
- MacroHeaderComponent = __decorate([
- core_1.Component({
- selector: 'macro-header',
- template: __webpack_require__(492),
- styles: [__webpack_require__(493)]
- }),
- __metadata('design:paramtypes', [store_1.Store])
- ], MacroHeaderComponent);
- return MacroHeaderComponent;
- }());
- exports.MacroHeaderComponent = MacroHeaderComponent;
-
-
-/***/ },
-/* 492 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n \r\n Add macro\r\n
\r\n\r\n
";
-
-/***/ },
-/* 493 */
-/***/ function(module, exports) {
-
- module.exports = ".macro__remove {\n font-size: 0.75em;\n top: 8px; }\n .macro__remove:hover {\n cursor: pointer;\n color: #900; }\n\n.macro__duplicate {\n font-size: 0.75em;\n top: 7px;\n margin-right: 15px;\n position: relative; }\n .macro__duplicate:hover {\n cursor: pointer;\n color: #337ab7; }\n\n.pane-title {\n margin-bottom: 1em; }\n .pane-title__name {\n border: none;\n border-bottom: 2px dotted #999;\n padding: 0;\n margin: 0 0.25rem;\n width: 330px;\n text-overflow: ellipsis; }\n .pane-title__name:focus {\n box-shadow: 0 0 0 1px #ccc, 0 0 5px 0 #ccc;\n border-color: transparent; }\n"
-
-/***/ },
-/* 494 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var macro_add_component_1 = __webpack_require__(488);
- var macro_component_1 = __webpack_require__(468);
- exports.macroRoutes = [
- {
- path: 'macro',
- component: macro_component_1.MacroComponent
- },
- {
- path: 'macro/add',
- component: macro_add_component_1.MacroAddComponent
- },
- {
- path: 'macro/:id',
- component: macro_component_1.MacroComponent
- }
- ];
-
-
-/***/ },
-/* 495 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var macro_item_component_1 = __webpack_require__(469);
- exports.MacroItemComponent = macro_item_component_1.MacroItemComponent;
-
-
-/***/ },
-/* 496 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var macro_action_editor_component_1 = __webpack_require__(497);
+ var macro_action_editor_component_1 = __webpack_require__(502);
exports.MacroActionEditorComponent = macro_action_editor_component_1.MacroActionEditorComponent;
/***/ },
-/* 497 */
+/* 502 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -65549,7 +66603,7 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var macro_action_1 = __webpack_require__(471);
+ var macro_action_1 = __webpack_require__(472);
var TabName;
(function (TabName) {
TabName[TabName["Keypress"] = 0] = "Keypress";
@@ -65649,8 +66703,8 @@
MacroActionEditorComponent = __decorate([
core_1.Component({
selector: 'macro-action-editor',
- template: __webpack_require__(498),
- styles: [__webpack_require__(499)],
+ template: __webpack_require__(503),
+ styles: [__webpack_require__(504)],
host: { 'class': 'macro-action-editor' }
}),
__metadata('design:paramtypes', [])
@@ -65661,43 +66715,43 @@
/***/ },
-/* 498 */
+/* 503 */
/***/ function(module, exports) {
module.exports = "\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
";
/***/ },
-/* 499 */
+/* 504 */
/***/ function(module, exports) {
- module.exports = ".action--editor {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0;\n border: 0; }\n\n.nav {\n padding-bottom: 1rem; }\n .nav li a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .nav li a.selected {\n font-style: italic; }\n .nav li a:hover {\n cursor: pointer; }\n .nav li.active {\n z-index: 2; }\n .nav li.active a.selected {\n font-style: normal; }\n .nav li.active a:after {\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n top: 0;\n right: -4rem;\n border-color: transparent transparent transparent #337ab7;\n border-style: solid;\n border-width: 2rem; }\n\n.editor__tabs, .editor__tab-links {\n padding-top: 1rem; }\n\n.editor__tabs {\n border-left: 1px solid #ddd;\n margin-left: -1.6rem;\n padding-left: 3rem; }\n\n.editor__actions {\n float: right; }\n .editor__actions-container {\n background: #f5f5f5;\n border-top: 1px solid #ddd;\n padding: 1rem 1.5rem; }\n\n.flex-button-wrapper {\n display: flex;\n flex-direction: row-reverse; }\n\n.flex-button {\n align-self: flex-end; }\n"
+ module.exports = ":host {\n display: block;\n width: 100%; }\n\n.action--editor {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0;\n border: 0; }\n\n.nav {\n padding-bottom: 1rem; }\n .nav li a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .nav li a.selected {\n font-style: italic; }\n .nav li a:hover {\n cursor: pointer; }\n .nav li.active {\n z-index: 2; }\n .nav li.active a.selected {\n font-style: normal; }\n .nav li.active a:after {\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n top: 0;\n right: -4rem;\n border-color: transparent transparent transparent #337ab7;\n border-style: solid;\n border-width: 2rem; }\n\n.editor__tabs, .editor__tab-links {\n padding-top: 1rem; }\n\n.editor__tabs {\n border-left: 1px solid #ddd;\n margin-left: -1.6rem;\n padding-left: 3rem; }\n\n.editor__actions {\n float: right; }\n .editor__actions-container {\n background: #f5f5f5;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n padding: 1rem 1.5rem; }\n\n.flex-button-wrapper {\n display: flex;\n flex-direction: row-reverse; }\n\n.flex-button {\n align-self: flex-end; }\n"
/***/ },
-/* 500 */
+/* 505 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var delay_1 = __webpack_require__(501);
+ var delay_1 = __webpack_require__(506);
exports.MacroDelayTabComponent = delay_1.MacroDelayTabComponent;
- var key_1 = __webpack_require__(505);
+ var key_1 = __webpack_require__(510);
exports.MacroKeyTabComponent = key_1.MacroKeyTabComponent;
- var mouse_1 = __webpack_require__(544);
+ var mouse_1 = __webpack_require__(541);
exports.MacroMouseTabComponent = mouse_1.MacroMouseTabComponent;
- var text_1 = __webpack_require__(548);
+ var text_1 = __webpack_require__(545);
exports.MacroTextTabComponent = text_1.MacroTextTabComponent;
/***/ },
-/* 501 */
+/* 506 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var macro_delay_component_1 = __webpack_require__(502);
+ var macro_delay_component_1 = __webpack_require__(507);
exports.MacroDelayTabComponent = macro_delay_component_1.MacroDelayTabComponent;
/***/ },
-/* 502 */
+/* 507 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -65711,21 +66765,17 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var macro_action_1 = __webpack_require__(471);
+ var macro_action_1 = __webpack_require__(472);
var INITIAL_DELAY = 0.5; // In seconds
var MacroDelayTabComponent = (function () {
/* tslint:enable:no-unused-variable */
- function MacroDelayTabComponent(renderer) {
- this.renderer = renderer;
+ function MacroDelayTabComponent() {
/* tslint:disable:no-unused-variable: It is used in the template. */
this.presets = [0.3, 0.5, 0.8, 1, 2, 3, 4, 5];
}
MacroDelayTabComponent.prototype.ngOnInit = function () {
this.delay = this.macroAction.delay > 0 ? this.macroAction.delay / 1000 : INITIAL_DELAY;
};
- MacroDelayTabComponent.prototype.ngAfterViewInit = function () {
- this.renderer.invokeElementMethod(this.input.nativeElement, 'focus');
- };
MacroDelayTabComponent.prototype.setDelay = function (value) {
this.delay = value;
this.macroAction.delay = this.delay * 1000;
@@ -65742,11 +66792,12 @@
// In seconds
core_1.Component({
selector: 'macro-delay-tab',
- template: __webpack_require__(503),
- styles: [__webpack_require__(504)],
- host: { 'class': 'macro__delay' }
+ template: __webpack_require__(508),
+ styles: [__webpack_require__(509)],
+ host: { 'class': 'macro__delay' },
+ changeDetection: core_1.ChangeDetectionStrategy.OnPush
}),
- __metadata('design:paramtypes', [core_1.Renderer])
+ __metadata('design:paramtypes', [])
], MacroDelayTabComponent);
return MacroDelayTabComponent;
}());
@@ -65754,28 +66805,28 @@
/***/ },
-/* 503 */
+/* 508 */
/***/ function(module, exports) {
- module.exports = "\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n Type text\r\n \r\n \r\n
- \r\n \r\n \r\n Key action\r\n \r\n \r\n
- \r\n \r\n \r\n Mouse action\r\n \r\n \r\n
- \r\n \r\n \r\n Delay\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n";
+ module.exports = "\r\n
\r\n \r\n
\r\n Enter delay in seconds
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n Choose a preset
\r\n \r\n\r\n
\r\n";
/***/ },
-/* 504 */
+/* 509 */
/***/ function(module, exports) {
module.exports = ":host {\n display: flex;\n flex-direction: column;\n position: relative; }\n\n.macro-delay__presets {\n margin-top: 1rem; }\n .macro-delay__presets button {\n margin-right: 0.25rem;\n margin-bottom: 0.25rem; }\n"
/***/ },
-/* 505 */
+/* 510 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var macro_key_component_1 = __webpack_require__(506);
+ var macro_key_component_1 = __webpack_require__(511);
exports.MacroKeyTabComponent = macro_key_component_1.MacroKeyTabComponent;
/***/ },
-/* 506 */
+/* 511 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -65789,8 +66840,8 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var macro_action_1 = __webpack_require__(471);
- var tab_1 = __webpack_require__(507);
+ var macro_action_1 = __webpack_require__(472);
+ var tab_1 = __webpack_require__(512);
var TabName;
(function (TabName) {
TabName[TabName["Keypress"] = 0] = "Keypress";
@@ -65854,10 +66905,10 @@
MacroKeyTabComponent = __decorate([
core_1.Component({
selector: 'macro-key-tab',
- template: __webpack_require__(542),
+ template: __webpack_require__(539),
styles: [
- __webpack_require__(499),
- __webpack_require__(543)
+ __webpack_require__(504),
+ __webpack_require__(540)
],
host: { 'class': 'macro__mouse' }
}),
@@ -65869,37 +66920,37 @@
/***/ },
-/* 507 */
+/* 512 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
- var keymap_1 = __webpack_require__(508);
+ var keymap_1 = __webpack_require__(513);
exports.KeymapTabComponent = keymap_1.KeymapTabComponent;
- var keypress_1 = __webpack_require__(512);
+ var keypress_1 = __webpack_require__(517);
exports.KeypressTabComponent = keypress_1.KeypressTabComponent;
- var layer_1 = __webpack_require__(518);
+ var layer_1 = __webpack_require__(523);
exports.LayerTabComponent = layer_1.LayerTabComponent;
- var macro_1 = __webpack_require__(522);
+ var macro_1 = __webpack_require__(527);
exports.MacroTabComponent = macro_1.MacroTabComponent;
- var mouse_1 = __webpack_require__(534);
+ var mouse_1 = __webpack_require__(531);
exports.MouseTabComponent = mouse_1.MouseTabComponent;
- var none_1 = __webpack_require__(538);
+ var none_1 = __webpack_require__(535);
exports.NoneTabComponent = none_1.NoneTabComponent;
/***/ },
-/* 508 */
+/* 513 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
function __export(m) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
- __export(__webpack_require__(509));
+ __export(__webpack_require__(514));
/***/ },
-/* 509 */
+/* 514 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -65913,22 +66964,24 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var key_action_1 = __webpack_require__(434);
+ var key_action_1 = __webpack_require__(438);
var KeymapTabComponent = (function () {
function KeymapTabComponent() {
this.keymapOptions = [];
}
KeymapTabComponent.prototype.ngOnInit = function () {
- this.keymapOptions.push({
- id: '-1',
- text: 'Switch to keymap'
- });
- this.keymapOptions = this.keymaps.map(function (keymap) {
+ this.keymapOptions = this.keymaps
+ .map(function (keymap) {
return {
id: keymap.abbreviation,
text: keymap.name
};
});
+ if (this.keymaps.length > 0) {
+ this.selectedKeymap = this.keymaps[0];
+ }
+ };
+ KeymapTabComponent.prototype.ngOnChanges = function () {
this.fromKeyAction(this.defaultKeyAction);
};
// TODO: change to the correct type when the wrapper has added it.
@@ -65970,8 +67023,8 @@
KeymapTabComponent = __decorate([
core_1.Component({
selector: 'keymap-tab',
- template: __webpack_require__(510),
- styles: [__webpack_require__(511)],
+ template: __webpack_require__(515),
+ styles: [__webpack_require__(516)],
changeDetection: core_1.ChangeDetectionStrategy.OnPush
}),
__metadata('design:paramtypes', [])
@@ -65982,30 +67035,30 @@
/***/ },
-/* 510 */
+/* 515 */
/***/ function(module, exports) {
- module.exports = "\r\n
\r\n \r\n
\r\n Enter delay in seconds
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n Choose a preset
\r\n \r\n\r\n Switch to keymap:\r\n \r\n
\r\n\r\n \r\n \r\n
";
+ module.exports = "\r\n No keymaps are available to choose from. Create a keymap first! \r\n\r\n 0\">\r\n \r\n ![](\"./images/base-layer--blank.svg\")
\r\n
\r\n \r\n \r\n Switch to keymap:\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n";
/***/ },
-/* 511 */
+/* 516 */
/***/ function(module, exports) {
- module.exports = ":host {\n display: flex;\n flex-direction: column; }\n :host > div {\n display: flex;\n margin-top: 2px; }\n :host > div b {\n display: flex;\n align-items: center;\n margin-right: 7px; }\n :host > div select2 {\n flex: 1; }\n :host > div:last-child {\n margin-top: 10px; }\n :host > div:last-child img {\n max-height: 100%;\n max-width: 100%; }\n"
+ module.exports = ":host {\n display: flex;\n flex-direction: column; }\n :host > span {\n text-align: center; }\n :host > div {\n display: flex;\n margin-top: 2px; }\n :host > div b {\n display: flex;\n align-items: center;\n margin-right: 7px; }\n :host > div select2 {\n flex: 1; }\n :host > div:last-child {\n margin-top: 10px; }\n :host > div:last-child img {\n max-height: 100%;\n max-width: 100%; }\n\n.empty {\n display: flex; }\n .empty img {\n display: flex;\n width: 100%;\n height: 100%;\n position: relative; }\n"
/***/ },
-/* 512 */
+/* 517 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
function __export(m) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
- __export(__webpack_require__(513));
+ __export(__webpack_require__(518));
/***/ },
-/* 513 */
+/* 518 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -66019,7 +67072,7 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var key_action_1 = __webpack_require__(434);
+ var key_action_1 = __webpack_require__(438);
var KeypressTabComponent = (function () {
function KeypressTabComponent() {
this.scanCodeTemplateResult = function (state) {
@@ -66028,10 +67081,11 @@
}
if (state.additional && state.additional.explanation) {
return jQuery(''
- + state.text
+ + '' + state.text + ''
+ ' '
+ state.additional.explanation
- + '');
+ + '' +
+ '');
}
else {
return jQuery('' + state.text + '');
@@ -66043,14 +67097,14 @@
id: '0',
text: 'None'
}];
- this.scanCodeGroups = this.scanCodeGroups.concat(__webpack_require__(514));
- this.longPressGroups = __webpack_require__(515);
+ this.scanCodeGroups = this.scanCodeGroups.concat(__webpack_require__(519));
+ this.longPressGroups = __webpack_require__(520);
this.leftModifierSelects = Array(this.leftModifiers.length).fill(false);
this.rightModifierSelects = Array(this.rightModifiers.length).fill(false);
this.scanCode = 0;
this.selectedLongPressIndex = -1;
}
- KeypressTabComponent.prototype.ngOnInit = function () {
+ KeypressTabComponent.prototype.ngOnChanges = function () {
this.fromKeyAction(this.defaultKeyAction);
};
KeypressTabComponent.prototype.keyActionValid = function (keystrokeAction) {
@@ -66133,8 +67187,8 @@
KeypressTabComponent = __decorate([
core_1.Component({
selector: 'keypress-tab',
- template: __webpack_require__(516),
- styles: [__webpack_require__(517)]
+ template: __webpack_require__(521),
+ styles: [__webpack_require__(522)]
}),
__metadata('design:paramtypes', [])
], KeypressTabComponent);
@@ -66144,7 +67198,7 @@
/***/ },
-/* 514 */
+/* 519 */
/***/ function(module, exports) {
module.exports = [
@@ -66308,9 +67362,9 @@
{
"id": "40",
"additional": {
- "explanation": "Enter"
+ "explanation": "Return"
},
- "text": "Return"
+ "text": "Enter"
},
{
"id": "41",
@@ -66326,7 +67380,7 @@
},
{
"id": "44",
- "text": "Spacebar"
+ "text": "Space"
}
]
},
@@ -66380,7 +67434,7 @@
]
},
{
- "text": "Functionkeys",
+ "text": "Function keys",
"children": [
{
"id": "58",
@@ -66499,7 +67553,7 @@
]
},
{
- "text": "NumberPad",
+ "text": "Numpad",
"children": [
{
"id": "83",
@@ -66652,7 +67706,7 @@
]
},
{
- "text": "MediaKeys",
+ "text": "Media Keys",
"children": [
{
"id": "127",
@@ -66691,7 +67745,7 @@
];
/***/ },
-/* 515 */
+/* 520 */
/***/ function(module, exports) {
module.exports = [
@@ -66756,30 +67810,30 @@
];
/***/ },
-/* 516 */
+/* 521 */
/***/ function(module, exports) {
- module.exports = "\r\n\r\n\r\n \r\n
\r\n \r\n \r\n Long press action:\r\n
\r\n\r\n\r\n \r\n When a key is configured as layer switcher key, you can't assign other functions to it.\r\n To assign a scancode to the key, set the Layer action to None.\r\n
";
+ module.exports = "\r\n\r\n\r\n Long press action:\r\n
\r\n\r\n\r\n \r\n When a key is configured as layer switcher key, you can't assign other functions to it.\r\n To assign a scancode to the key, set the Layer action to None.\r\n
";
/***/ },
-/* 517 */
+/* 522 */
/***/ function(module, exports) {
module.exports = ":host {\n display: flex;\n flex-direction: column;\n position: relative; }\n :host .scancode-options {\n margin-bottom: 10px;\n margin-top: 2px; }\n :host .scancode-options > b {\n position: relative;\n top: 2px; }\n :host .modifier-options > b {\n position: relative;\n top: -9px;\n margin-right: 4px; }\n :host .modifier-options .btn-toolbar {\n display: inline-block; }\n :host .long-press-container {\n display: flex;\n margin-top: 3rem; }\n :host .long-press-container > b {\n margin-right: 0.6em;\n align-items: center;\n display: flex; }\n :host .long-press-container .secondary-role {\n width: 135px; }\n :host .long-press-container icon {\n margin-left: 0.6em; }\n :host .setting-label.disabled {\n color: #999; }\n :host .disabled-state--text {\n display: none;\n position: absolute;\n top: 50%;\n margin-top: -4rem;\n color: #31708f;\n padding-right: 40px; }\n :host .disabled-state--text .fa {\n font-size: 2.6rem;\n float: left;\n padding: 1rem 1.5rem 2rem; }\n :host.disabled .scancode-options,\n :host.disabled .modifier-options,\n :host.disabled .long-press-container {\n visibility: hidden; }\n :host.disabled .disabled-state--text {\n display: block; }\n"
/***/ },
-/* 518 */
+/* 523 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
function __export(m) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
- __export(__webpack_require__(519));
+ __export(__webpack_require__(524));
/***/ },
-/* 519 */
+/* 524 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -66793,40 +67847,37 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var key_action_1 = __webpack_require__(434);
- var ng2_select2_1 = __webpack_require__(398);
+ var key_action_1 = __webpack_require__(438);
var LayerTabComponent = (function () {
- /* tslint:enable:no-unused-variable */
function LayerTabComponent() {
- /* tslint:disable:no-unused-variable: They're used in the template */
this.toggleData = [
{
- id: 'false',
+ id: false,
text: 'Activate'
},
{
- id: 'true',
+ id: true,
text: 'Toggle'
}
];
this.layerData = [
{
- id: '0',
+ id: 0,
text: 'Mod'
},
{
- id: '1',
+ id: 1,
text: 'Fn'
},
{
- id: '2',
+ id: 2,
text: 'Mouse'
}
];
this.toggle = false;
this.layer = key_action_1.LayerName.mod;
}
- LayerTabComponent.prototype.ngOnInit = function () {
+ LayerTabComponent.prototype.ngOnChanges = function () {
this.fromKeyAction(this.defaultKeyAction);
};
LayerTabComponent.prototype.keyActionValid = function () {
@@ -66847,35 +67898,21 @@
keyAction.layer = this.layer;
return keyAction;
};
- // TODO: change to the correct type when the wrapper has added it.
- /* tslint:disable:no-unused-variable: This function is used in the template */
- LayerTabComponent.prototype.toggleChanged = function (event) {
- /* tslint:enable:no-unused-variable */
- this.toggle = event.value;
+ LayerTabComponent.prototype.toggleChanged = function (value) {
+ this.toggle = value === 'true';
};
- // TODO: change to the correct type when the wrapper has added it.
- /* tslint:disable:no-unused-variable: This function is used in the template */
- LayerTabComponent.prototype.layerChanged = function (event) {
- /* tslint:enable:no-unused-variable */
- this.layer = +event.value;
+ LayerTabComponent.prototype.layerChanged = function (value) {
+ this.layer = +value;
};
__decorate([
core_1.Input(),
__metadata('design:type', key_action_1.KeyAction)
], LayerTabComponent.prototype, "defaultKeyAction", void 0);
- __decorate([
- core_1.ViewChild('toggleSelect'),
- __metadata('design:type', ng2_select2_1.Select2Component)
- ], LayerTabComponent.prototype, "toggleSelect2", void 0);
- __decorate([
- core_1.ViewChild('layerSelect'),
- __metadata('design:type', ng2_select2_1.Select2Component)
- ], LayerTabComponent.prototype, "layerSelect2", void 0);
LayerTabComponent = __decorate([
core_1.Component({
selector: 'layer-tab',
- template: __webpack_require__(520),
- styles: [__webpack_require__(521)]
+ template: __webpack_require__(525),
+ styles: [__webpack_require__(526)]
}),
__metadata('design:paramtypes', [])
], LayerTabComponent);
@@ -66885,30 +67922,30 @@
/***/ },
-/* 520 */
+/* 525 */
/***/ function(module, exports) {
- module.exports = "\r\n Play macro: \r\n
\r\n \r\n
\r\n";
+
+/***/ },
+/* 530 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex;\n flex-direction: column; }\n :host > span {\n text-align: center; }\n :host .macro-selector {\n display: flex;\n margin-top: 2px; }\n :host .macro-selector b {\n display: flex;\n align-items: center;\n margin-right: 7px; }\n :host .macro-selector select2 {\n flex: 1; }\n :host .macro-action-container {\n display: flex;\n flex-direction: column;\n min-height: 200px;\n max-height: 300px;\n margin: 20px 0;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 4px;\n border: 1px solid #ddd; }\n :host .macro-action-container .list-group {\n margin-bottom: 0;\n border: 0; }\n"
+
+/***/ },
+/* 531 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(532));
+
+
+/***/ },
+/* 532 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
@@ -67000,27 +68063,3365 @@
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = __webpack_require__(313);
- var UhkConfiguration_1 = __webpack_require__(525);
- var data_provider_service_1 = __webpack_require__(527);
- var UhkConfigurationService = (function () {
- function UhkConfigurationService(dataProviderService) {
- this.dataProviderService = dataProviderService;
- this.configuration = new UhkConfiguration_1.UhkConfiguration().fromJsObject(this.dataProviderService.getUHKConfig());
+ var key_action_1 = __webpack_require__(438);
+ var MouseTabComponent = (function () {
+ function MouseTabComponent() {
+ /* tslint:disable:variable-name: It is an enum type. So it can start with uppercase. */
+ /* tslint:disable:no-unused-variable: It is used in the template. */
+ this.MouseActionParam = key_action_1.MouseActionParam;
+ this.selectedPageIndex = 0;
+ this.pages = ['Move', 'Scroll', 'Click', 'Speed'];
}
- UhkConfigurationService.prototype.getUhkConfiguration = function () {
- return this.configuration;
+ MouseTabComponent.prototype.ngOnChanges = function () {
+ this.fromKeyAction(this.defaultKeyAction);
};
- UhkConfigurationService = __decorate([
- core_1.Injectable(),
- __metadata('design:paramtypes', [data_provider_service_1.DataProviderService])
- ], UhkConfigurationService);
- return UhkConfigurationService;
+ MouseTabComponent.prototype.keyActionValid = function () {
+ return this.mouseActionParam !== undefined;
+ };
+ MouseTabComponent.prototype.fromKeyAction = function (keyAction) {
+ if (!(keyAction instanceof key_action_1.MouseAction)) {
+ return false;
+ }
+ var mouseAction = keyAction;
+ this.mouseActionParam = mouseAction.mouseAction;
+ if (mouseAction.mouseAction === key_action_1.MouseActionParam.moveUp) {
+ this.selectedPageIndex = 0;
+ }
+ switch (mouseAction.mouseAction) {
+ case key_action_1.MouseActionParam.moveDown:
+ case key_action_1.MouseActionParam.moveUp:
+ case key_action_1.MouseActionParam.moveLeft:
+ case key_action_1.MouseActionParam.moveRight:
+ this.selectedPageIndex = 0;
+ break;
+ case key_action_1.MouseActionParam.scrollDown:
+ case key_action_1.MouseActionParam.scrollUp:
+ case key_action_1.MouseActionParam.scrollLeft:
+ case key_action_1.MouseActionParam.scrollRight:
+ this.selectedPageIndex = 1;
+ break;
+ case key_action_1.MouseActionParam.leftClick:
+ case key_action_1.MouseActionParam.middleClick:
+ case key_action_1.MouseActionParam.rightClick:
+ this.selectedPageIndex = 2;
+ break;
+ case key_action_1.MouseActionParam.decelerate:
+ case key_action_1.MouseActionParam.accelerate:
+ this.selectedPageIndex = 3;
+ break;
+ default:
+ return false;
+ }
+ return true;
+ };
+ MouseTabComponent.prototype.toKeyAction = function () {
+ if (!this.keyActionValid()) {
+ throw new Error('KeyAction is not valid. No selected mouse action!');
+ }
+ var mouseAction = new key_action_1.MouseAction();
+ mouseAction.mouseAction = this.mouseActionParam;
+ return mouseAction;
+ };
+ MouseTabComponent.prototype.changePage = function (index) {
+ if (index < -1 || index > 3) {
+ console.error("Invalid index error: " + index);
+ return;
+ }
+ this.selectedPageIndex = index;
+ this.mouseActionParam = undefined;
+ };
+ MouseTabComponent.prototype.setMouseActionParam = function (mouseActionParam) {
+ this.mouseActionParam = mouseActionParam;
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', key_action_1.KeyAction)
+ ], MouseTabComponent.prototype, "defaultKeyAction", void 0);
+ MouseTabComponent = __decorate([
+ core_1.Component({
+ selector: 'mouse-tab',
+ template: __webpack_require__(533),
+ styles: [__webpack_require__(534)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], MouseTabComponent);
+ return MouseTabComponent;
}());
- exports.UhkConfigurationService = UhkConfigurationService;
+ exports.MouseTabComponent = MouseTabComponent;
/***/ },
-/* 525 */
+/* 533 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n \r\n \r\n
\r\n \r\n
\r\n- \r\n
- \r\n {{ page }}\r\n \r\n
\r\n
";
+
+/***/ },
+/* 534 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex; }\n :host.popover-content {\n padding: 10px;\n display: flex;\n align-items: center; }\n :host .mouse-action .nav {\n border-right: 1px solid #ccc; }\n :host .mouse-action .nav li a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n :host .mouse-action .nav li a.selected {\n font-style: italic; }\n :host .mouse-action .nav li.active a.selected {\n font-style: normal; }\n :host .mouse-action .nav li.active a:after {\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n top: 0;\n right: -4rem;\n border-color: transparent transparent transparent #337ab7;\n border-style: solid;\n border-width: 2rem; }\n :host .help-text--mouse-speed {\n margin-bottom: 2rem;\n font-size: 0.9em;\n color: #666; }\n :host .help-text--mouse-speed p {\n margin: 0; }\n :host .details .btn-placeholder {\n visibility: hidden; }\n\n.mouse__config--speed .btn-default {\n font-size: 25px;\n line-height: 22px;\n padding-top: 4px;\n padding-bottom: 4px; }\n .mouse__config--speed .btn-default span {\n font-size: 13px;\n display: block;\n text-align: center; }\n\n.help-text--mouse-speed.last-help {\n margin-bottom: 0;\n margin-top: 2rem; }\n"
+
+/***/ },
+/* 535 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(536));
+
+
+/***/ },
+/* 536 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var NoneTabComponent = (function () {
+ function NoneTabComponent() {
+ }
+ NoneTabComponent.prototype.keyActionValid = function () {
+ return true;
+ };
+ NoneTabComponent.prototype.fromKeyAction = function () {
+ return false;
+ };
+ NoneTabComponent.prototype.toKeyAction = function () {
+ return undefined;
+ };
+ NoneTabComponent = __decorate([
+ core_1.Component({
+ selector: 'none-tab',
+ template: __webpack_require__(537),
+ styles: [__webpack_require__(538)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], NoneTabComponent);
+ return NoneTabComponent;
+ }());
+ exports.NoneTabComponent = NoneTabComponent;
+
+
+/***/ },
+/* 537 */
+/***/ function(module, exports) {
+
+ module.exports = "This key is unassigned and has no functionality.";
+
+/***/ },
+/* 538 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex;\n justify-content: center;\n padding: 2rem 0; }\n"
+
+/***/ },
+/* 539 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Press this key along with mouse movement/scrolling to accelerate/decelerate the speed of the action.
\r\n\r\n
\r\n \r\n -\r\n Decelerate\r\n
\r\n \r\n +\r\n Accelerate\r\n
\r\n \r\n
\r\n You can set the multiplier in the settings.
\r\n\r\n
\r\n\r\n
";
+
+/***/ },
+/* 540 */
+/***/ function(module, exports) {
+
+ module.exports = ".macro-key__container {\n padding: 0; }\n\n.macro-key__types {\n margin-left: 0;\n padding: 0 0 1rem; }\n\n.macro-key__action {\n padding-left: 3rem;\n padding-bottom: 1rem; }\n .macro-key__action-container {\n margin-top: -1rem;\n padding-top: 1rem;\n border-left: 1px solid #ddd; }\n\n.fa {\n min-width: 14px; }\n"
+
+/***/ },
+/* 541 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var macro_mouse_component_1 = __webpack_require__(542);
+ exports.MacroMouseTabComponent = macro_mouse_component_1.MacroMouseTabComponent;
+
+
+/***/ },
+/* 542 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var macro_action_1 = __webpack_require__(472);
+ var TabName;
+ (function (TabName) {
+ TabName[TabName["Move"] = 0] = "Move";
+ TabName[TabName["Scroll"] = 1] = "Scroll";
+ TabName[TabName["Click"] = 2] = "Click";
+ TabName[TabName["Hold"] = 3] = "Hold";
+ TabName[TabName["Release"] = 4] = "Release";
+ })(TabName || (TabName = {}));
+ var MacroMouseTabComponent = (function () {
+ /* tslint:enable:no-unused-variable */
+ /* tslint:enable:variable-name */
+ function MacroMouseTabComponent() {
+ /* tslint:disable:variable-name: It is an enum type. So it can start with uppercase. */
+ /* tslint:disable:no-unused-variable: It is used in the template. */
+ this.TabName = TabName;
+ this.buttonLabels = ['Left', 'Middle', 'Right'];
+ this.selectedButtons = Array(this.buttonLabels.length).fill(false);
+ }
+ MacroMouseTabComponent.prototype.ngOnInit = function () {
+ var tabName = this.getTabName(this.macroAction);
+ this.selectTab(tabName);
+ var buttonActions = [TabName.Click, TabName.Hold, TabName.Release];
+ if (buttonActions.includes(this.activeTab)) {
+ this.selectedButtons = this.macroAction.getMouseButtons();
+ }
+ };
+ MacroMouseTabComponent.prototype.selectTab = function (tab) {
+ this.activeTab = tab;
+ this.macroAction.macroActionType = this.getMacroActionType(tab);
+ if (this.macroAction.macroActionType === macro_action_1.macroActionType.MouseButtonMacroAction) {
+ this.macroAction.action = this.getAction(tab);
+ }
+ };
+ MacroMouseTabComponent.prototype.setMouseClick = function (index) {
+ this.selectedButtons[index] = !this.selectedButtons[index];
+ this.macroAction.setMouseButtons(this.selectedButtons);
+ };
+ MacroMouseTabComponent.prototype.hasButton = function (index) {
+ return this.selectedButtons[index];
+ };
+ MacroMouseTabComponent.prototype.getAction = function (tab) {
+ switch (tab) {
+ case TabName.Click:
+ return macro_action_1.MacroSubAction.press;
+ case TabName.Hold:
+ return macro_action_1.MacroSubAction.hold;
+ case TabName.Release:
+ return macro_action_1.MacroSubAction.release;
+ default:
+ throw new Error('Invalid tab name');
+ }
+ };
+ MacroMouseTabComponent.prototype.getTabName = function (action) {
+ if (action.macroActionType === macro_action_1.macroActionType.MouseButtonMacroAction) {
+ if (!action.action || action.isOnlyPressAction()) {
+ return TabName.Click;
+ }
+ else if (action.isOnlyPressAction()) {
+ return TabName.Hold;
+ }
+ else if (action.isOnlyReleaseAction()) {
+ return TabName.Release;
+ }
+ }
+ else if (action.macroActionType === macro_action_1.macroActionType.MoveMouseMacroAction) {
+ return TabName.Move;
+ }
+ else if (action.macroActionType === macro_action_1.macroActionType.ScrollMouseMacroAction) {
+ return TabName.Scroll;
+ }
+ return TabName.Move;
+ };
+ MacroMouseTabComponent.prototype.getMacroActionType = function (tab) {
+ if (tab === TabName.Click || tab === TabName.Hold || tab === TabName.Release) {
+ return macro_action_1.macroActionType.MouseButtonMacroAction;
+ }
+ else if (tab === TabName.Move) {
+ return macro_action_1.macroActionType.MoveMouseMacroAction;
+ }
+ else if (tab === TabName.Scroll) {
+ return macro_action_1.macroActionType.ScrollMouseMacroAction;
+ }
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', macro_action_1.EditableMacroAction)
+ ], MacroMouseTabComponent.prototype, "macroAction", void 0);
+ __decorate([
+ core_1.ViewChild('tab'),
+ __metadata('design:type', Object)
+ ], MacroMouseTabComponent.prototype, "selectedTab", void 0);
+ MacroMouseTabComponent = __decorate([
+ core_1.Component({
+ selector: 'macro-mouse-tab',
+ template: __webpack_require__(543),
+ styles: [
+ __webpack_require__(504),
+ __webpack_require__(544)
+ ],
+ host: { 'class': 'macro__mouse' }
+ }),
+ __metadata('design:paramtypes', [])
+ ], MacroMouseTabComponent);
+ return MacroMouseTabComponent;
+ }());
+ exports.MacroMouseTabComponent = MacroMouseTabComponent;
+
+
+/***/ },
+/* 543 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n - \r\n
- \r\n \r\n \r\n Press key\r\n \r\n \r\n
- \r\n \r\n \r\n Hold key\r\n \r\n \r\n
- \r\n \r\n \r\n Release key\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n Press key
\r\nHold key
\r\nRelease key
\r\n\r\n
";
+
+/***/ },
+/* 544 */
+/***/ function(module, exports) {
+
+ module.exports = ".macro-mouse__container {\n padding: 0; }\n\n.macro-mouse__types {\n border-right: 1px solid #ddd;\n border-left: 0;\n margin-top: -1rem;\n margin-left: 0;\n padding: 1rem 0; }\n\n.macro-mouse__actions {\n padding-left: 3rem;\n padding-bottom: 1rem; }\n\n.macro-mouse__buttons {\n margin-top: 3rem;\n margin-bottom: 1rem; }\n\n.fa {\n min-width: 14px; }\n\n.form-horizontal .form-group {\n margin: 0 0 0.5rem; }\n\n.form-horizontal label {\n display: inline-block;\n margin-right: 0.5rem; }\n\n.form-horizontal .form-control {\n display: inline-block;\n width: 60%; }\n"
+
+/***/ },
+/* 545 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var macro_text_component_1 = __webpack_require__(546);
+ exports.MacroTextTabComponent = macro_text_component_1.MacroTextTabComponent;
+
+
+/***/ },
+/* 546 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var macro_action_1 = __webpack_require__(472);
+ var MacroTextTabComponent = (function () {
+ function MacroTextTabComponent(renderer) {
+ this.renderer = renderer;
+ }
+ MacroTextTabComponent.prototype.ngAfterViewInit = function () {
+ this.renderer.invokeElementMethod(this.input.nativeElement, 'focus');
+ };
+ MacroTextTabComponent.prototype.onTextChange = function () {
+ this.macroAction.text = this.input.nativeElement.value;
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', macro_action_1.EditableMacroAction)
+ ], MacroTextTabComponent.prototype, "macroAction", void 0);
+ __decorate([
+ core_1.ViewChild('macroTextInput'),
+ __metadata('design:type', core_1.ElementRef)
+ ], MacroTextTabComponent.prototype, "input", void 0);
+ MacroTextTabComponent = __decorate([
+ core_1.Component({
+ selector: 'macro-text-tab',
+ template: __webpack_require__(547),
+ styles: [__webpack_require__(548)],
+ host: { 'class': 'macro__text' }
+ }),
+ __metadata('design:paramtypes', [core_1.Renderer])
+ ], MacroTextTabComponent);
+ return MacroTextTabComponent;
+ }());
+ exports.MacroTextTabComponent = MacroTextTabComponent;
+
+
+/***/ },
+/* 547 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n - \r\n
- \r\n \r\n \r\n Move pointer\r\n \r\n \r\n
- \r\n \r\n \r\n Scroll\r\n \r\n \r\n
- \r\n \r\n \r\n Click button\r\n \r\n \r\n
- \r\n \r\n \r\n Hold button\r\n \r\n \r\n
- \r\n \r\n \r\n Release button\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n Move pointer
\r\nUse negative values to move down or left from current position.
\r\n\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n
\r\n Scroll
\r\nUse negative values to move down or left from current position.
\r\n\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n
\r\n Click mouse button
\r\nHold mouse button
\r\nRelease mouse button
\r\n\r\n \r\n
\r\n \r\n
";
+
+/***/ },
+/* 548 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex;\n flex-direction: column;\n position: relative; }\n\n.macro__text-input {\n width: 100%;\n min-height: 10rem;\n margin-bottom: 1rem; }\n"
+
+/***/ },
+/* 549 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(550));
+
+
+/***/ },
+/* 550 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var NotificationComponent = (function () {
+ function NotificationComponent() {
+ }
+ NotificationComponent = __decorate([
+ core_1.Component({
+ selector: 'notification',
+ template: __webpack_require__(551),
+ styles: [__webpack_require__(552)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], NotificationComponent);
+ return NotificationComponent;
+ }());
+ exports.NotificationComponent = NotificationComponent;
+
+
+/***/ },
+/* 551 */
+/***/ function(module, exports) {
+
+ module.exports = "Keymap removed\r\nUndo\r\n×";
+
+/***/ },
+/* 552 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n padding: 1rem 1.5rem;\n box-shadow: 0 0 0 1px #000;\n border-radius: 0.5rem;\n position: absolute;\n top: 2rem;\n right: 2rem;\n z-index: 10000;\n background-color: #333;\n color: #eee;\n display: none; }\n\n.action {\n margin-left: 1rem;\n margin-right: 1rem;\n color: #5bc0de;\n text-transform: uppercase;\n font-weight: bold; }\n .action:focus, .action:active, .action:hover {\n text-decoration: none;\n color: #5bc0de; }\n\n.dismiss {\n position: relative;\n bottom: 1px;\n color: #ccc; }\n .dismiss:hover {\n cursor: pointer;\n color: #fff; }\n"
+
+/***/ },
+/* 553 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(554));
+
+
+/***/ },
+/* 554 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var store_1 = __webpack_require__(353);
+ var key_action_1 = __webpack_require__(438);
+ var Keymap_1 = __webpack_require__(455);
+ var reducers_1 = __webpack_require__(555);
+ var TabName;
+ (function (TabName) {
+ TabName[TabName["Keypress"] = 0] = "Keypress";
+ TabName[TabName["Layer"] = 1] = "Layer";
+ TabName[TabName["Mouse"] = 2] = "Mouse";
+ TabName[TabName["Macro"] = 3] = "Macro";
+ TabName[TabName["Keymap"] = 4] = "Keymap";
+ TabName[TabName["None"] = 5] = "None";
+ })(TabName || (TabName = {}));
+ var PopoverComponent = (function () {
+ function PopoverComponent(store) {
+ var _this = this;
+ this.store = store;
+ this.cancel = new core_1.EventEmitter();
+ this.remap = new core_1.EventEmitter();
+ this.tabName = TabName;
+ this.leftArrow = false;
+ this.rightArrow = false;
+ this.topPosition = 0;
+ this.leftPosition = 0;
+ this.animationState = 'closed';
+ this.keymaps$ = store.let(reducers_1.getKeymapEntities())
+ .map(function (keymaps) {
+ return keymaps.filter(function (keymap) { return _this.currentKeymap.abbreviation !== keymap.abbreviation; });
+ });
+ }
+ PopoverComponent.prototype.ngOnChanges = function (change) {
+ if (this.keyPosition && this.wrapPosition && (change['keyPosition'] || change['wrapPosition'])) {
+ this.calculatePosition();
+ }
+ if (change['defaultKeyAction']) {
+ var tab = void 0;
+ if (this.defaultKeyAction instanceof key_action_1.KeystrokeAction) {
+ tab = TabName.Keypress;
+ }
+ else if (this.defaultKeyAction instanceof key_action_1.SwitchLayerAction) {
+ tab = TabName.Layer;
+ }
+ else if (this.defaultKeyAction instanceof key_action_1.MouseAction) {
+ tab = TabName.Mouse;
+ }
+ else if (this.defaultKeyAction instanceof key_action_1.PlayMacroAction) {
+ tab = TabName.Macro;
+ }
+ else if (this.defaultKeyAction instanceof key_action_1.SwitchKeymapAction) {
+ tab = TabName.Keymap;
+ }
+ else {
+ tab = TabName.None;
+ }
+ this.selectTab(tab);
+ }
+ if (change['visible']) {
+ if (change['visible'].currentValue) {
+ this.animationState = 'opened';
+ }
+ else {
+ this.animationState = 'closed';
+ }
+ }
+ };
+ PopoverComponent.prototype.onCancelClick = function () {
+ this.cancel.emit(undefined);
+ };
+ PopoverComponent.prototype.onRemapKey = function () {
+ try {
+ var keyAction = this.selectedTab.toKeyAction();
+ this.remap.emit(keyAction);
+ }
+ catch (e) {
+ // TODO: show error dialog
+ console.error(e);
+ }
+ };
+ PopoverComponent.prototype.selectTab = function (tab) {
+ this.activeTab = tab;
+ };
+ PopoverComponent.prototype.onOverlay = function () {
+ this.cancel.emit(undefined);
+ };
+ PopoverComponent.prototype.calculatePosition = function () {
+ var offsetLeft = this.wrapPosition.left + 265; // 265 is a width of the side menu with a margin
+ var popover = this.popoverHost.nativeElement;
+ var newLeft = this.keyPosition.left + (this.keyPosition.width / 2);
+ this.leftArrow = newLeft < offsetLeft;
+ this.rightArrow = (newLeft + popover.offsetWidth) > offsetLeft + this.wrapPosition.width;
+ if (this.leftArrow) {
+ newLeft = this.keyPosition.left;
+ }
+ else if (this.rightArrow) {
+ newLeft = this.keyPosition.left - popover.offsetWidth + this.keyPosition.width;
+ }
+ else {
+ newLeft -= popover.offsetWidth / 2;
+ }
+ // 7 is a space between a bottom key position and a popover
+ this.topPosition = this.keyPosition.top + this.keyPosition.height + 7 + window.scrollY;
+ this.leftPosition = newLeft;
+ };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', key_action_1.KeyAction)
+ ], PopoverComponent.prototype, "defaultKeyAction", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Keymap_1.Keymap)
+ ], PopoverComponent.prototype, "currentKeymap", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', ClientRect)
+ ], PopoverComponent.prototype, "keyPosition", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', ClientRect)
+ ], PopoverComponent.prototype, "wrapPosition", void 0);
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', Boolean)
+ ], PopoverComponent.prototype, "visible", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], PopoverComponent.prototype, "cancel", void 0);
+ __decorate([
+ core_1.Output(),
+ __metadata('design:type', Object)
+ ], PopoverComponent.prototype, "remap", void 0);
+ __decorate([
+ core_1.ViewChild('tab'),
+ __metadata('design:type', Object)
+ ], PopoverComponent.prototype, "selectedTab", void 0);
+ __decorate([
+ core_1.ViewChild('popover'),
+ __metadata('design:type', core_1.ElementRef)
+ ], PopoverComponent.prototype, "popoverHost", void 0);
+ PopoverComponent = __decorate([
+ core_1.Component({
+ selector: 'popover',
+ template: __webpack_require__(557),
+ styles: [__webpack_require__(558)],
+ animations: [
+ core_1.trigger('popover', [
+ core_1.state('closed', core_1.style({
+ transform: 'translateY(30px)',
+ visibility: 'hidden',
+ opacity: 0
+ })),
+ core_1.state('opened', core_1.style({
+ transform: 'translateY(0)',
+ visibility: 'visible',
+ opacity: 1
+ })),
+ core_1.transition('opened => closed', [
+ core_1.animate('200ms ease-out', core_1.keyframes([
+ core_1.style({ transform: 'translateY(0)', visibility: 'visible', opacity: 1, offset: 0 }),
+ core_1.style({ transform: 'translateY(30px)', visibility: 'hidden', opacity: 0, offset: 1 })
+ ]))
+ ]),
+ core_1.transition('closed => opened', [
+ core_1.style({
+ visibility: 'visible'
+ }),
+ core_1.animate('200ms ease-out', core_1.keyframes([
+ core_1.style({ transform: 'translateY(30px)', opacity: 0, offset: 0 }),
+ core_1.style({ transform: 'translateY(0)', opacity: 1, offset: 1 })
+ ]))
+ ])
+ ])
+ ]
+ }),
+ __metadata('design:paramtypes', [store_1.Store])
+ ], PopoverComponent);
+ return PopoverComponent;
+ }());
+ exports.PopoverComponent = PopoverComponent;
+
+
+/***/ },
+/* 555 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var keymap_1 = __webpack_require__(436);
+ exports.keymapReducer = keymap_1.default;
+ exports.getKeymapEntities = keymap_1.getKeymapEntities;
+ var macro_1 = __webpack_require__(469);
+ exports.macroReducer = macro_1.default;
+ exports.getMacroEntities = macro_1.getMacroEntities;
+ var preset_1 = __webpack_require__(556);
+ exports.presetReducer = preset_1.default;
+
+
+/***/ },
+/* 556 */
+/***/ function(module, exports) {
+
+ "use strict";
+ var initialState = [];
+ function default_1(state) {
+ if (state === void 0) { state = initialState; }
+ return state;
+ }
+ Object.defineProperty(exports, "__esModule", { value: true });
+ exports.default = default_1;
+
+
+/***/ },
+/* 557 */
+/***/ function(module, exports) {
+
+ module.exports = "Type text
\r\nInput the text you want to type with this macro action.
\r\n \r\n\r\n \r\n
\r\n\r\n";
+
+/***/ },
+/* 558 */
+/***/ function(module, exports) {
+
+ module.exports = ".popover {\n display: flex;\n flex-direction: column;\n padding: 0;\n max-width: 568px;\n width: 100%;\n user-select: none; }\n .popover.leftArrow .arrowCustom {\n transform: none;\n left: 22px; }\n .popover.rightArrow .arrowCustom {\n transform: none;\n right: 22px;\n left: auto; }\n .popover > .container-fluid {\n overflow: hidden; }\n\n.nav-tabs > li {\n overflow: hidden; }\n\n.arrowCustom {\n position: absolute;\n top: -16px;\n left: 50%;\n transform: translateX(-50%);\n width: 41px;\n height: 16px; }\n .arrowCustom:before {\n content: '';\n width: 0;\n height: 0;\n border-left: 21px solid transparent;\n border-right: 21px solid transparent;\n border-bottom: 17px solid rgba(0, 0, 0, 0.2);\n display: block;\n position: absolute;\n top: -1px; }\n .arrowCustom:after {\n content: '';\n width: 0;\n height: 0;\n border-left: 20px solid transparent;\n border-right: 20px solid transparent;\n border-bottom: 16px solid #f7f7f7;\n display: block;\n position: absolute;\n top: 0; }\n\n.popover-action {\n padding: 8px 14px;\n margin: 0;\n font-size: 14px;\n background-color: #f7f7f7;\n border-top: 1px solid #ebebeb;\n border-radius: 0 0 5px 5px;\n text-align: right; }\n\n.popover-title.menu-tabs {\n padding: 0.5rem 0.5rem 0;\n display: block; }\n .popover-title.menu-tabs .nav-tabs {\n position: relative;\n top: 1px;\n display: flex; }\n .popover-title.menu-tabs .nav-tabs .menu-tabs--item {\n display: flex;\n align-items: center;\n cursor: pointer; }\n .popover-title.menu-tabs .nav-tabs .menu-tabs--item i {\n margin-right: 0.25em; }\n\n.popover-content {\n padding: 10px 24px; }\n\n.popover-overlay {\n position: fixed;\n width: 100%;\n height: 0;\n top: 0;\n left: 0;\n z-index: 1050;\n background: transparent;\n transition: background 200ms ease-out, height 0ms 200ms linear; }\n .popover-overlay.display {\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n transition: background 200ms ease-out; }\n\n.select2-item {\n position: relative;\n font-size: 1.5rem; }\n .select2-item.keymap-name--wrapper {\n padding-left: 50px; }\n .select2-item .layout-segment-code {\n height: 2rem;\n position: absolute;\n left: 0;\n top: 50%;\n margin-top: -1rem; }\n"
+
+/***/ },
+/* 559 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(560));
+
+
+/***/ },
+/* 560 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var CaptureKeystrokeButtonComponent = (function () {
+ function CaptureKeystrokeButtonComponent() {
+ }
+ CaptureKeystrokeButtonComponent.prototype.ngOnInit = function () { };
+ CaptureKeystrokeButtonComponent.prototype.start = function () {
+ this.record = true;
+ };
+ CaptureKeystrokeButtonComponent.prototype.stop = function () {
+ this.record = false;
+ };
+ CaptureKeystrokeButtonComponent = __decorate([
+ core_1.Component({
+ selector: 'capture-keystroke-button',
+ template: __webpack_require__(561),
+ styles: [__webpack_require__(562)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], CaptureKeystrokeButtonComponent);
+ return CaptureKeystrokeButtonComponent;
+ }());
+ exports.CaptureKeystrokeButtonComponent = CaptureKeystrokeButtonComponent;
+
+
+/***/ },
+/* 561 */
+/***/ function(module, exports) {
+
+ module.exports = "";
+
+/***/ },
+/* 562 */
+/***/ function(module, exports) {
+
+ module.exports = "button {\n display: inline-block;\n margin: 0 0 0 0.25rem; }\n\n.fa-circle {\n color: #c00; }\n"
+
+/***/ },
+/* 563 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(564));
+
+
+/***/ },
+/* 564 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var IconComponent = (function () {
+ function IconComponent() {
+ }
+ IconComponent.prototype.ngOnInit = function () { };
+ __decorate([
+ core_1.Input(),
+ __metadata('design:type', String)
+ ], IconComponent.prototype, "name", void 0);
+ IconComponent = __decorate([
+ core_1.Component({
+ selector: 'icon',
+ template: __webpack_require__(565),
+ styles: [__webpack_require__(566)]
+ }),
+ __metadata('design:paramtypes', [])
+ ], IconComponent);
+ return IconComponent;
+ }());
+ exports.IconComponent = IconComponent;
+
+
+/***/ },
+/* 565 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n - \r\n
- \r\n \r\n \r\n Keypress\r\n \r\n \r\n
- \r\n \r\n \r\n Layer\r\n \r\n \r\n
- \r\n \r\n \r\n Mouse\r\n \r\n \r\n
- \r\n \r\n \r\n Macro\r\n \r\n \r\n
- \r\n \r\n \r\n Keymap\r\n \r\n \r\n
- \r\n \r\n \r\n None\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
";
+
+/***/ },
+/* 566 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n display: flex;\n align-items: center; }\n\n.action--edit:hover {\n color: #337ab7;\n cursor: pointer; }\n\n.action--trash:hover {\n color: #d9534f;\n cursor: pointer; }\n"
+
+/***/ },
+/* 567 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(568));
+ __export(__webpack_require__(571));
+
+
+/***/ },
+/* 568 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var SettingsComponent = (function () {
+ function SettingsComponent() {
+ }
+ SettingsComponent = __decorate([
+ core_1.Component({
+ selector: 'settings',
+ template: __webpack_require__(569),
+ styles: [__webpack_require__(570)],
+ host: {
+ 'class': 'container-fluid'
+ }
+ }),
+ __metadata('design:paramtypes', [])
+ ], SettingsComponent);
+ return SettingsComponent;
+ }());
+ exports.SettingsComponent = SettingsComponent;
+
+
+/***/ },
+/* 569 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\nTo be done...";
+
+/***/ },
+/* 570 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n width: 100%;\n height: 100%;\n display: block; }\n"
+
+/***/ },
+/* 571 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var settings_component_1 = __webpack_require__(568);
+ exports.settingsRoutes = [
+ {
+ path: 'settings',
+ component: settings_component_1.SettingsComponent
+ }
+ ];
+
+
+/***/ },
+/* 572 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(573));
+
+
+/***/ },
+/* 573 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var store_1 = __webpack_require__(353);
+ __webpack_require__(574);
+ __webpack_require__(437);
+ var actions_1 = __webpack_require__(424);
+ var reducers_1 = __webpack_require__(555);
+ var SideMenuComponent = (function () {
+ function SideMenuComponent(store, renderer) {
+ this.store = store;
+ this.renderer = renderer;
+ this.animation = {
+ keymap: 'active',
+ macro: 'active',
+ addon: 'active'
+ };
+ this.keymaps$ = store.let(reducers_1.getKeymapEntities())
+ .map(function (keymaps) { return keymaps.slice(); }) // Creating a new array reference, because the sort is working in place
+ .do(function (keymaps) {
+ keymaps.sort(function (first, second) { return first.name.localeCompare(second.name); });
+ });
+ this.macros$ = store.let(reducers_1.getMacroEntities())
+ .map(function (macros) { return macros.slice(); }) // Creating a new array reference, because the sort is working in place
+ .do(function (macros) {
+ macros.sort(function (first, second) { return first.name.localeCompare(second.name); });
+ });
+ }
+ SideMenuComponent.prototype.toggleHide = function (event, type) {
+ var header = event.target.classList;
+ var show = false;
+ if (header.contains('fa-chevron-down')) {
+ show = true;
+ this.animation[type] = 'active';
+ }
+ else {
+ this.animation[type] = 'inactive';
+ }
+ this.renderer.setElementClass(event.target, 'fa-chevron-up', show);
+ this.renderer.setElementClass(event.target, 'fa-chevron-down', !show);
+ };
+ SideMenuComponent.prototype.addMacro = function () {
+ this.store.dispatch(actions_1.MacroActions.addMacro());
+ };
+ SideMenuComponent = __decorate([
+ core_1.Component({
+ animations: [
+ core_1.trigger('toggler', [
+ core_1.state('inactive', core_1.style({
+ height: '0px'
+ })),
+ core_1.state('active', core_1.style({
+ height: '*'
+ })),
+ core_1.transition('inactive <=> active', core_1.animate('500ms ease-out'))
+ ])
+ ],
+ selector: 'side-menu',
+ template: __webpack_require__(576),
+ styles: [__webpack_require__(577)]
+ }),
+ __metadata('design:paramtypes', [store_1.Store, core_1.Renderer])
+ ], SideMenuComponent);
+ return SideMenuComponent;
+ }());
+ exports.SideMenuComponent = SideMenuComponent;
+
+
+/***/ },
+/* 574 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var Observable_1 = __webpack_require__(315);
+ var do_1 = __webpack_require__(575);
+ Observable_1.Observable.prototype.do = do_1._do;
+ Observable_1.Observable.prototype._do = do_1._do;
+ //# sourceMappingURL=do.js.map
+
+/***/ },
+/* 575 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __extends = (this && this.__extends) || function (d, b) {
+ for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+ var Subscriber_1 = __webpack_require__(318);
+ /**
+ * Perform a side effect for every emission on the source Observable, but return
+ * an Observable that is identical to the source.
+ *
+ * Intercepts each emission on the source and runs a
+ * function, but returns an output which is identical to the source.
+ *
+ * \r\n \r\n Settings\r\n
\r\n
+ *
+ * Returns a mirrored Observable of the source Observable, but modified so that
+ * the provided Observer is called to perform a side effect for every value,
+ * error, and completion emitted by the source. Any errors that are thrown in
+ * the aforementioned Observer or handlers are safely sent down the error path
+ * of the output Observable.
+ *
+ * This operator is useful for debugging your Observables for the correct values
+ * or performing other side effects.
+ *
+ * Note: this is different to a `subscribe` on the Observable. If the Observable
+ * returned by `do` is not subscribed, the side effects specified by the
+ * Observer will never happen. `do` therefore simply spies on existing
+ * execution, it does not trigger an execution to happen like `subscribe` does.
+ *
+ * @example \r\n \r\n
\r\n";
+
+/***/ },
+/* 637 */
+/***/ function(module, exports) {
+
+ module.exports = ":host {\n width: 100%;\n display: block; }\n :host.space {\n margin-bottom: 405px; }\n\nsvg-keyboard {\n width: 95%;\n max-width: 1400px;\n position: absolute;\n left: 0;\n transform: translateX(-101%);\n user-select: none; }\n\n.keyboard-slider {\n position: relative;\n overflow: hidden;\n /* TODO create dynamic */\n height: 500px;\n margin-top: 30px; }\n\n.tooltip {\n position: fixed;\n transform: translate(-50%, -6px);\n display: none; }\n .tooltip-inner {\n background: #fff;\n color: #000;\n box-shadow: 0 1px 5px #000;\n text-align: left; }\n .tooltip-inner p {\n margin-bottom: 2px; }\n .tooltip-inner p:last-of-type {\n margin-bottom: 0; }\n .tooltip.bottom .tooltip-arrow {\n border-bottom-color: #fff;\n top: 1px; }\n .tooltip.in {\n display: block;\n opacity: 1; }\n"
+
+/***/ },
+/* 638 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ function __export(m) {
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+ }
+ __export(__webpack_require__(639));
+ __export(__webpack_require__(642));
+
+
+/***/ },
+/* 639 */
+/***/ function(module, exports, __webpack_require__) {
+
+ "use strict";
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+ };
+ var __metadata = (this && this.__metadata) || function (k, v) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+ };
+ var core_1 = __webpack_require__(313);
+ var MainAppComponent = (function () {
+ function MainAppComponent() {
+ }
+ MainAppComponent = __decorate([
+ core_1.Component({
+ selector: 'main-app',
+ template: __webpack_require__(640),
+ styles: [__webpack_require__(641)],
+ encapsulation: core_1.ViewEncapsulation.None
+ }),
+ __metadata('design:paramtypes', [])
+ ], MainAppComponent);
+ return MainAppComponent;
+ }());
+ exports.MainAppComponent = MainAppComponent;
+
+
+/***/ },
+/* 640 */
+/***/ function(module, exports) {
+
+ module.exports = "\r\n
\r\n \r\n {{ item.name }}: {{ item.value }}\r\n
\r\n\r\n
\r\n\r\n Fork me on GitHub\r\n
\r\n\r\n Play macro: \r\n
\r\n\r\n = 0\">\r\n
";
-
-/***/ },
-/* 533 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n flex-direction: column; }\n :host .macro-selector {\n display: flex;\n margin-top: 2px; }\n :host .macro-selector b {\n display: flex;\n align-items: center;\n margin-right: 7px; }\n :host .macro-selector select2 {\n flex: 1; }\n :host .macro-action-container {\n display: flex;\n flex-direction: column;\n min-height: 200px;\n max-height: 300px;\n margin: 20px 0;\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: 4px;\n border: 1px solid #ddd; }\n :host .macro-action-container.inactive {\n border: 0; }\n :host .macro-action-container .list-group {\n margin-bottom: 0;\n border: 0; }\n"
-
-/***/ },
-/* 534 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(535));
-
-
-/***/ },
-/* 535 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var key_action_1 = __webpack_require__(434);
- var MouseTabComponent = (function () {
- function MouseTabComponent() {
- /* tslint:disable:variable-name: It is an enum type. So it can start with uppercase. */
- /* tslint:disable:no-unused-variable: It is used in the template. */
- this.MouseActionParam = key_action_1.MouseActionParam;
- this.selectedPageIndex = 0;
- this.pages = ['Move', 'Scroll', 'Click', 'Speed'];
- }
- MouseTabComponent.prototype.ngOnInit = function () {
- this.fromKeyAction(this.defaultKeyAction);
- };
- MouseTabComponent.prototype.keyActionValid = function () {
- return this.mouseActionParam !== undefined;
- };
- MouseTabComponent.prototype.fromKeyAction = function (keyAction) {
- if (!(keyAction instanceof key_action_1.MouseAction)) {
- return false;
- }
- var mouseAction = keyAction;
- this.mouseActionParam = mouseAction.mouseAction;
- if (mouseAction.mouseAction === key_action_1.MouseActionParam.moveUp) {
- this.selectedPageIndex = 0;
- }
- switch (mouseAction.mouseAction) {
- case key_action_1.MouseActionParam.moveDown:
- case key_action_1.MouseActionParam.moveUp:
- case key_action_1.MouseActionParam.moveLeft:
- case key_action_1.MouseActionParam.moveRight:
- this.selectedPageIndex = 0;
- break;
- case key_action_1.MouseActionParam.scrollDown:
- case key_action_1.MouseActionParam.scrollUp:
- case key_action_1.MouseActionParam.scrollLeft:
- case key_action_1.MouseActionParam.scrollRight:
- this.selectedPageIndex = 1;
- break;
- case key_action_1.MouseActionParam.leftClick:
- case key_action_1.MouseActionParam.middleClick:
- case key_action_1.MouseActionParam.rightClick:
- this.selectedPageIndex = 2;
- break;
- case key_action_1.MouseActionParam.decelerate:
- case key_action_1.MouseActionParam.accelerate:
- this.selectedPageIndex = 3;
- break;
- default:
- return false;
- }
- return true;
- };
- MouseTabComponent.prototype.toKeyAction = function () {
- if (!this.keyActionValid()) {
- throw new Error('KeyAction is not valid. No selected mouse action!');
- }
- var mouseAction = new key_action_1.MouseAction();
- mouseAction.mouseAction = this.mouseActionParam;
- return mouseAction;
- };
- MouseTabComponent.prototype.changePage = function (index) {
- if (index < -1 || index > 3) {
- console.error("Invalid index error: " + index);
- return;
- }
- this.selectedPageIndex = index;
- this.mouseActionParam = undefined;
- };
- MouseTabComponent.prototype.setMouseActionParam = function (mouseActionParam) {
- this.mouseActionParam = mouseActionParam;
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', key_action_1.KeyAction)
- ], MouseTabComponent.prototype, "defaultKeyAction", void 0);
- MouseTabComponent = __decorate([
- core_1.Component({
- selector: 'mouse-tab',
- template: __webpack_require__(536),
- styles: [__webpack_require__(537)]
- }),
- __metadata('design:paramtypes', [])
- ], MouseTabComponent);
- return MouseTabComponent;
- }());
- exports.MouseTabComponent = MouseTabComponent;
-
-
-/***/ },
-/* 536 */
-/***/ function(module, exports) {
-
- module.exports = " \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n- \r\n
- \r\n {{ page }}\r\n \r\n
\r\n
";
-
-/***/ },
-/* 537 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex; }\n :host.popover-content {\n padding: 10px;\n display: flex;\n align-items: center; }\n :host .mouse-action .nav {\n border-right: 1px solid #ccc; }\n :host .mouse-action .nav li a {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n :host .mouse-action .nav li a.selected {\n font-style: italic; }\n :host .mouse-action .nav li.active a.selected {\n font-style: normal; }\n :host .mouse-action .nav li.active a:after {\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n top: 0;\n right: -4rem;\n border-color: transparent transparent transparent #337ab7;\n border-style: solid;\n border-width: 2rem; }\n :host .help-text--mouse-speed {\n margin-bottom: 2rem;\n font-size: 0.9em;\n color: #666; }\n :host .help-text--mouse-speed p {\n margin: 0; }\n :host .details .btn-placeholder {\n visibility: hidden; }\n"
-
-/***/ },
-/* 538 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(539));
-
-
-/***/ },
-/* 539 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var key_action_1 = __webpack_require__(434);
- var NoneTabComponent = (function () {
- function NoneTabComponent() {
- }
- NoneTabComponent.prototype.ngOnInit = function () { };
- NoneTabComponent.prototype.keyActionValid = function () {
- return true;
- };
- NoneTabComponent.prototype.fromKeyAction = function () {
- return false;
- };
- NoneTabComponent.prototype.toKeyAction = function () {
- return new key_action_1.NoneAction();
- };
- NoneTabComponent = __decorate([
- core_1.Component({
- selector: 'none-tab',
- template: __webpack_require__(540),
- styles: [__webpack_require__(541)]
- }),
- __metadata('design:paramtypes', [])
- ], NoneTabComponent);
- return NoneTabComponent;
- }());
- exports.NoneTabComponent = NoneTabComponent;
-
-
-/***/ },
-/* 540 */
-/***/ function(module, exports) {
-
- module.exports = "This key is unassigned and has no functionality.";
-
-/***/ },
-/* 541 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n justify-content: center;\n padding: 2rem 0; }\n"
-
-/***/ },
-/* 542 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Press this key along with mouse movement/scrolling to accelerate/decelerate the speed of the action.
\r\nYou can set the multiplier in link to setting.
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
";
-
-/***/ },
-/* 543 */
-/***/ function(module, exports) {
-
- module.exports = ".macro-key__container {\n padding: 0; }\n\n.macro-key__types {\n margin-left: 0;\n padding: 0 0 1rem; }\n\n.macro-key__action {\n padding-left: 3rem;\n padding-bottom: 1rem; }\n .macro-key__action-container {\n margin-top: -1rem;\n padding-top: 1rem;\n border-left: 1px solid #ddd; }\n\n.fa {\n min-width: 14px; }\n"
-
-/***/ },
-/* 544 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var macro_mouse_component_1 = __webpack_require__(545);
- exports.MacroMouseTabComponent = macro_mouse_component_1.MacroMouseTabComponent;
-
-
-/***/ },
-/* 545 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var macro_action_1 = __webpack_require__(471);
- var TabName;
- (function (TabName) {
- TabName[TabName["Move"] = 0] = "Move";
- TabName[TabName["Scroll"] = 1] = "Scroll";
- TabName[TabName["Click"] = 2] = "Click";
- TabName[TabName["Hold"] = 3] = "Hold";
- TabName[TabName["Release"] = 4] = "Release";
- })(TabName || (TabName = {}));
- var MacroMouseTabComponent = (function () {
- /* tslint:enable:no-unused-variable */
- /* tslint:enable:variable-name */
- function MacroMouseTabComponent() {
- /* tslint:disable:variable-name: It is an enum type. So it can start with uppercase. */
- /* tslint:disable:no-unused-variable: It is used in the template. */
- this.TabName = TabName;
- this.buttonLabels = ['Left', 'Middle', 'Right'];
- this.selectedButtons = Array(this.buttonLabels.length).fill(false);
- }
- MacroMouseTabComponent.prototype.ngOnInit = function () {
- var tabName = this.getTabName(this.macroAction);
- this.selectTab(tabName);
- var buttonActions = [TabName.Click, TabName.Hold, TabName.Release];
- if (buttonActions.includes(this.activeTab)) {
- this.selectedButtons = this.macroAction.getMouseButtons();
- }
- };
- MacroMouseTabComponent.prototype.selectTab = function (tab) {
- this.activeTab = tab;
- this.macroAction.macroActionType = this.getMacroActionType(tab);
- if (this.macroAction.macroActionType === macro_action_1.macroActionType.MouseButtonMacroAction) {
- this.macroAction.action = this.getAction(tab);
- }
- };
- MacroMouseTabComponent.prototype.setMouseClick = function (index) {
- this.selectedButtons[index] = !this.selectedButtons[index];
- this.macroAction.setMouseButtons(this.selectedButtons);
- };
- MacroMouseTabComponent.prototype.hasButton = function (index) {
- return this.selectedButtons[index];
- };
- MacroMouseTabComponent.prototype.getAction = function (tab) {
- switch (tab) {
- case TabName.Click:
- return macro_action_1.MacroSubAction.press;
- case TabName.Hold:
- return macro_action_1.MacroSubAction.hold;
- case TabName.Release:
- return macro_action_1.MacroSubAction.release;
- default:
- throw new Error('Invalid tab name');
- }
- };
- MacroMouseTabComponent.prototype.getTabName = function (action) {
- if (action.macroActionType === macro_action_1.macroActionType.MouseButtonMacroAction) {
- if (!action.action || action.isOnlyPressAction()) {
- return TabName.Click;
- }
- else if (action.isOnlyPressAction()) {
- return TabName.Hold;
- }
- else if (action.isOnlyReleaseAction()) {
- return TabName.Release;
- }
- }
- else if (action.macroActionType === macro_action_1.macroActionType.MoveMouseMacroAction) {
- return TabName.Move;
- }
- else if (action.macroActionType === macro_action_1.macroActionType.ScrollMouseMacroAction) {
- return TabName.Scroll;
- }
- return TabName.Move;
- };
- MacroMouseTabComponent.prototype.getMacroActionType = function (tab) {
- if (tab === TabName.Click || tab === TabName.Hold || tab === TabName.Release) {
- return macro_action_1.macroActionType.MouseButtonMacroAction;
- }
- else if (tab === TabName.Move) {
- return macro_action_1.macroActionType.MoveMouseMacroAction;
- }
- else if (tab === TabName.Scroll) {
- return macro_action_1.macroActionType.ScrollMouseMacroAction;
- }
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', macro_action_1.EditableMacroAction)
- ], MacroMouseTabComponent.prototype, "macroAction", void 0);
- __decorate([
- core_1.ViewChild('tab'),
- __metadata('design:type', Object)
- ], MacroMouseTabComponent.prototype, "selectedTab", void 0);
- MacroMouseTabComponent = __decorate([
- core_1.Component({
- selector: 'macro-mouse-tab',
- template: __webpack_require__(546),
- styles: [
- __webpack_require__(499),
- __webpack_require__(547)
- ],
- host: { 'class': 'macro__mouse' }
- }),
- __metadata('design:paramtypes', [])
- ], MacroMouseTabComponent);
- return MacroMouseTabComponent;
- }());
- exports.MacroMouseTabComponent = MacroMouseTabComponent;
-
-
-/***/ },
-/* 546 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\n - \r\n
- \r\n \r\n \r\n Press key\r\n \r\n \r\n
- \r\n \r\n \r\n Hold key\r\n \r\n \r\n
- \r\n \r\n \r\n Release key\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n Press key
\r\nHold key
\r\nRelease key
\r\n\r\n
";
-
-/***/ },
-/* 547 */
-/***/ function(module, exports) {
-
- module.exports = ".macro-mouse__container {\n padding: 0; }\n\n.macro-mouse__types {\n border-right: 1px solid #ddd;\n border-left: 0;\n margin-top: -1rem;\n margin-left: 0;\n padding: 1rem 0; }\n\n.macro-mouse__actions {\n padding-left: 3rem;\n padding-bottom: 1rem; }\n\n.macro-mouse__buttons {\n margin-top: 3rem;\n margin-bottom: 1rem; }\n\n.fa {\n min-width: 14px; }\n\n.form-horizontal .form-group {\n margin: 0 0 0.5rem; }\n\n.form-horizontal label {\n display: inline-block;\n margin-right: 0.5rem; }\n\n.form-horizontal .form-control {\n display: inline-block;\n width: 60%; }\n"
-
-/***/ },
-/* 548 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var macro_text_component_1 = __webpack_require__(549);
- exports.MacroTextTabComponent = macro_text_component_1.MacroTextTabComponent;
-
-
-/***/ },
-/* 549 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var macro_action_1 = __webpack_require__(471);
- var MacroTextTabComponent = (function () {
- function MacroTextTabComponent(renderer) {
- this.renderer = renderer;
- }
- MacroTextTabComponent.prototype.ngAfterViewInit = function () {
- this.renderer.invokeElementMethod(this.input.nativeElement, 'focus');
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', macro_action_1.EditableMacroAction)
- ], MacroTextTabComponent.prototype, "macroAction", void 0);
- __decorate([
- core_1.ViewChild('macroTextInput'),
- __metadata('design:type', core_1.ElementRef)
- ], MacroTextTabComponent.prototype, "input", void 0);
- MacroTextTabComponent = __decorate([
- core_1.Component({
- selector: 'macro-text-tab',
- template: __webpack_require__(550),
- styles: [__webpack_require__(551)],
- host: { 'class': 'macro__text' }
- }),
- __metadata('design:paramtypes', [core_1.Renderer])
- ], MacroTextTabComponent);
- return MacroTextTabComponent;
- }());
- exports.MacroTextTabComponent = MacroTextTabComponent;
-
-
-/***/ },
-/* 550 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\n - \r\n
- \r\n \r\n \r\n Move pointer\r\n \r\n \r\n
- \r\n \r\n \r\n Scroll\r\n \r\n \r\n
- \r\n \r\n \r\n Click button\r\n \r\n \r\n
- \r\n \r\n \r\n Hold button\r\n \r\n \r\n
- \r\n \r\n \r\n Release button\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n Move pointer
\r\nUse negative values to move down or left from current position.
\r\n\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n
\r\n Scroll
\r\nUse negative values to move down or left from current position.
\r\n\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n \r\n pixels\r\n
\r\n \r\n
\r\n Click mouse button
\r\nHold mouse button
\r\nRelease mouse button
\r\n\r\n \r\n
\r\n \r\n
";
-
-/***/ },
-/* 551 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n flex-direction: column;\n position: relative; }\n\n.macro__text-input {\n width: 100%;\n min-height: 10rem;\n margin-bottom: 1rem; }\n"
-
-/***/ },
-/* 552 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(553));
-
-
-/***/ },
-/* 553 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var NotificationComponent = (function () {
- function NotificationComponent() {
- }
- NotificationComponent = __decorate([
- core_1.Component({
- selector: 'notification',
- template: __webpack_require__(554),
- styles: [__webpack_require__(555)]
- }),
- __metadata('design:paramtypes', [])
- ], NotificationComponent);
- return NotificationComponent;
- }());
- exports.NotificationComponent = NotificationComponent;
-
-
-/***/ },
-/* 554 */
-/***/ function(module, exports) {
-
- module.exports = "Keymap removed\r\nUndo\r\n×";
-
-/***/ },
-/* 555 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n padding: 1rem 1.5rem;\n box-shadow: 0 0 0 1px #000;\n border-radius: 0.5rem;\n position: absolute;\n top: 2rem;\n right: 2rem;\n z-index: 10000;\n background-color: #333;\n color: #eee;\n display: none; }\n\n.action {\n margin-left: 1rem;\n margin-right: 1rem;\n color: #5bc0de;\n text-transform: uppercase;\n font-weight: bold; }\n .action:focus, .action:active, .action:hover {\n text-decoration: none;\n color: #5bc0de; }\n\n.dismiss {\n position: relative;\n bottom: 1px;\n color: #ccc; }\n .dismiss:hover {\n cursor: pointer;\n color: #fff; }\n"
-
-/***/ },
-/* 556 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(557));
-
-
-/***/ },
-/* 557 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var store_1 = __webpack_require__(353);
- var key_action_1 = __webpack_require__(434);
- var reducers_1 = __webpack_require__(558);
- var TabName;
- (function (TabName) {
- TabName[TabName["Keypress"] = 0] = "Keypress";
- TabName[TabName["Layer"] = 1] = "Layer";
- TabName[TabName["Mouse"] = 2] = "Mouse";
- TabName[TabName["Macro"] = 3] = "Macro";
- TabName[TabName["Keymap"] = 4] = "Keymap";
- TabName[TabName["None"] = 5] = "None";
- })(TabName || (TabName = {}));
- var PopoverComponent = (function () {
- function PopoverComponent(store) {
- this.store = store;
- this.cancel = new core_1.EventEmitter();
- this.remap = new core_1.EventEmitter();
- /* tslint:disable:variable-name: It is an enum type. So it can start with uppercase. */
- /* tslint:disable:no-unused-variable: It is used in the template. */
- this.TabName = TabName;
- this.keymaps$ = store.let(reducers_1.getKeymapEntities());
- }
- PopoverComponent.prototype.ngOnInit = function () {
- var tab;
- if (this.defaultKeyAction instanceof key_action_1.KeystrokeAction) {
- tab = TabName.Keypress;
- }
- else if (this.defaultKeyAction instanceof key_action_1.SwitchLayerAction) {
- tab = TabName.Layer;
- }
- else if (this.defaultKeyAction instanceof key_action_1.MouseAction) {
- tab = TabName.Mouse;
- }
- else if (this.defaultKeyAction instanceof key_action_1.PlayMacroAction) {
- tab = TabName.Macro;
- }
- else if (this.defaultKeyAction instanceof key_action_1.SwitchKeymapAction) {
- tab = TabName.Keymap;
- }
- else {
- tab = TabName.None;
- }
- this.selectTab(tab);
- };
- PopoverComponent.prototype.onCancelClick = function () {
- this.cancel.emit(undefined);
- };
- PopoverComponent.prototype.onRemapKey = function () {
- try {
- var keyAction = this.selectedTab.toKeyAction();
- this.remap.emit(keyAction);
- }
- catch (e) {
- // TODO: show error dialog
- console.error(e);
- }
- };
- PopoverComponent.prototype.selectTab = function (tab) {
- this.activeTab = tab;
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', key_action_1.KeyAction)
- ], PopoverComponent.prototype, "defaultKeyAction", void 0);
- __decorate([
- core_1.Output(),
- __metadata('design:type', Object)
- ], PopoverComponent.prototype, "cancel", void 0);
- __decorate([
- core_1.Output(),
- __metadata('design:type', Object)
- ], PopoverComponent.prototype, "remap", void 0);
- __decorate([
- core_1.ViewChild('tab'),
- __metadata('design:type', Object)
- ], PopoverComponent.prototype, "selectedTab", void 0);
- PopoverComponent = __decorate([
- core_1.Component({
- selector: 'popover',
- template: __webpack_require__(560),
- styles: [__webpack_require__(561)],
- host: { 'class': 'popover' }
- }),
- __metadata('design:paramtypes', [store_1.Store])
- ], PopoverComponent);
- return PopoverComponent;
- }());
- exports.PopoverComponent = PopoverComponent;
-
-
-/***/ },
-/* 558 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var keymap_1 = __webpack_require__(427);
- exports.keymapReducer = keymap_1.default;
- exports.getKeymapEntities = keymap_1.getKeymapEntities;
- var macro_1 = __webpack_require__(484);
- exports.macroReducer = macro_1.default;
- exports.getMacroEntities = macro_1.getMacroEntities;
- var preset_1 = __webpack_require__(559);
- exports.presetReducer = preset_1.default;
-
-
-/***/ },
-/* 559 */
-/***/ function(module, exports) {
-
- "use strict";
- var initialState = [];
- function default_1(state) {
- if (state === void 0) { state = initialState; }
- return state;
- }
- Object.defineProperty(exports, "__esModule", { value: true });
- exports.default = default_1;
-
-
-/***/ },
-/* 560 */
-/***/ function(module, exports) {
-
- module.exports = "Type text
\r\nInput the text you want to type with this macro action.
\r\n \r\n\r\n
\r\n";
-
-/***/ },
-/* 561 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n flex-direction: column;\n max-width: none;\n padding: 0;\n left: 50%;\n transform: translateX(-50%);\n top: 100px; }\n\n.popover-action {\n padding: 8px 14px;\n margin: 0;\n font-size: 14px;\n background-color: #f7f7f7;\n border-top: 1px solid #ebebeb;\n border-radius: 0 0 5px 5px;\n text-align: right; }\n\n.popover-title.menu-tabs {\n padding: 0.5rem 0.5rem 0;\n display: block; }\n .popover-title.menu-tabs .nav-tabs {\n position: relative;\n top: 1px;\n display: flex; }\n .popover-title.menu-tabs .nav-tabs .menu-tabs--item {\n display: flex;\n align-items: center;\n cursor: pointer; }\n .popover-title.menu-tabs .nav-tabs .menu-tabs--item i {\n margin-right: 0.25em; }\n\n.popover-content {\n padding: 10px 24px; }\n\n.select2-item {\n position: relative;\n font-size: 1.5rem; }\n .select2-item.keymap-name--wrapper {\n padding-left: 50px; }\n .select2-item .layout-segment-code {\n height: 2rem;\n position: absolute;\n left: 0;\n top: 50%;\n margin-top: -1rem; }\n"
-
-/***/ },
-/* 562 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(563));
-
-
-/***/ },
-/* 563 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var CaptureKeystrokeButtonComponent = (function () {
- function CaptureKeystrokeButtonComponent() {
- }
- CaptureKeystrokeButtonComponent.prototype.ngOnInit = function () { };
- CaptureKeystrokeButtonComponent.prototype.start = function () {
- this.record = true;
- };
- CaptureKeystrokeButtonComponent.prototype.stop = function () {
- this.record = false;
- };
- CaptureKeystrokeButtonComponent = __decorate([
- core_1.Component({
- selector: 'capture-keystroke-button',
- template: __webpack_require__(564),
- styles: [__webpack_require__(565)]
- }),
- __metadata('design:paramtypes', [])
- ], CaptureKeystrokeButtonComponent);
- return CaptureKeystrokeButtonComponent;
- }());
- exports.CaptureKeystrokeButtonComponent = CaptureKeystrokeButtonComponent;
-
-
-/***/ },
-/* 564 */
-/***/ function(module, exports) {
-
- module.exports = "";
-
-/***/ },
-/* 565 */
-/***/ function(module, exports) {
-
- module.exports = "button {\n display: inline-block;\n margin: 0 0 0 0.25rem; }\n\n.fa-circle {\n color: #c00; }\n"
-
-/***/ },
-/* 566 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(567));
-
-
-/***/ },
-/* 567 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var IconComponent = (function () {
- function IconComponent() {
- }
- IconComponent.prototype.ngOnInit = function () { };
- __decorate([
- core_1.Input(),
- __metadata('design:type', String)
- ], IconComponent.prototype, "name", void 0);
- IconComponent = __decorate([
- core_1.Component({
- selector: 'icon',
- template: __webpack_require__(568),
- styles: [__webpack_require__(569)]
- }),
- __metadata('design:paramtypes', [])
- ], IconComponent);
- return IconComponent;
- }());
- exports.IconComponent = IconComponent;
-
-
-/***/ },
-/* 568 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n Keypress\r\n \r\n \r\n
- \r\n \r\n \r\n Layer\r\n \r\n \r\n
- \r\n \r\n \r\n Mouse\r\n \r\n \r\n
- \r\n \r\n \r\n Macro\r\n \r\n \r\n
- \r\n \r\n \r\n Keymap\r\n \r\n \r\n
- \r\n \r\n \r\n None\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
";
-
-/***/ },
-/* 569 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n align-items: center; }\n\n.action--edit:hover {\n color: #337ab7;\n cursor: pointer; }\n\n.action--trash:hover {\n color: #d9534f;\n cursor: pointer; }\n"
-
-/***/ },
-/* 570 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(571));
- __export(__webpack_require__(574));
-
-
-/***/ },
-/* 571 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var SettingsComponent = (function () {
- function SettingsComponent() {
- }
- SettingsComponent = __decorate([
- core_1.Component({
- selector: 'settings',
- template: __webpack_require__(572),
- styles: [__webpack_require__(573)]
- }),
- __metadata('design:paramtypes', [])
- ], SettingsComponent);
- return SettingsComponent;
- }());
- exports.SettingsComponent = SettingsComponent;
-
-
-/***/ },
-/* 572 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\nTo be done...";
-
-/***/ },
-/* 573 */
-/***/ function(module, exports) {
-
- module.exports = ""
-
-/***/ },
-/* 574 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var settings_component_1 = __webpack_require__(571);
- exports.settingsRoutes = [
- {
- path: 'settings',
- component: settings_component_1.SettingsComponent
- }
- ];
-
-
-/***/ },
-/* 575 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(576));
-
-
-/***/ },
-/* 576 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var reducers_1 = __webpack_require__(558);
- var store_1 = __webpack_require__(353);
- var SideMenuComponent = (function () {
- function SideMenuComponent(store, renderer) {
- this.store = store;
- this.renderer = renderer;
- this.animation = {
- keymap: 'active',
- macro: 'active',
- addon: 'active'
- };
- this.keymaps$ = store.let(reducers_1.getKeymapEntities());
- this.macros$ = store.let(reducers_1.getMacroEntities());
- }
- SideMenuComponent.prototype.toggleHide = function (event, type) {
- var header = event.target.classList;
- var show = false;
- if (header.contains('fa-chevron-down')) {
- show = true;
- this.animation[type] = 'active';
- }
- else {
- this.animation[type] = 'inactive';
- }
- this.renderer.setElementClass(event.target, 'fa-chevron-up', show);
- this.renderer.setElementClass(event.target, 'fa-chevron-down', !show);
- };
- SideMenuComponent = __decorate([
- core_1.Component({
- animations: [
- core_1.trigger('toggler', [
- core_1.state('inactive', core_1.style({
- height: '0px'
- })),
- core_1.state('active', core_1.style({
- height: '*'
- })),
- core_1.transition('inactive <=> active', core_1.animate('500ms ease-out'))
- ])
- ],
- selector: 'side-menu',
- template: __webpack_require__(577),
- styles: [__webpack_require__(578)]
- }),
- __metadata('design:paramtypes', [store_1.Store, core_1.Renderer])
- ], SideMenuComponent);
- return SideMenuComponent;
- }());
- exports.SideMenuComponent = SideMenuComponent;
-
-
-/***/ },
-/* 577 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n";
-
-/***/ },
-/* 578 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n background-color: #f5f5f5;\n border-right: 1px solid #ccc;\n position: fixed;\n overflow-y: auto;\n width: 250px;\n height: 100%; }\n\na {\n color: #333; }\n\nul {\n padding: 0;\n margin: 0; }\n ul li {\n list-style: none;\n padding: 0; }\n ul ul {\n overflow: hidden; }\n\n.sidebar__level-1 {\n padding: 0.5rem 1rem;\n font-size: 2rem;\n line-height: 3rem;\n cursor: default; }\n .sidebar__level-1:hover .fa-chevron-up,\n .sidebar__level-1:hover .fa-chevron-down {\n display: inline-block; }\n .sidebar__level-1--item {\n margin-top: 0; }\n .sidebar__level-1--item:nth-child(1) {\n margin: 0; }\n .sidebar__level-1 .sidebar__name {\n width: 100%;\n display: block; }\n .sidebar__level-1 .fa-chevron-up,\n .sidebar__level-1 .fa-chevron-down {\n margin-right: 1rem;\n font-size: 1.5rem;\n position: relative;\n top: 0.5rem;\n display: none;\n cursor: pointer; }\n\n.sidebar__level-2--item {\n padding: 0 20px 0 0;\n position: relative; }\n .sidebar__level-2--item.active {\n background-color: #555;\n color: #fff; }\n .sidebar__level-2--item.active .fa-star {\n color: #fff; }\n .sidebar__level-2--item.active:hover {\n background-color: #555; }\n .sidebar__level-2--item:hover {\n cursor: pointer; }\n .sidebar__level-2--item .fa.pull-right {\n position: relative;\n top: 2px; }\n .sidebar__level-2--item .fa-star {\n color: #666; }\n .sidebar__level-2--item a {\n display: block;\n width: 100%;\n padding: 0 15px 0 30px; }\n .sidebar__level-2--item a:hover, .sidebar__level-2--item a:focus {\n text-decoration: none; }\n\n.sidebar__level-1:hover, .sidebar__level-2--item:hover {\n background-color: rgba(0, 0, 0, 0.05); }\n\n.sidebar__fav {\n position: absolute;\n right: 19px;\n top: 3px; }\n\n.menu--bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%; }\n .menu--bottom .sidebar__level-1 {\n display: block;\n padding: 1rem;\n cursor: pointer; }\n .menu--bottom .sidebar__level-1:hover {\n text-decoration: none; }\n"
-
-/***/ },
-/* 579 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(580));
-
-
-/***/ },
-/* 580 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var data_provider_service_1 = __webpack_require__(527);
- var SvgKeyboardComponent = (function () {
- function SvgKeyboardComponent(dps) {
- this.dps = dps;
- this.keyClick = new core_1.EventEmitter();
- this.keyHover = new core_1.EventEmitter();
- this.modules = [];
- this.svgAttributes = this.dps.getKeyboardSvgAttributes();
- }
- SvgKeyboardComponent.prototype.ngOnInit = function () {
- this.modules = this.dps.getSvgModules();
- };
- SvgKeyboardComponent.prototype.onKeyClick = function (moduleId, keyId) {
- this.keyClick.emit({
- moduleId: moduleId,
- keyId: keyId
- });
- };
- SvgKeyboardComponent.prototype.onKeyHover = function (keyId, event, over, moduleId) {
- this.keyHover.emit({
- moduleId: moduleId,
- event: event,
- over: over,
- keyId: keyId
- });
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', Array)
- ], SvgKeyboardComponent.prototype, "moduleConfig", void 0);
- __decorate([
- core_1.Output(),
- __metadata('design:type', Object)
- ], SvgKeyboardComponent.prototype, "keyClick", void 0);
- __decorate([
- core_1.Output(),
- __metadata('design:type', Object)
- ], SvgKeyboardComponent.prototype, "keyHover", void 0);
- SvgKeyboardComponent = __decorate([
- core_1.Component({
- selector: 'svg-keyboard',
- template: __webpack_require__(581),
- styles: [__webpack_require__(582)]
- }),
- __metadata('design:paramtypes', [data_provider_service_1.DataProviderService])
- ], SvgKeyboardComponent);
- return SvgKeyboardComponent;
- }());
- exports.SvgKeyboardComponent = SvgKeyboardComponent;
-
-
-/***/ },
-/* 581 */
-/***/ function(module, exports) {
-
- module.exports = "";
-
-/***/ },
-/* 582 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n display: flex;\n width: 100%;\n height: 100%;\n position: relative; }\n"
-
-/***/ },
-/* 583 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var svg_icon_text_key_1 = __webpack_require__(584);
- exports.SvgIconTextKeyComponent = svg_icon_text_key_1.SvgIconTextKeyComponent;
- var svg_keyboard_key_1 = __webpack_require__(587);
- exports.SvgKeyboardKeyComponent = svg_keyboard_key_1.SvgKeyboardKeyComponent;
- var svg_keystroke_key_1 = __webpack_require__(591);
- exports.SvgKeystrokeKeyComponent = svg_keystroke_key_1.SvgKeystrokeKeyComponent;
- var svg_mouse_key_1 = __webpack_require__(595);
- exports.SvgMouseKeyComponent = svg_mouse_key_1.SvgMouseKeyComponent;
- var svg_mouse_click_key_1 = __webpack_require__(598);
- exports.SvgMouseClickKeyComponent = svg_mouse_click_key_1.SvgMouseClickKeyComponent;
- var svg_mouse_move_key_1 = __webpack_require__(601);
- exports.SvgMouseMoveKeyComponent = svg_mouse_move_key_1.SvgMouseMoveKeyComponent;
- var svg_mouse_speed_key_1 = __webpack_require__(604);
- exports.SvgMouseSpeedKeyComponent = svg_mouse_speed_key_1.SvgMouseSpeedKeyComponent;
- var svg_mouse_scroll_key_1 = __webpack_require__(607);
- exports.SvgMouseScrollKeyComponent = svg_mouse_scroll_key_1.SvgMouseScrollKeyComponent;
- var svg_one_line_text_key_1 = __webpack_require__(610);
- exports.SvgOneLineTextKeyComponent = svg_one_line_text_key_1.SvgOneLineTextKeyComponent;
- var svg_single_icon_key_1 = __webpack_require__(613);
- exports.SvgSingleIconKeyComponent = svg_single_icon_key_1.SvgSingleIconKeyComponent;
- var svg_switch_keymap_key_1 = __webpack_require__(616);
- exports.SvgSwitchKeymapKeyComponent = svg_switch_keymap_key_1.SvgSwitchKeymapKeyComponent;
- var svg_text_icon_key_1 = __webpack_require__(619);
- exports.SvgTextIconKeyComponent = svg_text_icon_key_1.SvgTextIconKeyComponent;
- var svg_two_line_text_key_1 = __webpack_require__(622);
- exports.SvgTwoLineTextKeyComponent = svg_two_line_text_key_1.SvgTwoLineTextKeyComponent;
-
-
-/***/ },
-/* 584 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(585));
-
-
-/***/ },
-/* 585 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var SvgIconTextKeyComponent = (function () {
- function SvgIconTextKeyComponent() {
- }
- SvgIconTextKeyComponent.prototype.ngOnInit = function () {
- this.useWidth = this.width / 3;
- this.useHeight = this.height / 3;
- this.useX = (this.width > 2 * this.height) ? 0 : this.width / 3;
- this.useY = (this.width > 2 * this.height) ? this.height / 3 : this.height / 10;
- this.textY = (this.width > 2 * this.height) ? this.height / 2 : this.height * 0.6;
- this.spanX = (this.width > 2 * this.height) ? this.width * 0.6 : this.width / 2;
- };
- __decorate([
- core_1.Input(),
- __metadata('design:type', Number)
- ], SvgIconTextKeyComponent.prototype, "width", void 0);
- __decorate([
- core_1.Input(),
- __metadata('design:type', Number)
- ], SvgIconTextKeyComponent.prototype, "height", void 0);
- __decorate([
- core_1.Input(),
- __metadata('design:type', String)
- ], SvgIconTextKeyComponent.prototype, "icon", void 0);
- __decorate([
- core_1.Input(),
- __metadata('design:type', String)
- ], SvgIconTextKeyComponent.prototype, "text", void 0);
- SvgIconTextKeyComponent = __decorate([
- core_1.Component({
- selector: 'g[svg-icon-text-key]',
- template: __webpack_require__(586)
- }),
- __metadata('design:paramtypes', [])
- ], SvgIconTextKeyComponent);
- return SvgIconTextKeyComponent;
- }());
- exports.SvgIconTextKeyComponent = SvgIconTextKeyComponent;
-
-
-/***/ },
-/* 586 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n \r\n Settings\r\n
\r\n\r\n \r\n
\r\n";
-
-/***/ },
-/* 632 */
-/***/ function(module, exports) {
-
- module.exports = ":host {\n width: 100%;\n height: 100%;\n position: relative;\n display: block; }\n\nsvg-keyboard {\n width: 95%;\n max-width: 1400px;\n position: absolute;\n left: 0;\n transform: translateX(-101%); }\n\n.keyboard-slider {\n position: relative;\n overflow: hidden;\n /* TODO create dynamic */\n height: 500px;\n margin-top: 30px; }\n\n.tooltip {\n position: fixed;\n transform: translate(-50%, -85%); }\n .tooltip-inner {\n background: #fff;\n color: #000;\n box-shadow: 0 1px 5px #000;\n text-align: left; }\n .tooltip-inner p {\n margin-bottom: 2px; }\n .tooltip-inner p:last-of-type {\n margin-bottom: 0; }\n .tooltip.top .tooltip-arrow {\n border-top-color: #fff; }\n .tooltip.in {\n opacity: 1; }\n"
-
-/***/ },
-/* 633 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- function __export(m) {
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
- }
- __export(__webpack_require__(634));
- __export(__webpack_require__(637));
-
-
-/***/ },
-/* 634 */
-/***/ function(module, exports, __webpack_require__) {
-
- "use strict";
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
- };
- var __metadata = (this && this.__metadata) || function (k, v) {
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
- };
- var core_1 = __webpack_require__(313);
- var MainAppComponent = (function () {
- function MainAppComponent() {
- }
- MainAppComponent = __decorate([
- core_1.Component({
- selector: 'main-app',
- template: __webpack_require__(635),
- styles: [__webpack_require__(636)],
- encapsulation: core_1.ViewEncapsulation.None
- }),
- __metadata('design:paramtypes', [])
- ], MainAppComponent);
- return MainAppComponent;
- }());
- exports.MainAppComponent = MainAppComponent;
-
-
-/***/ },
-/* 635 */
-/***/ function(module, exports) {
-
- module.exports = "\r\n
\r\n \r\n {{ item.name }}: {{ item.value }}\r\n
\r\n\r\n
\r\n\r\n Fork me on GitHub\r\n
\r\n
- *
- * Returns a mirrored Observable of the source Observable, but modified so that
- * the provided Observer is called to perform a side effect for every value,
- * error, and completion emitted by the source. Any errors that are thrown in
- * the aforementioned Observer or handlers are safely sent down the error path
- * of the output Observable.
- *
- * This operator is useful for debugging your Observables for the correct values
- * or performing other side effects.
- *
- * Note: this is different to a `subscribe` on the Observable. If the Observable
- * returned by `do` is not subscribed, the side effects specified by the
- * Observer will never happen. `do` therefore simply spies on existing
- * execution, it does not trigger an execution to happen like `subscribe` does.
- *
- * @example {ICU message}
` would produce two messages:\n * - one for the content with meaning and description,\n * - another one for the ICU message.\n *\n * In this case the last message is discarded as it contains less information (the AST is\n * otherwise identical).\n *\n * Note that we should still keep messages extracted from attributes inside the section (ie in the\n * ICU message here)\n */\n _Visitor.prototype._closeTranslatableSection = function (node, directChildren) {\n if (!this._isInTranslatableSection) {\n this._reportError(node, 'Unexpected section end');\n return;\n }\n var startIndex = this._msgCountAtSectionStart;\n var significantChildren = directChildren.reduce(function (count, node) { return count + (node instanceof Comment ? 0 : 1); }, 0);\n if (significantChildren == 1) {\n for (var i = this._messages.length - 1; i >= startIndex; i--) {\n var ast = this._messages[i].nodes;\n if (!(ast.length == 1 && ast[0] instanceof Text$1)) {\n this._messages.splice(i, 1);\n break;\n }\n }\n }\n this._msgCountAtSectionStart = void 0;\n };\n _Visitor.prototype._reportError = function (node, msg) {\n this._errors.push(new I18nError(node.sourceSpan, msg));\n };\n return _Visitor;\n }());\n function _isOpeningComment(n) {\n return n instanceof Comment && n.value && n.value.startsWith('i18n');\n }\n function _isClosingComment(n) {\n return n instanceof Comment && n.value && n.value === '/i18n';\n }\n function _getI18nAttr(p) {\n return p.attrs.find(function (attr) { return attr.name === _I18N_ATTR; }) || null;\n }\n function _splitMeaningAndDesc(i18n) {\n if (!i18n)\n return ['', ''];\n var pipeIndex = i18n.indexOf('|');\n return pipeIndex == -1 ? ['', i18n] : [i18n.slice(0, pipeIndex), i18n.slice(pipeIndex + 1)];\n }\n\n /**\n * A container for message extracted from the templates.\n */\n var MessageBundle = (function () {\n function MessageBundle(_htmlParser, _implicitTags, _implicitAttrs) {\n this._htmlParser = _htmlParser;\n this._implicitTags = _implicitTags;\n this._implicitAttrs = _implicitAttrs;\n this._messageMap = {};\n }\n MessageBundle.prototype.updateFromTemplate = function (html, url, interpolationConfig) {\n var _this = this;\n var htmlParserResult = this._htmlParser.parse(html, url, true, interpolationConfig);\n if (htmlParserResult.errors.length) {\n return htmlParserResult.errors;\n }\n var i18nParserResult = extractMessages(htmlParserResult.rootNodes, interpolationConfig, this._implicitTags, this._implicitAttrs);\n if (i18nParserResult.errors.length) {\n return i18nParserResult.errors;\n }\n i18nParserResult.messages.forEach(function (message) { _this._messageMap[digestMessage(message)] = message; });\n };\n MessageBundle.prototype.getMessageMap = function () { return this._messageMap; };\n MessageBundle.prototype.write = function (serializer) { return serializer.write(this._messageMap); };\n return MessageBundle;\n }());\n\n var XmlTagDefinition = (function () {\n function XmlTagDefinition() {\n this.closedByParent = false;\n this.contentType = TagContentType.PARSABLE_DATA;\n this.isVoid = false;\n this.ignoreFirstLf = false;\n this.canSelfClose = true;\n }\n XmlTagDefinition.prototype.requireExtraParent = function (currentParent) { return false; };\n XmlTagDefinition.prototype.isClosedByChild = function (name) { return false; };\n return XmlTagDefinition;\n }());\n var _TAG_DEFINITION = new XmlTagDefinition();\n function getXmlTagDefinition(tagName) {\n return _TAG_DEFINITION;\n }\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n var __extends$7 = (this && this.__extends) || function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n var XmlParser = (function (_super) {\n __extends$7(XmlParser, _super);\n function XmlParser() {\n _super.call(this, getXmlTagDefinition);\n }\n XmlParser.prototype.parse = function (source, url, parseExpansionForms) {\n if (parseExpansionForms === void 0) { parseExpansionForms = false; }\n return _super.prototype.parse.call(this, source, url, parseExpansionForms, null);\n };\n return XmlParser;\n }(Parser$1));\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n // Generate a map of placeholder to content indexed by message ids\n function extractPlaceholders(messageBundle) {\n var messageMap = messageBundle.getMessageMap();\n var placeholders = {};\n Object.keys(messageMap).forEach(function (msgId) {\n placeholders[msgId] = messageMap[msgId].placeholders;\n });\n return placeholders;\n }\n // Generate a map of placeholder to message ids indexed by message ids\n function extractPlaceholderToIds(messageBundle) {\n var messageMap = messageBundle.getMessageMap();\n var placeholderToIds = {};\n Object.keys(messageMap).forEach(function (msgId) {\n placeholderToIds[msgId] = messageMap[msgId].placeholderToMsgIds;\n });\n return placeholderToIds;\n }\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n var __extends$8 = (this && this.__extends) || function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n var _Visitor$1 = (function () {\n function _Visitor() {\n }\n _Visitor.prototype.visitTag = function (tag) {\n var _this = this;\n var strAttrs = this._serializeAttributes(tag.attrs);\n if (tag.children.length == 0) {\n return \"<\" + tag.name + strAttrs + \"/>\";\n }\n var strChildren = tag.children.map(function (node) { return node.visit(_this); });\n return \"<\" + tag.name + strAttrs + \">\" + strChildren.join('') + \"\";\n };\n _Visitor.prototype.visitText = function (text) { return text.value; };\n _Visitor.prototype.visitDeclaration = function (decl) {\n return \"\";\n };\n _Visitor.prototype._serializeAttributes = function (attrs) {\n var strAttrs = Object.keys(attrs).map(function (name) { return (name + \"=\\\"\" + attrs[name] + \"\\\"\"); }).join(' ');\n return strAttrs.length > 0 ? ' ' + strAttrs : '';\n };\n _Visitor.prototype.visitDoctype = function (doctype) {\n return \"\";\n };\n return _Visitor;\n }());\n var _visitor = new _Visitor$1();\n function serialize(nodes) {\n return nodes.map(function (node) { return node.visit(_visitor); }).join('');\n }\n var Declaration = (function () {\n function Declaration(unescapedAttrs) {\n var _this = this;\n this.attrs = {};\n Object.keys(unescapedAttrs).forEach(function (k) {\n _this.attrs[k] = _escapeXml(unescapedAttrs[k]);\n });\n }\n Declaration.prototype.visit = function (visitor) { return visitor.visitDeclaration(this); };\n return Declaration;\n }());\n var Doctype = (function () {\n function Doctype(rootTag, dtd) {\n this.rootTag = rootTag;\n this.dtd = dtd;\n }\n ;\n Doctype.prototype.visit = function (visitor) { return visitor.visitDoctype(this); };\n return Doctype;\n }());\n var Tag = (function () {\n function Tag(name, unescapedAttrs, children) {\n var _this = this;\n if (unescapedAttrs === void 0) { unescapedAttrs = {}; }\n if (children === void 0) { children = []; }\n this.name = name;\n this.children = children;\n this.attrs = {};\n Object.keys(unescapedAttrs).forEach(function (k) {\n _this.attrs[k] = _escapeXml(unescapedAttrs[k]);\n });\n }\n Tag.prototype.visit = function (visitor) { return visitor.visitTag(this); };\n return Tag;\n }());\n var Text$2 = (function () {\n function Text(unescapedValue) {\n this.value = _escapeXml(unescapedValue);\n }\n ;\n Text.prototype.visit = function (visitor) { return visitor.visitText(this); };\n return Text;\n }());\n var CR = (function (_super) {\n __extends$8(CR, _super);\n function CR(ws) {\n if (ws === void 0) { ws = 0; }\n _super.call(this, \"\\n\" + new Array(ws + 1).join(' '));\n }\n return CR;\n }(Text$2));\n var _ESCAPED_CHARS = [\n [/&/g, '&'],\n [/\"/g, '"'],\n [/'/g, '''],\n [//g, '>'],\n ];\n function _escapeXml(text) {\n return _ESCAPED_CHARS.reduce(function (text, entry) { return text.replace(entry[0], entry[1]); }, text);\n }\n\n var _VERSION = '1.2';\n var _XMLNS = 'urn:oasis:names:tc:xliff:document:1.2';\n // TODO(vicb): make this a param (s/_/-/)\n var _SOURCE_LANG = 'en';\n var _PLACEHOLDER_TAG = 'x';\n var _SOURCE_TAG = 'source';\n var _TARGET_TAG = 'target';\n var _UNIT_TAG = 'trans-unit';\n // http://docs.oasis-open.org/xliff/v1.2/os/xliff-core.html\n // http://docs.oasis-open.org/xliff/v1.2/xliff-profile-html/xliff-profile-html-1.2.html\n var Xliff = (function () {\n function Xliff(_htmlParser, _interpolationConfig) {\n this._htmlParser = _htmlParser;\n this._interpolationConfig = _interpolationConfig;\n }\n Xliff.prototype.write = function (messageMap) {\n var visitor = new _WriteVisitor();\n var transUnits = [];\n Object.keys(messageMap).forEach(function (id) {\n var message = messageMap[id];\n var transUnit = new Tag(_UNIT_TAG, { id: id, datatype: 'html' });\n transUnit.children.push(new CR(8), new Tag(_SOURCE_TAG, {}, visitor.serialize(message.nodes)), new CR(8), new Tag(_TARGET_TAG));\n if (message.description) {\n transUnit.children.push(new CR(8), new Tag('note', { priority: '1', from: 'description' }, [new Text$2(message.description)]));\n }\n if (message.meaning) {\n transUnit.children.push(new CR(8), new Tag('note', { priority: '1', from: 'meaning' }, [new Text$2(message.meaning)]));\n }\n transUnit.children.push(new CR(6));\n transUnits.push(new CR(6), transUnit);\n });\n var body = new Tag('body', {}, transUnits.concat([new CR(4)]));\n var file = new Tag('file', { 'source-language': _SOURCE_LANG, datatype: 'plaintext', original: 'ng2.template' }, [new CR(4), body, new CR(2)]);\n var xliff = new Tag('xliff', { version: _VERSION, xmlns: _XMLNS }, [new CR(2), file, new CR()]);\n return serialize([\n new Declaration({ version: '1.0', encoding: 'UTF-8' }), new CR(), xliff, new CR()\n ]);\n };\n Xliff.prototype.load = function (content, url, messageBundle) {\n var _this = this;\n // Parse the xtb file into xml nodes\n var result = new XmlParser().parse(content, url);\n if (result.errors.length) {\n throw new Error(\"xtb parse errors:\\n\" + result.errors.join('\\n'));\n }\n // Replace the placeholders, messages are now string\n var _a = new _LoadVisitor().parse(result.rootNodes, messageBundle), messages = _a.messages, errors = _a.errors;\n if (errors.length) {\n throw new Error(\"xtb parse errors:\\n\" + errors.join('\\n'));\n }\n // Convert the string messages to html ast\n // TODO(vicb): map error message back to the original message in xtb\n var messageMap = {};\n var parseErrors = [];\n Object.keys(messages).forEach(function (id) {\n var res = _this._htmlParser.parse(messages[id], url, true, _this._interpolationConfig);\n parseErrors.push.apply(parseErrors, res.errors);\n messageMap[id] = res.rootNodes;\n });\n if (parseErrors.length) {\n throw new Error(\"xtb parse errors:\\n\" + parseErrors.join('\\n'));\n }\n return messageMap;\n };\n return Xliff;\n }());\n var _WriteVisitor = (function () {\n function _WriteVisitor() {\n }\n _WriteVisitor.prototype.visitText = function (text, context) { return [new Text$2(text.value)]; };\n _WriteVisitor.prototype.visitContainer = function (container, context) {\n var _this = this;\n var nodes = [];\n container.children.forEach(function (node) { return nodes.push.apply(nodes, node.visit(_this)); });\n return nodes;\n };\n _WriteVisitor.prototype.visitIcu = function (icu, context) {\n if (this._isInIcu) {\n // nested ICU is not supported\n throw new Error('xliff does not support nested ICU messages');\n }\n this._isInIcu = true;\n // TODO(vicb): support ICU messages\n // https://lists.oasis-open.org/archives/xliff/201201/msg00028.html\n // http://docs.oasis-open.org/xliff/v1.2/xliff-profile-po/xliff-profile-po-1.2-cd02.html\n var nodes = [];\n this._isInIcu = false;\n return nodes;\n };\n _WriteVisitor.prototype.visitTagPlaceholder = function (ph, context) {\n var ctype = getCtypeForTag(ph.tag);\n var startTagPh = new Tag(_PLACEHOLDER_TAG, { id: ph.startName, ctype: ctype });\n if (ph.isVoid) {\n // void tags have no children nor closing tags\n return [startTagPh];\n }\n var closeTagPh = new Tag(_PLACEHOLDER_TAG, { id: ph.closeName, ctype: ctype });\n return [startTagPh].concat(this.serialize(ph.children), [closeTagPh]);\n };\n _WriteVisitor.prototype.visitPlaceholder = function (ph, context) {\n return [new Tag(_PLACEHOLDER_TAG, { id: ph.name })];\n };\n _WriteVisitor.prototype.visitIcuPlaceholder = function (ph, context) {\n return [new Tag(_PLACEHOLDER_TAG, { id: ph.name })];\n };\n _WriteVisitor.prototype.serialize = function (nodes) {\n var _this = this;\n this._isInIcu = false;\n return ListWrapper.flatten(nodes.map(function (node) { return node.visit(_this); }));\n };\n return _WriteVisitor;\n }());\n // TODO(vicb): add error management (structure)\n // TODO(vicb): factorize (xtb) ?\n var _LoadVisitor = (function () {\n function _LoadVisitor() {\n }\n _LoadVisitor.prototype.parse = function (nodes, messageBundle) {\n var _this = this;\n this._messageNodes = [];\n this._translatedMessages = {};\n this._msgId = '';\n this._target = [];\n this._errors = [];\n // Find all messages\n visitAll(this, nodes, null);\n var messageMap = messageBundle.getMessageMap();\n var placeholders = extractPlaceholders(messageBundle);\n var placeholderToIds = extractPlaceholderToIds(messageBundle);\n this._messageNodes\n .filter(function (message) {\n // Remove any messages that is not present in the source message bundle.\n return messageMap.hasOwnProperty(message[0]);\n })\n .sort(function (a, b) {\n // Because there could be no ICU placeholders inside an ICU message,\n // we do not need to take into account the `placeholderToMsgIds` of the referenced\n // messages, those would always be empty\n // TODO(vicb): overkill - create 2 buckets and [...woDeps, ...wDeps].process()\n if (Object.keys(messageMap[a[0]].placeholderToMsgIds).length == 0) {\n return -1;\n }\n if (Object.keys(messageMap[b[0]].placeholderToMsgIds).length == 0) {\n return 1;\n }\n return 0;\n })\n .forEach(function (message) {\n var id = message[0];\n _this._placeholders = placeholders[id] || {};\n _this._placeholderToIds = placeholderToIds[id] || {};\n // TODO(vicb): make sure there is no `_TRANSLATIONS_TAG` nor `_TRANSLATION_TAG`\n _this._translatedMessages[id] = visitAll(_this, message[1]).join('');\n });\n return { messages: this._translatedMessages, errors: this._errors };\n };\n _LoadVisitor.prototype.visitElement = function (element, context) {\n switch (element.name) {\n case _UNIT_TAG:\n this._target = null;\n var msgId = element.attrs.find(function (attr) { return attr.name === 'id'; });\n if (!msgId) {\n this._addError(element, \"<\" + _UNIT_TAG + \"> misses the \\\"id\\\" attribute\");\n }\n else {\n this._msgId = msgId.value;\n }\n visitAll(this, element.children, null);\n if (this._msgId !== null) {\n this._messageNodes.push([this._msgId, this._target]);\n }\n break;\n case _SOURCE_TAG:\n // ignore source message\n break;\n case _TARGET_TAG:\n this._target = element.children;\n break;\n case _PLACEHOLDER_TAG:\n var idAttr = element.attrs.find(function (attr) { return attr.name === 'id'; });\n if (!idAttr) {\n this._addError(element, \"<\" + _PLACEHOLDER_TAG + \"> misses the \\\"id\\\" attribute\");\n }\n else {\n var id = idAttr.value;\n if (this._placeholders.hasOwnProperty(id)) {\n return this._placeholders[id];\n }\n if (this._placeholderToIds.hasOwnProperty(id) &&\n this._translatedMessages.hasOwnProperty(this._placeholderToIds[id])) {\n return this._translatedMessages[this._placeholderToIds[id]];\n }\n // TODO(vicb): better error message for when\n // !this._translatedMessages.hasOwnProperty(this._placeholderToIds[id])\n this._addError(element, \"The placeholder \\\"\" + id + \"\\\" does not exists in the source message\");\n }\n break;\n default:\n visitAll(this, element.children, null);\n }\n };\n _LoadVisitor.prototype.visitAttribute = function (attribute, context) {\n throw new Error('unreachable code');\n };\n _LoadVisitor.prototype.visitText = function (text, context) { return text.value; };\n _LoadVisitor.prototype.visitComment = function (comment, context) { return ''; };\n _LoadVisitor.prototype.visitExpansion = function (expansion, context) {\n throw new Error('unreachable code');\n };\n _LoadVisitor.prototype.visitExpansionCase = function (expansionCase, context) {\n throw new Error('unreachable code');\n };\n _LoadVisitor.prototype._addError = function (node, message) {\n this._errors.push(new I18nError(node.sourceSpan, message));\n };\n return _LoadVisitor;\n }());\n function getCtypeForTag(tag) {\n switch (tag.toLowerCase()) {\n case 'br':\n return 'lb';\n case 'img':\n return 'image';\n default:\n return \"x-\" + tag;\n }\n }\n\n var _MESSAGES_TAG = 'messagebundle';\n var _MESSAGE_TAG = 'msg';\n var _PLACEHOLDER_TAG$1 = 'ph';\n var _EXEMPLE_TAG = 'ex';\n var _DOCTYPE = \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\";\n var Xmb = (function () {\n function Xmb() {\n }\n Xmb.prototype.write = function (messageMap) {\n var visitor = new _Visitor$2();\n var rootNode = new Tag(_MESSAGES_TAG);\n Object.keys(messageMap).forEach(function (id) {\n var message = messageMap[id];\n var attrs = { id: id };\n if (message.description) {\n attrs['desc'] = message.description;\n }\n if (message.meaning) {\n attrs['meaning'] = message.meaning;\n }\n rootNode.children.push(new CR(2), new Tag(_MESSAGE_TAG, attrs, visitor.serialize(message.nodes)));\n });\n rootNode.children.push(new CR());\n return serialize([\n new Declaration({ version: '1.0', encoding: 'UTF-8' }),\n new CR(),\n new Doctype(_MESSAGES_TAG, _DOCTYPE),\n new CR(),\n rootNode,\n new CR(),\n ]);\n };\n Xmb.prototype.load = function (content, url, messageBundle) {\n throw new Error('Unsupported');\n };\n return Xmb;\n }());\n var _Visitor$2 = (function () {\n function _Visitor() {\n }\n _Visitor.prototype.visitText = function (text, context) { return [new Text$2(text.value)]; };\n _Visitor.prototype.visitContainer = function (container, context) {\n var _this = this;\n var nodes = [];\n container.children.forEach(function (node) { return nodes.push.apply(nodes, node.visit(_this)); });\n return nodes;\n };\n _Visitor.prototype.visitIcu = function (icu, context) {\n var _this = this;\n var nodes = [new Text$2(\"{\" + icu.expression + \", \" + icu.type + \", \")];\n Object.keys(icu.cases).forEach(function (c) {\n nodes.push.apply(nodes, [new Text$2(c + \" {\")].concat(icu.cases[c].visit(_this), [new Text$2(\"} \")]));\n });\n nodes.push(new Text$2(\"}\"));\n return nodes;\n };\n _Visitor.prototype.visitTagPlaceholder = function (ph, context) {\n var startEx = new Tag(_EXEMPLE_TAG, {}, [new Text$2(\"<\" + ph.tag + \">\")]);\n var startTagPh = new Tag(_PLACEHOLDER_TAG$1, { name: ph.startName }, [startEx]);\n if (ph.isVoid) {\n // void tags have no children nor closing tags\n return [startTagPh];\n }\n var closeEx = new Tag(_EXEMPLE_TAG, {}, [new Text$2(\"\")]);\n var closeTagPh = new Tag(_PLACEHOLDER_TAG$1, { name: ph.closeName }, [closeEx]);\n return [startTagPh].concat(this.serialize(ph.children), [closeTagPh]);\n };\n _Visitor.prototype.visitPlaceholder = function (ph, context) {\n return [new Tag(_PLACEHOLDER_TAG$1, { name: ph.name })];\n };\n _Visitor.prototype.visitIcuPlaceholder = function (ph, context) {\n return [new Tag(_PLACEHOLDER_TAG$1, { name: ph.name })];\n };\n _Visitor.prototype.serialize = function (nodes) {\n var _this = this;\n return ListWrapper.flatten(nodes.map(function (node) { return node.visit(_this); }));\n };\n return _Visitor;\n }());\n\n var _TRANSLATIONS_TAG = 'translationbundle';\n var _TRANSLATION_TAG = 'translation';\n var _PLACEHOLDER_TAG$2 = 'ph';\n var Xtb = (function () {\n function Xtb(_htmlParser, _interpolationConfig) {\n this._htmlParser = _htmlParser;\n this._interpolationConfig = _interpolationConfig;\n }\n Xtb.prototype.write = function (messageMap) { throw new Error('Unsupported'); };\n Xtb.prototype.load = function (content, url, messageBundle) {\n var _this = this;\n // Parse the xtb file into xml nodes\n var result = new XmlParser().parse(content, url);\n if (result.errors.length) {\n throw new Error(\"xtb parse errors:\\n\" + result.errors.join('\\n'));\n }\n // Replace the placeholders, messages are now string\n var _a = new _Visitor$3().parse(result.rootNodes, messageBundle), messages = _a.messages, errors = _a.errors;\n if (errors.length) {\n throw new Error(\"xtb parse errors:\\n\" + errors.join('\\n'));\n }\n // Convert the string messages to html ast\n // TODO(vicb): map error message back to the original message in xtb\n var messageMap = {};\n var parseErrors = [];\n Object.keys(messages).forEach(function (id) {\n var res = _this._htmlParser.parse(messages[id], url, true, _this._interpolationConfig);\n parseErrors.push.apply(parseErrors, res.errors);\n messageMap[id] = res.rootNodes;\n });\n if (parseErrors.length) {\n throw new Error(\"xtb parse errors:\\n\" + parseErrors.join('\\n'));\n }\n return messageMap;\n };\n return Xtb;\n }());\n var _Visitor$3 = (function () {\n function _Visitor() {\n }\n _Visitor.prototype.parse = function (nodes, messageBundle) {\n var _this = this;\n this._messageNodes = [];\n this._translatedMessages = {};\n this._bundleDepth = 0;\n this._translationDepth = 0;\n this._errors = [];\n // Find all messages\n visitAll(this, nodes, null);\n var messageMap = messageBundle.getMessageMap();\n var placeholders = extractPlaceholders(messageBundle);\n var placeholderToIds = extractPlaceholderToIds(messageBundle);\n this._messageNodes\n .filter(function (message) {\n // Remove any messages that is not present in the source message bundle.\n return messageMap.hasOwnProperty(message[0]);\n })\n .sort(function (a, b) {\n // Because there could be no ICU placeholders inside an ICU message,\n // we do not need to take into account the `placeholderToMsgIds` of the referenced\n // messages, those would always be empty\n // TODO(vicb): overkill - create 2 buckets and [...woDeps, ...wDeps].process()\n if (Object.keys(messageMap[a[0]].placeholderToMsgIds).length == 0) {\n return -1;\n }\n if (Object.keys(messageMap[b[0]].placeholderToMsgIds).length == 0) {\n return 1;\n }\n return 0;\n })\n .forEach(function (message) {\n var id = message[0];\n _this._placeholders = placeholders[id] || {};\n _this._placeholderToIds = placeholderToIds[id] || {};\n // TODO(vicb): make sure there is no `_TRANSLATIONS_TAG` nor `_TRANSLATION_TAG`\n _this._translatedMessages[id] = visitAll(_this, message[1]).join('');\n });\n return { messages: this._translatedMessages, errors: this._errors };\n };\n _Visitor.prototype.visitElement = function (element, context) {\n switch (element.name) {\n case _TRANSLATIONS_TAG:\n this._bundleDepth++;\n if (this._bundleDepth > 1) {\n this._addError(element, \"<\" + _TRANSLATIONS_TAG + \"> elements can not be nested\");\n }\n visitAll(this, element.children, null);\n this._bundleDepth--;\n break;\n case _TRANSLATION_TAG:\n this._translationDepth++;\n if (this._translationDepth > 1) {\n this._addError(element, \"<\" + _TRANSLATION_TAG + \"> elements can not be nested\");\n }\n var idAttr = element.attrs.find(function (attr) { return attr.name === 'id'; });\n if (!idAttr) {\n this._addError(element, \"<\" + _TRANSLATION_TAG + \"> misses the \\\"id\\\" attribute\");\n }\n else {\n // ICU placeholders are reference to other messages.\n // The referenced message might not have been decoded yet.\n // We need to have all messages available to make sure deps are decoded first.\n // TODO(vicb): report an error on duplicate id\n this._messageNodes.push([idAttr.value, element.children]);\n }\n this._translationDepth--;\n break;\n case _PLACEHOLDER_TAG$2:\n var nameAttr = element.attrs.find(function (attr) { return attr.name === 'name'; });\n if (!nameAttr) {\n this._addError(element, \"<\" + _PLACEHOLDER_TAG$2 + \"> misses the \\\"name\\\" attribute\");\n }\n else {\n var name_1 = nameAttr.value;\n if (this._placeholders.hasOwnProperty(name_1)) {\n return this._placeholders[name_1];\n }\n if (this._placeholderToIds.hasOwnProperty(name_1) &&\n this._translatedMessages.hasOwnProperty(this._placeholderToIds[name_1])) {\n return this._translatedMessages[this._placeholderToIds[name_1]];\n }\n // TODO(vicb): better error message for when\n // !this._translatedMessages.hasOwnProperty(this._placeholderToIds[name])\n this._addError(element, \"The placeholder \\\"\" + name_1 + \"\\\" does not exists in the source message\");\n }\n break;\n default:\n this._addError(element, 'Unexpected tag');\n }\n };\n _Visitor.prototype.visitAttribute = function (attribute, context) {\n throw new Error('unreachable code');\n };\n _Visitor.prototype.visitText = function (text, context) { return text.value; };\n _Visitor.prototype.visitComment = function (comment, context) { return ''; };\n _Visitor.prototype.visitExpansion = function (expansion, context) {\n var _this = this;\n var strCases = expansion.cases.map(function (c) { return c.visit(_this, null); });\n return \"{\" + expansion.switchValue + \", \" + expansion.type + \", strCases.join(' ')}\";\n };\n _Visitor.prototype.visitExpansionCase = function (expansionCase, context) {\n return expansionCase.value + \" {\" + visitAll(this, expansionCase.expression, null) + \"}\";\n };\n _Visitor.prototype._addError = function (node, message) {\n this._errors.push(new I18nError(node.sourceSpan, message));\n };\n return _Visitor;\n }());\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n /**\n * A container for translated messages\n */\n var TranslationBundle = (function () {\n function TranslationBundle(_messageMap) {\n if (_messageMap === void 0) { _messageMap = {}; }\n this._messageMap = _messageMap;\n }\n TranslationBundle.load = function (content, url, messageBundle, serializer) {\n return new TranslationBundle(serializer.load(content, url, messageBundle));\n };\n TranslationBundle.prototype.get = function (id) { return this._messageMap[id]; };\n TranslationBundle.prototype.has = function (id) { return id in this._messageMap; };\n return TranslationBundle;\n }());\n\n var I18NHtmlParser = (function () {\n // TODO(vicb): transB.load() should not need a msgB & add transB.resolve(msgB,\n // interpolationConfig)\n // TODO(vicb): remove the interpolationConfig from the Xtb serializer\n function I18NHtmlParser(_htmlParser, _translations, _translationsFormat) {\n this._htmlParser = _htmlParser;\n this._translations = _translations;\n this._translationsFormat = _translationsFormat;\n }\n I18NHtmlParser.prototype.parse = function (source, url, parseExpansionForms, interpolationConfig) {\n if (parseExpansionForms === void 0) { parseExpansionForms = false; }\n if (interpolationConfig === void 0) { interpolationConfig = DEFAULT_INTERPOLATION_CONFIG; }\n var parseResult = this._htmlParser.parse(source, url, parseExpansionForms, interpolationConfig);\n if (!this._translations || this._translations === '') {\n // Do not enable i18n when no translation bundle is provided\n return parseResult;\n }\n // TODO(vicb): add support for implicit tags / attributes\n var messageBundle = new MessageBundle(this._htmlParser, [], {});\n var errors = messageBundle.updateFromTemplate(source, url, interpolationConfig);\n if (errors && errors.length) {\n return new ParseTreeResult(parseResult.rootNodes, parseResult.errors.concat(errors));\n }\n var serializer = this._createSerializer(interpolationConfig);\n var translationBundle = TranslationBundle.load(this._translations, url, messageBundle, serializer);\n return mergeTranslations(parseResult.rootNodes, translationBundle, interpolationConfig, [], {});\n };\n I18NHtmlParser.prototype._createSerializer = function (interpolationConfig) {\n var format = (this._translationsFormat || 'xlf').toLowerCase();\n switch (format) {\n case 'xmb':\n return new Xmb();\n case 'xtb':\n return new Xtb(this._htmlParser, interpolationConfig);\n case 'xliff':\n case 'xlf':\n default:\n return new Xliff(this._htmlParser, interpolationConfig);\n }\n };\n return I18NHtmlParser;\n }());\n\n var isDefaultChangeDetectionStrategy = _angular_core.__core_private__.isDefaultChangeDetectionStrategy;\n var ChangeDetectorStatus = _angular_core.__core_private__.ChangeDetectorStatus;\n var LifecycleHooks = _angular_core.__core_private__.LifecycleHooks;\n var LIFECYCLE_HOOKS_VALUES = _angular_core.__core_private__.LIFECYCLE_HOOKS_VALUES;\n var ReflectorReader = _angular_core.__core_private__.ReflectorReader;\n var AppElement = _angular_core.__core_private__.AppElement;\n var CodegenComponentFactoryResolver = _angular_core.__core_private__.CodegenComponentFactoryResolver;\n var AppView = _angular_core.__core_private__.AppView;\n var DebugAppView = _angular_core.__core_private__.DebugAppView;\n var NgModuleInjector = _angular_core.__core_private__.NgModuleInjector;\n var registerModuleFactory = _angular_core.__core_private__.registerModuleFactory;\n var ViewType = _angular_core.__core_private__.ViewType;\n var MAX_INTERPOLATION_VALUES = _angular_core.__core_private__.MAX_INTERPOLATION_VALUES;\n var checkBinding = _angular_core.__core_private__.checkBinding;\n var flattenNestedViewRenderNodes = _angular_core.__core_private__.flattenNestedViewRenderNodes;\n var interpolate = _angular_core.__core_private__.interpolate;\n var ViewUtils = _angular_core.__core_private__.ViewUtils;\n var DebugContext = _angular_core.__core_private__.DebugContext;\n var StaticNodeDebugInfo = _angular_core.__core_private__.StaticNodeDebugInfo;\n var devModeEqual = _angular_core.__core_private__.devModeEqual;\n var UNINITIALIZED = _angular_core.__core_private__.UNINITIALIZED;\n var ValueUnwrapper = _angular_core.__core_private__.ValueUnwrapper;\n var TemplateRef_ = _angular_core.__core_private__.TemplateRef_;\n var EMPTY_ARRAY = _angular_core.__core_private__.EMPTY_ARRAY;\n var EMPTY_MAP = _angular_core.__core_private__.EMPTY_MAP;\n var pureProxy1 = _angular_core.__core_private__.pureProxy1;\n var pureProxy2 = _angular_core.__core_private__.pureProxy2;\n var pureProxy3 = _angular_core.__core_private__.pureProxy3;\n var pureProxy4 = _angular_core.__core_private__.pureProxy4;\n var pureProxy5 = _angular_core.__core_private__.pureProxy5;\n var pureProxy6 = _angular_core.__core_private__.pureProxy6;\n var pureProxy7 = _angular_core.__core_private__.pureProxy7;\n var pureProxy8 = _angular_core.__core_private__.pureProxy8;\n var pureProxy9 = _angular_core.__core_private__.pureProxy9;\n var pureProxy10 = _angular_core.__core_private__.pureProxy10;\n var castByValue = _angular_core.__core_private__.castByValue;\n var Console = _angular_core.__core_private__.Console;\n var reflector = _angular_core.__core_private__.reflector;\n var Reflector = _angular_core.__core_private__.Reflector;\n var ReflectionCapabilities = _angular_core.__core_private__.ReflectionCapabilities;\n var NoOpAnimationPlayer = _angular_core.__core_private__.NoOpAnimationPlayer;\n var AnimationSequencePlayer = _angular_core.__core_private__.AnimationSequencePlayer;\n var AnimationGroupPlayer = _angular_core.__core_private__.AnimationGroupPlayer;\n var AnimationKeyframe = _angular_core.__core_private__.AnimationKeyframe;\n var AnimationStyles = _angular_core.__core_private__.AnimationStyles;\n var ANY_STATE = _angular_core.__core_private__.ANY_STATE;\n var DEFAULT_STATE = _angular_core.__core_private__.DEFAULT_STATE;\n var EMPTY_ANIMATION_STATE = _angular_core.__core_private__.EMPTY_STATE;\n var FILL_STYLE_FLAG = _angular_core.__core_private__.FILL_STYLE_FLAG;\n var prepareFinalAnimationStyles = _angular_core.__core_private__.prepareFinalAnimationStyles;\n var balanceAnimationKeyframes = _angular_core.__core_private__.balanceAnimationKeyframes;\n var clearStyles = _angular_core.__core_private__.clearStyles;\n var collectAndResolveStyles = _angular_core.__core_private__.collectAndResolveStyles;\n var renderStyles = _angular_core.__core_private__.renderStyles;\n var ComponentStillLoadingError = _angular_core.__core_private__.ComponentStillLoadingError;\n\n var APP_VIEW_MODULE_URL = assetUrl('core', 'linker/view');\n var VIEW_UTILS_MODULE_URL = assetUrl('core', 'linker/view_utils');\n var CD_MODULE_URL = assetUrl('core', 'change_detection/change_detection');\n var ANIMATION_STYLE_UTIL_ASSET_URL = assetUrl('core', 'animation/animation_style_util');\n var Identifiers = (function () {\n function Identifiers() {\n }\n Identifiers.ANALYZE_FOR_ENTRY_COMPONENTS = {\n name: 'ANALYZE_FOR_ENTRY_COMPONENTS',\n moduleUrl: assetUrl('core', 'metadata/di'),\n runtime: _angular_core.ANALYZE_FOR_ENTRY_COMPONENTS\n };\n Identifiers.ViewUtils = {\n name: 'ViewUtils',\n moduleUrl: assetUrl('core', 'linker/view_utils'),\n runtime: ViewUtils\n };\n Identifiers.AppView = { name: 'AppView', moduleUrl: APP_VIEW_MODULE_URL, runtime: AppView };\n Identifiers.DebugAppView = {\n name: 'DebugAppView',\n moduleUrl: APP_VIEW_MODULE_URL,\n runtime: DebugAppView\n };\n Identifiers.AppElement = {\n name: 'AppElement',\n moduleUrl: assetUrl('core', 'linker/element'),\n runtime: AppElement\n };\n Identifiers.ElementRef = {\n name: 'ElementRef',\n moduleUrl: assetUrl('core', 'linker/element_ref'),\n runtime: _angular_core.ElementRef\n };\n Identifiers.ViewContainerRef = {\n name: 'ViewContainerRef',\n moduleUrl: assetUrl('core', 'linker/view_container_ref'),\n runtime: _angular_core.ViewContainerRef\n };\n Identifiers.ChangeDetectorRef = {\n name: 'ChangeDetectorRef',\n moduleUrl: assetUrl('core', 'change_detection/change_detector_ref'),\n runtime: _angular_core.ChangeDetectorRef\n };\n Identifiers.RenderComponentType = {\n name: 'RenderComponentType',\n moduleUrl: assetUrl('core', 'render/api'),\n runtime: _angular_core.RenderComponentType\n };\n Identifiers.QueryList = {\n name: 'QueryList',\n moduleUrl: assetUrl('core', 'linker/query_list'),\n runtime: _angular_core.QueryList\n };\n Identifiers.TemplateRef = {\n name: 'TemplateRef',\n moduleUrl: assetUrl('core', 'linker/template_ref'),\n runtime: _angular_core.TemplateRef\n };\n Identifiers.TemplateRef_ = {\n name: 'TemplateRef_',\n moduleUrl: assetUrl('core', 'linker/template_ref'),\n runtime: TemplateRef_\n };\n Identifiers.CodegenComponentFactoryResolver = {\n name: 'CodegenComponentFactoryResolver',\n moduleUrl: assetUrl('core', 'linker/component_factory_resolver'),\n runtime: CodegenComponentFactoryResolver\n };\n Identifiers.ComponentFactoryResolver = {\n name: 'ComponentFactoryResolver',\n moduleUrl: assetUrl('core', 'linker/component_factory_resolver'),\n runtime: _angular_core.ComponentFactoryResolver\n };\n Identifiers.ComponentFactory = {\n name: 'ComponentFactory',\n runtime: _angular_core.ComponentFactory,\n moduleUrl: assetUrl('core', 'linker/component_factory')\n };\n Identifiers.NgModuleFactory = {\n name: 'NgModuleFactory',\n runtime: _angular_core.NgModuleFactory,\n moduleUrl: assetUrl('core', 'linker/ng_module_factory')\n };\n Identifiers.NgModuleInjector = {\n name: 'NgModuleInjector',\n runtime: NgModuleInjector,\n moduleUrl: assetUrl('core', 'linker/ng_module_factory')\n };\n Identifiers.RegisterModuleFactoryFn = {\n name: 'registerModuleFactory',\n runtime: registerModuleFactory,\n moduleUrl: assetUrl('core', 'linker/ng_module_factory_loader')\n };\n Identifiers.ValueUnwrapper = { name: 'ValueUnwrapper', moduleUrl: CD_MODULE_URL, runtime: ValueUnwrapper };\n Identifiers.Injector = {\n name: 'Injector',\n moduleUrl: assetUrl('core', 'di/injector'),\n runtime: _angular_core.Injector\n };\n Identifiers.ViewEncapsulation = {\n name: 'ViewEncapsulation',\n moduleUrl: assetUrl('core', 'metadata/view'),\n runtime: _angular_core.ViewEncapsulation\n };\n Identifiers.ViewType = {\n name: 'ViewType',\n moduleUrl: assetUrl('core', 'linker/view_type'),\n runtime: ViewType\n };\n Identifiers.ChangeDetectionStrategy = {\n name: 'ChangeDetectionStrategy',\n moduleUrl: CD_MODULE_URL,\n runtime: _angular_core.ChangeDetectionStrategy\n };\n Identifiers.StaticNodeDebugInfo = {\n name: 'StaticNodeDebugInfo',\n moduleUrl: assetUrl('core', 'linker/debug_context'),\n runtime: StaticNodeDebugInfo\n };\n Identifiers.DebugContext = {\n name: 'DebugContext',\n moduleUrl: assetUrl('core', 'linker/debug_context'),\n runtime: DebugContext\n };\n Identifiers.Renderer = {\n name: 'Renderer',\n moduleUrl: assetUrl('core', 'render/api'),\n runtime: _angular_core.Renderer\n };\n Identifiers.SimpleChange = { name: 'SimpleChange', moduleUrl: CD_MODULE_URL, runtime: _angular_core.SimpleChange };\n Identifiers.UNINITIALIZED = { name: 'UNINITIALIZED', moduleUrl: CD_MODULE_URL, runtime: UNINITIALIZED };\n Identifiers.ChangeDetectorStatus = {\n name: 'ChangeDetectorStatus',\n moduleUrl: CD_MODULE_URL,\n runtime: ChangeDetectorStatus\n };\n Identifiers.checkBinding = {\n name: 'checkBinding',\n moduleUrl: VIEW_UTILS_MODULE_URL,\n runtime: checkBinding\n };\n Identifiers.flattenNestedViewRenderNodes = {\n name: 'flattenNestedViewRenderNodes',\n moduleUrl: VIEW_UTILS_MODULE_URL,\n runtime: flattenNestedViewRenderNodes\n };\n Identifiers.devModeEqual = { name: 'devModeEqual', moduleUrl: CD_MODULE_URL, runtime: devModeEqual };\n Identifiers.interpolate = {\n name: 'interpolate',\n moduleUrl: VIEW_UTILS_MODULE_URL,\n runtime: interpolate\n };\n Identifiers.castByValue = {\n name: 'castByValue',\n moduleUrl: VIEW_UTILS_MODULE_URL,\n runtime: castByValue\n };\n Identifiers.EMPTY_ARRAY = {\n name: 'EMPTY_ARRAY',\n moduleUrl: VIEW_UTILS_MODULE_URL,\n runtime: EMPTY_ARRAY\n };\n Identifiers.EMPTY_MAP = { name: 'EMPTY_MAP', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: EMPTY_MAP };\n Identifiers.pureProxies = [\n null,\n { name: 'pureProxy1', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy1 },\n { name: 'pureProxy2', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy2 },\n { name: 'pureProxy3', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy3 },\n { name: 'pureProxy4', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy4 },\n { name: 'pureProxy5', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy5 },\n { name: 'pureProxy6', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy6 },\n { name: 'pureProxy7', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy7 },\n { name: 'pureProxy8', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy8 },\n { name: 'pureProxy9', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy9 },\n { name: 'pureProxy10', moduleUrl: VIEW_UTILS_MODULE_URL, runtime: pureProxy10 },\n ];\n Identifiers.SecurityContext = {\n name: 'SecurityContext',\n moduleUrl: assetUrl('core', 'security'),\n runtime: _angular_core.SecurityContext,\n };\n Identifiers.AnimationKeyframe = {\n name: 'AnimationKeyframe',\n moduleUrl: assetUrl('core', 'animation/animation_keyframe'),\n runtime: AnimationKeyframe\n };\n Identifiers.AnimationStyles = {\n name: 'AnimationStyles',\n moduleUrl: assetUrl('core', 'animation/animation_styles'),\n runtime: AnimationStyles\n };\n Identifiers.NoOpAnimationPlayer = {\n name: 'NoOpAnimationPlayer',\n moduleUrl: assetUrl('core', 'animation/animation_player'),\n runtime: NoOpAnimationPlayer\n };\n Identifiers.AnimationGroupPlayer = {\n name: 'AnimationGroupPlayer',\n moduleUrl: assetUrl('core', 'animation/animation_group_player'),\n runtime: AnimationGroupPlayer\n };\n Identifiers.AnimationSequencePlayer = {\n name: 'AnimationSequencePlayer',\n moduleUrl: assetUrl('core', 'animation/animation_sequence_player'),\n runtime: AnimationSequencePlayer\n };\n Identifiers.prepareFinalAnimationStyles = {\n name: 'prepareFinalAnimationStyles',\n moduleUrl: ANIMATION_STYLE_UTIL_ASSET_URL,\n runtime: prepareFinalAnimationStyles\n };\n Identifiers.balanceAnimationKeyframes = {\n name: 'balanceAnimationKeyframes',\n moduleUrl: ANIMATION_STYLE_UTIL_ASSET_URL,\n runtime: balanceAnimationKeyframes\n };\n Identifiers.clearStyles = {\n name: 'clearStyles',\n moduleUrl: ANIMATION_STYLE_UTIL_ASSET_URL,\n runtime: clearStyles\n };\n Identifiers.renderStyles = {\n name: 'renderStyles',\n moduleUrl: ANIMATION_STYLE_UTIL_ASSET_URL,\n runtime: renderStyles\n };\n Identifiers.collectAndResolveStyles = {\n name: 'collectAndResolveStyles',\n moduleUrl: ANIMATION_STYLE_UTIL_ASSET_URL,\n runtime: collectAndResolveStyles\n };\n Identifiers.LOCALE_ID = {\n name: 'LOCALE_ID',\n moduleUrl: assetUrl('core', 'i18n/tokens'),\n runtime: _angular_core.LOCALE_ID\n };\n Identifiers.TRANSLATIONS_FORMAT = {\n name: 'TRANSLATIONS_FORMAT',\n moduleUrl: assetUrl('core', 'i18n/tokens'),\n runtime: _angular_core.TRANSLATIONS_FORMAT\n };\n return Identifiers;\n }());\n function resolveIdentifier(identifier) {\n return new CompileIdentifierMetadata({\n name: identifier.name,\n moduleUrl: identifier.moduleUrl,\n reference: reflector.resolveIdentifier(identifier.name, identifier.moduleUrl, identifier.runtime)\n });\n }\n function identifierToken(identifier) {\n return new CompileTokenMetadata({ identifier: identifier });\n }\n function resolveIdentifierToken(identifier) {\n return identifierToken(resolveIdentifier(identifier));\n }\n function resolveEnumIdentifier(enumType, name) {\n var resolvedEnum = reflector.resolveEnum(enumType.reference, name);\n return new CompileIdentifierMetadata({ name: enumType.name + \".\" + name, moduleUrl: enumType.moduleUrl, reference: resolvedEnum });\n }\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n var __extends$9 = (this && this.__extends) || function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n var HtmlParser = (function (_super) {\n __extends$9(HtmlParser, _super);\n function HtmlParser() {\n _super.call(this, getHtmlTagDefinition);\n }\n HtmlParser.prototype.parse = function (source, url, parseExpansionForms, interpolationConfig) {\n if (parseExpansionForms === void 0) { parseExpansionForms = false; }\n if (interpolationConfig === void 0) { interpolationConfig = DEFAULT_INTERPOLATION_CONFIG; }\n return _super.prototype.parse.call(this, source, url, parseExpansionForms, interpolationConfig);\n };\n HtmlParser.decorators = [\n { type: _angular_core.Injectable },\n ];\n /** @nocollapse */\n HtmlParser.ctorParameters = [];\n return HtmlParser;\n }(Parser$1));\n\n /**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n var __extends$10 = (this && this.__extends) || function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n // http://cldr.unicode.org/index/cldr-spec/plural-rules\n var PLURAL_CASES = ['zero', 'one', 'two', 'few', 'many', 'other'];\n /**\n * Expands special forms into elements.\n *\n * For example,\n *\n * ```\n * { messages.length, plural,\n * =0 {zero}\n * =1 {one}\n * other {more than one}\n * }\n * ```\n *\n * will be expanded into\n *\n * ```\n *