Socket
Socket
Sign inDemoInstall

md-steppers

Package Overview
Dependencies
5
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.4.0 to 0.4.1

2

bower.json
{
"name": "md-steppers",
"description": "Angular-Material Steppers.",
"version": "0.4.0",
"version": "0.4.1",
"main": [

@@ -6,0 +6,0 @@ "./dist/md-steppers.js",

@@ -9,4 +9,4 @@ ;(function(angular, window) {

MdSteppersController.$inject = ["$scope", "$element", "$window", "$mdConstant", "$mdStepInkRipple", "$mdUtil", "$animateCss", "$attrs", "$compile", "$mdTheming"];
MdStepScroll.$inject = ["$parse"];
MdSteppersTemplate.$inject = ["$compile", "$mdUtil"];
MdStepScroll.$inject = ["$parse"];
angular.module('md-steppers', [

@@ -131,2 +131,55 @@ 'material.core',

(function () {
'use strict';
/**
* @ngdoc service
* @name $mdStepInkRipple
* @module md-steppers
*
* @description
* TODO DOCS
*
*/
MdStepInkRipple.$inject = ["$mdInkRipple"];
angular.module('md-steppers')
.factory('$mdStepInkRipple', MdStepInkRipple);
/**
* @ngInject
*/
function MdStepInkRipple($mdInkRipple) {
return {
attach: attach
};
function attach(scope, element, options) {
return $mdInkRipple.attach(scope, element, angular.extend({
center: false,
dimBackground: true,
outline: false,
rippleSize: 'full'
}, options));
};
};
})();
angular.module('md-steppers')
.directive('mdStepScroll', MdStepScroll);
function MdStepScroll($parse) {
return {
restrict: 'A',
compile: function ($element, attr) {
var fn = $parse(attr.mdStepScroll, null, true);
return function ngEventHandler(scope, element) {
element.on('mousewheel', function (event) {
scope.$apply(function () { fn(scope, { $event: event }); });
});
};
}
}
}
angular

@@ -1120,55 +1173,2 @@ .module('md-steppers')

(function () {
'use strict';
/**
* @ngdoc service
* @name $mdStepInkRipple
* @module md-steppers
*
* @description
* TODO DOCS
*
*/
MdStepInkRipple.$inject = ["$mdInkRipple"];
angular.module('md-steppers')
.factory('$mdStepInkRipple', MdStepInkRipple);
/**
* @ngInject
*/
function MdStepInkRipple($mdInkRipple) {
return {
attach: attach
};
function attach(scope, element, options) {
return $mdInkRipple.attach(scope, element, angular.extend({
center: false,
dimBackground: true,
outline: false,
rippleSize: 'full'
}, options));
};
};
})();
angular.module('md-steppers')
.directive('mdStepScroll', MdStepScroll);
function MdStepScroll($parse) {
return {
restrict: 'A',
compile: function ($element, attr) {
var fn = $parse(attr.mdStepScroll, null, true);
return function ngEventHandler(scope, element) {
element.on('mousewheel', function (event) {
scope.$apply(function () { fn(scope, { $event: event }); });
});
};
}
}
}
})(angular, window);

@@ -1,1 +0,1 @@

!function(e,t){function n(){function t(t,s,p,r){if(r){var d=r.getStepElementIndex(s),i=n(s,"md-step-body").remove(),a=n(s,"md-step-label").remove(),c=r.insertStep({scope:t,parent:t.$parent,index:d,element:s,template:i.html(),label:a.html()},d);t.select=t.select||e.noop,t.deselect=t.deselect||e.noop,t.$watch("active",function(e){e&&r.select(c.getIndex())}),t.$watch("complete",function(){r.refreshIndex()}),t.$watch("disabled",function(){r.refreshIndex()}),t.$watch(function(){return r.getStepElementIndex(s)},function(e){c.index=e,r.updateStepOrder()}),t.$on("$destroy",function(){r.removeStep(c)})}}function n(t,n){for(var s=t[0].children,p=0,r=s.length;p<r;p++){var d=s[p];if(d.tagName===n.toUpperCase())return e.element(d)}return e.element()}return{require:"^?mdSteppers",terminal:!0,compile:function(s,p){var r=n(s,"md-step-label"),d=n(s,"md-step-body");n(s,"md-step-actions");if(0==r.length&&(r=e.element("<md-step-label></md-step-label>"),p.label?r.text(p.label):r.append(s.contents()),0==d.length)){var i=s.contents().detach();d=e.element("<md-step-body></md-step-body>"),d.append(i)}return s.append(r),d.html()&&s.append(d),t},scope:{complete:"=?mdComplete",active:"=?mdActive",disabled:"=?ngDisabled",select:"&?mdOnSelect",deselect:"&?mdOnDeselect"}}}function s(){return{require:"^?mdSteppers",link:function(e,t,n,s){s&&s.attachRipple(e,t)}}}function p(){return{terminal:!0}}function r(t,n,s,p,r,d,i,a,c,o){function l(){ie.selectedIndex=ie.selectedIndex||0,m(),u(),f(),o(n),d.nextTick(function(){ne(),X(),se(),ie.steppers[ie.selectedIndex]&&ie.steppers[ie.selectedIndex].scope.select(),me=!0,Y()})}function m(){var t=a.$mdSteppersTemplate,n=e.element(ce.data);n.html(t),c(n.contents())(ie.parent),delete a.$mdSteppersTemplate}function f(){e.element(s).on("resize",P),t.$on("$destroy",x)}function u(){t.$watch("$mdSteppersCtrl.selectedIndex",y)}function h(e,t){var n=a.$normalize("md-"+e);t&&U(e,t),a.$observe(n,function(t){ie[e]=t})}function g(e,t){function n(t){ie[e]="false"!==t}var s=a.$normalize("md-"+e);t&&U(e,t),a.hasOwnProperty(s)&&n(a[s]),a.$observe(s,n)}function x(){le=!0,e.element(s).off("resize",P)}function S(t){e.element(ce.wrapper).toggleClass("md-stretch-steppers",j()),se()}function v(e){ie.shouldCenterSteppers=z()}function $(e,t){e!==t&&d.nextTick(ie.updateInkBarStyles)}function b(e,t){e!==t&&(ie.maxStepWidth=G(),ie.shouldCenterSteppers=z(),d.nextTick(function(){ie.maxStepWidth=G(),X(ie.selectedIndex)}))}function I(e){n[e?"removeClass":"addClass"]("md-no-step-content")}function C(n){var s=ie.shouldCenterSteppers?"":"-"+n+"px";e.element(ce.paging).css(p.CSS.TRANSFORM,"translate3d("+s+", 0, 0)"),t.$broadcast("$mdSteppersPaginationChanged")}function w(e,t){e!==t&&ce.steppers[e]&&(X(),V())}function y(e,n){e!==n&&(ie.selectedIndex=K(e),ie.lastSelectedIndex=n,ie.updateInkBarStyles(),ne(),X(e),t.$broadcast("$mdSteppersChanged"),ie.steppers[n]&&ie.steppers[n].scope.deselect(),ie.steppers[e]&&ie.steppers[e].scope.select())}function k(e){var t=n[0].getElementsByTagName("md-step");return Array.prototype.indexOf.call(t,e[0])}function T(){T.watcher||(T.watcher=t.$watch(function(){d.nextTick(function(){T.watcher&&n.prop("offsetParent")&&(T.watcher(),T.watcher=null,P())},!1)}))}function B(e){switch(e.keyCode){case p.KEY_CODE.LEFT_ARROW:e.preventDefault(),Q(-1,!0);break;case p.KEY_CODE.RIGHT_ARROW:e.preventDefault(),Q(1,!0);break;case p.KEY_CODE.SPACE:case p.KEY_CODE.ENTER:e.preventDefault(),ae||(ie.selectedIndex=ie.focusIndex)}ie.lastClick=!1}function E(e){ae||(ie.focusIndex=ie.selectedIndex=e),ie.lastClick=!0,d.nextTick(function(){ie.steppers[e].element.triggerHandler("click")},!1)}function L(e){ie.shouldPaginate&&(e.preventDefault(),ie.offsetLeft=re(ie.offsetLeft-e.wheelDelta))}function W(){var e,t,n=ce.canvas.clientWidth,s=n+ie.offsetLeft;for(e=0;e<ce.steppers.length&&(t=ce.steppers[e],!(t.offsetLeft+t.offsetWidth>s));e++);ie.offsetLeft=re(t.offsetLeft)}function D(){var e,t;for(e=0;e<ce.steppers.length&&(t=ce.steppers[e],!(t.offsetLeft+t.offsetWidth>=ie.offsetLeft));e++);ie.offsetLeft=re(t.offsetLeft+t.offsetWidth-ce.canvas.clientWidth)}function P(){ie.lastSelectedIndex=ie.selectedIndex,ie.offsetLeft=re(ie.offsetLeft),d.nextTick(function(){ie.updateInkBarStyles(),Y()})}function O(t){e.element(ce.inkBar).toggleClass("ng-hide",t)}function A(e){n.toggleClass("md-dynamic-height",e)}function R(e){if(!le){var t=ie.selectedIndex,n=ie.steppers.splice(e.getIndex(),1)[0];te(),ie.selectedIndex===t&&(n.scope.deselect(),ie.steppers[ie.selectedIndex]&&ie.steppers[ie.selectedIndex].scope.select()),d.nextTick(function(){Y(),ie.offsetLeft=re(ie.offsetLeft)})}}function N(t,n){var s=me,p={getIndex:function(){return ie.steppers.indexOf(r)},isActive:function(){return this.getIndex()===ie.selectedIndex},isLeft:function(){return this.getIndex()<ie.selectedIndex},isRight:function(){return this.getIndex()>ie.selectedIndex},shouldRender:function(){return!ie.noDisconnect||this.isActive()},hasFocus:function(){return!ie.lastClick&&ie.hasFocus&&this.getIndex()===ie.focusIndex},id:d.nextUid()},r=e.extend(p,t);return e.isDefined(n)?ie.steppers.splice(n,0,r):ie.steppers.push(r),Z(),ee(),d.nextTick(function(){Y(),s&&ie.autoselect&&d.nextTick(function(){d.nextTick(function(){E(ie.steppers.indexOf(r))})})}),r}function F(){var e={};return e.wrapper=n[0].getElementsByTagName("md-steppers-wrapper")[0],e.data=n[0].getElementsByTagName("md-step-data")[0],e.canvas=e.wrapper.getElementsByTagName("md-steppers-canvas")[0],e.paging=e.canvas.getElementsByTagName("md-pagination-wrapper")[0],e.steppers=e.paging.getElementsByTagName("md-step-item"),e.dummies=e.canvas.getElementsByTagName("md-dummy-step"),e.inkBar=e.paging.getElementsByTagName("md-ink-bar")[0],e.contentsWrapper=n[0].getElementsByTagName("md-steppers-content-wrapper")[0],e.contents=e.contentsWrapper.getElementsByTagName("md-step-content"),e}function M(){return ie.offsetLeft>0}function H(){var e=ce.steppers[ce.steppers.length-1];return e&&e.offsetLeft+e.offsetWidth>ce.canvas.clientWidth+ie.offsetLeft}function j(){switch(ie.stretchSteppers){case"always":return!0;case"never":return!1;default:return!ie.shouldPaginate&&s.matchMedia("(max-width: 600px)").matches}}function z(){return ie.centerSteppers&&!ie.shouldPaginate}function _(){if(ie.noPagination||!me)return!1;var t=n.prop("clientWidth");return e.forEach(F().dummies,function(e){t-=e.offsetWidth}),t<0}function K(e){if(e===-1)return-1;var t,n,s=Math.max(ie.steppers.length-e,e);for(t=0;t<=s;t++){if(n=ie.steppers[e+t],n&&n.scope.disabled!==!0)return n.getIndex();if(n=ie.steppers[e-t],n&&n.scope.disabled!==!0)return n.getIndex()}return e}function U(e,t,n){Object.defineProperty(ie,e,{get:function(){return n},set:function(e){var s=n;n=e,t&&t(e,s)}})}function Y(){j()||q(),ie.maxStepWidth=G(),ie.shouldPaginate=_()}function q(){var t=1;e.forEach(F().dummies,function(e){t+=Math.ceil(e.offsetWidth)}),e.element(ce.paging).css("width",t+"px")}function G(){return n.prop("clientWidth")}function J(){var e=ie.steppers[ie.selectedIndex],t=ie.steppers[ie.focusIndex];ie.steppers=ie.steppers.sort(function(e,t){return e.index-t.index}),ie.selectedIndex=ie.steppers.indexOf(e),ie.focusIndex=ie.steppers.indexOf(t)}function Q(e,t){var n,s=t?"focusIndex":"selectedIndex",p=ie[s];for(n=p+e;ie.steppers[n]&&ie.steppers[n].scope.disabled;n+=e);ie.steppers[n]&&(ie[s]=n)}function V(){F().dummies[ie.focusIndex].focus()}function X(e){if(null==e&&(e=ie.focusIndex),ce.steppers[e]&&!ie.shouldCenterSteppers){var t=ce.steppers[e],n=t.offsetLeft,s=t.offsetWidth+n;ie.offsetLeft=Math.max(ie.offsetLeft,re(s-ce.canvas.clientWidth+64)),ie.offsetLeft=Math.min(ie.offsetLeft,re(n))}}function Z(){oe.forEach(function(e){d.nextTick(e)}),oe=[]}function ee(){var t=!1;e.forEach(ie.steppers,function(e){e.template&&(t=!0)}),ie.hasContent=t}function te(){ie.selectedIndex=K(ie.selectedIndex),ie.focusIndex=K(ie.focusIndex)}function ne(){if(!ie.dynamicHeight)return n.css("height","");if(!ie.steppers.length)return oe.push(ne);var e=ce.contents[ie.selectedIndex],t=e?e.offsetHeight:0,s=ce.wrapper.offsetHeight,p=t+s,r=n.prop("offsetHeight");"bottom"===n.attr("md-align-steppers")&&(r-=s,p-=s,void 0!==n.attr("md-border-bottom")&&++r),ae=!0;var a={height:r+"px"},c={height:p+"px"};n.css(a),i(n,{from:a,to:c,easing:"cubic-bezier(0.35, 0, 0.25, 1)",duration:.5}).start().done(function(){n.css({transition:"none",height:""}),d.nextTick(function(){n.css("transition","")}),ae=!1})}function se(){if(!ce.steppers[ie.selectedIndex])return void e.element(ce.inkBar).css({left:"auto",right:"auto"});if(!ie.steppers.length)return oe.push(ie.updateInkBarStyles);if(!n.prop("offsetParent"))return T();var t,s=ie.selectedIndex,p=ce.paging.offsetWidth,r=ce.steppers[s],i=r.offsetLeft;p-i-r.offsetWidth;ie.shouldCenterSteppers&&(t=Array.prototype.slice.call(ce.steppers).reduce(function(e,t){return e+t.offsetWidth},0),p>t&&d.nextTick(se,!1)),pe(),e.element(ce.inkBar).css({left:"32px",right:p-i+"px"})}function pe(){var t=ie.selectedIndex,n=ie.lastSelectedIndex,s=e.element(ce.inkBar);e.isNumber(n)&&s.toggleClass("md-left",t<n).toggleClass("md-right",t>n)}function re(e){if(!ce.steppers.length||!ie.shouldPaginate)return 0;var t=ce.steppers[ce.steppers.length-1],n=t.offsetLeft+t.offsetWidth;return e=Math.max(0,e),e=Math.min(n-ce.canvas.clientWidth,e)}function de(t,n){if(!ie.disableTabsBehavior){var s={colorElement:e.element(ce.inkBar)};r.attach(t,n,s)}}var ie=this,ae=!1,ce=F(),oe=[],le=!1,me=!1;h("stretchSteppers",S),U("focusIndex",w,ie.selectedIndex||0),U("offsetLeft",C,0),U("hasContent",I,!1),U("maxStepWidth",$,G()),U("shouldPaginate",b,!1),g("noInkBar",O,!0),g("dynamicHeight",A),g("noPagination"),g("swipeContent"),g("noDisconnect"),g("autoselect"),g("centerSteppers",v,!0),g("enableDisconnect"),ie.scope=t,ie.parent=t.$parent,ie.steppers=[],ie.lastSelectedIndex=null,ie.hasFocus=!1,ie.lastClick=!0,ie.shouldCenterSteppers=z(),ie.updatePagination=d.debounce(Y,100),ie.redirectFocus=V,ie.attachRipple=de,ie.insertStep=N,ie.removeStep=R,ie.select=E,ie.scroll=L,ie.nextPage=W,ie.previousPage=D,ie.keydown=B,ie.canPageForward=H,ie.canPageBack=M,ie.refreshIndex=te,ie.incrementIndex=Q,ie.getStepElementIndex=k,ie.updateInkBarStyles=d.debounce(se,100),ie.updateStepOrder=d.debounce(J,100),l()}function d(){return{scope:{selectedIndex:"=?mdSelected",busyText:"=?mdBusyText",busy:"=?mdBusy",disableTabsBehavior:"=?mdDisableTabsBehavior"},template:function(e,t){t.$mdSteppersTemplate=e.html();var n=t.mdDisableTabsBehavior?"":'ng-click="$mdSteppersCtrl.select(step.getIndex())" ',s=t.mdDisableTabsBehavior?'class="md-step md-step-nopointer" ':'class="md-step" ';return["","<md-steppers-wrapper> ","<md-step-data></md-step-data> ","<md-steppers-canvas ",'tabindex="{{ $mdSteppersCtrl.hasFocus ? -1 : 0 }}" ','aria-activedescendant="step-item-{{$mdSteppersCtrl.steppers[$mdSteppersCtrl.focusIndex].id}}" ','ng-focus="$mdSteppersCtrl.redirectFocus()" ','ng-class="{ ',"'md-paginated': $mdSteppersCtrl.shouldPaginate, ","'md-center-steppers': $mdSteppersCtrl.shouldCenterSteppers ",'}" ','ng-keydown="$mdSteppersCtrl.keydown($event)" ','role="tablist"> ','<md-busy ng-show="$mdSteppersCtrl.busy">{{$mdSteppersCtrl.busyText}}</md-busy>',"<md-pagination-wrapper ","ng-class=\"{ 'md-center-steppers': $mdSteppersCtrl.shouldCenterSteppers }\" ",'md-step-scroll="$mdSteppersCtrl.scroll($event)"> ',"<md-step-item ",'tabindex="-1" ',s,"style=\"max-width: {{ $mdSteppersCtrl.maxStepWidth + 'px' }}\" ",'ng-repeat="step in $mdSteppersCtrl.steppers" ','role="tab" ','aria-controls="step-content-{{::step.id}}" ','aria-selected="{{step.isActive()}}" ',"aria-disabled=\"{{step.scope.disabled || 'false'}}\" ",n,'ng-class="{ ',"'md-active': step.isActive(), ","'md-focused': step.hasFocus(), ","'md-disabled': step.scope.disabled, ","'md-complete': step.scope.complete ",'}" ','ng-disabled="step.scope.disabled" ','md-swipe-left="$mdSteppersCtrl.nextPage()" ','md-swipe-right="$mdSteppersCtrl.previousPage()" ','md-scope="::step.parent"><md-step-label-wrapper ','stepindex="{{::$index+1}}" ','md-steppers-template="::step.label" ','md-scope="::step.parent" ',"></md-step-label-wrapper>","</md-step-item> ","</md-pagination-wrapper> ",'<div class="md-visually-hidden md-dummy-wrapper"> ',"<md-dummy-step ",'class="md-step" ','tabindex="-1" ','stepindex="{{::$index+1}}" ','id="step-item-{{::step.id}}" ','role="tab" ','aria-controls="step-content-{{::step.id}}" ','aria-selected="{{step.isActive()}}" ',"aria-disabled=\"{{step.scope.disabled || 'false'}}\" ",'ng-focus="$mdSteppersCtrl.hasFocus = true" ','ng-blur="$mdSteppersCtrl.hasFocus = false" ','ng-repeat="step in $mdSteppersCtrl.steppers" ','md-scope="::step.parent"><md-step-label-wrapper ','stepindex="{{::$index+1}}" ','md-steppers-template="::step.label" ','md-scope="::step.parent" ',"></md-step-label-wrapper></md-dummy-step> ","</div> ","</md-steppers-canvas> ","</md-steppers-wrapper> ",'<md-steppers-content-wrapper ng-show="$mdSteppersCtrl.hasContent && $mdSteppersCtrl.selectedIndex >= 0"> ',"<md-step-content ",'id="step-content-{{::step.id}}" ','role="tabpanel" ','aria-labelledby="step-item-{{::step.id}}" ','md-swipe-left="$mdSteppersCtrl.swipeContent && $mdSteppersCtrl.incrementIndex(1)" ','md-swipe-right="$mdSteppersCtrl.swipeContent && $mdSteppersCtrl.incrementIndex(-1)" ','ng-if="$mdSteppersCtrl.hasContent" ','ng-repeat="(index, step) in $mdSteppersCtrl.steppers" ','ng-class="{ ',"'md-no-transition': $mdSteppersCtrl.lastSelectedIndex == null, ","'md-active': step.isActive(), ","'md-left': step.isLeft(), ","'md-right': step.isRight(), ","'md-no-scroll': $mdSteppersCtrl.dynamicHeight ",'}"> ',"<div ",'md-steppers-template="::step.template" ','md-connected-if="step.isActive()" ','md-scope="::step.parent" ','ng-if="$mdSteppersCtrl.enableDisconnect || step.shouldRender()"></div> ',"</md-step-content> ","</md-steppers-content-wrapper>"].join("")},controller:"MdSteppersController",controllerAs:"$mdSteppersCtrl",bindToController:!0}}function i(e,t){function n(n,s,p,r){function d(){n.$watch("connected",function(e){e===!1?i():a()}),n.$on("$destroy",a)}function i(){r.enableDisconnect&&t.disconnectScope(c)}function a(){r.enableDisconnect&&t.reconnectScope(c)}if(r){var c=r.enableDisconnect?n.compileScope.$new():n.compileScope;return s.html(n.template),e(s.contents())(c),s.on("DOMSubtreeModified",function(){r.updatePagination(),r.updateInkBarStyles()}),t.nextTick(d)}}return{restrict:"A",link:n,scope:{template:"=mdSteppersTemplate",connected:"=?mdConnectedIf",compileScope:"=mdScope"},require:"^?mdSteppers"}}function a(e){return{restrict:"A",compile:function(t,n){var s=e(n.mdStepScroll,null,!0);return function(e,t){t.on("mousewheel",function(t){e.$apply(function(){s(e,{$event:t})})})}}}}r.$inject=["$scope","$element","$window","$mdConstant","$mdStepInkRipple","$mdUtil","$animateCss","$attrs","$compile","$mdTheming"],i.$inject=["$compile","$mdUtil"],a.$inject=["$parse"],e.module("md-steppers",["material.core","material.components.icon"]),e.module("md-steppers").directive("mdStep",n),e.module("md-steppers").directive("mdStepItem",s),e.module("md-steppers").directive("mdStepLabel",p),e.module("md-steppers").controller("MdSteppersController",r),e.module("md-steppers").directive("mdSteppers",d),e.module("md-steppers").directive("mdSteppersTemplate",i),function(){"use strict";function t(t){function n(n,s,p){return t.attach(n,s,e.extend({center:!1,dimBackground:!0,outline:!1,rippleSize:"full"},p))}return{attach:n}}t.$inject=["$mdInkRipple"],e.module("md-steppers").factory("$mdStepInkRipple",t)}(),e.module("md-steppers").directive("mdStepScroll",a)}(angular,window);
!function(e,t){function n(){function t(t,s,p,r){if(r){var d=r.getStepElementIndex(s),i=n(s,"md-step-body").remove(),a=n(s,"md-step-label").remove(),c=r.insertStep({scope:t,parent:t.$parent,index:d,element:s,template:i.html(),label:a.html()},d);t.select=t.select||e.noop,t.deselect=t.deselect||e.noop,t.$watch("active",function(e){e&&r.select(c.getIndex())}),t.$watch("complete",function(){r.refreshIndex()}),t.$watch("disabled",function(){r.refreshIndex()}),t.$watch(function(){return r.getStepElementIndex(s)},function(e){c.index=e,r.updateStepOrder()}),t.$on("$destroy",function(){r.removeStep(c)})}}function n(t,n){for(var s=t[0].children,p=0,r=s.length;p<r;p++){var d=s[p];if(d.tagName===n.toUpperCase())return e.element(d)}return e.element()}return{require:"^?mdSteppers",terminal:!0,compile:function(s,p){var r=n(s,"md-step-label"),d=n(s,"md-step-body");n(s,"md-step-actions");if(0==r.length&&(r=e.element("<md-step-label></md-step-label>"),p.label?r.text(p.label):r.append(s.contents()),0==d.length)){var i=s.contents().detach();d=e.element("<md-step-body></md-step-body>"),d.append(i)}return s.append(r),d.html()&&s.append(d),t},scope:{complete:"=?mdComplete",active:"=?mdActive",disabled:"=?ngDisabled",select:"&?mdOnSelect",deselect:"&?mdOnDeselect"}}}function s(){return{require:"^?mdSteppers",link:function(e,t,n,s){s&&s.attachRipple(e,t)}}}function p(){return{terminal:!0}}function r(e){return{restrict:"A",compile:function(t,n){var s=e(n.mdStepScroll,null,!0);return function(e,t){t.on("mousewheel",function(t){e.$apply(function(){s(e,{$event:t})})})}}}}function d(t,n,s,p,r,d,i,a,c,o){function l(){ie.selectedIndex=ie.selectedIndex||0,m(),u(),f(),o(n),d.nextTick(function(){ne(),X(),se(),ie.steppers[ie.selectedIndex]&&ie.steppers[ie.selectedIndex].scope.select(),me=!0,Y()})}function m(){var t=a.$mdSteppersTemplate,n=e.element(ce.data);n.html(t),c(n.contents())(ie.parent),delete a.$mdSteppersTemplate}function f(){e.element(s).on("resize",P),t.$on("$destroy",x)}function u(){t.$watch("$mdSteppersCtrl.selectedIndex",y)}function h(e,t){var n=a.$normalize("md-"+e);t&&U(e,t),a.$observe(n,function(t){ie[e]=t})}function g(e,t){function n(t){ie[e]="false"!==t}var s=a.$normalize("md-"+e);t&&U(e,t),a.hasOwnProperty(s)&&n(a[s]),a.$observe(s,n)}function x(){le=!0,e.element(s).off("resize",P)}function S(t){e.element(ce.wrapper).toggleClass("md-stretch-steppers",j()),se()}function v(e){ie.shouldCenterSteppers=z()}function $(e,t){e!==t&&d.nextTick(ie.updateInkBarStyles)}function b(e,t){e!==t&&(ie.maxStepWidth=G(),ie.shouldCenterSteppers=z(),d.nextTick(function(){ie.maxStepWidth=G(),X(ie.selectedIndex)}))}function I(e){n[e?"removeClass":"addClass"]("md-no-step-content")}function C(n){var s=ie.shouldCenterSteppers?"":"-"+n+"px";e.element(ce.paging).css(p.CSS.TRANSFORM,"translate3d("+s+", 0, 0)"),t.$broadcast("$mdSteppersPaginationChanged")}function w(e,t){e!==t&&ce.steppers[e]&&(X(),V())}function y(e,n){e!==n&&(ie.selectedIndex=K(e),ie.lastSelectedIndex=n,ie.updateInkBarStyles(),ne(),X(e),t.$broadcast("$mdSteppersChanged"),ie.steppers[n]&&ie.steppers[n].scope.deselect(),ie.steppers[e]&&ie.steppers[e].scope.select())}function k(e){var t=n[0].getElementsByTagName("md-step");return Array.prototype.indexOf.call(t,e[0])}function T(){T.watcher||(T.watcher=t.$watch(function(){d.nextTick(function(){T.watcher&&n.prop("offsetParent")&&(T.watcher(),T.watcher=null,P())},!1)}))}function B(e){switch(e.keyCode){case p.KEY_CODE.LEFT_ARROW:e.preventDefault(),Q(-1,!0);break;case p.KEY_CODE.RIGHT_ARROW:e.preventDefault(),Q(1,!0);break;case p.KEY_CODE.SPACE:case p.KEY_CODE.ENTER:e.preventDefault(),ae||(ie.selectedIndex=ie.focusIndex)}ie.lastClick=!1}function E(e){ae||(ie.focusIndex=ie.selectedIndex=e),ie.lastClick=!0,d.nextTick(function(){ie.steppers[e].element.triggerHandler("click")},!1)}function L(e){ie.shouldPaginate&&(e.preventDefault(),ie.offsetLeft=re(ie.offsetLeft-e.wheelDelta))}function W(){var e,t,n=ce.canvas.clientWidth,s=n+ie.offsetLeft;for(e=0;e<ce.steppers.length&&(t=ce.steppers[e],!(t.offsetLeft+t.offsetWidth>s));e++);ie.offsetLeft=re(t.offsetLeft)}function D(){var e,t;for(e=0;e<ce.steppers.length&&(t=ce.steppers[e],!(t.offsetLeft+t.offsetWidth>=ie.offsetLeft));e++);ie.offsetLeft=re(t.offsetLeft+t.offsetWidth-ce.canvas.clientWidth)}function P(){ie.lastSelectedIndex=ie.selectedIndex,ie.offsetLeft=re(ie.offsetLeft),d.nextTick(function(){ie.updateInkBarStyles(),Y()})}function O(t){e.element(ce.inkBar).toggleClass("ng-hide",t)}function A(e){n.toggleClass("md-dynamic-height",e)}function R(e){if(!le){var t=ie.selectedIndex,n=ie.steppers.splice(e.getIndex(),1)[0];te(),ie.selectedIndex===t&&(n.scope.deselect(),ie.steppers[ie.selectedIndex]&&ie.steppers[ie.selectedIndex].scope.select()),d.nextTick(function(){Y(),ie.offsetLeft=re(ie.offsetLeft)})}}function N(t,n){var s=me,p={getIndex:function(){return ie.steppers.indexOf(r)},isActive:function(){return this.getIndex()===ie.selectedIndex},isLeft:function(){return this.getIndex()<ie.selectedIndex},isRight:function(){return this.getIndex()>ie.selectedIndex},shouldRender:function(){return!ie.noDisconnect||this.isActive()},hasFocus:function(){return!ie.lastClick&&ie.hasFocus&&this.getIndex()===ie.focusIndex},id:d.nextUid()},r=e.extend(p,t);return e.isDefined(n)?ie.steppers.splice(n,0,r):ie.steppers.push(r),Z(),ee(),d.nextTick(function(){Y(),s&&ie.autoselect&&d.nextTick(function(){d.nextTick(function(){E(ie.steppers.indexOf(r))})})}),r}function F(){var e={};return e.wrapper=n[0].getElementsByTagName("md-steppers-wrapper")[0],e.data=n[0].getElementsByTagName("md-step-data")[0],e.canvas=e.wrapper.getElementsByTagName("md-steppers-canvas")[0],e.paging=e.canvas.getElementsByTagName("md-pagination-wrapper")[0],e.steppers=e.paging.getElementsByTagName("md-step-item"),e.dummies=e.canvas.getElementsByTagName("md-dummy-step"),e.inkBar=e.paging.getElementsByTagName("md-ink-bar")[0],e.contentsWrapper=n[0].getElementsByTagName("md-steppers-content-wrapper")[0],e.contents=e.contentsWrapper.getElementsByTagName("md-step-content"),e}function M(){return ie.offsetLeft>0}function H(){var e=ce.steppers[ce.steppers.length-1];return e&&e.offsetLeft+e.offsetWidth>ce.canvas.clientWidth+ie.offsetLeft}function j(){switch(ie.stretchSteppers){case"always":return!0;case"never":return!1;default:return!ie.shouldPaginate&&s.matchMedia("(max-width: 600px)").matches}}function z(){return ie.centerSteppers&&!ie.shouldPaginate}function _(){if(ie.noPagination||!me)return!1;var t=n.prop("clientWidth");return e.forEach(F().dummies,function(e){t-=e.offsetWidth}),t<0}function K(e){if(e===-1)return-1;var t,n,s=Math.max(ie.steppers.length-e,e);for(t=0;t<=s;t++){if(n=ie.steppers[e+t],n&&n.scope.disabled!==!0)return n.getIndex();if(n=ie.steppers[e-t],n&&n.scope.disabled!==!0)return n.getIndex()}return e}function U(e,t,n){Object.defineProperty(ie,e,{get:function(){return n},set:function(e){var s=n;n=e,t&&t(e,s)}})}function Y(){j()||q(),ie.maxStepWidth=G(),ie.shouldPaginate=_()}function q(){var t=1;e.forEach(F().dummies,function(e){t+=Math.ceil(e.offsetWidth)}),e.element(ce.paging).css("width",t+"px")}function G(){return n.prop("clientWidth")}function J(){var e=ie.steppers[ie.selectedIndex],t=ie.steppers[ie.focusIndex];ie.steppers=ie.steppers.sort(function(e,t){return e.index-t.index}),ie.selectedIndex=ie.steppers.indexOf(e),ie.focusIndex=ie.steppers.indexOf(t)}function Q(e,t){var n,s=t?"focusIndex":"selectedIndex",p=ie[s];for(n=p+e;ie.steppers[n]&&ie.steppers[n].scope.disabled;n+=e);ie.steppers[n]&&(ie[s]=n)}function V(){F().dummies[ie.focusIndex].focus()}function X(e){if(null==e&&(e=ie.focusIndex),ce.steppers[e]&&!ie.shouldCenterSteppers){var t=ce.steppers[e],n=t.offsetLeft,s=t.offsetWidth+n;ie.offsetLeft=Math.max(ie.offsetLeft,re(s-ce.canvas.clientWidth+64)),ie.offsetLeft=Math.min(ie.offsetLeft,re(n))}}function Z(){oe.forEach(function(e){d.nextTick(e)}),oe=[]}function ee(){var t=!1;e.forEach(ie.steppers,function(e){e.template&&(t=!0)}),ie.hasContent=t}function te(){ie.selectedIndex=K(ie.selectedIndex),ie.focusIndex=K(ie.focusIndex)}function ne(){if(!ie.dynamicHeight)return n.css("height","");if(!ie.steppers.length)return oe.push(ne);var e=ce.contents[ie.selectedIndex],t=e?e.offsetHeight:0,s=ce.wrapper.offsetHeight,p=t+s,r=n.prop("offsetHeight");"bottom"===n.attr("md-align-steppers")&&(r-=s,p-=s,void 0!==n.attr("md-border-bottom")&&++r),ae=!0;var a={height:r+"px"},c={height:p+"px"};n.css(a),i(n,{from:a,to:c,easing:"cubic-bezier(0.35, 0, 0.25, 1)",duration:.5}).start().done(function(){n.css({transition:"none",height:""}),d.nextTick(function(){n.css("transition","")}),ae=!1})}function se(){if(!ce.steppers[ie.selectedIndex])return void e.element(ce.inkBar).css({left:"auto",right:"auto"});if(!ie.steppers.length)return oe.push(ie.updateInkBarStyles);if(!n.prop("offsetParent"))return T();var t,s=ie.selectedIndex,p=ce.paging.offsetWidth,r=ce.steppers[s],i=r.offsetLeft;p-i-r.offsetWidth;ie.shouldCenterSteppers&&(t=Array.prototype.slice.call(ce.steppers).reduce(function(e,t){return e+t.offsetWidth},0),p>t&&d.nextTick(se,!1)),pe(),e.element(ce.inkBar).css({left:"32px",right:p-i+"px"})}function pe(){var t=ie.selectedIndex,n=ie.lastSelectedIndex,s=e.element(ce.inkBar);e.isNumber(n)&&s.toggleClass("md-left",t<n).toggleClass("md-right",t>n)}function re(e){if(!ce.steppers.length||!ie.shouldPaginate)return 0;var t=ce.steppers[ce.steppers.length-1],n=t.offsetLeft+t.offsetWidth;return e=Math.max(0,e),e=Math.min(n-ce.canvas.clientWidth,e)}function de(t,n){if(!ie.disableTabsBehavior){var s={colorElement:e.element(ce.inkBar)};r.attach(t,n,s)}}var ie=this,ae=!1,ce=F(),oe=[],le=!1,me=!1;h("stretchSteppers",S),U("focusIndex",w,ie.selectedIndex||0),U("offsetLeft",C,0),U("hasContent",I,!1),U("maxStepWidth",$,G()),U("shouldPaginate",b,!1),g("noInkBar",O,!0),g("dynamicHeight",A),g("noPagination"),g("swipeContent"),g("noDisconnect"),g("autoselect"),g("centerSteppers",v,!0),g("enableDisconnect"),ie.scope=t,ie.parent=t.$parent,ie.steppers=[],ie.lastSelectedIndex=null,ie.hasFocus=!1,ie.lastClick=!0,ie.shouldCenterSteppers=z(),ie.updatePagination=d.debounce(Y,100),ie.redirectFocus=V,ie.attachRipple=de,ie.insertStep=N,ie.removeStep=R,ie.select=E,ie.scroll=L,ie.nextPage=W,ie.previousPage=D,ie.keydown=B,ie.canPageForward=H,ie.canPageBack=M,ie.refreshIndex=te,ie.incrementIndex=Q,ie.getStepElementIndex=k,ie.updateInkBarStyles=d.debounce(se,100),ie.updateStepOrder=d.debounce(J,100),l()}function i(){return{scope:{selectedIndex:"=?mdSelected",busyText:"=?mdBusyText",busy:"=?mdBusy",disableTabsBehavior:"=?mdDisableTabsBehavior"},template:function(e,t){t.$mdSteppersTemplate=e.html();var n=t.mdDisableTabsBehavior?"":'ng-click="$mdSteppersCtrl.select(step.getIndex())" ',s=t.mdDisableTabsBehavior?'class="md-step md-step-nopointer" ':'class="md-step" ';return["","<md-steppers-wrapper> ","<md-step-data></md-step-data> ","<md-steppers-canvas ",'tabindex="{{ $mdSteppersCtrl.hasFocus ? -1 : 0 }}" ','aria-activedescendant="step-item-{{$mdSteppersCtrl.steppers[$mdSteppersCtrl.focusIndex].id}}" ','ng-focus="$mdSteppersCtrl.redirectFocus()" ','ng-class="{ ',"'md-paginated': $mdSteppersCtrl.shouldPaginate, ","'md-center-steppers': $mdSteppersCtrl.shouldCenterSteppers ",'}" ','ng-keydown="$mdSteppersCtrl.keydown($event)" ','role="tablist"> ','<md-busy ng-show="$mdSteppersCtrl.busy">{{$mdSteppersCtrl.busyText}}</md-busy>',"<md-pagination-wrapper ","ng-class=\"{ 'md-center-steppers': $mdSteppersCtrl.shouldCenterSteppers }\" ",'md-step-scroll="$mdSteppersCtrl.scroll($event)"> ',"<md-step-item ",'tabindex="-1" ',s,"style=\"max-width: {{ $mdSteppersCtrl.maxStepWidth + 'px' }}\" ",'ng-repeat="step in $mdSteppersCtrl.steppers" ','role="tab" ','aria-controls="step-content-{{::step.id}}" ','aria-selected="{{step.isActive()}}" ',"aria-disabled=\"{{step.scope.disabled || 'false'}}\" ",n,'ng-class="{ ',"'md-active': step.isActive(), ","'md-focused': step.hasFocus(), ","'md-disabled': step.scope.disabled, ","'md-complete': step.scope.complete ",'}" ','ng-disabled="step.scope.disabled" ','md-swipe-left="$mdSteppersCtrl.nextPage()" ','md-swipe-right="$mdSteppersCtrl.previousPage()" ','md-scope="::step.parent"><md-step-label-wrapper ','stepindex="{{::$index+1}}" ','md-steppers-template="::step.label" ','md-scope="::step.parent" ',"></md-step-label-wrapper>","</md-step-item> ","</md-pagination-wrapper> ",'<div class="md-visually-hidden md-dummy-wrapper"> ',"<md-dummy-step ",'class="md-step" ','tabindex="-1" ','stepindex="{{::$index+1}}" ','id="step-item-{{::step.id}}" ','role="tab" ','aria-controls="step-content-{{::step.id}}" ','aria-selected="{{step.isActive()}}" ',"aria-disabled=\"{{step.scope.disabled || 'false'}}\" ",'ng-focus="$mdSteppersCtrl.hasFocus = true" ','ng-blur="$mdSteppersCtrl.hasFocus = false" ','ng-repeat="step in $mdSteppersCtrl.steppers" ','md-scope="::step.parent"><md-step-label-wrapper ','stepindex="{{::$index+1}}" ','md-steppers-template="::step.label" ','md-scope="::step.parent" ',"></md-step-label-wrapper></md-dummy-step> ","</div> ","</md-steppers-canvas> ","</md-steppers-wrapper> ",'<md-steppers-content-wrapper ng-show="$mdSteppersCtrl.hasContent && $mdSteppersCtrl.selectedIndex >= 0"> ',"<md-step-content ",'id="step-content-{{::step.id}}" ','role="tabpanel" ','aria-labelledby="step-item-{{::step.id}}" ','md-swipe-left="$mdSteppersCtrl.swipeContent && $mdSteppersCtrl.incrementIndex(1)" ','md-swipe-right="$mdSteppersCtrl.swipeContent && $mdSteppersCtrl.incrementIndex(-1)" ','ng-if="$mdSteppersCtrl.hasContent" ','ng-repeat="(index, step) in $mdSteppersCtrl.steppers" ','ng-class="{ ',"'md-no-transition': $mdSteppersCtrl.lastSelectedIndex == null, ","'md-active': step.isActive(), ","'md-left': step.isLeft(), ","'md-right': step.isRight(), ","'md-no-scroll': $mdSteppersCtrl.dynamicHeight ",'}"> ',"<div ",'md-steppers-template="::step.template" ','md-connected-if="step.isActive()" ','md-scope="::step.parent" ','ng-if="$mdSteppersCtrl.enableDisconnect || step.shouldRender()"></div> ',"</md-step-content> ","</md-steppers-content-wrapper>"].join("")},controller:"MdSteppersController",controllerAs:"$mdSteppersCtrl",bindToController:!0}}function a(e,t){function n(n,s,p,r){function d(){n.$watch("connected",function(e){e===!1?i():a()}),n.$on("$destroy",a)}function i(){r.enableDisconnect&&t.disconnectScope(c)}function a(){r.enableDisconnect&&t.reconnectScope(c)}if(r){var c=r.enableDisconnect?n.compileScope.$new():n.compileScope;return s.html(n.template),e(s.contents())(c),s.on("DOMSubtreeModified",function(){r.updatePagination(),r.updateInkBarStyles()}),t.nextTick(d)}}return{restrict:"A",link:n,scope:{template:"=mdSteppersTemplate",connected:"=?mdConnectedIf",compileScope:"=mdScope"},require:"^?mdSteppers"}}d.$inject=["$scope","$element","$window","$mdConstant","$mdStepInkRipple","$mdUtil","$animateCss","$attrs","$compile","$mdTheming"],r.$inject=["$parse"],a.$inject=["$compile","$mdUtil"],e.module("md-steppers",["material.core","material.components.icon"]),e.module("md-steppers").directive("mdStep",n),e.module("md-steppers").directive("mdStepItem",s),e.module("md-steppers").directive("mdStepLabel",p),function(){"use strict";function t(t){function n(n,s,p){return t.attach(n,s,e.extend({center:!1,dimBackground:!0,outline:!1,rippleSize:"full"},p))}return{attach:n}}t.$inject=["$mdInkRipple"],e.module("md-steppers").factory("$mdStepInkRipple",t)}(),e.module("md-steppers").directive("mdStepScroll",r),e.module("md-steppers").controller("MdSteppersController",d),e.module("md-steppers").directive("mdSteppers",i),e.module("md-steppers").directive("mdSteppersTemplate",a)}(angular,window);
{
"name": "md-steppers",
"version": "0.4.0",
"version": "0.4.1",
"description": "Angular-Material Steppers.",

@@ -5,0 +5,0 @@ "main": "./dist/md-steppers.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc