UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

aui.atlassian.com

50 lines • 16.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/*!! * @atlassian/aui - Atlassian User Interface Framework * @version v8.0.0-alpha.1 * @link https://aui.atlassian.com * @license SEE LICENSE IN LICENSE.md * @author Atlassian Pty Ltd. */ exports.ids=[81],exports.modules={202: /*!********************************************!*\ !*** ../src/js/aui/internal/mediaQuery.js ***! \********************************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(window.matchMedia)return window.matchMedia(e).matches;var t=document.createElement("style");t.type="text/css",t.id="testMedia",t.innerText="@media "+e+" { #testMedia { width: 1px; } }",document.head.appendChild(t);var i="1px"===window.getComputedStyle(t,null).width;return t.parentNode.removeChild(t),i},e.exports=t.default},203: /*!******************************************!*\ !*** ../src/js/aui/internal/is-input.js ***! \******************************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"value"in e||e.isContentEditable},e.exports=t.default},204: /*!*******************************************!*\ !*** ../src/js/aui/internal/has-touch.js ***! \*******************************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=window.DocumentTouch,n="ontouchstart"in window||o&&document instanceof o;t.default=n,e.exports=t.default},205: /*!******************************!*\ !*** ../src/js/aui/clone.js ***! \******************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(i(/*! ./jquery */0));function n(e){return e&&e.__esModule?e:{default:e}}function r(e){return(0,o.default)(e).clone().removeAttr("id")}(0,n(i(/*! ./internal/globalize */1)).default)("clone",r),t.default=r,e.exports=t.default},206: /*!********************************!*\ !*** ../src/js/aui/sidebar.js ***! \********************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=h(i(/*! ./jquery */0));i(/*! ../../js-vendor/jquery/jquery.tipsy */39),i(/*! ./i18n */10);var n=h(i(/*! ./clone */205)),r=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t.default=e,t}(i(/*! ./internal/deprecation */9)),s=h(i(/*! ./internal/globalize */1)),a=h(i(/*! ./internal/has-touch */204)),l=h(i(/*! ./internal/is-input */203)),u=h(i(/*! ./key-code */8)),d=h(i(/*! ./internal/mediaQuery */202)),p=h(i(/*! ./internal/skate */5)),f=h(i(/*! ./unique-id */24)),c=h(i(/*! ./internal/widget */52));function h(e){return e&&e.__esModule?e:{default:e}}function v(e){return e.offset().top}function g(e){var t;(this.$el=(0,o.default)(e),this.$el.length)&&(this.$body=(0,o.default)("body"),this.$wrapper=this.$el.children(".aui-sidebar-wrapper"),this.$body.addClass("aui-page-sidebar"),this._previousScrollTop=null,this._previousViewportHeight=null,this._previousViewportWidth=null,this._previousOffsetTop=null,this.submenus=new w,function(e){if(!(0,o.default)(".aui-sidebar").length)return;(function(e){e.$el.on("mouseenter mouseleave click focus",e.collapsedTriggersSelector,function(t){var i=(0,o.default)(t.target);x(e,i)})})(e),a.default&&(0,d.default)("only screen and (max-device-width:1024px)")&&(0,o.default)("body").addClass("aui-page-sidebar-touch");var t=null,i=function(){null===t&&(t=requestAnimationFrame(function(){e.reflow(),t=null}))};(0,o.default)(window).on("scroll resize",i),i(),e.isAnimated()&&e.$el.on("transitionend webkitTransitionEnd",function(){e.$el.trigger(o.default.Event(b+(e.isCollapsed()?"collapse-end":"expand-end")))});e.$el.on("click",".aui-sidebar-toggle",function(t){t.preventDefault(),e.toggle()}),(0,o.default)(".aui-page-panel").click(function(){!e.isCollapsed()&&e.isViewportNarrow()&&e.collapse()});var n=function(t){(function(e){return!(e.which!==u.default.LEFT_SQUARE_BRACKET||e.shiftKey||e.ctrlKey||e.metaKey||(0,l.default)(e.target))})(t)&&e.toggle()};function r(e){return e.keyCode===u.default.TAB&&!e.shiftKey&&!e.altKey}(0,o.default)(document).on("keypress",n),e._remove=function(){this._removeAllTooltips(),(0,o.default)(this.inlineDialogSelector).remove(),this.$el.off(),this.$el.remove(),(0,o.default)(document).off("keypress",n),(0,o.default)(window).off("scroll resize",i)},e.$el.on("touchend",function(t){e.isCollapsed()&&(e.expand(),t.preventDefault())}),e.$el.on("mouseenter focus",e.collapsedTriggersSelector,function(){if(e.isCollapsed()){var t=(0,o.default)(this);$(t)||V(t)}}),e.$el.on("click blur mouseleave",e.collapsedTriggersSelector,function(){e.isCollapsed()&&D((0,o.default)(this))}),e.$el.on("mouseenter focus",e.toggleSelector,function(){var t=(0,o.default)(this);e.isCollapsed()?t.data("tooltip",AJS.I18n.getText("aui.sidebar.expand.tooltip")):t.data("tooltip",AJS.I18n.getText("aui.sidebar.collapse.tooltip")),V(t)}),e.$el.on("click blur mouseleave",e.toggleSelector,function(){D((0,o.default)(this))}),e.$el.on("keydown",e.collapsedTriggersSelector,function(t){if(e.isCollapsed()){var i=t.target,n=C(i);if(!n)return;var s=(0,o.default)(n);r(t)&&n.open&&(t.preventDefault(),(a=s).attr("persistent",""),a.find(":aui-tabbable").first().focus(),setTimeout(function(){a.removeAttr("persistent")},100),s.on("keydown",function(e){((function(e){return e.keyCode===u.default.TAB&&e.shiftKey})(e)&&e.target===s.find(":aui-tabbable")[0]||r(e)&&function(e,t){return e===t.find(":aui-tabbable").last()[0]}(e.target,s))&&(i.focus(),(0,o.default)(this).off("keydown"),S())}))}var a})}(this),t=this,(0,o.default)(t.collapsedTriggersSelector).each(function(){var e=(0,o.default)(this);x(t,e)}))}var b="_aui-internal-sidebar-";function y(e){return o.default.map(e.split(" "),function(e){return b+e}).join(" ")}function m(){return document.querySelectorAll(g.prototype.inlineDialogSelector)}function w(){this.inlineDialog=null}function _(e){return e.is("a")?e.next(".aui-nav"):e.children(".aui-nav, hr")}function C(e){var t=e.getAttribute("aria-controls");return document.getElementById(t)}function $(e){return 0!==_(e).length}function S(){var e=m();Array.prototype.forEach.call(e,function(e){e.open=!1})}function x(e,t){if(!t.data("_aui-sidebar-submenu-constructed")&&(t.data("_aui-sidebar-submenu-constructed",!0),$(t))){var i=document.createElement("aui-inline-dialog"),r=(0,f.default)("sidebar-submenu");return t.attr("aria-controls",r),t.attr("data-aui-trigger",""),p.default.init(t),i.setAttribute("id",r),i.setAttribute("alignment","right top"),i.setAttribute("aria-hidden","true"),e.isCollapsed()&&i.setAttribute("responds-to","hover"),(0,o.default)(i).addClass(g.prototype.inlineDialogClass),document.body.appendChild(i),p.default.init(i),function(e,t,i){i.addEventListener("aui-layer-show",function(r){e.isCollapsed()?function(e,t){e.addClass("active"),t.innerHTML=T;var i=e.is("a")?e.text():e.children(".aui-nav-heading").text(),r=(0,o.default)(t).find(".aui-navgroup-inner");r.children(".aui-nav-heading").attr("title",i).children("strong").text(i),function(e){var t=(0,n.default)(e);t.hasClass("aui-expander-content")&&(t.find(".aui-expander-cutoff").remove(),t.removeClass("aui-expander-content"));return t}(_(e)).appendTo(r)}(t,i):r.preventDefault()}),i.addEventListener("aui-layer-hide",function(){!function(e){e.removeClass("active")}(t)})}(e,t,i),i}}g.prototype.on=function(){var e=arguments[0],t=Array.prototype.slice.call(arguments,1),i=y(e);return this.$el.on.apply(this.$el,[i].concat(t)),this},g.prototype.off=function(){var e=arguments[0],t=Array.prototype.slice.call(arguments,1),i=y(e);return this.$el.off.apply(this.$el,[i].concat(t)),this},g.prototype.setHeight=function(e,t,i){var o=Math.max(0,i-e);return this.$wrapper.height(t-o),this},g.prototype.setTopPosition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.pageYOffset;return this.$wrapper.toggleClass("aui-is-docked",e>v(this.$el)),this},g.prototype.setPosition=r.fn(g.prototype.setTopPosition,"Sidebar.setPosition",{removeInVersion:"8.0.0",sinceVersion:"7.6.1",alternativeName:"Sidebar.setTopPosition"}),g.prototype.setLeftPosition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.pageXOffset;return this.$wrapper.hasClass("aui-is-docked")&&this.$wrapper.css({left:-e}),this},g.prototype.setCollapsedState=function(e){var t={collapsed:{},expanded:{}};t.collapsed.narrow={narrow:o.default.noop,wide:function(t){t._expand(e,!0)}},t.collapsed.wide={narrow:o.default.noop,wide:o.default.noop},t.expanded.narrow={narrow:o.default.noop,wide:function(e){e.$body.removeClass("aui-sidebar-collapsed"),e.$el.removeClass("aui-sidebar-fly-out")}},t.expanded.wide={narrow:function(e){e._collapse(!0)},wide:o.default.noop};var i=this.isCollapsed()?"collapsed":"expanded",n=this.isViewportNarrow(this._previousViewportWidth)?"narrow":"wide",r=this.isViewportNarrow(e)?"narrow":"wide";return t[i][n][r](this),this},g.prototype._collapse=function(e){if(this.isCollapsed())return this;var t=o.default.Event(b+"collapse-start",{isResponsive:e});return this.$el.trigger(t),t.isDefaultPrevented()?this:(this.$body.addClass("aui-sidebar-collapsed"),this.$el.attr("aria-expanded","false"),this.$el.removeClass("aui-sidebar-fly-out"),this.$el.find(this.submenuTriggersSelector).attr("tabindex",0),(0,o.default)(this.inlineDialogSelector).attr("responds-to","hover"),this.isAnimated()||this.$el.trigger(o.default.Event(b+"collapse-end",{isResponsive:e})),this)},g.prototype.collapse=function(){return this._collapse(!1)},g.prototype._expand=function(e,t){var i=o.default.Event(b+"expand-start",{isResponsive:t});if(this.$el.trigger(i),i.isDefaultPrevented())return this;var n=this.isViewportNarrow(e);return this.$el.attr("aria-expanded","true"),this.$body.toggleClass("aui-sidebar-collapsed",n),this.$el.toggleClass("aui-sidebar-fly-out",n),this.$el.find(this.submenuTriggersSelector).removeAttr("tabindex"),(0,o.default)(this.inlineDialogSelector).removeAttr("responds-to"),this.isAnimated()||this.$el.trigger(o.default.Event(b+"expand-end",{isResponsive:t})),this},g.prototype.expand=function(){return this.isCollapsed()&&this._expand(this._previousViewportWidth,!1),this},g.prototype.isAnimated=function(){return this.$el.hasClass("aui-is-animated")},g.prototype.isCollapsed=function(){return"false"===this.$el.attr("aria-expanded")},g.prototype.isViewportNarrow=function(e){return(e=void 0===e?this._previousViewportWidth:e)<1240},g.prototype._removeAllTooltips=function(){(0,o.default)(this.tooltipSelector).remove()},g.prototype.responsiveReflow=function(e,t){if(e){if(!this.isCollapsed()&&this.isViewportNarrow(t)){var i=this.isAnimated();i&&this.$el.removeClass("aui-is-animated"),this.collapse(),i&&(this.$el[0].offsetHeight,this.$el.addClass("aui-is-animated"))}}else t!==this._previousViewportWidth&&this.setCollapsedState(t)},g.prototype.reflow=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.pageYOffset,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.documentElement.clientHeight,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.innerWidth,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:document.documentElement.scrollHeight,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:window.pageXOffset,r=v(this.$el),s=null===this._previousViewportWidth;if(e!==this._previousScrollTop||t!==this._previousViewportHeight||r!==this._previousOffsetTop){this.isCollapsed()&&!s&&e!==this._previousScrollTop&&(S(),this._removeAllTooltips());var a=this.$body.hasClass("aui-page-sidebar-touch"),l=e!==this._previousScrollTop&&(e<0||e+t>o);a||!s&&l||(this.setHeight(e,t,r),this.setTopPosition(e))}if(n!==this._previousScrollLeft&&this.setLeftPosition(n),"false"!==this.$el.attr("data-aui-responsive"))this.responsiveReflow(s,i);else{var u=!this.isCollapsed()&&this.isViewportNarrow(i);this.$el.toggleClass("aui-sidebar-fly-out",u)}return this._previousScrollTop=e,this._previousViewportHeight=t,this._previousViewportWidth=i,this._previousOffsetTop=r,this._previousScrollLeft=n,this},g.prototype.toggle=function(){return this.isCollapsed()?(this.expand(),this._removeAllTooltips()):this.collapse(),this},g.prototype.submenuTriggersSelector=".aui-sidebar-group:not(.aui-sidebar-group-tier-one)",g.prototype.collapsedTriggersSelector=[g.prototype.submenuTriggersSelector,".aui-sidebar-group.aui-sidebar-group-tier-one > .aui-nav > li > a",".aui-sidebar-footer > .aui-sidebar-settings-button"].join(", "),g.prototype.toggleSelector=".aui-sidebar-footer > .aui-sidebar-toggle",g.prototype.tooltipSelector=".aui-sidebar-section-tooltip",g.prototype.inlineDialogClass="aui-sidebar-submenu-dialog",g.prototype.inlineDialogSelector="."+g.prototype.inlineDialogClass,w.prototype.submenu=function(e){return M(),_(e)},w.prototype.hasSubmenu=function(e){return M(),$(e)},w.prototype.submenuHeadingHeight=function(){return M(),34},w.prototype.isShowing=function(){return M(),g.prototype.isSubmenuVisible()},w.prototype.show=function(e,t){M(),function(e){C(e).open=!0}(t)},w.prototype.hide=function(){M(),S()},w.prototype.inlineDialogShowHandler=function(){M()},w.prototype.inlineDialogHideHandler=function(){M()},w.prototype.moveSubmenuToInlineDialog=function(){M()},w.prototype.restoreSubmenu=function(){M()},g.prototype.getVisibleSubmenus=function(){return Array.prototype.filter.call(m(),function(e){return e.open})},g.prototype.isSubmenuVisible=function(){return this.getVisibleSubmenus().length>0};var T='<div class="aui-inline-dialog-contents"><div class="aui-sidebar-submenu" ><div class="aui-navgroup aui-navgroup-vertical"><div class="aui-navgroup-inner"><div class="aui-nav-heading"><strong></strong></div></div></div></div></div>';var A={trigger:"manual",gravity:"w",className:"aui-sidebar-section-tooltip",title:function(){var e=(0,o.default)(this);return e.is("a")?e.attr("title")||e.find(".aui-nav-item-label").text()||e.data("tooltip"):e.children(".aui-nav").attr("title")||e.children(".aui-nav-heading").text()}};function V(e){e.tipsy(A).tipsy("show");var t=e.data("tipsy")&&e.data("tipsy").$tip;t&&t.css({opacity:""}).addClass("tooltip-shown")}function D(e){var t=e.data("tipsy")&&e.data("tipsy").$tip;if(t){var i=t.css("transition-duration");if(i){var o=i.indexOf("ms")>=0?parseInt(i.substring(0,i.length-2),10):1e3*parseInt(i.substring(0,i.length-1),10);setTimeout(function(){e.tipsy("hide")},o)}t.removeClass("tooltip-shown")}}var E=(0,c.default)("sidebar",g);(0,o.default)(function(){E(".aui-sidebar")});var M=r.getMessageLogger("Sidebar.submenus",{removeInVersion:"8.0",sinceVersion:"5.8"});(0,s.default)("sidebar",E),t.default=E,e.exports=t.default},208: /*!************************************!*\ !*** ../src/less/aui-sidebar.less ***! \************************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){},219: /*!**********************************!*\ !*** ./aui.component.sidebar.js ***! \**********************************/ /*! no static exports found */ /*! all exports used */ /*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.sidebar=void 0,i(/*! ./styles/aui.page.reset */2),i(/*! ./styles/aui.page.typography */3),i(/*! ./styles/aui.page.iconography */17),i(/*! ./styles/aui.page.links */4),i(/*! ./styles/aui.pattern.page-header */42),i(/*! ./styles/aui.pattern.badge */68),i(/*! ./styles/aui.pattern.button */13),i(/*! ./styles/aui.pattern.icon */14),i(/*! ./styles/aui.pattern.nav */43),i(/*! ./aui.component.inline-dialog2 */71),i(/*! ./aui.component.tooltip */41),i(/*! @atlassian/aui/src/less/aui-sidebar.less */208);var o,n=i(/*! @atlassian/aui/src/js/aui/sidebar */206),r=(o=n)&&o.__esModule?o:{default:o};t.sidebar=r.default}};