1 files changed, 77 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/bluemoon/button-group.reel/button-group.js b/node_modules/montage-user/ui/bluemoon/button-group.reel/button-group.js
new file mode 100644
index 00000000..6f69744f
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/button-group.reel/button-group.js
@@ -0,0 +1,77 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/**
+        @module "montage/ui/bluemoon/button-group.reel"
+    @requires montage/core/core
+    @requires "ui/component-group.reel"
+*/
+var Montage = require("montage").Montage,
+    ComponentGroup = require("ui/component-group.reel").ComponentGroup;
+
+/**
+ @class module:"montage/ui/bluemoon/button-group.reel".ButtonGroup
+ @classdesc A group of buttons, displayed "pill" style.
+ @extends module:montage/ui/component.Component
+ */
+var ButtonGroup = exports.ButtonGroup = Montage.create(ComponentGroup, /** @lends module:"montage/ui/bluemoon/button-group.reel".ButtonGroup */ {
+/**
+    Description TODO
+    @type {Boolean}
+    @default true
+*/
+    hasTemplate: {
+        value: true
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _iconic: {
+        value: false
+    },
+
+    /**
+     Sets wether or not to hide button text for buttons with icons.
+     @type {Function}
+     @default {Boolean} false
+     */
+    iconic: {
+        get: function() {
+            return this._iconic;
+        },
+        set: function(value) {
+            if (this._iconic !== value) {
+                this._iconic = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+/**
+    Description TODO
+    @function
+    */
+    prepareForDraw: {
+        value: function() {
+            this.element.classList.add("montage-button-group");
+        }
+    },
+
+/**
+    Description TODO
+    @function
+    */
+    draw: {
+        value: function() {
+            if (this._iconic) {
+                this.element.classList.add("iconic");
+            } else {
+                this.element.classList.remove("iconic");
+            }
+        }
+    }
+});