chore(all): prepare release 1.0.0-beta.1.1.0

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "aurelia-templating-resources",
-  "version": "1.0.0-beta.1.0.4",
+  "version": "1.0.0-beta.1.1.0",
   "description": "A standard set of behaviors, converters and other resources for use with the Aurelia templating library.",
   "keywords": [
     "aurelia",

dist/amd/aurelia-templating-resources.d.ts

@@ -243,6 +243,31 @@ declare module 'aurelia-templating-resources' {
     sanitize(input: any): any;
   }
 
+  /**
+  * Binding to conditionally show markup in the DOM based on the value.
+  * - different from "if" in that the markup is still added to the DOM, simply not shown.
+  */
+  export class Hide {
+
+    /**
+      * Creates a new instance of Hide.
+      * @param element Target element to conditionally hide.
+      * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+      */
+    constructor(element: any, animator: any);
+
+    /**
+      * Invoked everytime the bound value changes.
+      * @param newValue The new value.
+      */
+    valueChanged(newValue: any): any;
+
+    /**
+      * Binds the Hide attribute.
+      */
+    bind(bindingContext: any): any;
+  }
+
   /**
   * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
   */

dist/amd/hide.js

@@ -0,0 +1,35 @@
+define(['exports', 'aurelia-dependency-injection', 'aurelia-templating', 'aurelia-pal'], function (exports, _aureliaDependencyInjection, _aureliaTemplating, _aureliaPal) {
+  'use strict';
+
+  exports.__esModule = true;
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+  var Hide = (function () {
+    function Hide(element, animator) {
+      _classCallCheck(this, _Hide);
+
+      this.element = element;
+      this.animator = animator;
+    }
+
+    Hide.prototype.valueChanged = function valueChanged(newValue) {
+      if (newValue) {
+        this.animator.addClass(this.element, 'aurelia-hide');
+      } else {
+        this.animator.removeClass(this.element, 'aurelia-hide');
+      }
+    };
+
+    Hide.prototype.bind = function bind(bindingContext) {
+      this.valueChanged(this.value);
+    };
+
+    var _Hide = Hide;
+    Hide = _aureliaDependencyInjection.inject(_aureliaPal.DOM.Element, _aureliaTemplating.Animator)(Hide) || Hide;
+    Hide = _aureliaTemplating.customAttribute('hide')(Hide) || Hide;
+    return Hide;
+  })();
+
+  exports.Hide = Hide;
+});

dist/aurelia-templating-resources.d.ts

@@ -243,6 +243,31 @@ declare module 'aurelia-templating-resources' {
     sanitize(input: any): any;
   }
 
+  /**
+  * Binding to conditionally show markup in the DOM based on the value.
+  * - different from "if" in that the markup is still added to the DOM, simply not shown.
+  */
+  export class Hide {
+
+    /**
+      * Creates a new instance of Hide.
+      * @param element Target element to conditionally hide.
+      * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+      */
+    constructor(element: any, animator: any);
+
+    /**
+      * Invoked everytime the bound value changes.
+      * @param newValue The new value.
+      */
+    valueChanged(newValue: any): any;
+
+    /**
+      * Binds the Hide attribute.
+      */
+    bind(bindingContext: any): any;
+  }
+
   /**
   * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
   */

dist/aurelia-templating-resources.js

@@ -273,7 +273,7 @@ export class Replaceable {
   * @param viewSlot viewSlot The slot the view is injected in to.
   */
   constructor(viewFactory, viewSlot) {
-    this.viewFactory = viewFactory;
+    this.viewFactory = viewFactory; //This is referenced internally in the Controller's bind method.
     this.viewSlot = viewSlot;
     this.view = null;
   }
@@ -527,6 +527,43 @@ export class HTMLSanitizer {
   }
 }
 
+/**
+* Binding to conditionally show markup in the DOM based on the value.
+* - different from "if" in that the markup is still added to the DOM, simply not shown.
+*/
+@customAttribute('hide')
+@inject(DOM.Element, Animator)
+export class Hide {
+  /**
+  * Creates a new instance of Hide.
+  * @param element Target element to conditionally hide.
+  * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+  */
+  constructor(element, animator) {
+    this.element = element;
+    this.animator = animator;
+  }
+
+  /**
+  * Invoked everytime the bound value changes.
+  * @param newValue The new value.
+  */
+  valueChanged(newValue) {
+    if (newValue) {
+      this.animator.addClass(this.element, 'aurelia-hide');
+    } else {
+      this.animator.removeClass(this.element, 'aurelia-hide');
+    }
+  }
+
+  /**
+  * Binds the Hide attribute.
+  */
+  bind(bindingContext) {
+    this.valueChanged(this.value);
+  }
+}
+
 /**
 * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
 */

dist/commonjs/aurelia-templating-resources.d.ts

@@ -243,6 +243,31 @@ declare module 'aurelia-templating-resources' {
     sanitize(input: any): any;
   }
 
+  /**
+  * Binding to conditionally show markup in the DOM based on the value.
+  * - different from "if" in that the markup is still added to the DOM, simply not shown.
+  */
+  export class Hide {
+
+    /**
+      * Creates a new instance of Hide.
+      * @param element Target element to conditionally hide.
+      * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+      */
+    constructor(element: any, animator: any);
+
+    /**
+      * Invoked everytime the bound value changes.
+      * @param newValue The new value.
+      */
+    valueChanged(newValue: any): any;
+
+    /**
+      * Binds the Hide attribute.
+      */
+    bind(bindingContext: any): any;
+  }
+
   /**
   * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
   */

dist/commonjs/hide.js

@@ -0,0 +1,39 @@
+'use strict';
+
+exports.__esModule = true;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+var _aureliaDependencyInjection = require('aurelia-dependency-injection');
+
+var _aureliaTemplating = require('aurelia-templating');
+
+var _aureliaPal = require('aurelia-pal');
+
+var Hide = (function () {
+  function Hide(element, animator) {
+    _classCallCheck(this, _Hide);
+
+    this.element = element;
+    this.animator = animator;
+  }
+
+  Hide.prototype.valueChanged = function valueChanged(newValue) {
+    if (newValue) {
+      this.animator.addClass(this.element, 'aurelia-hide');
+    } else {
+      this.animator.removeClass(this.element, 'aurelia-hide');
+    }
+  };
+
+  Hide.prototype.bind = function bind(bindingContext) {
+    this.valueChanged(this.value);
+  };
+
+  var _Hide = Hide;
+  Hide = _aureliaDependencyInjection.inject(_aureliaPal.DOM.Element, _aureliaTemplating.Animator)(Hide) || Hide;
+  Hide = _aureliaTemplating.customAttribute('hide')(Hide) || Hide;
+  return Hide;
+})();
+
+exports.Hide = Hide;

dist/es6/aurelia-templating-resources.d.ts

@@ -243,6 +243,31 @@ declare module 'aurelia-templating-resources' {
     sanitize(input: any): any;
   }
 
+  /**
+  * Binding to conditionally show markup in the DOM based on the value.
+  * - different from "if" in that the markup is still added to the DOM, simply not shown.
+  */
+  export class Hide {
+
+    /**
+      * Creates a new instance of Hide.
+      * @param element Target element to conditionally hide.
+      * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+      */
+    constructor(element: any, animator: any);
+
+    /**
+      * Invoked everytime the bound value changes.
+      * @param newValue The new value.
+      */
+    valueChanged(newValue: any): any;
+
+    /**
+      * Binds the Hide attribute.
+      */
+    bind(bindingContext: any): any;
+  }
+
   /**
   * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
   */

dist/es6/hide.js

@@ -0,0 +1,40 @@
+import {inject} from 'aurelia-dependency-injection';
+import {customAttribute, Animator} from 'aurelia-templating';
+import {DOM} from 'aurelia-pal';
+
+/**
+* Binding to conditionally show markup in the DOM based on the value.
+* - different from "if" in that the markup is still added to the DOM, simply not shown.
+*/
+@customAttribute('hide')
+@inject(DOM.Element, Animator)
+export class Hide {
+  /**
+  * Creates a new instance of Hide.
+  * @param element Target element to conditionally hide.
+  * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+  */
+  constructor(element, animator) {
+    this.element = element;
+    this.animator = animator;
+  }
+
+  /**
+  * Invoked everytime the bound value changes.
+  * @param newValue The new value.
+  */
+  valueChanged(newValue) {
+    if (newValue) {
+      this.animator.addClass(this.element, 'aurelia-hide');
+    } else {
+      this.animator.removeClass(this.element, 'aurelia-hide');
+    }
+  }
+
+  /**
+  * Binds the Hide attribute.
+  */
+  bind(bindingContext) {
+    this.valueChanged(this.value);
+  }
+}

dist/es6/replaceable.js

@@ -14,7 +14,7 @@ export class Replaceable {
   * @param viewSlot viewSlot The slot the view is injected in to.
   */
   constructor(viewFactory, viewSlot) {
-    this.viewFactory = viewFactory;
+    this.viewFactory = viewFactory; //This is referenced internally in the Controller's bind method.
     this.viewSlot = viewSlot;
     this.view = null;
   }

dist/system/aurelia-templating-resources.d.ts

@@ -243,6 +243,31 @@ declare module 'aurelia-templating-resources' {
     sanitize(input: any): any;
   }
 
+  /**
+  * Binding to conditionally show markup in the DOM based on the value.
+  * - different from "if" in that the markup is still added to the DOM, simply not shown.
+  */
+  export class Hide {
+
+    /**
+      * Creates a new instance of Hide.
+      * @param element Target element to conditionally hide.
+      * @param animator The animator that conditionally adds or removes the aurelia-hide css class.
+      */
+    constructor(element: any, animator: any);
+
+    /**
+      * Invoked everytime the bound value changes.
+      * @param newValue The new value.
+      */
+    valueChanged(newValue: any): any;
+
+    /**
+      * Binds the Hide attribute.
+      */
+    bind(bindingContext: any): any;
+  }
+
   /**
   * CustomAttribute that binds provided DOM element's focus attribute with a property on the viewmodel.
   */

dist/system/hide.js

@@ -0,0 +1,47 @@
+System.register(['aurelia-dependency-injection', 'aurelia-templating', 'aurelia-pal'], function (_export) {
+  'use strict';
+
+  var inject, customAttribute, Animator, DOM, Hide;
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+  return {
+    setters: [function (_aureliaDependencyInjection) {
+      inject = _aureliaDependencyInjection.inject;
+    }, function (_aureliaTemplating) {
+      customAttribute = _aureliaTemplating.customAttribute;
+      Animator = _aureliaTemplating.Animator;
+    }, function (_aureliaPal) {
+      DOM = _aureliaPal.DOM;
+    }],
+    execute: function () {
+      Hide = (function () {
+        function Hide(element, animator) {
+          _classCallCheck(this, _Hide);
+
+          this.element = element;
+          this.animator = animator;
+        }
+
+        Hide.prototype.valueChanged = function valueChanged(newValue) {
+          if (newValue) {
+            this.animator.addClass(this.element, 'aurelia-hide');
+          } else {
+            this.animator.removeClass(this.element, 'aurelia-hide');
+          }
+        };
+
+        Hide.prototype.bind = function bind(bindingContext) {
+          this.valueChanged(this.value);
+        };
+
+        var _Hide = Hide;
+        Hide = inject(DOM.Element, Animator)(Hide) || Hide;
+        Hide = customAttribute('hide')(Hide) || Hide;
+        return Hide;
+      })();
+
+      _export('Hide', Hide);
+    }
+  };
+});