fomantic-ui 2.9.4-beta.99 → 2.10.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.auto-changelog +4 -2
- package/CHANGELOG.md +5808 -7740
- package/README.md +1 -0
- package/changelog-setup.js +199 -0
- package/changelog-template.hbs +403 -0
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +11 -3
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +18 -6
- package/dist/components/dropdown.js +2 -2
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +265 -265
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +1 -1
- package/dist/components/flyout.js +1 -1
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +1 -1
- package/dist/components/form.css +17 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +7 -1
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +1 -1
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +3 -3
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +10 -5
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/table.min.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +386 -329
- package/dist/semantic.js +29 -29
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +2 -2
- package/src/definitions/collections/form.less +5 -0
- package/src/definitions/elements/divider.less +48 -38
- package/src/definitions/elements/input.less +7 -0
- package/src/definitions/elements/step.less +10 -4
- package/src/definitions/modules/dropdown.js +1 -1
- package/src/definitions/modules/dropdown.less +15 -2
- package/src/definitions/modules/slider.js +2 -2
- package/src/themes/default/elements/flag.variables +1 -1
- package/src/themes/default/globals/colors.less +4 -0
- package/src/themes/default/globals/site.variables +4 -0
- package/src/themes/default/modules/dropdown.variables +4 -2
package/dist/components/shape.js
CHANGED
package/dist/components/site.css
CHANGED
package/dist/components/site.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.10.0-beta.0+f24b47e - Slider
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -493,7 +493,7 @@
|
|
493
493
|
resize: function (_event) {
|
494
494
|
// To avoid a useless performance cost, we only call the label refresh when its necessary
|
495
495
|
if (gapRatio !== module.get.gapRatio()) {
|
496
|
-
module.
|
496
|
+
module.resync();
|
497
497
|
gapRatio = module.get.gapRatio();
|
498
498
|
}
|
499
499
|
},
|
@@ -507,11 +507,11 @@
|
|
507
507
|
|
508
508
|
resync: function () {
|
509
509
|
module.verbose('Resyncing thumb position based on value');
|
510
|
+
module.setup.labels();
|
510
511
|
if (module.is.range()) {
|
511
512
|
module.update.position(module.secondThumbVal, $secondThumb);
|
512
513
|
}
|
513
514
|
module.update.position(module.thumbVal, $thumb);
|
514
|
-
module.setup.labels();
|
515
515
|
},
|
516
516
|
takeStep: function (multiplier) {
|
517
517
|
if (!multiplier) {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Fomantic UI - 2.
|
2
|
+
* # Fomantic UI - 2.10.0-beta.0+f24b47e
|
3
3
|
* https://github.com/fomantic/Fomantic-UI
|
4
4
|
* https://fomantic-ui.com/
|
5
5
|
*
|
@@ -8,4 +8,4 @@
|
|
8
8
|
* https://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
|
-
!function(B,t,n){"use strict";function U(e){return"function"==typeof e&&"number"!=typeof e.nodeType}t=void 0!==t&&t.Math===Math?t:globalThis,B.fn.slider=function(E){var D,e=B(this),A=B(n),S=B(t),F=Date.now(),O=[],j=E,I="string"==typeof j,N=[].slice.call(arguments,1),z=0;return e.each(function(){var l,r,s,u,e,c,d,t,m,g,v,h,f,i,b,p=B.isPlainObject(E)?B.extend(!0,{},B.fn.slider.settings,E):B.extend({},B.fn.slider.settings),V=p.className,n=p.metadata,a=p.namespace,k=p.error,o=p.keys,T=p.interpretLabel,x=!1,w="."+a,y="module-"+a,M=B(this),R=this,C=M.data(y),L=1,P={initialize:function(){P.debug("Initializing slider",p),b=!0,t=z+=1,P.setup.layout(),P.setup.labels(),P.bind.events(),P.read.metadata(),P.read.settings(),b=!1,P.instantiate()},instantiate:function(){P.verbose("Storing instance of slider",P),C=P,M.data(y,P)},destroy:function(){P.verbose("Destroying previous slider for",M),clearInterval(C.interval),P.unbind.events(),P.unbind.slidingEvents(),delete P.cache,M.removeData(y),C=void 0},setup:{layout:function(){void 0===M.attr("tabindex")&&M.attr("tabindex",0),0===M.find(".inner").length&&M.append('<div class="inner"><div class="track"></div><div class="track-fill"></div><div class="thumb"></div></div>'),P.clear.cache(),s=M.find(".thumb:not(.second)"),p.showThumbTooltip&&s.attr("data-position",p.tooltipConfig.position).attr("data-variation",p.tooltipConfig.variation),l=s,P.is.range()&&(0===M.find(".thumb.second").length&&M.find(".inner").append('<div class="thumb second"></div>'),u=M.find(".thumb.second"),p.showThumbTooltip&&u.attr("data-position",p.tooltipConfig.position).attr("data-variation",p.tooltipConfig.variation)),e=M.find(".track"),c=M.find(".track-fill"),h=s.width()/2},labels:function(){P.is.labeled()&&(0<(d=M.find(".labels:not(.auto)")).length?P.setup.customLabel():P.setup.autoLabel(),p.highlightRange&&d.addClass(V.active),p.showLabelTicks?M.addClass(V.ticked):M.hasClass(V.ticked)&&(p.showLabelTicks="always"))},customLabel:function(){var n,e=d.find(".label"),a=e.length,i=P.get.min(),o=P.get.max();e.each(function(e){var t=B(this).attr("data-value");n=t?((t=o<t?o:t<i?i:t)-i)/(o-i):(e+1)/(a+1),P.update.labelPosition(n,B(this))})},autoLabel:function(){0<(d=M.find(".labels")).length?d.empty():d=M.append('<ul class="auto labels"></ul>').find(".labels");for(var e=P.get.step(),t=P.get.precision(),n=P.get.numLabels(),a=n-("fixed"!==p.autoAdjustLabels?0:P.get.max().toString().length+4),i=0;i<=n;i++){var o=Math.round((i*(0===e?1:e)+P.get.min())*t)/t,r=P.get.label(i,o),s=0===p.restrictedLabels.length||0<=p.restrictedLabels.indexOf(r),s=""===r||!s&&"always"!==p.showLabelTicks?null:!(i%P.get.gapRatio())&&i<a||i===n?B("<li/>",{class:V.label,"data-value":o,html:s?r:""}):B("<li/>",{class:"halftick label","data-value":o});s&&(P.update.labelPosition(i/n,s),d.append(s))}}},bind:{events:function(){P.bind.globalKeyboardEvents(),P.bind.keyboardEvents(),P.bind.mouseEvents(),p.autoAdjustLabels&&P.bind.windowEvents()},keyboardEvents:function(){P.verbose("Binding keyboard events"),M.on("keydown"+w,P.event.keydown)},globalKeyboardEvents:function(){A.on("keydown"+w+t,P.event.activateFocus)},mouseEvents:function(){P.verbose("Binding mouse and touch events"),M.find(".track, .thumb, .inner").on("mousedown"+w,function(e){e.stopImmediatePropagation(),e.preventDefault(),P.event.down(e)}),M.on("mousedown"+w,P.event.down),M.on("mouseenter"+w,function(e){x=!0}),M.on("mouseleave"+w,function(e){x=!1}),M.find(".thumb").on("touchstart"+w,P.event.touchDown).on("touchmove"+w,P.event.move).on("touchend"+w,P.event.up).on("touchcancel"+w,P.event.touchCancel)},slidingEvents:function(){P.verbose("Binding page wide events while handle is being draged"),A.on("mousemove"+w,P.event.move),A.on("mouseup"+w,P.event.up)},windowEvents:function(){S.on("resize"+w,P.event.resize)}},unbind:{events:function(){M.find(".track, .thumb, .inner").off("mousedown"+w),M.off("mousedown"+w),M.off("mouseenter"+w),M.off("mouseleave"+w),M.find(".thumb").off("touchstart"+w).off("touchmove"+w).off("touchend"+w).off("touchcancel"+w),M.off("keydown"+w),M.off("focusout"+w),A.off("keydown"+w+t,P.event.activateFocus),S.off("resize"+w)},slidingEvents:function(){A.off("mousemove"+w),A.off("mouseup"+w)}},event:{down:function(e){e.preventDefault(),P.is.range()?(e=P.determine.eventPos(e),e=P.determine.pos(e),l=p.preventCrossover&&P.is.range()&&P.thumbVal===P.secondThumbVal?void(i=e):P.determine.closestThumb(e),void 0===f&&(f=P.get.currentThumbValue())):void 0===f&&(f=P.get.value()),P.is.disabled()||P.bind.slidingEvents()},touchDown:function(e){e.preventDefault(),e.stopImmediatePropagation(),void 0===r&&(l=B(e.target),e=e.touches?e:e.originalEvent,r=e.targetTouches[0].identifier,void 0===f&&(f=P.get.currentThumbValue()))},move:function(e){if("mousemove"===e.type&&e.preventDefault(),!P.is.disabled()){var t=P.determine.valueFromEvent(e);if("mousemove"===e.type&&void 0===l&&(n=P.determine.eventPos(e),n=P.determine.pos(n),l=n<i?s:u),P.is.range()&&(p.minRange||p.maxRange)){var n=P.get.currentRangeDiff(t),a=l.hasClass("second");if(p.minRange&&n<p.minRange||p.maxRange&&n>p.maxRange||p.preventCrossover&&!a&&t>P.secondThumbVal||p.preventCrossover&&a&&t<P.thumbVal)return}0===P.get.step()||P.is.smooth()?(n=P.thumbVal,a=P.secondThumbVal,e=P.determine.smoothValueFromEvent(e),l.hasClass("second")?(p.preventCrossover&&P.is.range()&&(t=Math.max(n,t),e=Math.max(n,e)),a=t):(p.preventCrossover&&P.is.range()&&(t=Math.min(a,t),e=Math.min(a,e)),n=t),t=Math.abs(n-(a||0)),P.update.position(e),p.onMove.call(R,t,n,a)):P.update.value(t,function(e,t,n){p.onMove.call(R,e,t,n)})}},up:function(e){var t;e.preventDefault(),P.is.disabled()||(e=P.determine.valueFromEvent(e),P.is.range()&&(p.minRange||p.maxRange)&&(void 0===l&&(l=e<=P.get.currentThumbValue()?s:u),t=P.get.currentRangeDiff(e),p.minRange&&t<p.minRange?e=P.get.edgeValue(e,p.minRange):p.maxRange&&t>p.maxRange&&(e=P.get.edgeValue(e,p.maxRange))),P.set.value(e),P.unbind.slidingEvents(),(r=void 0)!==f&&(f=void 0))},touchCancel:function(e){e.preventDefault(),(r=void 0)!==f&&(P.update.value(f),f=void 0)},keydown:function(e,t){if(!P.is.disabled()&&(p.preventCrossover&&P.is.range()&&P.thumbVal===P.secondThumbVal&&(l=void 0),P.is.focused()&&A.trigger(e),t||P.is.focused())){t=P.determine.keyMovement(e);if(0!==t)switch(e.preventDefault(),t){case 1:P.takeStep();break;case 2:P.takeStep(P.get.multiplier());break;case-1:P.backStep();break;case-2:P.backStep(P.get.multiplier())}}},activateFocus:function(e){P.is.disabled()||P.is.focused()||!P.is.hover()||0===P.determine.keyMovement(e)||(e.preventDefault(),P.event.keydown(e,!0),M.trigger("focus"))},resize:function(e){L!==P.get.gapRatio()&&(P.setup.labels(),L=P.get.gapRatio())}},clear:{cache:function(){P.cache={}}},resync:function(){P.verbose("Resyncing thumb position based on value"),P.is.range()&&P.update.position(P.secondThumbVal,u),P.update.position(P.thumbVal,s),P.setup.labels()},takeStep:function(e){e=e||1;var t=P.get.step(),n=P.get.currentThumbValue();P.verbose("Taking a step"),0<t?P.set.value(n+t*e):0===t&&(t=P.get.precision(),P.set.value(Math.round((n+e/t)*t)/t))},backStep:function(e){e=e||1;var t=P.get.step(),n=P.get.currentThumbValue();P.verbose("Going back a step"),0<t?P.set.value(n-t*e):0===t&&(t=P.get.precision(),P.set.value(Math.round((n-e/t)*t)/t))},is:{prime:function(e){if(void 0===P.cache["prime"+e]){for(var t=!0,n=2,a=Math.sqrt(e);n<=a;n++)if(e%n==0){t=!1;break}P.cache["prime"+e]=t=t&&1<e}return P.cache["prime"+e]},range:function(){var e=M.hasClass(V.range);return e||!p.minRange&&!p.maxRange||(M.addClass(V.range),e=!0),e},hover:function(){return x},focused:function(){return M.is(":focus")},disabled:function(){return M.hasClass(V.disabled)},labeled:function(){var e=M.hasClass(V.labeled);return!e&&(0<p.restrictedLabels.length||!1!==p.showLabelTicks)&&(M.addClass(V.labeled),e=!0),e},reversed:function(){return M.hasClass(V.reversed)},vertical:function(){return M.hasClass(V.vertical)},smooth:function(){return p.smooth||M.hasClass(V.smooth)}},get:{currentRangeDiff:function(e){e=l.hasClass("second")?P.thumbVal<e?e-P.thumbVal:P.thumbVal-e:P.secondThumbVal>e?P.secondThumbVal-e:e-P.secondThumbVal;return e},edgeValue:function(e,t){return e=l.hasClass("second")?P.thumbVal<e?P.thumbVal+t:P.thumbVal-t:P.secondThumbVal<e?P.secondThumbVal+t:P.secondThumbVal-t},trackOffset:function(){return P.is.vertical()?e.offset().top:e.offset().left},trackLength:function(){return P.is.vertical()?e.height():e.width()},trackLeft:function(){return P.is.vertical()?e.position().top:e.position().left},trackStartPos:function(){return P.is.reversed()?P.get.trackLeft()+P.get.trackLength():P.get.trackLeft()},trackEndPos:function(){return P.is.reversed()?P.get.trackLeft():P.get.trackLeft()+P.get.trackLength()},trackStartMargin:function(){var e=P.is.vertical()?P.is.reversed()?M.css("padding-bottom"):M.css("padding-top"):P.is.reversed()?M.css("padding-right"):M.css("padding-left");return e||"0px"},trackEndMargin:function(){var e=P.is.vertical()?P.is.reversed()?M.css("padding-top"):M.css("padding-bottom"):P.is.reversed()?M.css("padding-left"):M.css("padding-right");return e||"0px"},precision:function(){var e;return void 0===P.cache.precision&&(e=0!==(e=P.get.step())?2===(e=String(e).split(".")).length?e[1].length:0:p.decimalPlaces,e=Math.pow(10,e),P.debug("Precision determined",e),P.cache.precision=e),P.cache.precision},min:function(){return p.min},max:function(){var e,t,n,a;return void 0===P.cache.max&&(e=P.get.step(),t=P.get.min(),n=P.get.precision(),n=0===e?0:Math.floor(Math.round((p.max-t)/e*n)/n),0<(a=0===e?0:(p.max-t)%e)&&P.debug("Max value not divisible by given step. Increasing max value.",p.max,e),P.cache.max=0==a?p.max:t+n*e),P.cache.max},step:function(){return p.step},numLabels:function(){var e,t;return void 0===P.cache.numLabels&&(t=P.get.step(),e=P.get.precision(),t=Math.round((P.get.max()-P.get.min())/(0===t?1:t)*e)/e,P.debug("Determined that there should be "+t+" labels"),P.cache.numLabels=t),P.cache.numLabels},labelType:function(){return p.labelType},label:function(e,t){if(U(T))return T(e,t,P);switch(p.labelType){case p.labelTypes.number:return t;case p.labelTypes.letter:if(e<0||1<P.get.precision())return P.error(k.invalidLetterNumber,e),e;for(var n="",a=Array.isArray(p.letters)?p.letters:String(p.letters).split(""),i=a.length;0<=t;)n=a[t%i]+n,t=Math.floor(t/i)-1;return n;default:return e}},value:function(){return m},settings:function(){return p},currentThumbValue:function(){return void 0!==l&&l.hasClass("second")?P.secondThumbVal:P.thumbVal},thumbValue:function(e){return"second"!==e?P.thumbVal:P.is.range()?P.secondThumbVal:void P.error(k.notrange)},multiplier:function(){return p.pageMultiplier},thumbPosition:function(e){return"second"!==e?g:P.is.range()?v:void P.error(k.notrange)},gapRatio:function(){var e=1;if(p.autoAdjustLabels){var t=P.get.numLabels(),n=P.is.prime(t)?1:0,a=P.get.trackLength(),i=1;if(0<a)for(;a/t*i<p.labelDistance;)(t+n)%i&&"fixed"!==p.autoAdjustLabels||(e=i),i+=1}return e}},determine:{pos:function(e){return P.is.reversed()?P.get.trackStartPos()-e+P.get.trackOffset():e-P.get.trackOffset()-P.get.trackStartPos()},closestThumb:function(e){var t=parseFloat(P.determine.thumbPos(s)),t=Math.abs(e-t),n=parseFloat(P.determine.thumbPos(u)),e=Math.abs(e-n);return(t!==e||P.get.thumbValue()!==P.get.min())&&t<=e?s:u},closestThumbPos:function(e){var t=parseFloat(P.determine.thumbPos(s)),n=Math.abs(e-t),a=parseFloat(P.determine.thumbPos(u));return n<=Math.abs(e-a)?t:a},thumbPos:function(e){return P.is.vertical()?P.is.reversed()?e.css("bottom"):e.css("top"):P.is.reversed()?e.css("right"):e.css("left")},positionFromValue:function(e){var t=P.get.min(),n=P.get.max(),e=n<e?n:e<t?t:e,a=P.get.trackLength(),n=Math.round((e-t)/(n-t)*a);return P.verbose("Determined position: "+n+" from value: "+e),n},positionFromRatio:function(e){var t=P.get.trackLength(),n=P.get.step(),t=Math.round(e*t),n=0===n?t:Math.round(t/n)*n;return P.verbose("Determined position: "+t+" from ratio: "+e),n},valueFromEvent:function(e){var e=P.determine.eventPos(e),t=P.determine.pos(e),e=e<P.get.trackOffset()?P.is.reversed()?P.get.max():P.get.min():e>P.get.trackOffset()+P.get.trackLength()?P.is.reversed()?P.get.min():P.get.max():P.determine.value(t);return e},smoothValueFromEvent:function(e){var t=P.get.min(),n=P.get.max(),a=P.get.trackLength(),e=P.determine.eventPos(e)-P.get.trackOffset(),e=(e=e<0?0:a<e?a:e)/a;return(e=P.is.reversed()?1-e:e)*(n-t)+t},eventPos:function(e){if("touchmove"===e.type||"touchend"===e.type){for(var t=e.touches?e:e.originalEvent,n=t.changedTouches[0],a=0;a<t.touches.length;a++)if(t.touches[a].identifier===r){n=t.touches[a];break}var i=n.pageY,o=n.pageX;return P.is.vertical()?i:o}i=e.pageY||e.originalEvent.pageY,o=e.pageX||e.originalEvent.pageX;return P.is.vertical()?i:o},value:function(e){var t=P.get.precision(),n=P.is.reversed()?P.get.trackEndPos():P.get.trackStartPos(),n=(e-n)/((P.is.reversed()?P.get.trackStartPos():P.get.trackEndPos())-n),a=P.get.max()-P.get.min(),i=P.get.step(),n=n*a,a=0===i?n:Math.round(n/i)*i;return P.verbose("Determined value based upon position: "+e+" as: "+n),n!=a&&P.verbose("Rounding value to closest step: "+a),P.verbose("Cutting off additional decimal places"),Math.round((a+P.get.min())*t)/t},keyMovement:function(e){var e=e.which,t=!P.is.vertical()||P.is.reversed()?o.downArrow:o.upArrow,n=!P.is.vertical()||P.is.reversed()?o.upArrow:o.downArrow,a=!P.is.vertical()&&P.is.reversed()?o.rightArrow:o.leftArrow,i=!P.is.vertical()&&P.is.reversed()?o.leftArrow:o.rightArrow;return e===t||e===a?-1:e===n||e===i?1:e===o.pageDown?-2:e===o.pageUp?2:0}},handleNewValuePosition:function(e){var t=P.get.min(),n=P.get.max();return e<=t?e=t:n<=e&&(e=n),P.determine.positionFromValue(e)},set:{active:function(a,i){var e;p.highlightRange&&(i<a&&(e=i,i=a,a=e),d.find(".label").each(function(e){var t=B(this),n=t.attr("data-value");n&&(n=parseInt(n,10),a<=n&&n<=i?t.addClass(V.active):t.removeClass(V.active))}))},value:function(a,i){i=!1!==i;var o=void 0===f;f=void 0===f?P.get.value():f,P.update.value(a,function(e,t,n){b&&!p.fireOnInit||!i||(a!==f&&p.onChange.call(R,e,t,n),p.onMove.call(R,e,t,n)),o&&(f=void 0)})},rangeValue:function(e,t,n){var a,i,o;n=!1!==n,P.is.range()?(a=P.get.min(),i=P.get.max(),f=(o=void 0===f)?P.get.value():f,e<=a?e=a:i<=e&&(e=i),t<=a?t=a:i<=t&&(t=i),P.thumbVal=e,P.secondThumbVal=t,m=Math.abs(P.thumbVal-P.secondThumbVal),P.update.position(P.thumbVal,s),P.update.position(P.secondThumbVal,u),b&&!p.fireOnInit||!n||(m!==f&&p.onChange.call(R,m,P.thumbVal,P.secondThumbVal),p.onMove.call(R,m,P.thumbVal,P.secondThumbVal)),o&&(f=void 0)):P.error(k.notrange)},position:function(e,t){e=P.determine.value(e);"second"===t?(P.secondThumbVal=e,P.update.position(e,u)):(P.thumbVal=e,P.update.position(e,s)),m=Math.abs(P.thumbVal-(P.secondThumbVal||0)),P.set.value(m)}},update:{value:function(e,t){var n=P.get.min(),a=P.get.max();e<=n?e=n:a<=e&&(e=a),P.is.range()?((l=void 0===l?e<=P.get.currentThumbValue()?s:u:l).hasClass("second")?(p.preventCrossover&&P.is.range()&&(e=Math.max(P.thumbVal+(p.minRange||0),e)),P.secondThumbVal=e):(p.preventCrossover&&P.is.range()&&(e=Math.min(P.secondThumbVal-(p.minRange||0),e)),P.thumbVal=e),m=Math.abs(P.thumbVal-P.secondThumbVal)):(m=e,P.thumbVal=m),P.update.position(e),P.debug("Setting slider value to "+m),"function"==typeof t&&t(m,P.thumbVal,P.secondThumbVal)},position:function(e,t){var n=P.handleNewValuePosition(e),t=t||l,a=P.thumbVal||P.get.min(),i=P.secondThumbVal||P.get.min();p.showThumbTooltip&&(r=P.get.precision(),t.attr("data-tooltip",Math.round(e*r)/r)),P.is.range()&&t.hasClass("second")?(v=n,i=e):(g=n,a=e),P.set.active(a,i);var o,r=P.get.min(),s=P.get.max(),e=(e-r)/(s-r)*100,u=(Math.min(a,i)-r)/(s-r)*100,a=100*(1-(Math.max(a,i)-r)/(s-r)),i=P.is.vertical()?P.is.reversed()?(o={bottom:"calc("+e+"% - "+h+"px)",top:"auto"},{bottom:u+"%",top:a+"%"}):(o={top:"calc("+e+"% - "+h+"px)",bottom:"auto"},{top:u+"%",bottom:a+"%"}):P.is.reversed()?(o={right:"calc("+e+"% - "+h+"px)",left:"auto"},{right:u+"%",left:a+"%"}):(o={left:"calc("+e+"% - "+h+"px)",right:"auto"},{left:u+"%",right:a+"%"});t.css(o),c.css(i),P.debug("Setting slider position to "+n)},labelPosition:function(e,t){var n=P.get.trackStartMargin(),a=P.get.trackEndMargin(),i=P.is.vertical()?P.is.reversed()?"bottom":"top":P.is.reversed()?"right":"left",o=P.is.reversed()&&!P.is.vertical()?" - ":" + ";t.css(i,"calc("+("(100% - "+n+" - "+a+") * "+e)+o+n+")")}},goto:{max:function(){P.set.value(P.get.max())},min:function(){P.set.value(P.get.min())}},read:{metadata:function(){var e={thumbVal:M.data(n.thumbVal),secondThumbVal:M.data(n.secondThumbVal)};e.thumbVal&&(P.is.range()&&e.secondThumbVal?(P.debug("Current value set from metadata",e.thumbVal,e.secondThumbVal),P.set.rangeValue(e.thumbVal,e.secondThumbVal)):(P.debug("Current value set from metadata",e.thumbVal),P.set.value(e.thumbVal)))},settings:function(){var e;!1!==p.start&&(P.is.range()?(((e=p.end-p.start)<0||p.minRange&&e<p.minRange||p.maxRange&&e>p.maxRange||p.minRange&&p.maxRange&&p.minRange>p.maxRange)&&P.error(k.invalidRanges,p.start,p.end,p.minRange,p.maxRange),P.debug("Start position set from settings",p.start,p.end),P.set.rangeValue(p.start,p.end)):(P.debug("Start position set from settings",p.start),P.set.value(p.start)))}},setting:function(e,t){if(P.debug("Changing setting",e,t),B.isPlainObject(e))B.extend(!0,p,e);else{if(void 0===t)return p[e];B.isPlainObject(p[e])?B.extend(!0,p[e],t):p[e]=t}P.clear.cache()},internal:function(e,t){if(B.isPlainObject(e))B.extend(!0,P,e);else{if(void 0===t)return P[e];P[e]=t}},debug:function(){!p.silent&&p.debug&&(p.performance?P.performance.log(arguments):(P.debug=Function.prototype.bind.call(console.info,console,p.name+":"),P.debug.apply(console,arguments)))},verbose:function(){!p.silent&&p.verbose&&p.debug&&(p.performance?P.performance.log(arguments):(P.verbose=Function.prototype.bind.call(console.info,console,p.name+":"),P.verbose.apply(console,arguments)))},error:function(){p.silent||(P.error=Function.prototype.bind.call(console.error,console,p.name+":"),P.error.apply(console,arguments))},performance:{log:function(e){var t,n;p.performance&&(n=(t=Date.now())-(F||t),F=t,O.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:R,"Execution Time":n})),clearTimeout(P.performance.timer),P.performance.timer=setTimeout(function(){P.performance.display()},500)},display:function(){var e=p.name+":",n=0;F=!1,clearTimeout(P.performance.timer),B.each(O,function(e,t){n+=t["Execution Time"]}),e+=" "+n+"ms",0<O.length&&(console.groupCollapsed(e),console.table?console.table(O):B.each(O,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),O=[]}},invoke:function(a,e,t){var i,o,n,r=C;return e=e||N,t=t||R,"string"==typeof a&&void 0!==r&&(a=a.split(/[ .]/),i=a.length-1,B.each(a,function(e,t){var n=e!==i?t+a[e+1].charAt(0).toUpperCase()+a[e+1].slice(1):a;if(B.isPlainObject(r[n])&&e!==i)r=r[n];else{if(void 0!==r[n])return o=r[n],!1;{if(!B.isPlainObject(r[t])||e===i)return void 0!==r[t]?o=r[t]:P.error(k.method,a),!1;r=r[t]}}})),U(o)?n=o.apply(t,e):void 0!==o&&(n=o),Array.isArray(D)?D.push(n):void 0!==D?D=[D,n]:void 0!==n&&(D=n),o}};I?(void 0===C&&P.initialize(),P.invoke(j)):(void 0!==C&&C.invoke("destroy"),P.initialize())}),void 0!==D?D:this},B.fn.slider.settings={silent:!1,debug:!1,verbose:!1,performance:!0,name:"Slider",namespace:"slider",error:{method:"The method you called is not defined.",notrange:"This slider is not a range slider",invalidRanges:"Invalid range settings (start/end/minRange/maxRange)",invalidLetterNumber:'Negative values or decimal places for labelType: "letter" are not supported'},metadata:{thumbVal:"thumbVal",secondThumbVal:"secondThumbVal"},min:0,max:20,step:1,start:0,end:20,minRange:!1,maxRange:!1,labelType:"number",showLabelTicks:!1,smooth:!1,autoAdjustLabels:!0,labelDistance:100,preventCrossover:!0,fireOnInit:!1,interpretLabel:!1,letters:"ABCDEFGHIJKLMNOPQRSTUVWXYZ",decimalPlaces:2,pageMultiplier:2,selector:{},className:{reversed:"reversed",disabled:"disabled",labeled:"labeled",ticked:"ticked",vertical:"vertical",range:"range",smooth:"smooth",label:"label",active:"active"},keys:{pageUp:33,pageDown:34,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40},restrictedLabels:[],highlightRange:!1,showThumbTooltip:!1,tooltipConfig:{position:"top center",variation:"tiny black"},labelTypes:{number:"number",letter:"letter"},onChange:function(e,t,n){},onMove:function(e,t,n){}}}(jQuery,window,document);
|
11
|
+
!function(B,t,n){"use strict";function U(e){return"function"==typeof e&&"number"!=typeof e.nodeType}t=void 0!==t&&t.Math===Math?t:globalThis,B.fn.slider=function(E){var D,e=B(this),A=B(n),S=B(t),F=Date.now(),O=[],j=E,I="string"==typeof j,N=[].slice.call(arguments,1),z=0;return e.each(function(){var l,r,s,u,e,c,d,t,m,g,v,h,f,i,b,p=B.isPlainObject(E)?B.extend(!0,{},B.fn.slider.settings,E):B.extend({},B.fn.slider.settings),V=p.className,n=p.metadata,a=p.namespace,k=p.error,o=p.keys,T=p.interpretLabel,x=!1,y="."+a,w="module-"+a,M=B(this),R=this,C=M.data(w),L=1,P={initialize:function(){P.debug("Initializing slider",p),b=!0,t=z+=1,P.setup.layout(),P.setup.labels(),P.bind.events(),P.read.metadata(),P.read.settings(),b=!1,P.instantiate()},instantiate:function(){P.verbose("Storing instance of slider",P),C=P,M.data(w,P)},destroy:function(){P.verbose("Destroying previous slider for",M),clearInterval(C.interval),P.unbind.events(),P.unbind.slidingEvents(),delete P.cache,M.removeData(w),C=void 0},setup:{layout:function(){void 0===M.attr("tabindex")&&M.attr("tabindex",0),0===M.find(".inner").length&&M.append('<div class="inner"><div class="track"></div><div class="track-fill"></div><div class="thumb"></div></div>'),P.clear.cache(),s=M.find(".thumb:not(.second)"),p.showThumbTooltip&&s.attr("data-position",p.tooltipConfig.position).attr("data-variation",p.tooltipConfig.variation),l=s,P.is.range()&&(0===M.find(".thumb.second").length&&M.find(".inner").append('<div class="thumb second"></div>'),u=M.find(".thumb.second"),p.showThumbTooltip&&u.attr("data-position",p.tooltipConfig.position).attr("data-variation",p.tooltipConfig.variation)),e=M.find(".track"),c=M.find(".track-fill"),h=s.width()/2},labels:function(){P.is.labeled()&&(0<(d=M.find(".labels:not(.auto)")).length?P.setup.customLabel():P.setup.autoLabel(),p.highlightRange&&d.addClass(V.active),p.showLabelTicks?M.addClass(V.ticked):M.hasClass(V.ticked)&&(p.showLabelTicks="always"))},customLabel:function(){var n,e=d.find(".label"),a=e.length,i=P.get.min(),o=P.get.max();e.each(function(e){var t=B(this).attr("data-value");n=t?((t=o<t?o:t<i?i:t)-i)/(o-i):(e+1)/(a+1),P.update.labelPosition(n,B(this))})},autoLabel:function(){0<(d=M.find(".labels")).length?d.empty():d=M.append('<ul class="auto labels"></ul>').find(".labels");for(var e=P.get.step(),t=P.get.precision(),n=P.get.numLabels(),a=n-("fixed"!==p.autoAdjustLabels?0:P.get.max().toString().length+4),i=0;i<=n;i++){var o=Math.round((i*(0===e?1:e)+P.get.min())*t)/t,r=P.get.label(i,o),s=0===p.restrictedLabels.length||0<=p.restrictedLabels.indexOf(r),s=""===r||!s&&"always"!==p.showLabelTicks?null:!(i%P.get.gapRatio())&&i<a||i===n?B("<li/>",{class:V.label,"data-value":o,html:s?r:""}):B("<li/>",{class:"halftick label","data-value":o});s&&(P.update.labelPosition(i/n,s),d.append(s))}}},bind:{events:function(){P.bind.globalKeyboardEvents(),P.bind.keyboardEvents(),P.bind.mouseEvents(),p.autoAdjustLabels&&P.bind.windowEvents()},keyboardEvents:function(){P.verbose("Binding keyboard events"),M.on("keydown"+y,P.event.keydown)},globalKeyboardEvents:function(){A.on("keydown"+y+t,P.event.activateFocus)},mouseEvents:function(){P.verbose("Binding mouse and touch events"),M.find(".track, .thumb, .inner").on("mousedown"+y,function(e){e.stopImmediatePropagation(),e.preventDefault(),P.event.down(e)}),M.on("mousedown"+y,P.event.down),M.on("mouseenter"+y,function(e){x=!0}),M.on("mouseleave"+y,function(e){x=!1}),M.find(".thumb").on("touchstart"+y,P.event.touchDown).on("touchmove"+y,P.event.move).on("touchend"+y,P.event.up).on("touchcancel"+y,P.event.touchCancel)},slidingEvents:function(){P.verbose("Binding page wide events while handle is being draged"),A.on("mousemove"+y,P.event.move),A.on("mouseup"+y,P.event.up)},windowEvents:function(){S.on("resize"+y,P.event.resize)}},unbind:{events:function(){M.find(".track, .thumb, .inner").off("mousedown"+y),M.off("mousedown"+y),M.off("mouseenter"+y),M.off("mouseleave"+y),M.find(".thumb").off("touchstart"+y).off("touchmove"+y).off("touchend"+y).off("touchcancel"+y),M.off("keydown"+y),M.off("focusout"+y),A.off("keydown"+y+t,P.event.activateFocus),S.off("resize"+y)},slidingEvents:function(){A.off("mousemove"+y),A.off("mouseup"+y)}},event:{down:function(e){e.preventDefault(),P.is.range()?(e=P.determine.eventPos(e),e=P.determine.pos(e),l=p.preventCrossover&&P.is.range()&&P.thumbVal===P.secondThumbVal?void(i=e):P.determine.closestThumb(e),void 0===f&&(f=P.get.currentThumbValue())):void 0===f&&(f=P.get.value()),P.is.disabled()||P.bind.slidingEvents()},touchDown:function(e){e.preventDefault(),e.stopImmediatePropagation(),void 0===r&&(l=B(e.target),e=e.touches?e:e.originalEvent,r=e.targetTouches[0].identifier,void 0===f&&(f=P.get.currentThumbValue()))},move:function(e){if("mousemove"===e.type&&e.preventDefault(),!P.is.disabled()){var t=P.determine.valueFromEvent(e);if("mousemove"===e.type&&void 0===l&&(n=P.determine.eventPos(e),n=P.determine.pos(n),l=n<i?s:u),P.is.range()&&(p.minRange||p.maxRange)){var n=P.get.currentRangeDiff(t),a=l.hasClass("second");if(p.minRange&&n<p.minRange||p.maxRange&&n>p.maxRange||p.preventCrossover&&!a&&t>P.secondThumbVal||p.preventCrossover&&a&&t<P.thumbVal)return}0===P.get.step()||P.is.smooth()?(n=P.thumbVal,a=P.secondThumbVal,e=P.determine.smoothValueFromEvent(e),l.hasClass("second")?(p.preventCrossover&&P.is.range()&&(t=Math.max(n,t),e=Math.max(n,e)),a=t):(p.preventCrossover&&P.is.range()&&(t=Math.min(a,t),e=Math.min(a,e)),n=t),t=Math.abs(n-(a||0)),P.update.position(e),p.onMove.call(R,t,n,a)):P.update.value(t,function(e,t,n){p.onMove.call(R,e,t,n)})}},up:function(e){var t;e.preventDefault(),P.is.disabled()||(e=P.determine.valueFromEvent(e),P.is.range()&&(p.minRange||p.maxRange)&&(void 0===l&&(l=e<=P.get.currentThumbValue()?s:u),t=P.get.currentRangeDiff(e),p.minRange&&t<p.minRange?e=P.get.edgeValue(e,p.minRange):p.maxRange&&t>p.maxRange&&(e=P.get.edgeValue(e,p.maxRange))),P.set.value(e),P.unbind.slidingEvents(),(r=void 0)!==f&&(f=void 0))},touchCancel:function(e){e.preventDefault(),(r=void 0)!==f&&(P.update.value(f),f=void 0)},keydown:function(e,t){if(!P.is.disabled()&&(p.preventCrossover&&P.is.range()&&P.thumbVal===P.secondThumbVal&&(l=void 0),P.is.focused()&&A.trigger(e),t||P.is.focused())){t=P.determine.keyMovement(e);if(0!==t)switch(e.preventDefault(),t){case 1:P.takeStep();break;case 2:P.takeStep(P.get.multiplier());break;case-1:P.backStep();break;case-2:P.backStep(P.get.multiplier())}}},activateFocus:function(e){P.is.disabled()||P.is.focused()||!P.is.hover()||0===P.determine.keyMovement(e)||(e.preventDefault(),P.event.keydown(e,!0),M.trigger("focus"))},resize:function(e){L!==P.get.gapRatio()&&(P.resync(),L=P.get.gapRatio())}},clear:{cache:function(){P.cache={}}},resync:function(){P.verbose("Resyncing thumb position based on value"),P.setup.labels(),P.is.range()&&P.update.position(P.secondThumbVal,u),P.update.position(P.thumbVal,s)},takeStep:function(e){e=e||1;var t=P.get.step(),n=P.get.currentThumbValue();P.verbose("Taking a step"),0<t?P.set.value(n+t*e):0===t&&(t=P.get.precision(),P.set.value(Math.round((n+e/t)*t)/t))},backStep:function(e){e=e||1;var t=P.get.step(),n=P.get.currentThumbValue();P.verbose("Going back a step"),0<t?P.set.value(n-t*e):0===t&&(t=P.get.precision(),P.set.value(Math.round((n-e/t)*t)/t))},is:{prime:function(e){if(void 0===P.cache["prime"+e]){for(var t=!0,n=2,a=Math.sqrt(e);n<=a;n++)if(e%n==0){t=!1;break}P.cache["prime"+e]=t=t&&1<e}return P.cache["prime"+e]},range:function(){var e=M.hasClass(V.range);return e||!p.minRange&&!p.maxRange||(M.addClass(V.range),e=!0),e},hover:function(){return x},focused:function(){return M.is(":focus")},disabled:function(){return M.hasClass(V.disabled)},labeled:function(){var e=M.hasClass(V.labeled);return!e&&(0<p.restrictedLabels.length||!1!==p.showLabelTicks)&&(M.addClass(V.labeled),e=!0),e},reversed:function(){return M.hasClass(V.reversed)},vertical:function(){return M.hasClass(V.vertical)},smooth:function(){return p.smooth||M.hasClass(V.smooth)}},get:{currentRangeDiff:function(e){e=l.hasClass("second")?P.thumbVal<e?e-P.thumbVal:P.thumbVal-e:P.secondThumbVal>e?P.secondThumbVal-e:e-P.secondThumbVal;return e},edgeValue:function(e,t){return e=l.hasClass("second")?P.thumbVal<e?P.thumbVal+t:P.thumbVal-t:P.secondThumbVal<e?P.secondThumbVal+t:P.secondThumbVal-t},trackOffset:function(){return P.is.vertical()?e.offset().top:e.offset().left},trackLength:function(){return P.is.vertical()?e.height():e.width()},trackLeft:function(){return P.is.vertical()?e.position().top:e.position().left},trackStartPos:function(){return P.is.reversed()?P.get.trackLeft()+P.get.trackLength():P.get.trackLeft()},trackEndPos:function(){return P.is.reversed()?P.get.trackLeft():P.get.trackLeft()+P.get.trackLength()},trackStartMargin:function(){var e=P.is.vertical()?P.is.reversed()?M.css("padding-bottom"):M.css("padding-top"):P.is.reversed()?M.css("padding-right"):M.css("padding-left");return e||"0px"},trackEndMargin:function(){var e=P.is.vertical()?P.is.reversed()?M.css("padding-top"):M.css("padding-bottom"):P.is.reversed()?M.css("padding-left"):M.css("padding-right");return e||"0px"},precision:function(){var e;return void 0===P.cache.precision&&(e=0!==(e=P.get.step())?2===(e=String(e).split(".")).length?e[1].length:0:p.decimalPlaces,e=Math.pow(10,e),P.debug("Precision determined",e),P.cache.precision=e),P.cache.precision},min:function(){return p.min},max:function(){var e,t,n,a;return void 0===P.cache.max&&(e=P.get.step(),t=P.get.min(),n=P.get.precision(),n=0===e?0:Math.floor(Math.round((p.max-t)/e*n)/n),0<(a=0===e?0:(p.max-t)%e)&&P.debug("Max value not divisible by given step. Increasing max value.",p.max,e),P.cache.max=0==a?p.max:t+n*e),P.cache.max},step:function(){return p.step},numLabels:function(){var e,t;return void 0===P.cache.numLabels&&(t=P.get.step(),e=P.get.precision(),t=Math.round((P.get.max()-P.get.min())/(0===t?1:t)*e)/e,P.debug("Determined that there should be "+t+" labels"),P.cache.numLabels=t),P.cache.numLabels},labelType:function(){return p.labelType},label:function(e,t){if(U(T))return T(e,t,P);switch(p.labelType){case p.labelTypes.number:return t;case p.labelTypes.letter:if(e<0||1<P.get.precision())return P.error(k.invalidLetterNumber,e),e;for(var n="",a=Array.isArray(p.letters)?p.letters:String(p.letters).split(""),i=a.length;0<=t;)n=a[t%i]+n,t=Math.floor(t/i)-1;return n;default:return e}},value:function(){return m},settings:function(){return p},currentThumbValue:function(){return void 0!==l&&l.hasClass("second")?P.secondThumbVal:P.thumbVal},thumbValue:function(e){return"second"!==e?P.thumbVal:P.is.range()?P.secondThumbVal:void P.error(k.notrange)},multiplier:function(){return p.pageMultiplier},thumbPosition:function(e){return"second"!==e?g:P.is.range()?v:void P.error(k.notrange)},gapRatio:function(){var e=1;if(p.autoAdjustLabels){var t=P.get.numLabels(),n=P.is.prime(t)?1:0,a=P.get.trackLength(),i=1;if(0<a)for(;a/t*i<p.labelDistance;)(t+n)%i&&"fixed"!==p.autoAdjustLabels||(e=i),i+=1}return e}},determine:{pos:function(e){return P.is.reversed()?P.get.trackStartPos()-e+P.get.trackOffset():e-P.get.trackOffset()-P.get.trackStartPos()},closestThumb:function(e){var t=parseFloat(P.determine.thumbPos(s)),t=Math.abs(e-t),n=parseFloat(P.determine.thumbPos(u)),e=Math.abs(e-n);return(t!==e||P.get.thumbValue()!==P.get.min())&&t<=e?s:u},closestThumbPos:function(e){var t=parseFloat(P.determine.thumbPos(s)),n=Math.abs(e-t),a=parseFloat(P.determine.thumbPos(u));return n<=Math.abs(e-a)?t:a},thumbPos:function(e){return P.is.vertical()?P.is.reversed()?e.css("bottom"):e.css("top"):P.is.reversed()?e.css("right"):e.css("left")},positionFromValue:function(e){var t=P.get.min(),n=P.get.max(),e=n<e?n:e<t?t:e,a=P.get.trackLength(),n=Math.round((e-t)/(n-t)*a);return P.verbose("Determined position: "+n+" from value: "+e),n},positionFromRatio:function(e){var t=P.get.trackLength(),n=P.get.step(),t=Math.round(e*t),n=0===n?t:Math.round(t/n)*n;return P.verbose("Determined position: "+t+" from ratio: "+e),n},valueFromEvent:function(e){var e=P.determine.eventPos(e),t=P.determine.pos(e),e=e<P.get.trackOffset()?P.is.reversed()?P.get.max():P.get.min():e>P.get.trackOffset()+P.get.trackLength()?P.is.reversed()?P.get.min():P.get.max():P.determine.value(t);return e},smoothValueFromEvent:function(e){var t=P.get.min(),n=P.get.max(),a=P.get.trackLength(),e=P.determine.eventPos(e)-P.get.trackOffset(),e=(e=e<0?0:a<e?a:e)/a;return(e=P.is.reversed()?1-e:e)*(n-t)+t},eventPos:function(e){if("touchmove"===e.type||"touchend"===e.type){for(var t=e.touches?e:e.originalEvent,n=t.changedTouches[0],a=0;a<t.touches.length;a++)if(t.touches[a].identifier===r){n=t.touches[a];break}var i=n.pageY,o=n.pageX;return P.is.vertical()?i:o}i=e.pageY||e.originalEvent.pageY,o=e.pageX||e.originalEvent.pageX;return P.is.vertical()?i:o},value:function(e){var t=P.get.precision(),n=P.is.reversed()?P.get.trackEndPos():P.get.trackStartPos(),n=(e-n)/((P.is.reversed()?P.get.trackStartPos():P.get.trackEndPos())-n),a=P.get.max()-P.get.min(),i=P.get.step(),n=n*a,a=0===i?n:Math.round(n/i)*i;return P.verbose("Determined value based upon position: "+e+" as: "+n),n!=a&&P.verbose("Rounding value to closest step: "+a),P.verbose("Cutting off additional decimal places"),Math.round((a+P.get.min())*t)/t},keyMovement:function(e){var e=e.which,t=!P.is.vertical()||P.is.reversed()?o.downArrow:o.upArrow,n=!P.is.vertical()||P.is.reversed()?o.upArrow:o.downArrow,a=!P.is.vertical()&&P.is.reversed()?o.rightArrow:o.leftArrow,i=!P.is.vertical()&&P.is.reversed()?o.leftArrow:o.rightArrow;return e===t||e===a?-1:e===n||e===i?1:e===o.pageDown?-2:e===o.pageUp?2:0}},handleNewValuePosition:function(e){var t=P.get.min(),n=P.get.max();return e<=t?e=t:n<=e&&(e=n),P.determine.positionFromValue(e)},set:{active:function(a,i){var e;p.highlightRange&&(i<a&&(e=i,i=a,a=e),d.find(".label").each(function(e){var t=B(this),n=t.attr("data-value");n&&(n=parseInt(n,10),a<=n&&n<=i?t.addClass(V.active):t.removeClass(V.active))}))},value:function(a,i){i=!1!==i;var o=void 0===f;f=void 0===f?P.get.value():f,P.update.value(a,function(e,t,n){b&&!p.fireOnInit||!i||(a!==f&&p.onChange.call(R,e,t,n),p.onMove.call(R,e,t,n)),o&&(f=void 0)})},rangeValue:function(e,t,n){var a,i,o;n=!1!==n,P.is.range()?(a=P.get.min(),i=P.get.max(),f=(o=void 0===f)?P.get.value():f,e<=a?e=a:i<=e&&(e=i),t<=a?t=a:i<=t&&(t=i),P.thumbVal=e,P.secondThumbVal=t,m=Math.abs(P.thumbVal-P.secondThumbVal),P.update.position(P.thumbVal,s),P.update.position(P.secondThumbVal,u),b&&!p.fireOnInit||!n||(m!==f&&p.onChange.call(R,m,P.thumbVal,P.secondThumbVal),p.onMove.call(R,m,P.thumbVal,P.secondThumbVal)),o&&(f=void 0)):P.error(k.notrange)},position:function(e,t){e=P.determine.value(e);"second"===t?(P.secondThumbVal=e,P.update.position(e,u)):(P.thumbVal=e,P.update.position(e,s)),m=Math.abs(P.thumbVal-(P.secondThumbVal||0)),P.set.value(m)}},update:{value:function(e,t){var n=P.get.min(),a=P.get.max();e<=n?e=n:a<=e&&(e=a),P.is.range()?((l=void 0===l?e<=P.get.currentThumbValue()?s:u:l).hasClass("second")?(p.preventCrossover&&P.is.range()&&(e=Math.max(P.thumbVal+(p.minRange||0),e)),P.secondThumbVal=e):(p.preventCrossover&&P.is.range()&&(e=Math.min(P.secondThumbVal-(p.minRange||0),e)),P.thumbVal=e),m=Math.abs(P.thumbVal-P.secondThumbVal)):(m=e,P.thumbVal=m),P.update.position(e),P.debug("Setting slider value to "+m),"function"==typeof t&&t(m,P.thumbVal,P.secondThumbVal)},position:function(e,t){var n=P.handleNewValuePosition(e),t=t||l,a=P.thumbVal||P.get.min(),i=P.secondThumbVal||P.get.min();p.showThumbTooltip&&(r=P.get.precision(),t.attr("data-tooltip",Math.round(e*r)/r)),P.is.range()&&t.hasClass("second")?(v=n,i=e):(g=n,a=e),P.set.active(a,i);var o,r=P.get.min(),s=P.get.max(),e=(e-r)/(s-r)*100,u=(Math.min(a,i)-r)/(s-r)*100,a=100*(1-(Math.max(a,i)-r)/(s-r)),i=P.is.vertical()?P.is.reversed()?(o={bottom:"calc("+e+"% - "+h+"px)",top:"auto"},{bottom:u+"%",top:a+"%"}):(o={top:"calc("+e+"% - "+h+"px)",bottom:"auto"},{top:u+"%",bottom:a+"%"}):P.is.reversed()?(o={right:"calc("+e+"% - "+h+"px)",left:"auto"},{right:u+"%",left:a+"%"}):(o={left:"calc("+e+"% - "+h+"px)",right:"auto"},{left:u+"%",right:a+"%"});t.css(o),c.css(i),P.debug("Setting slider position to "+n)},labelPosition:function(e,t){var n=P.get.trackStartMargin(),a=P.get.trackEndMargin(),i=P.is.vertical()?P.is.reversed()?"bottom":"top":P.is.reversed()?"right":"left",o=P.is.reversed()&&!P.is.vertical()?" - ":" + ";t.css(i,"calc("+("(100% - "+n+" - "+a+") * "+e)+o+n+")")}},goto:{max:function(){P.set.value(P.get.max())},min:function(){P.set.value(P.get.min())}},read:{metadata:function(){var e={thumbVal:M.data(n.thumbVal),secondThumbVal:M.data(n.secondThumbVal)};e.thumbVal&&(P.is.range()&&e.secondThumbVal?(P.debug("Current value set from metadata",e.thumbVal,e.secondThumbVal),P.set.rangeValue(e.thumbVal,e.secondThumbVal)):(P.debug("Current value set from metadata",e.thumbVal),P.set.value(e.thumbVal)))},settings:function(){var e;!1!==p.start&&(P.is.range()?(((e=p.end-p.start)<0||p.minRange&&e<p.minRange||p.maxRange&&e>p.maxRange||p.minRange&&p.maxRange&&p.minRange>p.maxRange)&&P.error(k.invalidRanges,p.start,p.end,p.minRange,p.maxRange),P.debug("Start position set from settings",p.start,p.end),P.set.rangeValue(p.start,p.end)):(P.debug("Start position set from settings",p.start),P.set.value(p.start)))}},setting:function(e,t){if(P.debug("Changing setting",e,t),B.isPlainObject(e))B.extend(!0,p,e);else{if(void 0===t)return p[e];B.isPlainObject(p[e])?B.extend(!0,p[e],t):p[e]=t}P.clear.cache()},internal:function(e,t){if(B.isPlainObject(e))B.extend(!0,P,e);else{if(void 0===t)return P[e];P[e]=t}},debug:function(){!p.silent&&p.debug&&(p.performance?P.performance.log(arguments):(P.debug=Function.prototype.bind.call(console.info,console,p.name+":"),P.debug.apply(console,arguments)))},verbose:function(){!p.silent&&p.verbose&&p.debug&&(p.performance?P.performance.log(arguments):(P.verbose=Function.prototype.bind.call(console.info,console,p.name+":"),P.verbose.apply(console,arguments)))},error:function(){p.silent||(P.error=Function.prototype.bind.call(console.error,console,p.name+":"),P.error.apply(console,arguments))},performance:{log:function(e){var t,n;p.performance&&(n=(t=Date.now())-(F||t),F=t,O.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:R,"Execution Time":n})),clearTimeout(P.performance.timer),P.performance.timer=setTimeout(function(){P.performance.display()},500)},display:function(){var e=p.name+":",n=0;F=!1,clearTimeout(P.performance.timer),B.each(O,function(e,t){n+=t["Execution Time"]}),e+=" "+n+"ms",0<O.length&&(console.groupCollapsed(e),console.table?console.table(O):B.each(O,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),O=[]}},invoke:function(a,e,t){var i,o,n,r=C;return e=e||N,t=t||R,"string"==typeof a&&void 0!==r&&(a=a.split(/[ .]/),i=a.length-1,B.each(a,function(e,t){var n=e!==i?t+a[e+1].charAt(0).toUpperCase()+a[e+1].slice(1):a;if(B.isPlainObject(r[n])&&e!==i)r=r[n];else{if(void 0!==r[n])return o=r[n],!1;{if(!B.isPlainObject(r[t])||e===i)return void 0!==r[t]?o=r[t]:P.error(k.method,a),!1;r=r[t]}}})),U(o)?n=o.apply(t,e):void 0!==o&&(n=o),Array.isArray(D)?D.push(n):void 0!==D?D=[D,n]:void 0!==n&&(D=n),o}};I?(void 0===C&&P.initialize(),P.invoke(j)):(void 0!==C&&C.invoke("destroy"),P.initialize())}),void 0!==D?D:this},B.fn.slider.settings={silent:!1,debug:!1,verbose:!1,performance:!0,name:"Slider",namespace:"slider",error:{method:"The method you called is not defined.",notrange:"This slider is not a range slider",invalidRanges:"Invalid range settings (start/end/minRange/maxRange)",invalidLetterNumber:'Negative values or decimal places for labelType: "letter" are not supported'},metadata:{thumbVal:"thumbVal",secondThumbVal:"secondThumbVal"},min:0,max:20,step:1,start:0,end:20,minRange:!1,maxRange:!1,labelType:"number",showLabelTicks:!1,smooth:!1,autoAdjustLabels:!0,labelDistance:100,preventCrossover:!0,fireOnInit:!1,interpretLabel:!1,letters:"ABCDEFGHIJKLMNOPQRSTUVWXYZ",decimalPlaces:2,pageMultiplier:2,selector:{},className:{reversed:"reversed",disabled:"disabled",labeled:"labeled",ticked:"ticked",vertical:"vertical",range:"range",smooth:"smooth",label:"label",active:"active"},keys:{pageUp:33,pageDown:34,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40},restrictedLabels:[],highlightRange:!1,showThumbTooltip:!1,tooltipConfig:{position:"top center",variation:"tiny black"},labelTypes:{number:"number",letter:"letter"},onChange:function(e,t,n){},onMove:function(e,t,n){}}}(jQuery,window,document);
|
package/dist/components/state.js
CHANGED
package/dist/components/step.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.10.0-beta.0+f24b47e - Step
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -190,10 +190,6 @@
|
|
190
190
|
.ui.circular.steps:not(.vertical) .step::after {
|
191
191
|
left: calc((-2.2em + 0.95em) - 0.3em);
|
192
192
|
}
|
193
|
-
.ui.circular.steps:not(.vertical) .step.link::before,
|
194
|
-
.ui.circular.steps:not(.vertical) .step.link::after {
|
195
|
-
cursor: pointer;
|
196
|
-
}
|
197
193
|
.ui.circular.steps:not(.vertical) .step.completed {
|
198
194
|
background: #21ba45;
|
199
195
|
}
|
@@ -221,6 +217,14 @@
|
|
221
217
|
.ui.circular.steps:not(.vertical) .step .content:not(.aligned) .title + .description {
|
222
218
|
margin-top: 0.5em;
|
223
219
|
}
|
220
|
+
.ui.circular.steps:not(.vertical) a.step::before,
|
221
|
+
.ui.circular.steps:not(.vertical) a.step::after,
|
222
|
+
.ui.circular.steps:not(.vertical) a.step .content,
|
223
|
+
.ui.circular.steps:not(.vertical) .step.link .content,
|
224
|
+
.ui.circular.steps:not(.vertical) .step.link::before,
|
225
|
+
.ui.circular.steps:not(.vertical) .step.link::after {
|
226
|
+
cursor: pointer;
|
227
|
+
}
|
224
228
|
.ui.circular.steps .step {
|
225
229
|
color: inherit;
|
226
230
|
}
|
@@ -540,6 +544,7 @@
|
|
540
544
|
.ui.circular.steps .disabled.step {
|
541
545
|
cursor: auto;
|
542
546
|
opacity: 0.5;
|
547
|
+
pointer-events: none;
|
543
548
|
}
|
544
549
|
.ui.circular.steps .disabled.step::before,
|
545
550
|
.ui.circular.steps .disabled.step::after {
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.10.0-beta.0+f24b47e - Step
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
7
|
* https://opensource.org/licenses/MIT
|
8
8
|
*
|
9
|
-
*/.ui.steps:not(.circular){display:inline-flex;flex-direction:row;align-items:stretch;margin:1em 0;background:"";box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:not(.unstackable){flex-wrap:wrap}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps:not(.circular) .step{position:relative;display:flex;flex:1 0 auto;flex-flow:row wrap;vertical-align:middle;align-items:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,.15);transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps:not(.circular) .step::after{display:none;position:absolute;z-index:2;content:"";top:50%;right:0;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps:not(.circular) .step:first-child{padding-left:2em;border-radius:.28571429rem 0 0 .28571429rem}.ui.steps:not(.circular) .step:last-child{border-radius:0 .28571429rem .28571429rem 0;border-right:none;margin-right:0}.ui.steps:not(.circular) .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.14285714em;font-weight:700;line-height:1.14285714em}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87);line-height:1.14285714em}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>i.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>i.icon,.ui.steps .step>i.icon~.content{display:block;flex:0 1 auto;align-self:center}.ui.steps:not(.vertical) .step>i.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.circular.steps{border:0;border-radius:0;box-shadow:none}.ui.circular.steps:not(.vertical){background:0 0;border:0;border-radius:0;box-shadow:none;position:relative;display:flex;padding:1em 0;margin:1em 0}.ui.circular.steps:not(.vertical) .step{background:rgba(34,36,38,.15);cursor:default;height:2px;display:flex;flex-wrap:wrap;align-items:center;flex:1;position:relative;margin-left:2.2em}.ui.circular.steps:not(.vertical) .step::before{left:-2.2em}.ui.circular.steps:not(.vertical) .step::after{left:calc((-2.2em + .95em) - .3em)}.ui.circular.steps:not(.vertical) .step.link::after,.ui.circular.steps:not(.vertical) .step.link::before{cursor:pointer}.ui.circular.steps:not(.vertical) .step.completed{background:#21ba45}.ui.circular.steps:not(.vertical) .step.completed::after{left:calc(-2.2em + ((2.2em / 2)/ 2) + (2px / 2))}.ui.circular.steps:not(.vertical) .step:last-child{flex:0}.ui.circular.steps:not(.vertical) .step .content{margin-top:-1.5em;padding:0 .5em}.ui.circular.steps:not(.vertical) .step .content.center.aligned{margin-top:-.65em}.ui.circular.steps:not(.vertical) .step .content.center.aligned .title{padding:0 .5em;margin-left:-.5em;background:#fff}.ui.circular.steps:not(.vertical) .step .content.bottom.aligned{margin-top:.5em}.ui.circular.steps:not(.vertical) .step .content:not(.aligned) .title+.description{margin-top:.5em}.ui.circular.steps .step{color:inherit}.ui.circular.steps .step::before{content:"";border-radius:50%;border:2px solid rgba(34,36,38,.15);height:2.2em;width:2.2em;line-height:2.2em;position:absolute}.ui.circular.steps .step::after{content:"";display:block;position:absolute;border-radius:50%;background:rgba(34,36,38,.15);height:.95em;width:.95em}.ui.circular.steps .step.active::before{border-color:#21ba45}.ui.circular.steps .step.active::after{background:#21ba45}.ui.circular.steps .step.active .title{color:#21ba45}.ui.circular.steps .step.completed::before{background:#21ba45;border-color:#21ba45}.ui.circular.steps .step.completed::after{background:0 0;content:"\e800";font-family:Step;color:#fff;height:auto;line-height:1em}@supports selector(:has(.f)){.ui.circular.steps:not(.vertical) .step:last-child:has(.content){flex:1}.ui.circular.steps:not(.vertical) .step:last-child:has(.center.aligned.content){background:0 0}}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step::before{text-align:center;content:counter(ordered);align-self:center;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps:not(.circular) .step::before{display:block;position:static;font-size:2.5em;margin-right:1rem}.ui.circular.ordered.steps .step::before{line-height:calc(2.2em - 2px)}.ui.circular.ordered.steps .step.completed::before{content:""}.ui.circular.ordered.steps .step::after{background:0 0}.ui.circular.ordered.steps .step.active::before{color:#21ba45}.ui.ordered.steps .step>*{display:block;align-self:center}.ui.vertical.steps:not(.circular){display:inline-flex;flex-direction:column;overflow:visible}.ui.vertical.steps:not(.circular) .step{justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps:not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps:not(.circular) .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps:not(.circular) .step:only-child{border-radius:.28571429rem}.ui.vertical.steps:not(.circular) .step::after{top:50%;right:0;border-width:0 1px 1px 0;display:none}.ui.right.vertical.steps:not(.circular) .step::after{border-width:1px 0 0 1px;left:0;right:100%;transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.ui.vertical.steps:not(.circular) .active.step::after{display:block}.ui.vertical.steps:not(.circular) .step:last-child::after{display:none}.ui.vertical.steps:not(.circular) .active.step:last-child::after{display:block}.ui.circular.vertical.steps{display:inline-flex;flex-flow:column wrap;align-items:flex-start}.ui.circular.vertical.steps .step{position:relative;width:100%}.ui.circular.vertical.steps .step::before{left:0;top:0}.ui.circular.vertical.steps .step::after{left:calc((2.2em / (2.2 * 2)) + 2px);top:calc((2.2em / (2.2 * 2)) + 2px)}.ui.circular.vertical.steps .step .content{padding-left:3.5em}.ui.circular.vertical.steps .step:not(:last-child){padding-bottom:3em}.ui.circular.vertical.steps .step:not(:last-child) .content::before{content:"";position:absolute;border-left:2px solid rgba(34,36,38,.15);top:2.2em;bottom:0;left:calc(2.2em / 2)}.ui.circular.vertical.steps .step.completed .content::before{border-color:#21ba45}.ui.circular.vertical.steps .step.completed::before{background:#21ba45;border-color:#21ba45}.ui.circular.vertical.steps .step.completed::after{top:calc((2.2em / (2.2 * 2)) + (2px - (2px / 2)))}@media only screen and (max-width:767.98px){.ui.steps:not(.unstackable):not(.circular){display:inline-flex;overflow:visible;flex-direction:column}.ui.steps:not(.unstackable):not(.circular) .step{width:100%!important;flex-direction:column;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.steps:not(.unstackable):not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable):not(.circular) .step:last-child{border-radius:0 0 .28571429rem .28571429rem;border-bottom:none}.ui.steps:not(.unstackable):not(.circular) .step::after{top:unset;bottom:-1.14285714em;right:50%;transform:translateY(-50%) translateX(50%) rotate(45deg)}.ui.vertical.steps:not(.circular) .active.step:last-child::after{display:none}.ui.steps:not(.unstackable):not(.circular) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable):not(.circular) .step::before,.ui.steps:not(.unstackable):not(.circular) .step>i.icon{margin:0 0 1rem 0}}.ui.steps:not(.circular) .link.step:hover,.ui.steps:not(.circular) .link.step:hover::after,.ui.steps:not(.circular) a.step:hover,.ui.steps:not(.circular) a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps:not(.circular) .link.step:active,.ui.steps:not(.circular) .link.step:active::after,.ui.steps:not(.circular) a.step:active,.ui.steps:not(.circular) a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps:not(.circular) .step.active{cursor:auto;background:#f3f4f5}.ui.steps:not(.circular) .step.active::after{background:#f3f4f5}.ui.steps:not(.circular) .step.active .title{color:#4183c4}.ui.ordered.steps .step.active::before,.ui.steps .active.step i.icon{color:rgba(0,0,0,.85)}.ui.steps:not(.circular) .step::after{display:block}.ui.steps:not(.circular) .active.step::after{display:block}.ui.steps:not(.circular) .step:last-child::after{display:none}.ui.steps:not(.circular) .active.step:last-child::after{display:none}.ui.steps:not(.circular) .link.active.step:hover,.ui.steps:not(.circular) .link.active.step:hover::after,.ui.steps:not(.circular) a.active.step:hover,.ui.steps:not(.circular) a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed::before,.ui.steps .step.completed>i.icon::before{color:#21ba45}.ui.steps:not(.circular) .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps:not(.circular) .disabled.step,.ui.steps:not(.circular) .disabled.step .description,.ui.steps:not(.circular) .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps:not(.circular) .disabled.step::after{background:#fff}.ui.circular.steps .disabled.step{cursor:auto;opacity:.5}.ui.circular.steps .disabled.step::after,.ui.circular.steps .disabled.step::before{cursor:auto}@media only screen and (max-width:991.98px){.ui[class*="tablet stackable"].steps:not(.circular){display:inline-flex;overflow:visible;flex-direction:column}.ui[class*="tablet stackable"].steps:not(.circular) .step{flex-direction:column;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui[class*="tablet stackable"].steps:not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps:not(.circular) .step:last-child{border-radius:0 0 .28571429rem .28571429rem;border-bottom:none}.ui[class*="tablet stackable"].steps:not(.circular) .step::after{top:unset;bottom:-1.14285714em;right:50%;transform:translateY(-50%) translateX(50%) rotate(45deg)}.ui[class*="tablet stackable"].steps:not(.circular) .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step::before,.ui[class*="tablet stackable"].steps .step>i.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:flex;width:100%}.ui.attached.steps:not(.circular){width:calc(100% + 2px)!important;margin:0 -1px 0;max-width:calc(100% + 2px);border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps:not(.circular) .step:first-child{border-radius:.28571429rem 0 0 0}.ui.attached.steps:not(.circular) .step:last-child{border-radius:0 .28571429rem 0 0}.ui.bottom.attached.steps:not(.circular){margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps:not(.circular) .step:first-child{border-radius:0 0 0 .28571429rem}.ui.bottom.attached.steps:not(.circular) .step:last-child{border-radius:0 0 .28571429rem 0}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.step,.ui.steps .step{font-size:1rem}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.mini.circular.steps:not(.vertical){margin:.78571429rem 0;padding:.78571429rem 0}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.tiny.circular.steps:not(.vertical){margin:.85714286rem 0;padding:.85714286rem 0}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.small.circular.steps:not(.vertical){margin:.92857143rem 0;padding:.92857143rem 0}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.large.circular.steps:not(.vertical){margin:1.14285714rem 0;padding:1.14285714rem 0}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.big.circular.steps:not(.vertical){margin:1.28571429rem 0;padding:1.28571429rem 0}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.huge.circular.steps:not(.vertical){margin:1.42857143rem 0;padding:1.42857143rem 0}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}.ui.massive.circular.steps:not(.vertical){margin:1.71428571rem 0;padding:1.71428571rem 0}.ui.inverted.steps:not(.circular){border:1px solid #555}.ui.inverted.steps:not(.circular) .step{color:rgba(255,255,255,.9);background:#1b1c1d;border-color:#555}.ui.inverted.steps:not(.circular) .step::after{background-color:#1b1c1d;border-color:#555}.ui.inverted.steps .step .description{color:rgba(255,255,255,.9)}.ui.inverted.steps:not(.circular) .step.active,.ui.inverted.steps:not(.circular) .step.active::after{background:#333}.ui.inverted.ordered.steps:not(.circular) .step.active::before,.ui.inverted.steps:not(.circular) .active.step i.icon{color:#fff}.ui.inverted.steps:not(.circular) .disabled.step,.ui.inverted.steps:not(.circular) .disabled.step::after{background:#222}.ui.inverted.steps:not(.circular) .disabled.step,.ui.inverted.steps:not(.circular) .disabled.step .description,.ui.inverted.steps:not(.circular) .disabled.step .title{color:rgba(225,225,225,.3)}.ui.inverted.steps:not(.circular) .link.step:hover,.ui.inverted.steps:not(.circular) .link.step:hover::after,.ui.inverted.steps:not(.circular) a.step:hover,.ui.inverted.steps:not(.circular) a.step:hover::after{background:#3f3f3f;color:#fff}.ui.inverted.steps:not(.circular) .link.step:active,.ui.inverted.steps:not(.circular) .link.step:active::after,.ui.inverted.steps:not(.circular) a.step:active,.ui.inverted.steps:not(.circular) a.step:active::after{background:#444;color:#fff}.ui.inverted.circular.steps .step .content{color:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step:not(.completed){background:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step:not(.active):not(.completed)::before{border-color:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step .center.aligned.content .title{background:#1b1c1d}.ui.inverted.circular.steps:not(.ordered) .step:not(.active):not(.completed)::after{background:rgba(255,255,255,.9)}.ui.inverted.circular.steps.vertical .step:not(.active):not(.completed)::before{border-color:rgba(255,255,255,.9)}.ui.inverted.circular.steps.vertical .step:not(.completed) .content::before{background:rgba(255,255,255,.9)}.ui.ui.circular.steps .step.primary::before{border-color:#2185d0}.ui.ui.circular.steps .step.primary::after{background:#2185d0}.ui.ui.primary.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.primary.active::before{border-color:#2185d0}.ui.ui.primary.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.primary.active::after{background:#2185d0}.ui.ui.primary.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.primary.completed::before{background:#2185d0;border-color:#2185d0}.ui.ui.primary.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.primary.completed{background:#2185d0}.ui.ui.circular.steps:not(.vertical) .step.primary{background:#2185d0}.ui.ui.primary.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.primary.active .content .title{color:#2185d0}.ui.ui.vertical.circular.steps .step.completed.primary .content::before{border-color:#2185d0}.ui.ui.primary.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.primary.completed .content::before{border-color:#2185d0}.ui.ui.circular.ordered.steps .step.primary::after,.ui.ui.primary.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.primary.active::before,.ui.ui.primary.circular.ordered.steps .step.active::before{color:#2185d0}.ui.ui.circular.steps .step.secondary::before{border-color:#1b1c1d}.ui.ui.circular.steps .step.secondary::after{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.secondary.active::before{border-color:#1b1c1d}.ui.ui.secondary.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.secondary.active::after{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.secondary.completed::before{background:#1b1c1d;border-color:#1b1c1d}.ui.ui.secondary.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.secondary.completed{background:#1b1c1d}.ui.ui.circular.steps:not(.vertical) .step.secondary{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.secondary.active .content .title{color:#1b1c1d}.ui.ui.vertical.circular.steps .step.completed.secondary .content::before{border-color:#1b1c1d}.ui.ui.secondary.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.secondary.completed .content::before{border-color:#1b1c1d}.ui.ui.circular.ordered.steps .step.secondary::after,.ui.ui.secondary.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.secondary.active::before,.ui.ui.secondary.circular.ordered.steps .step.active::before{color:#1b1c1d}.ui.ui.circular.steps .step.red::before{border-color:#db2828}.ui.ui.circular.steps .step.red::after{background:#db2828}.ui.ui.red.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.red.active::before{border-color:#db2828}.ui.ui.red.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.red.active::after{background:#db2828}.ui.ui.red.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.red.completed::before{background:#db2828;border-color:#db2828}.ui.ui.red.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.red.completed{background:#db2828}.ui.ui.circular.steps:not(.vertical) .step.red{background:#db2828}.ui.ui.red.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.red.active .content .title{color:#db2828}.ui.ui.vertical.circular.steps .step.completed.red .content::before{border-color:#db2828}.ui.ui.red.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.red.completed .content::before{border-color:#db2828}.ui.ui.circular.ordered.steps .step.red::after,.ui.ui.red.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.red.active::before,.ui.ui.red.circular.ordered.steps .step.active::before{color:#db2828}.ui.ui.circular.steps .step.orange::before{border-color:#f2711c}.ui.ui.circular.steps .step.orange::after{background:#f2711c}.ui.ui.orange.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.orange.active::before{border-color:#f2711c}.ui.ui.orange.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.orange.active::after{background:#f2711c}.ui.ui.orange.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.orange.completed::before{background:#f2711c;border-color:#f2711c}.ui.ui.orange.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.orange.completed{background:#f2711c}.ui.ui.circular.steps:not(.vertical) .step.orange{background:#f2711c}.ui.ui.orange.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.orange.active .content .title{color:#f2711c}.ui.ui.vertical.circular.steps .step.completed.orange .content::before{border-color:#f2711c}.ui.ui.orange.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.orange.completed .content::before{border-color:#f2711c}.ui.ui.circular.ordered.steps .step.orange::after,.ui.ui.orange.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.orange.active::before,.ui.ui.orange.circular.ordered.steps .step.active::before{color:#f2711c}.ui.ui.circular.steps .step.yellow::before{border-color:#fbbd08}.ui.ui.circular.steps .step.yellow::after{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active::before,.ui.ui.yellow.circular.steps .step.active::before{border-color:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active::after,.ui.ui.yellow.circular.steps .step.active::after{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.completed::before,.ui.ui.yellow.circular.steps .step.completed::before{background:#fbbd08;border-color:#fbbd08}.ui.ui.ui.circular.steps:not(.vertical) .step.yellow.completed,.ui.ui.yellow.circular.steps:not(.vertical) .step.completed{background:#fbbd08}.ui.ui.circular.steps:not(.vertical) .step.yellow{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active .content .title,.ui.ui.yellow.circular.steps .step.active .content .title{color:#fbbd08}.ui.ui.vertical.circular.steps .step.completed.yellow .content::before{border-color:#fbbd08}.ui.ui.vertical.circular.steps .step.yellow.completed .content::before,.ui.ui.yellow.vertical.circular.steps .step.completed .content::before{border-color:#fbbd08}.ui.ui.circular.ordered.steps .step.yellow::after,.ui.ui.yellow.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.yellow.active::before,.ui.ui.yellow.circular.ordered.steps .step.active::before{color:#fbbd08}.ui.ui.circular.steps .step.olive::before{border-color:#b5cc18}.ui.ui.circular.steps .step.olive::after{background:#b5cc18}.ui.ui.olive.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.olive.active::before{border-color:#b5cc18}.ui.ui.olive.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.olive.active::after{background:#b5cc18}.ui.ui.olive.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.olive.completed::before{background:#b5cc18;border-color:#b5cc18}.ui.ui.olive.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.olive.completed{background:#b5cc18}.ui.ui.circular.steps:not(.vertical) .step.olive{background:#b5cc18}.ui.ui.olive.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.olive.active .content .title{color:#b5cc18}.ui.ui.vertical.circular.steps .step.completed.olive .content::before{border-color:#b5cc18}.ui.ui.olive.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.olive.completed .content::before{border-color:#b5cc18}.ui.ui.circular.ordered.steps .step.olive::after,.ui.ui.olive.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.olive.active::before,.ui.ui.olive.circular.ordered.steps .step.active::before{color:#b5cc18}.ui.ui.circular.steps .step.green::before{border-color:#21ba45}.ui.ui.circular.steps .step.green::after{background:#21ba45}.ui.ui.green.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.green.active::before{border-color:#21ba45}.ui.ui.green.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.green.active::after{background:#21ba45}.ui.ui.green.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.green.completed::before{background:#21ba45;border-color:#21ba45}.ui.ui.green.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.green.completed{background:#21ba45}.ui.ui.circular.steps:not(.vertical) .step.green{background:#21ba45}.ui.ui.green.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.green.active .content .title{color:#21ba45}.ui.ui.vertical.circular.steps .step.completed.green .content::before{border-color:#21ba45}.ui.ui.green.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.green.completed .content::before{border-color:#21ba45}.ui.ui.circular.ordered.steps .step.green::after,.ui.ui.green.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.green.active::before,.ui.ui.green.circular.ordered.steps .step.active::before{color:#21ba45}.ui.ui.circular.steps .step.teal::before{border-color:#00b5ad}.ui.ui.circular.steps .step.teal::after{background:#00b5ad}.ui.ui.teal.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.teal.active::before{border-color:#00b5ad}.ui.ui.teal.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.teal.active::after{background:#00b5ad}.ui.ui.teal.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.teal.completed::before{background:#00b5ad;border-color:#00b5ad}.ui.ui.teal.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.teal.completed{background:#00b5ad}.ui.ui.circular.steps:not(.vertical) .step.teal{background:#00b5ad}.ui.ui.teal.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.teal.active .content .title{color:#00b5ad}.ui.ui.vertical.circular.steps .step.completed.teal .content::before{border-color:#00b5ad}.ui.ui.teal.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.teal.completed .content::before{border-color:#00b5ad}.ui.ui.circular.ordered.steps .step.teal::after,.ui.ui.teal.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.teal.active::before,.ui.ui.teal.circular.ordered.steps .step.active::before{color:#00b5ad}.ui.ui.circular.steps .step.blue::before{border-color:#2185d0}.ui.ui.circular.steps .step.blue::after{background:#2185d0}.ui.ui.blue.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.blue.active::before{border-color:#2185d0}.ui.ui.blue.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.blue.active::after{background:#2185d0}.ui.ui.blue.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.blue.completed::before{background:#2185d0;border-color:#2185d0}.ui.ui.blue.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.blue.completed{background:#2185d0}.ui.ui.circular.steps:not(.vertical) .step.blue{background:#2185d0}.ui.ui.blue.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.blue.active .content .title{color:#2185d0}.ui.ui.vertical.circular.steps .step.completed.blue .content::before{border-color:#2185d0}.ui.ui.blue.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.blue.completed .content::before{border-color:#2185d0}.ui.ui.blue.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.blue::after{background:0 0}.ui.ui.blue.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.blue.active::before{color:#2185d0}.ui.ui.circular.steps .step.violet::before{border-color:#6435c9}.ui.ui.circular.steps .step.violet::after{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.active::before,.ui.ui.violet.circular.steps .step.active::before{border-color:#6435c9}.ui.ui.ui.circular.steps .step.violet.active::after,.ui.ui.violet.circular.steps .step.active::after{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.completed::before,.ui.ui.violet.circular.steps .step.completed::before{background:#6435c9;border-color:#6435c9}.ui.ui.ui.circular.steps:not(.vertical) .step.violet.completed,.ui.ui.violet.circular.steps:not(.vertical) .step.completed{background:#6435c9}.ui.ui.circular.steps:not(.vertical) .step.violet{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.active .content .title,.ui.ui.violet.circular.steps .step.active .content .title{color:#6435c9}.ui.ui.vertical.circular.steps .step.completed.violet .content::before{border-color:#6435c9}.ui.ui.vertical.circular.steps .step.violet.completed .content::before,.ui.ui.violet.vertical.circular.steps .step.completed .content::before{border-color:#6435c9}.ui.ui.circular.ordered.steps .step.violet::after,.ui.ui.violet.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.violet.active::before,.ui.ui.violet.circular.ordered.steps .step.active::before{color:#6435c9}.ui.ui.circular.steps .step.purple::before{border-color:#a333c8}.ui.ui.circular.steps .step.purple::after{background:#a333c8}.ui.ui.purple.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.purple.active::before{border-color:#a333c8}.ui.ui.purple.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.purple.active::after{background:#a333c8}.ui.ui.purple.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.purple.completed::before{background:#a333c8;border-color:#a333c8}.ui.ui.purple.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.purple.completed{background:#a333c8}.ui.ui.circular.steps:not(.vertical) .step.purple{background:#a333c8}.ui.ui.purple.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.purple.active .content .title{color:#a333c8}.ui.ui.vertical.circular.steps .step.completed.purple .content::before{border-color:#a333c8}.ui.ui.purple.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.purple.completed .content::before{border-color:#a333c8}.ui.ui.circular.ordered.steps .step.purple::after,.ui.ui.purple.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.purple.active::before,.ui.ui.purple.circular.ordered.steps .step.active::before{color:#a333c8}.ui.ui.circular.steps .step.pink::before{border-color:#e03997}.ui.ui.circular.steps .step.pink::after{background:#e03997}.ui.ui.pink.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.pink.active::before{border-color:#e03997}.ui.ui.pink.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.pink.active::after{background:#e03997}.ui.ui.pink.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.pink.completed::before{background:#e03997;border-color:#e03997}.ui.ui.pink.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.pink.completed{background:#e03997}.ui.ui.circular.steps:not(.vertical) .step.pink{background:#e03997}.ui.ui.pink.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.pink.active .content .title{color:#e03997}.ui.ui.vertical.circular.steps .step.completed.pink .content::before{border-color:#e03997}.ui.ui.pink.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.pink.completed .content::before{border-color:#e03997}.ui.ui.circular.ordered.steps .step.pink::after,.ui.ui.pink.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.pink.active::before,.ui.ui.pink.circular.ordered.steps .step.active::before{color:#e03997}.ui.ui.circular.steps .step.brown::before{border-color:#a5673f}.ui.ui.circular.steps .step.brown::after{background:#a5673f}.ui.ui.brown.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.brown.active::before{border-color:#a5673f}.ui.ui.brown.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.brown.active::after{background:#a5673f}.ui.ui.brown.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.brown.completed::before{background:#a5673f;border-color:#a5673f}.ui.ui.brown.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.brown.completed{background:#a5673f}.ui.ui.circular.steps:not(.vertical) .step.brown{background:#a5673f}.ui.ui.brown.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.brown.active .content .title{color:#a5673f}.ui.ui.vertical.circular.steps .step.completed.brown .content::before{border-color:#a5673f}.ui.ui.brown.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.brown.completed .content::before{border-color:#a5673f}.ui.ui.brown.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.brown::after{background:0 0}.ui.ui.brown.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.brown.active::before{color:#a5673f}.ui.ui.circular.steps .step.grey::before{border-color:#767676}.ui.ui.circular.steps .step.grey::after{background:#767676}.ui.ui.grey.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.grey.active::before{border-color:#767676}.ui.ui.grey.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.grey.active::after{background:#767676}.ui.ui.grey.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.grey.completed::before{background:#767676;border-color:#767676}.ui.ui.grey.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.grey.completed{background:#767676}.ui.ui.circular.steps:not(.vertical) .step.grey{background:#767676}.ui.ui.grey.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.grey.active .content .title{color:#767676}.ui.ui.vertical.circular.steps .step.completed.grey .content::before{border-color:#767676}.ui.ui.grey.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.grey.completed .content::before{border-color:#767676}.ui.ui.circular.ordered.steps .step.grey::after,.ui.ui.grey.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.grey.active::before,.ui.ui.grey.circular.ordered.steps .step.active::before{color:#767676}.ui.ui.circular.steps .step.black::before{border-color:#1b1c1d}.ui.ui.circular.steps .step.black::after{background:#1b1c1d}.ui.ui.black.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.black.active::before{border-color:#1b1c1d}.ui.ui.black.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.black.active::after{background:#1b1c1d}.ui.ui.black.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.black.completed::before{background:#1b1c1d;border-color:#1b1c1d}.ui.ui.black.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.black.completed{background:#1b1c1d}.ui.ui.circular.steps:not(.vertical) .step.black{background:#1b1c1d}.ui.ui.black.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.black.active .content .title{color:#1b1c1d}.ui.ui.vertical.circular.steps .step.completed.black .content::before{border-color:#1b1c1d}.ui.ui.black.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.black.completed .content::before{border-color:#1b1c1d}.ui.ui.black.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.black::after{background:0 0}.ui.ui.black.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.black.active::before{color:#1b1c1d}@font-face{font-family:Step;src:url(data:application/font-woff;base64,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) format("woff")}.ui.ordered.steps .step.completed::before,.ui.steps .step.completed>.icon::before{font-family:Step;content:"\e800"}
|
9
|
+
*/.ui.steps:not(.circular){display:inline-flex;flex-direction:row;align-items:stretch;margin:1em 0;background:"";box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:not(.unstackable){flex-wrap:wrap}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps:not(.circular) .step{position:relative;display:flex;flex:1 0 auto;flex-flow:row wrap;vertical-align:middle;align-items:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,.15);transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps:not(.circular) .step::after{display:none;position:absolute;z-index:2;content:"";top:50%;right:0;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps:not(.circular) .step:first-child{padding-left:2em;border-radius:.28571429rem 0 0 .28571429rem}.ui.steps:not(.circular) .step:last-child{border-radius:0 .28571429rem .28571429rem 0;border-right:none;margin-right:0}.ui.steps:not(.circular) .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.14285714em;font-weight:700;line-height:1.14285714em}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87);line-height:1.14285714em}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>i.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>i.icon,.ui.steps .step>i.icon~.content{display:block;flex:0 1 auto;align-self:center}.ui.steps:not(.vertical) .step>i.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.circular.steps{border:0;border-radius:0;box-shadow:none}.ui.circular.steps:not(.vertical){background:0 0;border:0;border-radius:0;box-shadow:none;position:relative;display:flex;padding:1em 0;margin:1em 0}.ui.circular.steps:not(.vertical) .step{background:rgba(34,36,38,.15);cursor:default;height:2px;display:flex;flex-wrap:wrap;align-items:center;flex:1;position:relative;margin-left:2.2em}.ui.circular.steps:not(.vertical) .step::before{left:-2.2em}.ui.circular.steps:not(.vertical) .step::after{left:calc((-2.2em + .95em) - .3em)}.ui.circular.steps:not(.vertical) .step.completed{background:#21ba45}.ui.circular.steps:not(.vertical) .step.completed::after{left:calc(-2.2em + ((2.2em / 2)/ 2) + (2px / 2))}.ui.circular.steps:not(.vertical) .step:last-child{flex:0}.ui.circular.steps:not(.vertical) .step .content{margin-top:-1.5em;padding:0 .5em}.ui.circular.steps:not(.vertical) .step .content.center.aligned{margin-top:-.65em}.ui.circular.steps:not(.vertical) .step .content.center.aligned .title{padding:0 .5em;margin-left:-.5em;background:#fff}.ui.circular.steps:not(.vertical) .step .content.bottom.aligned{margin-top:.5em}.ui.circular.steps:not(.vertical) .step .content:not(.aligned) .title+.description{margin-top:.5em}.ui.circular.steps:not(.vertical) .step.link .content,.ui.circular.steps:not(.vertical) .step.link::after,.ui.circular.steps:not(.vertical) .step.link::before,.ui.circular.steps:not(.vertical) a.step .content,.ui.circular.steps:not(.vertical) a.step::after,.ui.circular.steps:not(.vertical) a.step::before{cursor:pointer}.ui.circular.steps .step{color:inherit}.ui.circular.steps .step::before{content:"";border-radius:50%;border:2px solid rgba(34,36,38,.15);height:2.2em;width:2.2em;line-height:2.2em;position:absolute}.ui.circular.steps .step::after{content:"";display:block;position:absolute;border-radius:50%;background:rgba(34,36,38,.15);height:.95em;width:.95em}.ui.circular.steps .step.active::before{border-color:#21ba45}.ui.circular.steps .step.active::after{background:#21ba45}.ui.circular.steps .step.active .title{color:#21ba45}.ui.circular.steps .step.completed::before{background:#21ba45;border-color:#21ba45}.ui.circular.steps .step.completed::after{background:0 0;content:"\e800";font-family:Step;color:#fff;height:auto;line-height:1em}@supports selector(:has(.f)){.ui.circular.steps:not(.vertical) .step:last-child:has(.content){flex:1}.ui.circular.steps:not(.vertical) .step:last-child:has(.center.aligned.content){background:0 0}}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step::before{text-align:center;content:counter(ordered);align-self:center;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps:not(.circular) .step::before{display:block;position:static;font-size:2.5em;margin-right:1rem}.ui.circular.ordered.steps .step::before{line-height:calc(2.2em - 2px)}.ui.circular.ordered.steps .step.completed::before{content:""}.ui.circular.ordered.steps .step::after{background:0 0}.ui.circular.ordered.steps .step.active::before{color:#21ba45}.ui.ordered.steps .step>*{display:block;align-self:center}.ui.vertical.steps:not(.circular){display:inline-flex;flex-direction:column;overflow:visible}.ui.vertical.steps:not(.circular) .step{justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps:not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps:not(.circular) .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps:not(.circular) .step:only-child{border-radius:.28571429rem}.ui.vertical.steps:not(.circular) .step::after{top:50%;right:0;border-width:0 1px 1px 0;display:none}.ui.right.vertical.steps:not(.circular) .step::after{border-width:1px 0 0 1px;left:0;right:100%;transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.ui.vertical.steps:not(.circular) .active.step::after{display:block}.ui.vertical.steps:not(.circular) .step:last-child::after{display:none}.ui.vertical.steps:not(.circular) .active.step:last-child::after{display:block}.ui.circular.vertical.steps{display:inline-flex;flex-flow:column wrap;align-items:flex-start}.ui.circular.vertical.steps .step{position:relative;width:100%}.ui.circular.vertical.steps .step::before{left:0;top:0}.ui.circular.vertical.steps .step::after{left:calc((2.2em / (2.2 * 2)) + 2px);top:calc((2.2em / (2.2 * 2)) + 2px)}.ui.circular.vertical.steps .step .content{padding-left:3.5em}.ui.circular.vertical.steps .step:not(:last-child){padding-bottom:3em}.ui.circular.vertical.steps .step:not(:last-child) .content::before{content:"";position:absolute;border-left:2px solid rgba(34,36,38,.15);top:2.2em;bottom:0;left:calc(2.2em / 2)}.ui.circular.vertical.steps .step.completed .content::before{border-color:#21ba45}.ui.circular.vertical.steps .step.completed::before{background:#21ba45;border-color:#21ba45}.ui.circular.vertical.steps .step.completed::after{top:calc((2.2em / (2.2 * 2)) + (2px - (2px / 2)))}@media only screen and (max-width:767.98px){.ui.steps:not(.unstackable):not(.circular){display:inline-flex;overflow:visible;flex-direction:column}.ui.steps:not(.unstackable):not(.circular) .step{width:100%!important;flex-direction:column;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.steps:not(.unstackable):not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable):not(.circular) .step:last-child{border-radius:0 0 .28571429rem .28571429rem;border-bottom:none}.ui.steps:not(.unstackable):not(.circular) .step::after{top:unset;bottom:-1.14285714em;right:50%;transform:translateY(-50%) translateX(50%) rotate(45deg)}.ui.vertical.steps:not(.circular) .active.step:last-child::after{display:none}.ui.steps:not(.unstackable):not(.circular) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable):not(.circular) .step::before,.ui.steps:not(.unstackable):not(.circular) .step>i.icon{margin:0 0 1rem 0}}.ui.steps:not(.circular) .link.step:hover,.ui.steps:not(.circular) .link.step:hover::after,.ui.steps:not(.circular) a.step:hover,.ui.steps:not(.circular) a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps:not(.circular) .link.step:active,.ui.steps:not(.circular) .link.step:active::after,.ui.steps:not(.circular) a.step:active,.ui.steps:not(.circular) a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps:not(.circular) .step.active{cursor:auto;background:#f3f4f5}.ui.steps:not(.circular) .step.active::after{background:#f3f4f5}.ui.steps:not(.circular) .step.active .title{color:#4183c4}.ui.ordered.steps .step.active::before,.ui.steps .active.step i.icon{color:rgba(0,0,0,.85)}.ui.steps:not(.circular) .step::after{display:block}.ui.steps:not(.circular) .active.step::after{display:block}.ui.steps:not(.circular) .step:last-child::after{display:none}.ui.steps:not(.circular) .active.step:last-child::after{display:none}.ui.steps:not(.circular) .link.active.step:hover,.ui.steps:not(.circular) .link.active.step:hover::after,.ui.steps:not(.circular) a.active.step:hover,.ui.steps:not(.circular) a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed::before,.ui.steps .step.completed>i.icon::before{color:#21ba45}.ui.steps:not(.circular) .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps:not(.circular) .disabled.step,.ui.steps:not(.circular) .disabled.step .description,.ui.steps:not(.circular) .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps:not(.circular) .disabled.step::after{background:#fff}.ui.circular.steps .disabled.step{cursor:auto;opacity:.5;pointer-events:none}.ui.circular.steps .disabled.step::after,.ui.circular.steps .disabled.step::before{cursor:auto}@media only screen and (max-width:991.98px){.ui[class*="tablet stackable"].steps:not(.circular){display:inline-flex;overflow:visible;flex-direction:column}.ui[class*="tablet stackable"].steps:not(.circular) .step{flex-direction:column;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui[class*="tablet stackable"].steps:not(.circular) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps:not(.circular) .step:last-child{border-radius:0 0 .28571429rem .28571429rem;border-bottom:none}.ui[class*="tablet stackable"].steps:not(.circular) .step::after{top:unset;bottom:-1.14285714em;right:50%;transform:translateY(-50%) translateX(50%) rotate(45deg)}.ui[class*="tablet stackable"].steps:not(.circular) .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step::before,.ui[class*="tablet stackable"].steps .step>i.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:flex;width:100%}.ui.attached.steps:not(.circular){width:calc(100% + 2px)!important;margin:0 -1px 0;max-width:calc(100% + 2px);border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps:not(.circular) .step:first-child{border-radius:.28571429rem 0 0 0}.ui.attached.steps:not(.circular) .step:last-child{border-radius:0 .28571429rem 0 0}.ui.bottom.attached.steps:not(.circular){margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps:not(.circular) .step:first-child{border-radius:0 0 0 .28571429rem}.ui.bottom.attached.steps:not(.circular) .step:last-child{border-radius:0 0 .28571429rem 0}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.step,.ui.steps .step{font-size:1rem}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.mini.circular.steps:not(.vertical){margin:.78571429rem 0;padding:.78571429rem 0}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.tiny.circular.steps:not(.vertical){margin:.85714286rem 0;padding:.85714286rem 0}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.small.circular.steps:not(.vertical){margin:.92857143rem 0;padding:.92857143rem 0}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.large.circular.steps:not(.vertical){margin:1.14285714rem 0;padding:1.14285714rem 0}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.big.circular.steps:not(.vertical){margin:1.28571429rem 0;padding:1.28571429rem 0}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.huge.circular.steps:not(.vertical){margin:1.42857143rem 0;padding:1.42857143rem 0}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}.ui.massive.circular.steps:not(.vertical){margin:1.71428571rem 0;padding:1.71428571rem 0}.ui.inverted.steps:not(.circular){border:1px solid #555}.ui.inverted.steps:not(.circular) .step{color:rgba(255,255,255,.9);background:#1b1c1d;border-color:#555}.ui.inverted.steps:not(.circular) .step::after{background-color:#1b1c1d;border-color:#555}.ui.inverted.steps .step .description{color:rgba(255,255,255,.9)}.ui.inverted.steps:not(.circular) .step.active,.ui.inverted.steps:not(.circular) .step.active::after{background:#333}.ui.inverted.ordered.steps:not(.circular) .step.active::before,.ui.inverted.steps:not(.circular) .active.step i.icon{color:#fff}.ui.inverted.steps:not(.circular) .disabled.step,.ui.inverted.steps:not(.circular) .disabled.step::after{background:#222}.ui.inverted.steps:not(.circular) .disabled.step,.ui.inverted.steps:not(.circular) .disabled.step .description,.ui.inverted.steps:not(.circular) .disabled.step .title{color:rgba(225,225,225,.3)}.ui.inverted.steps:not(.circular) .link.step:hover,.ui.inverted.steps:not(.circular) .link.step:hover::after,.ui.inverted.steps:not(.circular) a.step:hover,.ui.inverted.steps:not(.circular) a.step:hover::after{background:#3f3f3f;color:#fff}.ui.inverted.steps:not(.circular) .link.step:active,.ui.inverted.steps:not(.circular) .link.step:active::after,.ui.inverted.steps:not(.circular) a.step:active,.ui.inverted.steps:not(.circular) a.step:active::after{background:#444;color:#fff}.ui.inverted.circular.steps .step .content{color:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step:not(.completed){background:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step:not(.active):not(.completed)::before{border-color:rgba(255,255,255,.9)}.ui.inverted.circular.steps:not(.vertical) .step .center.aligned.content .title{background:#1b1c1d}.ui.inverted.circular.steps:not(.ordered) .step:not(.active):not(.completed)::after{background:rgba(255,255,255,.9)}.ui.inverted.circular.steps.vertical .step:not(.active):not(.completed)::before{border-color:rgba(255,255,255,.9)}.ui.inverted.circular.steps.vertical .step:not(.completed) .content::before{background:rgba(255,255,255,.9)}.ui.ui.circular.steps .step.primary::before{border-color:#2185d0}.ui.ui.circular.steps .step.primary::after{background:#2185d0}.ui.ui.primary.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.primary.active::before{border-color:#2185d0}.ui.ui.primary.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.primary.active::after{background:#2185d0}.ui.ui.primary.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.primary.completed::before{background:#2185d0;border-color:#2185d0}.ui.ui.primary.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.primary.completed{background:#2185d0}.ui.ui.circular.steps:not(.vertical) .step.primary{background:#2185d0}.ui.ui.primary.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.primary.active .content .title{color:#2185d0}.ui.ui.vertical.circular.steps .step.completed.primary .content::before{border-color:#2185d0}.ui.ui.primary.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.primary.completed .content::before{border-color:#2185d0}.ui.ui.circular.ordered.steps .step.primary::after,.ui.ui.primary.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.primary.active::before,.ui.ui.primary.circular.ordered.steps .step.active::before{color:#2185d0}.ui.ui.circular.steps .step.secondary::before{border-color:#1b1c1d}.ui.ui.circular.steps .step.secondary::after{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.secondary.active::before{border-color:#1b1c1d}.ui.ui.secondary.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.secondary.active::after{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.secondary.completed::before{background:#1b1c1d;border-color:#1b1c1d}.ui.ui.secondary.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.secondary.completed{background:#1b1c1d}.ui.ui.circular.steps:not(.vertical) .step.secondary{background:#1b1c1d}.ui.ui.secondary.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.secondary.active .content .title{color:#1b1c1d}.ui.ui.vertical.circular.steps .step.completed.secondary .content::before{border-color:#1b1c1d}.ui.ui.secondary.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.secondary.completed .content::before{border-color:#1b1c1d}.ui.ui.circular.ordered.steps .step.secondary::after,.ui.ui.secondary.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.secondary.active::before,.ui.ui.secondary.circular.ordered.steps .step.active::before{color:#1b1c1d}.ui.ui.circular.steps .step.red::before{border-color:#db2828}.ui.ui.circular.steps .step.red::after{background:#db2828}.ui.ui.red.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.red.active::before{border-color:#db2828}.ui.ui.red.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.red.active::after{background:#db2828}.ui.ui.red.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.red.completed::before{background:#db2828;border-color:#db2828}.ui.ui.red.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.red.completed{background:#db2828}.ui.ui.circular.steps:not(.vertical) .step.red{background:#db2828}.ui.ui.red.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.red.active .content .title{color:#db2828}.ui.ui.vertical.circular.steps .step.completed.red .content::before{border-color:#db2828}.ui.ui.red.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.red.completed .content::before{border-color:#db2828}.ui.ui.circular.ordered.steps .step.red::after,.ui.ui.red.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.red.active::before,.ui.ui.red.circular.ordered.steps .step.active::before{color:#db2828}.ui.ui.circular.steps .step.orange::before{border-color:#f2711c}.ui.ui.circular.steps .step.orange::after{background:#f2711c}.ui.ui.orange.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.orange.active::before{border-color:#f2711c}.ui.ui.orange.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.orange.active::after{background:#f2711c}.ui.ui.orange.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.orange.completed::before{background:#f2711c;border-color:#f2711c}.ui.ui.orange.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.orange.completed{background:#f2711c}.ui.ui.circular.steps:not(.vertical) .step.orange{background:#f2711c}.ui.ui.orange.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.orange.active .content .title{color:#f2711c}.ui.ui.vertical.circular.steps .step.completed.orange .content::before{border-color:#f2711c}.ui.ui.orange.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.orange.completed .content::before{border-color:#f2711c}.ui.ui.circular.ordered.steps .step.orange::after,.ui.ui.orange.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.orange.active::before,.ui.ui.orange.circular.ordered.steps .step.active::before{color:#f2711c}.ui.ui.circular.steps .step.yellow::before{border-color:#fbbd08}.ui.ui.circular.steps .step.yellow::after{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active::before,.ui.ui.yellow.circular.steps .step.active::before{border-color:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active::after,.ui.ui.yellow.circular.steps .step.active::after{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.completed::before,.ui.ui.yellow.circular.steps .step.completed::before{background:#fbbd08;border-color:#fbbd08}.ui.ui.ui.circular.steps:not(.vertical) .step.yellow.completed,.ui.ui.yellow.circular.steps:not(.vertical) .step.completed{background:#fbbd08}.ui.ui.circular.steps:not(.vertical) .step.yellow{background:#fbbd08}.ui.ui.ui.circular.steps .step.yellow.active .content .title,.ui.ui.yellow.circular.steps .step.active .content .title{color:#fbbd08}.ui.ui.vertical.circular.steps .step.completed.yellow .content::before{border-color:#fbbd08}.ui.ui.vertical.circular.steps .step.yellow.completed .content::before,.ui.ui.yellow.vertical.circular.steps .step.completed .content::before{border-color:#fbbd08}.ui.ui.circular.ordered.steps .step.yellow::after,.ui.ui.yellow.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.yellow.active::before,.ui.ui.yellow.circular.ordered.steps .step.active::before{color:#fbbd08}.ui.ui.circular.steps .step.olive::before{border-color:#b5cc18}.ui.ui.circular.steps .step.olive::after{background:#b5cc18}.ui.ui.olive.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.olive.active::before{border-color:#b5cc18}.ui.ui.olive.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.olive.active::after{background:#b5cc18}.ui.ui.olive.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.olive.completed::before{background:#b5cc18;border-color:#b5cc18}.ui.ui.olive.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.olive.completed{background:#b5cc18}.ui.ui.circular.steps:not(.vertical) .step.olive{background:#b5cc18}.ui.ui.olive.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.olive.active .content .title{color:#b5cc18}.ui.ui.vertical.circular.steps .step.completed.olive .content::before{border-color:#b5cc18}.ui.ui.olive.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.olive.completed .content::before{border-color:#b5cc18}.ui.ui.circular.ordered.steps .step.olive::after,.ui.ui.olive.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.olive.active::before,.ui.ui.olive.circular.ordered.steps .step.active::before{color:#b5cc18}.ui.ui.circular.steps .step.green::before{border-color:#21ba45}.ui.ui.circular.steps .step.green::after{background:#21ba45}.ui.ui.green.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.green.active::before{border-color:#21ba45}.ui.ui.green.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.green.active::after{background:#21ba45}.ui.ui.green.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.green.completed::before{background:#21ba45;border-color:#21ba45}.ui.ui.green.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.green.completed{background:#21ba45}.ui.ui.circular.steps:not(.vertical) .step.green{background:#21ba45}.ui.ui.green.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.green.active .content .title{color:#21ba45}.ui.ui.vertical.circular.steps .step.completed.green .content::before{border-color:#21ba45}.ui.ui.green.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.green.completed .content::before{border-color:#21ba45}.ui.ui.circular.ordered.steps .step.green::after,.ui.ui.green.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.green.active::before,.ui.ui.green.circular.ordered.steps .step.active::before{color:#21ba45}.ui.ui.circular.steps .step.teal::before{border-color:#00b5ad}.ui.ui.circular.steps .step.teal::after{background:#00b5ad}.ui.ui.teal.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.teal.active::before{border-color:#00b5ad}.ui.ui.teal.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.teal.active::after{background:#00b5ad}.ui.ui.teal.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.teal.completed::before{background:#00b5ad;border-color:#00b5ad}.ui.ui.teal.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.teal.completed{background:#00b5ad}.ui.ui.circular.steps:not(.vertical) .step.teal{background:#00b5ad}.ui.ui.teal.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.teal.active .content .title{color:#00b5ad}.ui.ui.vertical.circular.steps .step.completed.teal .content::before{border-color:#00b5ad}.ui.ui.teal.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.teal.completed .content::before{border-color:#00b5ad}.ui.ui.circular.ordered.steps .step.teal::after,.ui.ui.teal.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.teal.active::before,.ui.ui.teal.circular.ordered.steps .step.active::before{color:#00b5ad}.ui.ui.circular.steps .step.blue::before{border-color:#2185d0}.ui.ui.circular.steps .step.blue::after{background:#2185d0}.ui.ui.blue.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.blue.active::before{border-color:#2185d0}.ui.ui.blue.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.blue.active::after{background:#2185d0}.ui.ui.blue.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.blue.completed::before{background:#2185d0;border-color:#2185d0}.ui.ui.blue.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.blue.completed{background:#2185d0}.ui.ui.circular.steps:not(.vertical) .step.blue{background:#2185d0}.ui.ui.blue.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.blue.active .content .title{color:#2185d0}.ui.ui.vertical.circular.steps .step.completed.blue .content::before{border-color:#2185d0}.ui.ui.blue.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.blue.completed .content::before{border-color:#2185d0}.ui.ui.blue.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.blue::after{background:0 0}.ui.ui.blue.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.blue.active::before{color:#2185d0}.ui.ui.circular.steps .step.violet::before{border-color:#6435c9}.ui.ui.circular.steps .step.violet::after{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.active::before,.ui.ui.violet.circular.steps .step.active::before{border-color:#6435c9}.ui.ui.ui.circular.steps .step.violet.active::after,.ui.ui.violet.circular.steps .step.active::after{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.completed::before,.ui.ui.violet.circular.steps .step.completed::before{background:#6435c9;border-color:#6435c9}.ui.ui.ui.circular.steps:not(.vertical) .step.violet.completed,.ui.ui.violet.circular.steps:not(.vertical) .step.completed{background:#6435c9}.ui.ui.circular.steps:not(.vertical) .step.violet{background:#6435c9}.ui.ui.ui.circular.steps .step.violet.active .content .title,.ui.ui.violet.circular.steps .step.active .content .title{color:#6435c9}.ui.ui.vertical.circular.steps .step.completed.violet .content::before{border-color:#6435c9}.ui.ui.vertical.circular.steps .step.violet.completed .content::before,.ui.ui.violet.vertical.circular.steps .step.completed .content::before{border-color:#6435c9}.ui.ui.circular.ordered.steps .step.violet::after,.ui.ui.violet.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.violet.active::before,.ui.ui.violet.circular.ordered.steps .step.active::before{color:#6435c9}.ui.ui.circular.steps .step.purple::before{border-color:#a333c8}.ui.ui.circular.steps .step.purple::after{background:#a333c8}.ui.ui.purple.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.purple.active::before{border-color:#a333c8}.ui.ui.purple.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.purple.active::after{background:#a333c8}.ui.ui.purple.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.purple.completed::before{background:#a333c8;border-color:#a333c8}.ui.ui.purple.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.purple.completed{background:#a333c8}.ui.ui.circular.steps:not(.vertical) .step.purple{background:#a333c8}.ui.ui.purple.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.purple.active .content .title{color:#a333c8}.ui.ui.vertical.circular.steps .step.completed.purple .content::before{border-color:#a333c8}.ui.ui.purple.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.purple.completed .content::before{border-color:#a333c8}.ui.ui.circular.ordered.steps .step.purple::after,.ui.ui.purple.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.purple.active::before,.ui.ui.purple.circular.ordered.steps .step.active::before{color:#a333c8}.ui.ui.circular.steps .step.pink::before{border-color:#e03997}.ui.ui.circular.steps .step.pink::after{background:#e03997}.ui.ui.pink.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.pink.active::before{border-color:#e03997}.ui.ui.pink.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.pink.active::after{background:#e03997}.ui.ui.pink.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.pink.completed::before{background:#e03997;border-color:#e03997}.ui.ui.pink.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.pink.completed{background:#e03997}.ui.ui.circular.steps:not(.vertical) .step.pink{background:#e03997}.ui.ui.pink.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.pink.active .content .title{color:#e03997}.ui.ui.vertical.circular.steps .step.completed.pink .content::before{border-color:#e03997}.ui.ui.pink.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.pink.completed .content::before{border-color:#e03997}.ui.ui.circular.ordered.steps .step.pink::after,.ui.ui.pink.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.pink.active::before,.ui.ui.pink.circular.ordered.steps .step.active::before{color:#e03997}.ui.ui.circular.steps .step.brown::before{border-color:#a5673f}.ui.ui.circular.steps .step.brown::after{background:#a5673f}.ui.ui.brown.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.brown.active::before{border-color:#a5673f}.ui.ui.brown.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.brown.active::after{background:#a5673f}.ui.ui.brown.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.brown.completed::before{background:#a5673f;border-color:#a5673f}.ui.ui.brown.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.brown.completed{background:#a5673f}.ui.ui.circular.steps:not(.vertical) .step.brown{background:#a5673f}.ui.ui.brown.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.brown.active .content .title{color:#a5673f}.ui.ui.vertical.circular.steps .step.completed.brown .content::before{border-color:#a5673f}.ui.ui.brown.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.brown.completed .content::before{border-color:#a5673f}.ui.ui.brown.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.brown::after{background:0 0}.ui.ui.brown.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.brown.active::before{color:#a5673f}.ui.ui.circular.steps .step.grey::before{border-color:#767676}.ui.ui.circular.steps .step.grey::after{background:#767676}.ui.ui.grey.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.grey.active::before{border-color:#767676}.ui.ui.grey.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.grey.active::after{background:#767676}.ui.ui.grey.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.grey.completed::before{background:#767676;border-color:#767676}.ui.ui.grey.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.grey.completed{background:#767676}.ui.ui.circular.steps:not(.vertical) .step.grey{background:#767676}.ui.ui.grey.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.grey.active .content .title{color:#767676}.ui.ui.vertical.circular.steps .step.completed.grey .content::before{border-color:#767676}.ui.ui.grey.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.grey.completed .content::before{border-color:#767676}.ui.ui.circular.ordered.steps .step.grey::after,.ui.ui.grey.circular.ordered.steps .step::after{background:0 0}.ui.ui.circular.ordered.steps .step.grey.active::before,.ui.ui.grey.circular.ordered.steps .step.active::before{color:#767676}.ui.ui.circular.steps .step.black::before{border-color:#1b1c1d}.ui.ui.circular.steps .step.black::after{background:#1b1c1d}.ui.ui.black.circular.steps .step.active::before,.ui.ui.ui.circular.steps .step.black.active::before{border-color:#1b1c1d}.ui.ui.black.circular.steps .step.active::after,.ui.ui.ui.circular.steps .step.black.active::after{background:#1b1c1d}.ui.ui.black.circular.steps .step.completed::before,.ui.ui.ui.circular.steps .step.black.completed::before{background:#1b1c1d;border-color:#1b1c1d}.ui.ui.black.circular.steps:not(.vertical) .step.completed,.ui.ui.ui.circular.steps:not(.vertical) .step.black.completed{background:#1b1c1d}.ui.ui.circular.steps:not(.vertical) .step.black{background:#1b1c1d}.ui.ui.black.circular.steps .step.active .content .title,.ui.ui.ui.circular.steps .step.black.active .content .title{color:#1b1c1d}.ui.ui.vertical.circular.steps .step.completed.black .content::before{border-color:#1b1c1d}.ui.ui.black.vertical.circular.steps .step.completed .content::before,.ui.ui.vertical.circular.steps .step.black.completed .content::before{border-color:#1b1c1d}.ui.ui.black.circular.ordered.steps .step::after,.ui.ui.circular.ordered.steps .step.black::after{background:0 0}.ui.ui.black.circular.ordered.steps .step.active::before,.ui.ui.circular.ordered.steps .step.black.active::before{color:#1b1c1d}@font-face{font-family:Step;src:url(data:application/font-woff;base64,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) format("woff")}.ui.ordered.steps .step.completed::before,.ui.steps .step.completed>.icon::before{font-family:Step;content:"\e800"}
|