Update Umbraco to 7.12.2

WebCms/Umbraco/Views/components/buttons/umb-button-group.html

@@ -1,6 +1,8 @@
 <div class="btn-group umb-button-group" ng-class="{'dropup': direction === 'up'}">
-
+    
    <umb-button
+      ng-if="defaultButton"
+      alias="{{defaultButton.alias ? defaultButton.alias : 'groupPrimary' }}"
       type="button"
       action="defaultButton.handler()"
       button-style="success"
@@ -11,13 +13,13 @@
       shortcut-when-hidden="{{defaultButton.hotKeyWhenHidden}}">
    </umb-button>
 
-   <a class="btn btn-success dropdown-toggle umb-button-group__toggle" data-toggle="dropdown" ng-if="subButtons.length > 0">
+   <a data-element="button-group-toggle" class="btn btn-success dropdown-toggle umb-button-group__toggle" data-toggle="dropdown" ng-if="subButtons.length > 0">
       <span class="caret"></span>
    </a>
 
    <ul aria-labelledby="dLabel" class="dropdown-menu bottom-up umb-button-group__sub-buttons" ng-if="subButtons.length > 0" role="menu" ng-class="{'-align-right': float === 'right'}">
       <li ng-repeat="subButton in subButtons">
-         <a href="#" ng-click="subButton.handler()" hotkey="{{subButton.hotKey}}" hotkey-when-hidden="{{subButton.hotKeyWhenHidden}}" prevent-default>
+         <a data-element="{{subButton.alias ? 'button-' + subButton.alias : 'button-group-secondary-' + $index }}" href="#" ng-click="subButton.handler()" hotkey="{{subButton.hotKey}}" hotkey-when-hidden="{{subButton.hotKeyWhenHidden}}" prevent-default>
             <localize key="{{subButton.labelKey}}">{{subButton.labelKey}}</localize>
          </a>
       </li>

WebCms/Umbraco/Views/components/buttons/umb-button.html

@@ -1,32 +1,32 @@
-<div class="btn-group umb-button">
+<div class="umb-button" ng-class="{'umb-button--block': blockElement}" data-element="{{ alias ? 'button-' + alias : '' }}">
 
-   <div class="icon-check umb-button__success" ng-class="{'-hidden': state !== 'success', '-white': style}"></div>
+   <div class="icon-check umb-button__success" ng-class="{'-hidden': innerState !== 'success', '-white': style}"></div>
 
-   <div class="icon-delete umb-button__error" ng-class="{'-hidden': state !== 'error', '-white': style}"></div>
+   <div class="icon-delete umb-button__error" ng-class="{'-hidden': innerState !== 'error', '-white': style}"></div>
 
-   <div class="umb-button__progress" ng-class="{'-hidden': state !== 'busy', '-white': style}"></div>
+   <div class="umb-button__progress" ng-class="{'-hidden': innerState !== 'busy', '-white': style}"></div>
 
-   <div ng-if="state !== 'init'" class="umb-button__overlay"></div>
+   <div ng-if="innerState !== 'init'" class="umb-button__overlay"></div>
 
-   <a ng-if="type === 'link'" href="{{href}}" class="btn umb-button__button {{style}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}">
-      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
-         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+   <a ng-if="type === 'link'" href="{{href}}" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}">
+      <span class="umb-button__content" ng-class="{'-hidden': innerState !== 'init'}">
+         <i ng-if="icon" class="{{icon}} umb-button__icon"></i>
          <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
          <span ng-if="!labelKey">{{label}}</span>
       </span>
    </a>
 
-   <button ng-if="type === 'button'" type="button" class="btn umb-button__button {{style}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
-      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
-         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+   <button ng-if="type === 'button'" type="button" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
+      <span class="umb-button__content" ng-class="{'-hidden': innerState !== 'init'}">
+         <i ng-if="icon" class="{{icon}} umb-button__icon"></i>
          <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
          <span ng-if="!labelKey">{{label}}</span>
       </span>
    </button>
 
-   <button ng-if="type === 'submit'" type="submit" class="btn umb-button__button {{style}}" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
-      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
-         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+   <button ng-if="type === 'submit'" type="submit" class="btn umb-button__button {{style}} umb-button--{{size}}" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
+      <span class="umb-button__content" ng-class="{'-hidden': innerState !== 'init'}">
+         <i ng-if="icon" class="{{icon}} umb-button__icon"></i>
          <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
          <span ng-if="!labelKey">{{label}}</span>
       </span>

WebCms/Umbraco/Views/components/buttons/umb-toggle.html

@@ -0,0 +1,19 @@
+<button ng-click="click()" type="button" class="umb-toggle dib" ng-class="{'umb-toggle--checked': checked}">
+
+    <span ng-if="!labelPosition && showLabels === 'true' || labelPosition === 'left' && showLabels === 'true'">
+        <span ng-if="!checked" class="umb-toggle__label umb-toggle__label--left">{{ displayLabelOff }}</span>
+        <span ng-if="checked" class="umb-toggle__label umb-toggle__label--left">{{ displayLabelOn }}</span>
+    </span>
+
+    <div class="umb-toggle__toggle">
+        <i ng-show="checked && !hideIcons" class="umb-toggle__icon umb-toggle__icon--left icon-check"></i>
+        <div class="umb-toggle__handler shadow-depth-1"></div>
+        <i ng-show="!checked && !hideIcons" class="umb-toggle__icon umb-toggle__icon--right icon-wrong"></i>
+    </div>
+
+    <span ng-if="labelPosition === 'right' && showLabels === 'true'">
+        <span ng-if="!checked" class="umb-toggle__label umb-toggle__label--right">{{ displayLabelOff }}</span>
+        <span ng-if="checked" class="umb-toggle__label umb-toggle__label--right">{{ displayLabelOn }}</span>
+    </span>
+
+</button>