(window.webpackJsonpSettings=window.webpackJsonpSettings||[]).push([[9],{479:function(n,e,o){var i;window,i=function(){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return n[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var i in n)t.d(o,i,function(e){return n[e]}.bind(null,i));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="/dist/",t(t.s="./src/index.js")}({"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionButton/ActionButton.vue?vue&type=script&lang=js&": /*!*****************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionButton/ActionButton.vue?vue&type=script&lang=js& ***! \*****************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../mixins/actionText */"./src/mixins/actionText.js");e.default={name:"ActionButton",mixins:[o.default],props:{disabled:{type:Boolean,default:!1}},computed:{isFocusable:function(){return!this.disabled}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionCheckbox/ActionCheckbox.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionCheckbox/ActionCheckbox.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js");var o=t(/*! ../../mixins/actionGlobal */"./src/mixins/actionGlobal.js"),i=t(/*! ../../utils/GenRandomId */"./src/utils/GenRandomId.js");e.default={name:"ActionCheckbox",mixins:[o.default],props:{id:{type:String,default:function(){return"action-"+Object(i.default)()},validator:function(n){return""!==n.trim()}},checked:{type:Boolean,default:!1},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},computed:{isFocusable:function(){return!this.disabled}},methods:{checkInput:function(n){this.$refs.label.click()},onChange:function(n){this.$emit("update:checked",this.$refs.checkbox.checked),this.$emit("change",n),this.$refs.checkbox.checked?this.$emit("check"):this.$emit("uncheck")}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionInput/ActionInput.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionInput/ActionInput.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),t(/*! core-js/modules/web.url.js */"core-js/modules/web.url.js");var o=t(/*! ../../mixins/actionGlobal */"./src/mixins/actionGlobal.js"),i=t(/*! ../../utils/GenRandomId */"./src/utils/GenRandomId.js"),a=t(/*! ../DatetimePicker */"./src/components/DatetimePicker/index.js"),r=t(/*! ../Multiselect */"./src/components/Multiselect/index.js");e.default={name:"ActionInput",components:{DatetimePicker:a.default,Multiselect:r.default},mixins:[o.default],props:{id:{type:String,default:function(){return"action-"+Object(i.default)()},validator:function(n){return""!==n.trim()}},icon:{type:String,default:"",required:!0},type:{type:String,default:"text",validator:function(n){return["date","datetime-local","month","multiselect","number","password","search","tel","text","time","url","week","color","email"].indexOf(n)>-1}},value:{type:[String,Date,Number],default:""},disabled:{type:Boolean,default:!1}},computed:{isIconUrl:function(){try{return new URL(this.icon)}catch(n){return!1}},isMultiselectType:function(){return"multiselect"===this.type},isDatePickerType:function(){switch(this.type){case"date":case"month":case"time":return this.type;case"datetime-local":return"datetime"}return!1},isFocusable:function(){return!this.disabled}},methods:{onLeave:function(){this.$refs.datetimepicker&&this.$refs.datetimepicker.$refs.datepicker&&this.$refs.datetimepicker.$refs.datepicker.closePopup()},onInput:function(n){this.$emit("input",n),this.$emit("update:value",n.target?n.target.value:n)},onSubmit:function(n){if(n.preventDefault(),n.stopPropagation(),this.disabled)return!1;this.$emit("submit",n)},onChange:function(n){this.$emit("change",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionLink/ActionLink.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionLink/ActionLink.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),t(/*! core-js/modules/web.url.js */"core-js/modules/web.url.js"),t(/*! core-js/modules/es.string.starts-with.js */"core-js/modules/es.string.starts-with.js");var o=t(/*! ../../mixins/actionText */"./src/mixins/actionText.js");e.default={name:"ActionLink",mixins:[o.default],props:{href:{type:String,default:"#",required:!0,validator:function(n){try{return new URL(n)}catch(e){return n.startsWith("#")||n.startsWith("/")}}},download:{type:String,default:null},target:{type:String,default:"_self",validator:function(n){return["_blank","_self","_parent","_top"].indexOf(n)>-1}}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionRadio/ActionRadio.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionRadio/ActionRadio.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js");var o=t(/*! ../../mixins/actionGlobal */"./src/mixins/actionGlobal.js"),i=t(/*! ../../utils/GenRandomId */"./src/utils/GenRandomId.js");e.default={name:"ActionRadio",mixins:[o.default],props:{id:{type:String,default:function(){return"action-"+Object(i.default)()},validator:function(n){return""!==n.trim()}},checked:{type:Boolean,default:!1},name:{type:String,required:!0},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},computed:{isFocusable:function(){return!this.disabled}},methods:{toggleInput:function(n){this.$refs.label.click()},onChange:function(n){this.$emit("update:checked",this.$refs.radio.checked),this.$emit("change",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionRouter/ActionRouter.vue?vue&type=script&lang=js&": /*!*****************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionRouter/ActionRouter.vue?vue&type=script&lang=js& ***! \*****************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../mixins/actionText */"./src/mixins/actionText.js");e.default={name:"ActionRouter",mixins:[o.default],props:{to:{type:[String,Object],default:"",required:!0},exact:{type:Boolean,default:!1}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionSeparator/ActionSeparator.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionSeparator/ActionSeparator.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"ActionSeparator"}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionText/ActionText.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionText/ActionText.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../mixins/actionText */"./src/mixins/actionText.js");e.default={name:"ActionText",mixins:[o.default]}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ActionTextEditable/ActionTextEditable.vue?vue&type=script&lang=js&": /*!*****************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionTextEditable/ActionTextEditable.vue?vue&type=script&lang=js& ***! \*****************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js");var o=t(/*! ../../mixins/actionText */"./src/mixins/actionText.js"),i=t(/*! ../../utils/GenRandomId */"./src/utils/GenRandomId.js");e.default={name:"ActionTextEditable",mixins:[o.default],props:{id:{type:String,default:function(){return"action-"+Object(i.default)()},validator:function(n){return""!==n.trim()}},disabled:{type:Boolean,default:!1},value:{type:String,default:""}},computed:{isFocusable:function(){return!this.disabled}},methods:{onInput:function(n){this.$emit("input",n),this.$emit("update:value",n.target.value)},onSubmit:function(n){if(n.preventDefault(),n.stopPropagation(),this.disabled)return!1;this.$emit("submit",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Actions/Actions.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Actions/Actions.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js"),t(/*! core-js/modules/es.array.filter.js */"core-js/modules/es.array.filter.js"),t(/*! core-js/modules/es.object.keys.js */"core-js/modules/es.object.keys.js"),t(/*! core-js/modules/es.symbol.js */"core-js/modules/es.symbol.js"),t(/*! core-js/modules/es.object.get-own-property-descriptor.js */"core-js/modules/es.object.get-own-property-descriptor.js"),t(/*! core-js/modules/web.dom-collections.for-each.js */"core-js/modules/web.dom-collections.for-each.js"),t(/*! core-js/modules/es.object.get-own-property-descriptors.js */"core-js/modules/es.object.get-own-property-descriptors.js"),t(/*! core-js/modules/es.symbol.description.js */"core-js/modules/es.symbol.description.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.symbol.iterator.js */"core-js/modules/es.symbol.iterator.js"),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),t(/*! core-js/modules/es.array.from.js */"core-js/modules/es.array.from.js"),t(/*! core-js/modules/es.array.slice.js */"core-js/modules/es.array.slice.js"),t(/*! core-js/modules/es.function.name.js */"core-js/modules/es.function.name.js");var o=t(/*! ../../directives/Tooltip */"./src/directives/Tooltip/index.js"),i=t(/*! ../../utils/GenRandomId */"./src/utils/GenRandomId.js"),a=t(/*! ../../utils/ValidateSlot */"./src/utils/ValidateSlot.js"),r=t(/*! ../../l10n */"./src/l10n.js"),s=t(/*! ../Popover */"./src/components/Popover/index.js");function l(n){return function(n){if(Array.isArray(n))return c(n)}(n)||function(n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n))return Array.from(n)}(n)||function(n,e){if(n){if("string"==typeof n)return c(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(n,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t1},isValidSingleAction:function(){return 1===this.actions.length&&null!==this.firstActionElement},firstActionVNode:function(){return this.actions[0]},firstAction:function(){return this.children[0]?this.children[0]:{}},firstActionBinding:function(){if(this.firstActionVNode&&this.firstActionVNode.componentOptions){var n=this.firstActionVNode.componentOptions.tag;if("ActionLink"===n)return u(u({is:"a",href:this.firstAction.href,target:this.firstAction.target,"aria-label":this.firstAction.ariaLabel},this.firstAction.$attrs),this.firstAction.$props);if("ActionRouter"===n)return u(u({is:"router-link",to:this.firstAction.to,exact:this.firstAction.exact,"aria-label":this.firstAction.ariaLabel},this.firstAction.$attrs),this.firstAction.$props);if("ActionButton"===n)return u(u({is:"button","aria-label":this.firstAction.ariaLabel},this.firstAction.$attrs),this.firstAction.$props)}return null},firstActionEvent:function(){var n,e,t;return null===(n=this.firstActionVNode)||void 0===n||null===(e=n.componentOptions)||void 0===e||null===(t=e.listeners)||void 0===t?void 0:t.click},firstActionEventBinding:function(){return this.firstActionEvent?"click":null},firstActionIconSlot:function(){var n,e;return null===(n=this.firstAction)||void 0===n||null===(e=n.$slots)||void 0===e?void 0:e.icon},firstActionClass:function(){return((this.firstActionVNode&&this.firstActionVNode.data.staticClass)+" "+(this.firstActionVNode&&this.firstActionVNode.data.class)).trim()},iconSlotIsPopulated:function(){return!!this.$slots.icon}},watch:{open:function(n){n!==this.opened&&(this.opened=n)}},beforeMount:function(){this.initActions(),Object(a.default)(this.$slots.default,p,this)},beforeUpdate:function(){this.initActions(),Object(a.default)(this.$slots.default,p,this)},methods:{openMenu:function(n){this.opened||(this.opened=!0,this.$emit("update:open",!0),this.$emit("open"))},closeMenu:function(n){this.opened&&(this.opened=!1,this.$emit("update:open",!1),this.$emit("close"),this.opened=!1,this.focusIndex=0,this.$refs.menuButton.focus())},onOpen:function(n){var e=this;this.$nextTick((function(){e.focusFirstAction(n)}))},onMouseFocusAction:function(n){if(document.activeElement!==n.target){var e=n.target.closest("li");if(e){var t=e.querySelector(".focusable");if(t){var o=l(this.$refs.menu.querySelectorAll(".focusable")).indexOf(t);o>-1&&(this.focusIndex=o,this.focusAction())}}}},removeCurrentActive:function(){var n=this.$refs.menu.querySelector("li.active");n&&n.classList.remove("active")},focusAction:function(){var n=this.$refs.menu.querySelectorAll(".focusable")[this.focusIndex];if(n){this.removeCurrentActive();var e=n.closest("li.action");n.focus(),e&&e.classList.add("active")}},focusPreviousAction:function(n){this.opened&&(0===this.focusIndex?this.closeMenu():(this.preventIfEvent(n),this.focusIndex=this.focusIndex-1),this.focusAction())},focusNextAction:function(n){if(this.opened){var e=this.$refs.menu.querySelectorAll(".focusable").length-1;this.focusIndex===e?this.closeMenu():(this.preventIfEvent(n),this.focusIndex=this.focusIndex+1),this.focusAction()}},focusFirstAction:function(n){this.opened&&(this.preventIfEvent(n),this.focusIndex=0,this.focusAction())},focusLastAction:function(n){this.opened&&(this.preventIfEvent(n),this.focusIndex=this.$el.querySelectorAll(".focusable").length-1,this.focusAction())},preventIfEvent:function(n){n&&(n.preventDefault(),n.stopPropagation())},execFirstAction:function(n){this.firstActionEvent&&this.firstActionEvent(n)},initActions:function(){this.actions=(this.$slots.default||[]).filter((function(n){return!!n&&!!n.componentOptions}))},onFocus:function(n){this.$emit("focus",n)},onBlur:function(n){this.$emit("blur",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppContent/AppContent.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppContent/AppContent.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! hammerjs */"hammerjs"),i=t.n(o),a=t(/*! @nextcloud/event-bus */"@nextcloud/event-bus");e.default={name:"AppContent",props:{allowSwipeNavigation:{type:Boolean,default:!0}},mounted:function(){this.allowSwipeNavigation&&(this.mc=new i.a(this.$el,{cssProps:{userSelect:"text"}}),this.mc.on("swipeleft swiperight",this.handleSwipe))},beforeDestroy:function(){this.mc.off("swipeleft swiperight",this.handleSwipe)},methods:{handleSwipe:function(n){var e=n.srcEvent.pageX-n.deltaX,t=Math.abs(n.deltaX)>70;t&&e<40?Object(a.emit)("toggle-navigation",{open:!0}):t&&e<340&&Object(a.emit)("toggle-navigation",{open:!1})}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppContentDetails/AppContentDetails.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppContentDetails/AppContentDetails.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppContentDetails"}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppContentList/AppContentList.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppContentList/AppContentList.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppContentList",props:{selection:{type:Boolean,default:!1},showDetails:{type:Boolean,default:!1}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigation/AppNavigation.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigation/AppNavigation.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! @nextcloud/event-bus */"@nextcloud/event-bus"),i=t(/*! ../AppNavigationToggle/AppNavigationToggle */"./src/components/AppNavigationToggle/AppNavigationToggle.vue"),a=t(/*! ../../mixins/isMobile */"./src/mixins/isMobile/index.js");e.default={name:"AppNavigation",components:{AppNavigationToggle:i.default},mixins:[a.default],data:function(){return{open:!0}},watch:{isMobile:function(){this.open=!this.isMobile}},mounted:function(){Object(o.subscribe)("toggle-navigation",this.toggleNavigationByEventBus),Object(o.emit)("navigation-toggled",{open:this.open})},unmounted:function(){this.mc.off("swipeleft swiperight"),this.mc.destroy(),Object(o.unsubscribe)("toggle-navigation",this.toggleNavigationByEventBus)},methods:{toggleNavigation:function(n){var e=this;this.open=void 0===n?!this.open:n;var t=getComputedStyle(document.body),i=parseInt(t.getPropertyValue("--animation-quick"))||100;setTimeout((function(){Object(o.emit)("navigation-toggled",{open:e.open})}),1.5*i)},toggleNavigationByEventBus:function(n){var e=n.open;this.toggleNavigation(e)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationCaption/AppNavigationCaption.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationCaption/AppNavigationCaption.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppNavigationCaption",props:{title:{type:String,required:!0}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationCounter/AppNavigationCounter.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationCounter/AppNavigationCounter.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppNavigationCounter",props:{highlighted:{type:Boolean,default:!1}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationIconBullet/AppNavigationIconBullet.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationIconBullet/AppNavigationIconBullet.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.string.starts-with.js */"core-js/modules/es.string.starts-with.js"),e.default={name:"AppNavigationIconBullet",props:{color:{type:String,required:!0,validator:function(n){return/^#?([0-9A-F]{3}){1,2}$/i.test(n)}}},computed:{formattedColor:function(){return this.color.startsWith("#")?this.color:"#"+this.color}},methods:{onClick:function(n){this.$emit("click",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/AppNavigationIconCollapsible.vue?vue&type=script&lang=js&": /*!**************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/AppNavigationIconCollapsible.vue?vue&type=script&lang=js& ***! \**************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppNavigationIconCollapsible",props:{open:{type:Boolean,default:!0}},methods:{onClick:function(n){this.$emit("click",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/AppNavigationItem.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/AppNavigationItem.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! v-click-outside */"v-click-outside"),i=t(/*! ../Actions/Actions */"./src/components/Actions/Actions.vue"),a=t(/*! ../ActionButton/ActionButton */"./src/components/ActionButton/ActionButton.vue"),r=t(/*! ./AppNavigationIconCollapsible */"./src/components/AppNavigationItem/AppNavigationIconCollapsible.vue"),s=t(/*! ../../mixins/isMobile */"./src/mixins/isMobile/index.js"),l=t(/*! ./InputConfirmCancel */"./src/components/AppNavigationItem/InputConfirmCancel.vue");e.default={name:"AppNavigationItem",components:{Actions:i.default,ActionButton:a.default,AppNavigationIconCollapsible:r.default,InputConfirmCancel:l.default},directives:{ClickOutside:o.directive},mixins:[s.default],props:{title:{type:String,required:!0},icon:{type:String,default:""},loading:{type:Boolean,default:!1},to:{type:[String,Object],default:""},exact:{type:Boolean,default:!1},allowCollapse:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editLabel:{type:String,default:""},editPlaceholder:{type:String,default:""},pinned:{type:Boolean,default:!1},undo:{type:Boolean,default:!1},open:{type:Boolean,default:!1},menuOpen:{type:Boolean,default:!1},forceMenu:{type:Boolean,default:!1},menuIcon:{type:String,default:void 0},menuPlacement:{type:String,default:"bottom"}},data:function(){return{editingValue:"",opened:this.open,editingActive:!1}},computed:{collapsible:function(){return this.allowCollapse&&!!this.$slots.default},isIconShown:function(){return!this.collapsible||this.collapsible&&!this.isMobile},canHaveChildren:function(){return"AppNavigationItem"!==this.$parent.$options._componentTag},hasChildren:function(){return!!this.$slots.default},hasUtils:function(){return!this.editing&&!!(this.$slots.actions||this.$slots.counter||this.editable||this.undo)},navElement:function(){return this.to?{is:"router-link",tag:"li",to:this.to,exact:this.exact}:{is:"li"}},isActive:function(){return this.to&&this.$route===this.to}},watch:{open:function(n){this.opened=n}},methods:{onMenuToggle:function(n){this.$emit("update:menuOpen",n)},toggleCollapse:function(){this.opened=!this.opened,this.$emit("update:open",this.opened)},onClick:function(n){this.$emit("click",n)},handleEdit:function(){var n=this;this.editingValue=this.title,this.editingActive=!0,this.onMenuToggle(!1),this.$nextTick((function(){n.$refs.editingInput.focusInput()}))},cancelEditing:function(){this.editingActive=!1},handleEditingDone:function(){this.$emit("update:title",this.editingValue),this.editingValue="",this.editingActive=!1},handleUndo:function(){this.$emit("undo")}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/InputConfirmCancel.vue?vue&type=script&lang=js&": /*!****************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/InputConfirmCancel.vue?vue&type=script&lang=js& ***! \****************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={props:{placeholder:{default:"",type:String},value:{default:"",type:String}},computed:{valueModel:{get:function(){return this.value},set:function(n){this.$emit("input",n)}}},methods:{confirm:function(){this.$emit("confirm")},cancel:function(){this.$emit("cancel")},focusInput:function(){this.$refs.input.focus()}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationNew/AppNavigationNew.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationNew/AppNavigationNew.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={props:{buttonId:{type:String,required:!1,default:""},buttonClass:{type:[String,Array,Object],required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},text:{type:String,required:!0}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationNewItem/AppNavigationNewItem.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationNewItem/AppNavigationNewItem.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! v-click-outside */"v-click-outside"),i=t(/*! ../../mixins/isMobile */"./src/mixins/isMobile/index.js"),a=t(/*! ../AppNavigationItem/InputConfirmCancel */"./src/components/AppNavigationItem/InputConfirmCancel.vue");e.default={name:"AppNavigationNewItem",components:{InputConfirmCancel:a.default},directives:{ClickOutside:o.directive},mixins:[i.default],props:{title:{type:String,required:!0},icon:{type:String,default:""},loading:{type:Boolean,default:!1},editLabel:{type:String,default:""},editPlaceholder:{type:String,default:""}},data:function(){return{newItemValue:"",newItemActive:!1}},methods:{handleNewItem:function(){var n=this;this.loading||(this.newItemActive=!0,this.$nextTick((function(){n.$refs.newItemInput.focusInput()})))},cancelNewItem:function(){this.newItemActive=!1},handleNewItemDone:function(){this.$emit("new-item",this.newItemValue),this.newItemValue="",this.newItemActive=!1}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationSettings/AppNavigationSettings.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationSettings/AppNavigationSettings.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! v-click-outside */"v-click-outside"),i=t(/*! ../../l10n */"./src/l10n.js"),a=t(/*! ../../mixins */"./src/mixins/index.js");e.default={directives:{ClickOutside:o.directive},mixins:[a.excludeClickOutsideClasses],props:{title:{type:String,required:!1,default:Object(i.t)("Settings")}},data:function(){return{open:!1,clickOutsideConfig:{handler:this.closeMenu,middleware:this.clickOutsideMiddleware}}},methods:{toggleMenu:function(){this.open=!this.open},closeMenu:function(){this.open=!1}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationSpacer/AppNavigationSpacer.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationSpacer/AppNavigationSpacer.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppNavigationSpacer"}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationToggle/AppNavigationToggle.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationToggle/AppNavigationToggle.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"AppNavigationToggle",props:{open:{type:Boolean,required:!0}},methods:{toggleNavigation:function(){this.$emit("update:open",!this.open)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppSettingsDialog/AppSettingsDialog.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSettingsDialog/AppSettingsDialog.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,o){"use strict";o.r(e),o(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),o(/*! core-js/modules/es.array.filter.js */"core-js/modules/es.array.filter.js"),o(/*! core-js/modules/web.dom-collections.for-each.js */"core-js/modules/web.dom-collections.for-each.js"),o(/*! core-js/modules/es.array.splice.js */"core-js/modules/es.array.splice.js"),o(/*! core-js/modules/es.regexp.exec.js */"core-js/modules/es.regexp.exec.js"),o(/*! core-js/modules/es.string.replace.js */"core-js/modules/es.string.replace.js"),o(/*! core-js/modules/es.array.includes.js */"core-js/modules/es.array.includes.js"),o(/*! core-js/modules/es.string.includes.js */"core-js/modules/es.string.includes.js"),o(/*! core-js/modules/es.array.concat.js */"core-js/modules/es.array.concat.js"),o(/*! core-js/modules/es.symbol.js */"core-js/modules/es.symbol.js"),o(/*! core-js/modules/es.symbol.description.js */"core-js/modules/es.symbol.description.js"),o(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),o(/*! core-js/modules/es.symbol.iterator.js */"core-js/modules/es.symbol.iterator.js"),o(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),o(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),o(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),o(/*! core-js/modules/es.array.from.js */"core-js/modules/es.array.from.js"),o(/*! core-js/modules/es.array.slice.js */"core-js/modules/es.array.slice.js"),o(/*! core-js/modules/es.function.name.js */"core-js/modules/es.function.name.js");var i=o(/*! ../Modal */"./src/components/Modal/index.js"),a=o(/*! ../../mixins/isMobile */"./src/mixins/isMobile/index.js"),r=o(/*! debounce */"debounce"),s=o.n(r);function l(n){return function(n){if(Array.isArray(n))return c(n)}(n)||function(n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n))return Array.from(n)}(n)||function(n,e){if(n){if("string"==typeof n)return c(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(n,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t1},currentTabIndex:function(){var n=this;return this.tabs.findIndex((function(e){return e.id===n.activeTab}))}},watch:{active:function(n){n!==this.activeTab&&this.updateActive()},children:function(){this.updateTabs()}},mounted:function(){this.updateTabs(),this.children=this.$children},methods:{setActive:function(n){this.activeTab=n,this.$emit("update:active",this.activeTab)},focusPreviousTab:function(){this.currentTabIndex>0&&this.setActive(this.tabs[this.currentTabIndex-1].id),this.focusActiveTab()},focusNextTab:function(){this.currentTabIndex0?this.tabs[0].id:""},updateTabs:function(){if(this.$slots.default){var n=this.$slots.default.filter((function(n){return n.tag||n.text.trim()})),e=[],t=n.reduce((function(n,t){var o=t.componentInstance;return a(null==o?void 0:o.name)&&r(null==o?void 0:o.id)&&r(null==o?void 0:o.icon)?n.push(o):e.push(t),n}),[]);0!==t.length&&t.length!==n.length&&(i.a.util.warn("Mixing tabs and non-tab-content is not possible."),e.map((function(n){return console.debug("Ignoring invalid tab",n)}))),this.tabs=t.sort((function(n,e){var t=n.order||0,o=e.order||0;return t===o?OC.Util.naturalSortCompare(n.name,e.name):t-o})),this.tabs.length>0&&this.updateActive()}else this.tabs=[]}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppSidebarTab/AppSidebarTab.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSidebarTab/AppSidebarTab.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),e.default={name:"AppSidebarTab",props:{id:{type:String,required:!0},name:{type:String,required:!0},icon:{type:String,required:!0},order:{type:Number,default:0}},computed:{isActive:function(){return this.$parent.activeTab===this.id}},methods:{onScroll:function(n){this.$el.scrollHeight-this.$el.scrollTop===this.$el.clientHeight&&this.$emit("bottomReached",n),this.$emit("scroll",n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Avatar/Avatar.vue?vue&type=script&lang=js&": /*!*****************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Avatar/Avatar.vue?vue&type=script&lang=js& ***! \*****************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! regenerator-runtime/runtime.js */"regenerator-runtime/runtime.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.array.includes.js */"core-js/modules/es.array.includes.js"),t(/*! core-js/modules/es.string.from-code-point.js */"core-js/modules/es.string.from-code-point.js"),t(/*! core-js/modules/es.string.code-point-at.js */"core-js/modules/es.string.code-point-at.js"),t(/*! core-js/modules/es.array.concat.js */"core-js/modules/es.array.concat.js"),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.array.join.js */"core-js/modules/es.array.join.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.promise.js */"core-js/modules/es.promise.js");var o=t(/*! @nextcloud/browser-storage */"@nextcloud/browser-storage"),i=t(/*! v-click-outside */"v-click-outside"),a=t(/*! ../PopoverMenu */"./src/components/PopoverMenu/index.js"),r=t(/*! @nextcloud/auth */"@nextcloud/auth"),s=t(/*! @nextcloud/event-bus */"@nextcloud/event-bus"),l=t(/*! @nextcloud/axios */"@nextcloud/axios"),c=t.n(l),d=t(/*! @nextcloud/router */"@nextcloud/router"),u=t(/*! ../../directives/Tooltip */"./src/directives/Tooltip/index.js"),A=t(/*! ../../functions/usernameToColor */"./src/functions/usernameToColor/index.js"),p=t(/*! ../../mixins */"./src/mixins/index.js"),m=t(/*! ../Popover/Popover */"./src/components/Popover/Popover.vue");function f(n,e,t,o,i,a,r){try{var s=n[a](r),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(o,i)}function h(n){return function(){var e=this,t=arguments;return new Promise((function(o,i){var a=n.apply(e,t);function r(n){f(a,o,i,r,s,"next",n)}function s(n){f(a,o,i,r,s,"throw",n)}r(void 0)}))}}var g=Object(o.getBuilder)("nextcloud").persist().build();function v(n){var e=g.getItem("user-has-avatar."+n);return"string"==typeof e?Boolean(e):null}function b(n,e){n&&g.setItem("user-has-avatar."+n,e)}e.default={name:"Avatar",directives:{tooltip:u.default,ClickOutside:i.directive},components:{Popover:m.default,PopoverMenu:a.default},mixins:[p.userStatus],props:{url:{type:String,default:void 0},iconClass:{type:String,default:void 0},user:{type:String,default:void 0},showUserStatus:{type:Boolean,default:!0},showUserStatusCompact:{type:Boolean,default:!0},preloadedUserStatus:{type:Object,default:void 0},isGuest:{type:Boolean,default:!1},displayName:{type:String,default:void 0},size:{type:Number,default:32},allowPlaceholder:{type:Boolean,default:!0},disableTooltip:{type:Boolean,default:!1},disableMenu:{type:Boolean,default:!1},tooltipMessage:{type:String,default:null},isNoUser:{type:Boolean,default:!1},status:{type:String,default:null,validator:function(n){switch(n){case"positive":case"negative":case"neutral":return!0}return!1}},statusColor:{type:[Number,String],default:null,validator:function(n){return/^([a-f0-9]{3}){1,2}$/i.test(n)}},menuPosition:{type:String,default:"center"},menuContainer:{type:String,default:"body"}},data:function(){return{avatarUrlLoaded:null,avatarSrcSetLoaded:null,userDoesNotExist:!1,isAvatarLoaded:!1,isMenuLoaded:!1,contactsMenuLoading:!1,contactsMenuActions:[],contactsMenuOpenState:!1}},computed:{canDisplayUserStatus:function(){return this.showUserStatus&&this.hasStatus&&["online","away","dnd"].includes(this.userStatus.status)},showUserStatusIconOnAvatar:function(){return this.showUserStatus&&this.showUserStatusCompact&&this.hasStatus&&"dnd"!==this.userStatus.status&&this.userStatus.icon},getUserIdentifier:function(){return this.isDisplayNameDefined?this.displayName:this.isUserDefined?this.user:""},isUserDefined:function(){return void 0!==this.user},isDisplayNameDefined:function(){return void 0!==this.displayName},isUrlDefined:function(){return void 0!==this.url},hasMenu:function(){var n;return!this.disableMenu&&(this.isMenuLoaded?this.menu.length>0:!(this.user===(null===(n=Object(r.getCurrentUser)())||void 0===n?void 0:n.uid)||this.userDoesNotExist||this.url))},shouldShowPlaceholder:function(){return this.allowPlaceholder&&this.userDoesNotExist},avatarStyle:function(){var n={width:this.size+"px",height:this.size+"px",lineHeight:this.size+"px",fontSize:Math.round(.55*this.size)+"px"};if(!this.iconClass&&!this.avatarSrcSetLoaded){var e=Object(A.default)(this.getUserIdentifier);n.backgroundColor="rgb("+e.r+", "+e.g+", "+e.b+")"}return n},tooltip:function(){return!this.disableTooltip&&(this.tooltipMessage?this.tooltipMessage:this.displayName)},initials:function(){var n;if(this.shouldShowPlaceholder){var e=this.getUserIdentifier,t=e.indexOf(" ");""===e?n="?":(n=String.fromCodePoint(e.codePointAt(0)),-1!==t&&(n=n.concat(String.fromCodePoint(e.codePointAt(t+1)))))}return n.toUpperCase()},menu:function(){var n,e,t,o=this.contactsMenuActions.map((function(n){return{href:n.hyperlink,icon:n.icon,longtext:n.title}}));return this.showUserStatus&&(this.userStatus.icon||this.userStatus.message)?[{href:"#",icon:"data:image/svg+xml;utf8,".concat((n=this.userStatus.icon,e=document.createTextNode(n),t=document.createElement("p"),t.appendChild(e),t.innerHTML),""),text:"".concat(this.userStatus.message)}].concat(o):o}},watch:{url:function(){this.userDoesNotExist=!1,this.loadAvatarUrl()},user:function(){this.userDoesNotExist=!1,this.isMenuLoaded=!1,this.loadAvatarUrl()}},mounted:function(){this.loadAvatarUrl(),this.showUserStatus&&this.user&&!this.isNoUser&&(this.preloadedUserStatus?(this.userStatus.status=this.preloadedUserStatus.status||"",this.userStatus.message=this.preloadedUserStatus.message||"",this.userStatus.icon=this.preloadedUserStatus.icon||"",this.hasStatus=null!==this.preloadedUserStatus.status):this.fetchUserStatus(this.user),Object(s.subscribe)("user_status:status.updated",this.handleUserStatusUpdated))},beforeDestroyed:function(){this.showUserStatus&&this.user&&!this.isNoUser&&Object(s.unsubscribe)("user_status:status.updated",this.handleUserStatusUpdated)},methods:{handleUserStatusUpdated:function(n){this.user===n.userId&&(this.userStatus={status:n.status,icon:n.icon,message:n.message})},toggleMenu:function(){var n=this;return h(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.hasMenu){e.next=2;break}return e.abrupt("return");case 2:if(n.contactsMenuOpenState){e.next=5;break}return e.next=5,n.fetchContactsMenu();case 5:n.contactsMenuOpenState=!n.contactsMenuOpenState;case 6:case"end":return e.stop()}}),e)})))()},closeMenu:function(){this.contactsMenuOpenState=!1},fetchContactsMenu:function(){var n=this;return h(regeneratorRuntime.mark((function e(){var t,o,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n.contactsMenuLoading=!0,e.prev=1,t=encodeURIComponent(n.user),e.next=5,c.a.post(Object(d.generateUrl)("contactsmenu/findOne"),"shareType=0&shareWith=".concat(t));case 5:o=e.sent,i=o.data,n.contactsMenuActions=i.topAction?[i.topAction].concat(i.actions):i.actions,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(1),n.contactsMenuOpenState=!1;case 13:n.contactsMenuLoading=!1,n.isMenuLoaded=!0;case 15:case"end":return e.stop()}}),e,null,[[1,10]])})))()},loadAvatarUrl:function(){if(this.isAvatarLoaded=!1,!this.isUrlDefined&&(!this.isUserDefined||this.isNoUser))return this.isAvatarLoaded=!0,void(this.userDoesNotExist=!0);if(this.isUrlDefined)this.updateImageIfValid(this.url);else{var n=this.avatarUrlGenerator(this.user,this.size),e=[n+" 1x",this.avatarUrlGenerator(this.user,2*this.size)+" 2x",this.avatarUrlGenerator(this.user,4*this.size)+" 4x"].join(", ");this.updateImageIfValid(n,e)}},avatarUrlGenerator:function(n,e){var t,o="/avatar/{user}/{size}";this.isGuest&&(o="/avatar/guest/{user}/{size}");var i=Object(d.generateUrl)(o,{user:n,size:e});return n===(null===(t=Object(r.getCurrentUser)())||void 0===t?void 0:t.uid)&&"undefined"!=typeof oc_userconfig&&(i+="?v="+oc_userconfig.avatar.version),i},updateImageIfValid:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,o=v(this.user);if(this.isUserDefined&&"boolean"==typeof o)return this.isAvatarLoaded=!0,this.avatarUrlLoaded=n,t&&(this.avatarSrcSetLoaded=t),void(!1===o&&(this.userDoesNotExist=!0));var i=new Image;i.onload=function(){e.avatarUrlLoaded=n,t&&(e.avatarSrcSetLoaded=t),e.isAvatarLoaded=!0,b(e.user,!0)},i.onerror=function(){console.debug("Invalid avatar url",n),e.avatarUrlLoaded=null,e.avatarSrcSetLoaded=null,e.userDoesNotExist=!0,e.isAvatarLoaded=!1,b(e.user,!1)},t&&(i.srcset=t),i.src=n}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Breadcrumb/Breadcrumb.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Breadcrumb/Breadcrumb.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../Actions */"./src/components/Actions/index.js");e.default={name:"Breadcrumb",components:{Actions:o.default},props:{title:{type:String,required:!0},to:{type:String,default:void 0},href:{type:String,default:void 0},icon:{type:String,default:""},disableDrop:{type:Boolean,default:!1},forceMenu:{type:Boolean,default:!1},open:{type:Boolean,default:!1}},data:function(){return{hovering:!1}},computed:{tag:function(){return this.to?"router-link":"a"}},methods:{onOpenChange:function(n){this.$emit("update:open",n)},dropped:function(n){return this.disableDrop||(this.$emit("dropped",n,this.to||this.href),this.$parent.$emit("dropped",n,this.to||this.href),this.hovering=!1),!1},dragEnter:function(n){this.disableDrop||(this.hovering=!0)},dragLeave:function(n){this.disableDrop||n.target.contains(n.relatedTarget)||this.$refs.crumb.contains(n.relatedTarget)||(this.hovering=!1)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.array.reduce.js */"core-js/modules/es.array.reduce.js"),t(/*! core-js/modules/web.dom-collections.for-each.js */"core-js/modules/web.dom-collections.for-each.js"),t(/*! core-js/modules/es.array.includes.js */"core-js/modules/es.array.includes.js"),t(/*! core-js/modules/es.string.includes.js */"core-js/modules/es.string.includes.js"),t(/*! core-js/modules/es.array.slice.js */"core-js/modules/es.array.slice.js"),t(/*! core-js/modules/es.array.concat.js */"core-js/modules/es.array.concat.js");var o=t(/*! vue */"vue"),i=t.n(o),a=t(/*! debounce */"debounce"),r=t.n(a),s=t(/*! ../Actions */"./src/components/Actions/index.js"),l=t(/*! ../ActionRouter */"./src/components/ActionRouter/index.js"),c=t(/*! ../ActionLink */"./src/components/ActionLink/index.js"),d=t(/*! ../../utils/ValidateSlot */"./src/utils/ValidateSlot.js"),u=t(/*! ../Breadcrumb */"./src/components/Breadcrumb/index.js"),A=t(/*! @nextcloud/event-bus */"@nextcloud/event-bus");e.default={name:"Breadcrumbs",components:{Actions:s.default,ActionRouter:l.default,ActionLink:c.default,Breadcrumb:u.default},props:{rootIcon:{type:String,default:"icon-home"}},data:function(){return{hiddenCrumbs:[],hiddenIndices:[],menuBreadcrumbProps:{title:"",forceMenu:!0,disableDrop:!0,open:!1}}},beforeMount:function(){Object(d.default)(this.$slots.default,["Breadcrumb"],this)},beforeUpdate:function(){Object(d.default)(this.$slots.default,["Breadcrumb"],this)},created:function(){var n=this;window.addEventListener("resize",r()((function(){n.handleWindowResize()}),100)),Object(A.subscribe)("navigation-toggled",this.delayedResize)},mounted:function(){this.handleWindowResize()},updated:function(){this.delayedResize(),this.delayedHideCrumbs()},beforeDestroy:function(){window.removeEventListener("resize",this.handleWindowResize),Object(A.unsubscribe)("navigation-toggled",this.delayedResize)},methods:{delayedHideCrumbs:function(){var n=this;this.$nextTick((function(){var e=n.$slots.default||[];n.hideCrumbs(e)}))},closeActions:function(n){this.$refs.actionsBreadcrumb.$el.contains(n.relatedTarget)||(this.menuBreadcrumbProps.open=!1)},delayedResize:function(){var n=this;this.$nextTick((function(){n.handleWindowResize()}))},handleWindowResize:function(){var n=this.$slots.default||[];if(this.$refs.container){var e=n.length,t=[],o=this.$refs.container.offsetWidth,i=this.getTotalWidth(n)-o;i+=i>0?51:0;for(var a=0,r=Math.floor(e/2);i>0&&a1&&void 0!==arguments[1]?arguments[1]:0;n.forEach((function(n,o){var i;null!=n&&null!==(i=n.elm)&&void 0!==i&&i.classList&&(e.hiddenIndices.includes(o+t)?n.elm.classList.add("crumb--hidden"):n.elm.classList.remove("crumb--hidden"))}))}},render:function(n){var e=this,t=this.$slots.default||[];if(0!==t.length){i.a.set(t[0].componentOptions.propsData,"icon",this.rootIcon);var o=[],a=this.hiddenCrumbs.length?t.slice(0,Math.round(t.length/2)):t;o=o.concat(a),this.hideCrumbs(a),this.hiddenCrumbs.length&&o.push(n("Breadcrumb",{class:"dropdown",props:this.menuBreadcrumbProps,ref:"actionsBreadcrumb",key:"actions-breadcrumb-1",nativeOn:{dragstart:this.dragStart,dragenter:function(){e.menuBreadcrumbProps.open=!0},dragleave:this.closeActions},on:{"update:open":function(n){e.menuBreadcrumbProps.open=n}}},this.hiddenCrumbs.map((function(t){var o=t.componentOptions.propsData.to,i=t.componentOptions.propsData.href,a=t.componentOptions.propsData.disableDrop,r="ActionLink",s=i;return o&&(r="ActionRouter",s=o),n(r,{class:"crumb",props:{to:o,href:i,icon:"icon-folder"},attrs:{draggable:!1},nativeOn:{dragstart:e.dragStart,drop:function(n){return e.dropped(n,s,a)},dragover:e.dragOver,dragenter:function(n){return e.dragEnter(n,a)},dragleave:function(n){return e.dragLeave(n,a)}}},t.componentOptions.propsData.title)}))));var r=this.hiddenCrumbs.length?t.slice(Math.round(t.length/2)):[];return o=o.concat(r),this.hideCrumbs(r,a.length),n("div",{class:["breadcrumb",{"breadcrumb--collapsed":this.hiddenCrumbs.length===t.length-2}],ref:"container"},o)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ColorPicker/ColorPicker.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ColorPicker/ColorPicker.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.regexp.to-string.js */"core-js/modules/es.regexp.to-string.js");var o=t(/*! vue-color */"vue-color"),i=t(/*! ../../utils/GenColors */"./src/utils/GenColors.js"),a=t(/*! ../../mixins/l10n */"./src/mixins/l10n.js"),r=t(/*! ../Popover */"./src/components/Popover/index.js");e.default={name:"ColorPicker",components:{Chrome:o.Chrome,Popover:r.default},mixins:[a.default],props:{value:{type:String,required:!0}},data:function(){var n=this;return{currentColor:this.value,advanced:!1,palette:Object(i.default)(4).map((function(e){return"#"+n.rgbToHex(e.r)+n.rgbToHex(e.g)+n.rgbToHex(e.b)})),open:!0}},watch:{value:function(n){this.currentColor=n}},methods:{handleConfirm:function(){this.$emit("close"),this.$emit("submit",this.currentColor),this.advanced=!1},handleBack:function(){this.advanced=!1},handleMoreSettings:function(){this.advanced=!0},pickColor:function(n){"string"!=typeof n&&(n=this.currentColor.hex),this.currentColor=n,this.$emit("close"),this.$emit("update:value",n),this.$emit("input",n)},rgbToHex:function(n){var e=n.toString(16);return 1===e.length?"0"+e:e}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Content/Content.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Content/Content.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={props:{appName:{type:String,required:!0}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/DatetimePicker/DatetimePicker.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatetimePicker/DatetimePicker.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js");var o=t(/*! vue2-datepicker */"vue2-datepicker"),i=t.n(o);e.default={name:"DatetimePicker",components:{DatePicker:i.a},inheritAttrs:!1,props:{clearable:{type:Boolean,default:function(){return!1}},minuteStep:{type:Number,default:function(){return 10}},type:{type:String,default:"date"},format:{type:String,default:function(){var n={date:"YYYY-MM-DD",datetime:"YYYY-MM-DD H:mm:ss",year:"YYYY",month:"YYYY-MM",time:"H:mm:ss",week:"w"};return n[this.type]||n.date}},formatter:{type:Object,default:function(){return null}},value:{default:function(){return new Date}},appendToBody:{type:Boolean,default:!1},showWeekNumber:{type:Boolean,default:!1}},methods:{handleSelectYear:function(n){var e=this.$refs.datepicker.currentValue;if(e)try{var t=new Date(new Date(e).setFullYear(n));this.$refs.datepicker.selectDate(t)}catch(t){console.error("Invalid value",e,n)}},handleSelectMonth:function(n){var e=this.$refs.datepicker.currentValue;if(e)try{var t=new Date(new Date(e).setMonth(n));this.$refs.datepicker.selectDate(t)}catch(t){console.error("Invalid value",e,n)}}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/EmptyContent/EmptyContent.vue?vue&type=script&lang=js&": /*!*****************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmptyContent/EmptyContent.vue?vue&type=script&lang=js& ***! \*****************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),e.default={name:"EmptyContent",props:{icon:{type:String,default:""}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Highlight/Highlight.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Highlight/Highlight.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.regexp.exec.js */"core-js/modules/es.regexp.exec.js"),t(/*! core-js/modules/es.string.search.js */"core-js/modules/es.string.search.js"),t(/*! core-js/modules/es.array.reduce.js */"core-js/modules/es.array.reduce.js"),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.object.keys.js */"core-js/modules/es.object.keys.js"),t(/*! core-js/modules/es.symbol.js */"core-js/modules/es.symbol.js"),t(/*! core-js/modules/es.array.filter.js */"core-js/modules/es.array.filter.js"),t(/*! core-js/modules/es.object.get-own-property-descriptor.js */"core-js/modules/es.object.get-own-property-descriptor.js"),t(/*! core-js/modules/web.dom-collections.for-each.js */"core-js/modules/web.dom-collections.for-each.js"),t(/*! core-js/modules/es.object.get-own-property-descriptors.js */"core-js/modules/es.object.get-own-property-descriptors.js");var o=t(/*! ../../utils/FindRanges */"./src/utils/FindRanges.js");function i(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function a(n){for(var e=1;e0?this.highlight:Object(o.default)(this.text,this.search),e.reduce((function(e,t){return t.start0&&e.push({start:t.start<0?0:t.start,end:t.end>n.text.length?n.text.length:t.end}),e}),[])):e},chunks:function(){if(0===this.ranges.length)return[{start:0,end:this.text.length,highlight:!1,text:this.text}];for(var n=[],e=0,t=0;e=this.ranges.length&&e=32},cssVars:function(){var n=this.noMargin?0:this.margin;return{"--height":this.avatarSize+2*n+"px","--margin":this.margin+"px"}}},beforeMount:function(){this.isNoUser||this.subtitle||this.fetchUserStatus(this.user)}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Modal/Modal.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal/Modal.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js");var o=t(/*! hammerjs */"hammerjs"),i=t.n(o),a=t(/*! ../Actions */"./src/components/Actions/index.js"),r=t(/*! ../ActionButton */"./src/components/ActionButton/index.js"),s=t(/*! ../../mixins/l10n */"./src/mixins/l10n.js"),l=t(/*! ../../l10n */"./src/l10n.js"),c=t(/*! ../../directives/Tooltip */"./src/directives/Tooltip/index.js"),d=t(/*! ../../utils/Timer */"./src/utils/Timer.js");e.default={name:"Modal",components:{Actions:a.default,ActionButton:r.default},directives:{tooltip:c.default},mixins:[s.default],props:{title:{type:String,default:""},hasPrevious:{type:Boolean,default:!1},hasNext:{type:Boolean,default:!1},outTransition:{type:Boolean,default:!1},enableSlideshow:{type:Boolean,default:!1},clearViewDelay:{type:Number,default:5e3},slideshowDelay:{type:Number,default:3e3},slideshowPaused:{type:Boolean,default:!1},enableSwipe:{type:Boolean,default:!0},spreadNavigation:{type:Boolean,default:!1},size:{type:String,default:"normal",validator:function(n){return-1!==["normal","large","full"].indexOf(n)}},canClose:{type:Boolean,default:!0},dark:{type:Boolean,default:!1},container:{type:String,default:"body"}},data:function(){return{mc:null,showModal:!1,clearView:!1,clearViewTimeout:null,playing:!1,slideshowTimeout:null}},computed:{modalTransitionName:function(){return"modal-".concat(this.outTransition?"out":"in")},playPauseTitle:function(){return this.playing?Object(l.t)("Pause slideshow"):Object(l.t)("Start slideshow")}},watch:{slideshowPaused:function(n){this.slideshowTimeout&&(n?this.slideshowTimeout.pause():this.slideshowTimeout.start())}},beforeMount:function(){window.addEventListener("keydown",this.handleKeydown)},beforeDestroy:function(){window.removeEventListener("keydown",this.handleKeydown),this.mc.off("swipeleft swiperight"),this.mc.destroy()},mounted:function(){var n=this;this.showModal=!0,this.handleMouseMove(),this.mc=new i.a(this.$refs.mask),this.mc.on("swipeleft swiperight",(function(e){n.handleSwipe(e)})),"body"===this.container?document.body.insertBefore(this.$el,document.body.lastChild):document.querySelector(this.container).appendChild(this.$el)},destroyed:function(){this.$el.remove()},methods:{previous:function(n){this.hasPrevious&&(n&&this.resetSlideshow(),this.$emit("previous",n))},next:function(n){this.hasNext&&(n&&this.resetSlideshow(),this.$emit("next",n))},close:function(n){var e=this;this.canClose&&(this.showModal=!1,setTimeout((function(){e.$emit("close",n)}),300))},handleKeydown:function(n){switch(n.keyCode){case 37:this.previous(n);break;case 13:case 39:this.next(n);break;case 27:this.close(n)}},handleSwipe:function(n){this.enableSwipe&&("swipeleft"===n.type?this.next(n):"swiperight"===n.type&&this.previous(n))},handleMouseMove:function(){var n=this;this.clearViewDelay>0&&(this.clearView=!1,clearTimeout(this.clearViewTimeout),this.clearViewTimeout=setTimeout((function(){n.clearView=!0}),this.clearViewDelay))},togglePlayPause:function(){this.playing=!this.playing,this.playing?this.handleSlideshow():this.clearSlideshowTimeout()},resetSlideshow:function(){this.playing=!this.playing,this.clearSlideshowTimeout(),this.$nextTick((function(){this.togglePlayPause()}))},handleSlideshow:function(){var n=this;this.playing=!0,this.hasNext?this.slideshowTimeout=new d.default((function(){n.next(),n.handleSlideshow()}),this.slideshowDelay):(this.playing=!1,this.clearSlideshowTimeout())},clearSlideshowTimeout:function(){this.slideshowTimeout&&this.slideshowTimeout.clear()}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Multiselect/EllipsisedOption.vue?vue&type=script&lang=js&": /*!********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Multiselect/EllipsisedOption.vue?vue&type=script&lang=js& ***! \********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.function.name.js */"core-js/modules/es.function.name.js"),t(/*! core-js/modules/es.regexp.exec.js */"core-js/modules/es.regexp.exec.js"),t(/*! core-js/modules/es.string.split.js */"core-js/modules/es.string.split.js"),t(/*! core-js/modules/es.string.search.js */"core-js/modules/es.string.search.js"),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js");var o=t(/*! ../Highlight */"./src/components/Highlight/index.js"),i=t(/*! ../../utils/FindRanges */"./src/utils/FindRanges.js");e.default={name:"EllipsisedOption",components:{Highlight:o.default},props:{option:{type:[String,Object],required:!0,default:""},label:{type:String,default:""},search:{type:String,default:""},name:{type:String,default:""}},computed:{needsTruncate:function(){return this.name&&this.name.length>=10},split:function(){return this.name.length-Math.min(Math.floor(this.name.length/2),10)},part1:function(){return this.needsTruncate?this.name.substr(0,this.split):this.name},part2:function(){return this.needsTruncate?this.name.substr(this.split):""},highlight1:function(){return this.search?Object(i.default)(this.name,this.search):[]},highlight2:function(){var n=this;return this.highlight1.map((function(e){return{start:e.start-n.split,end:e.end-n.split}}))}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Multiselect/Multiselect.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Multiselect/Multiselect.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.array.join.js */"core-js/modules/es.array.join.js"),t(/*! core-js/modules/es.array.slice.js */"core-js/modules/es.array.slice.js"),t(/*! core-js/modules/es.symbol.js */"core-js/modules/es.symbol.js"),t(/*! core-js/modules/es.symbol.description.js */"core-js/modules/es.symbol.description.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.symbol.iterator.js */"core-js/modules/es.symbol.iterator.js"),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js");var o=t(/*! vue-multiselect */"vue-multiselect"),i=t.n(o),a=t(/*! ./EllipsisedOption */"./src/components/Multiselect/EllipsisedOption.vue"),r=t(/*! ../../mixins/l10n */"./src/mixins/l10n.js"),s=t(/*! ../ListItemIcon */"./src/components/ListItemIcon/index.js"),l=t(/*! ../../directives/Tooltip */"./src/directives/Tooltip/index.js");function c(n){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}e.default={name:"Multiselect",components:{EllipsisedOption:a.default,ListItemIcon:s.default,VueMultiselect:i.a},directives:{tooltip:l.default},mixins:[r.default],inheritAttrs:!1,props:{value:{default:function(){return[]}},multiple:{type:Boolean,default:!1},limit:{type:Number,default:99999},label:{type:String,default:""},trackBy:{type:String,default:""},options:{type:Array,required:!0},userSelect:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},autoLimit:{type:Boolean,default:!0},tagWidth:{type:Number,default:150,validator:function(n){return n>0}}},data:function(){return{elWidth:0}},computed:{maxOptions:function(){if(this.autoLimit&&this.elWidth>0&&0!==this.tagWidth){var n=Math.floor(this.elWidth/this.tagWidth);return n>0?n:1}return this.limit?this.limit:9999},limitString:function(){return"+".concat(this.value.length-this.maxOptions)},localValue:{get:function(){return this.trackBy&&this.options&&"object"!==c(this.value)&&this.options[this.value]?this.options[this.value]:this.value},set:function(n){this.$emit("update:value",n),this.$emit("change",n)}}},watch:{value:function(){this.updateWidth()}},mounted:function(){this.updateWidth(),window.addEventListener("resize",this.updateWidth)},beforeDestroy:function(){window.removeEventListener("resize",this.updateWidth)},methods:{getOptionLabel:function(n){var e;return String(null===(e=this.$refs.VueMultiselect)||void 0===e?void 0:e.getOptionLabel(n))},formatLimitTitle:function(n){var e=this;if(Array.isArray(n)&&n.length>0){var t=n;return"object"===c(n[0])&&(t=n.map((function(n){return n[e.label]}))),t.slice(this.maxOptions).join(", ")}return""},updateWidth:function(){this.$el&&this.$el.querySelector(".multiselect__tags-wrap")&&(this.elWidth=this.$el.querySelector(".multiselect__tags-wrap").offsetWidth-10)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/MultiselectTags/MultiselectTags.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiselectTags/MultiselectTags.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! regenerator-runtime/runtime.js */"regenerator-runtime/runtime.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.array.map.js */"core-js/modules/es.array.map.js"),t(/*! core-js/modules/es.array.filter.js */"core-js/modules/es.array.filter.js"),t(/*! core-js/modules/es.array.find.js */"core-js/modules/es.array.find.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.promise.js */"core-js/modules/es.promise.js");var o=t(/*! ../../mixins/l10n */"./src/mixins/l10n.js"),i=t(/*! ../Multiselect */"./src/components/Multiselect/index.js"),a=t(/*! ./api */"./src/components/MultiselectTags/api.js"),r=t(/*! ../../l10n */"./src/l10n.js");function s(n,e,t,o,i,a,r){try{var s=n[a](r),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(o,i)}e.default={name:"MultiselectTags",components:{Multiselect:i.default},mixins:[o.default],props:{label:{type:String,default:Object(r.t)("Select a tag")},value:{type:[Number,Array],required:!0},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},data:function(){return{tags:[]}},computed:{inputValue:function(){return this.getValueObject()}},beforeCreate:function(){var n,e=this;return(n=regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,Object(a.searchTags)();case 3:t=n.sent,e.tags=t,n.next=10;break;case 7:n.prev=7,n.t0=n.catch(0),console.error("Loading systemtags failed",n.t0);case 10:case"end":return n.stop()}}),n,null,[[0,7]])})),function(){var e=this,t=arguments;return new Promise((function(o,i){var a=n.apply(e,t);function r(n){s(a,o,i,r,l,"next",n)}function l(n){s(a,o,i,r,l,"throw",n)}r(void 0)}))})()},methods:{getValueObject:function(){var n=this;return 0===this.tags.length?[]:this.multiple?this.value.filter((function(n){return""!==n})).map((function(e){return n.tags.find((function(n){return n.id===e}))})):this.tags.find((function(e){return e.id===n.value}))},update:function(n){this.multiple?this.$emit("input",n.map((function(n){return n.id}))):null===n?this.$emit("input",null):this.$emit("input",n.id)},tagLabel:function(n){var e=n.displayName,t=n.userVisible,o=n.userAssignable;return!1===t?Object(r.t)("{tag} (invisible)",{tag:e}):!1===o?Object(r.t)("{tag} (restricted)",{tag:e}):e}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/Popover/Popover.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Popover/Popover.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! v-tooltip */"v-tooltip");e.default={name:"Popover",components:{VPopover:o.VPopover},mounted:function(){var n=this;this.$watch((function(){return n.$refs.popover.isOpen}),(function(e){e?n.$emit("after-show"):n.$emit("after-hide")}))}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/PopoverMenu/PopoverMenu.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PopoverMenu/PopoverMenu.vue?vue&type=script&lang=js& ***! \***************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ./PopoverMenuItem */"./src/components/PopoverMenu/PopoverMenuItem.vue");e.default={name:"PopoverMenu",components:{PopoverMenuItem:o.default},props:{menu:{type:Array,default:function(){return[{href:"https://nextcloud.com",icon:"icon-links",text:"Nextcloud"}]},required:!0}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/PopoverMenu/PopoverMenuItem.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PopoverMenu/PopoverMenuItem.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.regexp.to-string.js */"core-js/modules/es.regexp.to-string.js"),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),t(/*! core-js/modules/web.url.js */"core-js/modules/web.url.js"),e.default={name:"PopoverMenuItem",props:{item:{type:Object,required:!0,default:function(){return{key:"nextcloud-link",href:"https://nextcloud.com",icon:"icon-links",text:"Nextcloud"}},validator:function(n){return!n.input||-1!==["text","checkbox"].indexOf(n.input)}}},computed:{key:function(){return this.item.key?this.item.key:Math.round(16*Math.random()*1e6).toString(16)},iconIsUrl:function(){try{return new URL(this.item.icon),!0}catch(n){return!1}}},methods:{action:function(n){this.item.action&&this.item.action(n)}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/AutoCompleteResult.vue?vue&type=script&lang=js&": /*!******************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/AutoCompleteResult.vue?vue&type=script&lang=js& ***! \******************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! @nextcloud/router */"@nextcloud/router");e.default={name:"AutoCompleteResult",props:{label:{type:String,required:!0},subline:{type:String,default:null},id:{type:String,default:null},icon:{type:String,required:!0},source:{type:String,required:!0},status:{type:[Object,Array],default:function(){return{}}}},computed:{avatarUrl:function(){return this.id&&"users"===this.source?this.getAvatarUrl(this.id,44):null},haveStatus:function(){var n,e;return(null===(n=this.status)||void 0===n?void 0:n.icon)||(null===(e=this.status)||void 0===e?void 0:e.status)}},methods:{getAvatarUrl:function(n,e){return Object(o.generateUrl)("/avatar/{user}/{size}",{user:n,size:e})}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/MentionBubble.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/MentionBubble.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! @nextcloud/router */"@nextcloud/router");e.default={name:"MentionBubble",props:{id:{type:String,required:!0},label:{type:String,required:!0},icon:{type:String,required:!0},source:{type:String,required:!0},primary:{type:Boolean,default:!1}},computed:{avatarUrl:function(){return this.id&&"users"===this.source?this.getAvatarUrl(this.id,44):null},mentionText:function(){return-1===this.id.indexOf(" ")?"@".concat(this.id):'@"'.concat(this.id,'"')}},methods:{getAvatarUrl:function(n,e){return Object(o.generateUrl)("/avatar/{user}/{size}",{user:n,size:e})}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! regenerator-runtime/runtime.js */"regenerator-runtime/runtime.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.array.concat.js */"core-js/modules/es.array.concat.js"),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js"),t(/*! core-js/modules/es.regexp.exec.js */"core-js/modules/es.regexp.exec.js"),t(/*! core-js/modules/es.string.match.js */"core-js/modules/es.string.match.js"),t(/*! core-js/modules/es.array.find.js */"core-js/modules/es.array.find.js"),t(/*! core-js/modules/es.object.values.js */"core-js/modules/es.object.values.js"),t(/*! core-js/modules/es.string.starts-with.js */"core-js/modules/es.string.starts-with.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.promise.js */"core-js/modules/es.promise.js");var o=t(/*! tributejs/dist/tribute.esm */"tributejs/dist/tribute.esm"),i=t.n(o),a=t(/*! debounce */"debounce"),r=t.n(a),s=t(/*! string-length */"string-length"),l=t.n(s),c=t(/*! ../../l10n.js */"./src/l10n.js"),d=t(/*! ./AutoCompleteResult */"./src/components/RichContenteditable/AutoCompleteResult.vue"),u=t(/*! ../../mixins/richEditor/index */"./src/mixins/richEditor/index.js");function A(n,e,t,o,i,a,r){try{var s=n[a](r),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(o,i)}e.default={name:"RichContenteditable",mixins:[u.default],props:{value:{type:String,default:"",required:!0},placeholder:{type:String,default:Object(c.t)("Write message, @ to mention someone …")},autoComplete:{type:Function,required:!0},menuContainer:{type:Element,default:function(){return document.body}},multiline:{type:Boolean,default:!1},contenteditable:{type:Boolean,default:!0},maxlength:{type:Number,default:null}},data:function(){var n=this;return{tribute:null,options:{fillAttr:"id",lookup:function(n){return"".concat(n.id," ").concat(n.label)},menuContainer:this.menuContainer,menuItemTemplate:function(e){return n.renderComponentHtml(e.original,d.default)},noMatchTemplate:function(){return''},selectTemplate:function(e){var t;return n.genSelectTemplate(null==e||null===(t=e.original)||void 0===t?void 0:t.id)},values:this.debouncedAutoComplete},localValue:this.value}},computed:{isEmptyValue:function(){return!this.localValue||this.localValue&&""===this.localValue.trim()},isFF:function(){return!!navigator.userAgent.match(/firefox/i)},isOverMaxlength:function(){return!(this.isEmptyValue||!this.maxlength)&&l()(this.localValue)>this.maxlength},tooltip:function(){return this.isOverMaxlength?{content:Object(c.t)("Message limit of {count} characters reached",{count:this.maxlength}),show:!0,trigger:"manual"}:null}},watch:{value:function(){var n=this.$refs.contenteditable.innerHTML;this.value.trim()!==this.parseContent(n).trim()&&this.updateContent(this.value)}},mounted:function(){this.tribute=new i.a(this.options),this.tribute.attach(this.$el),this.updateContent(this.value),this.$refs.contenteditable.contentEditable=this.contenteditable},beforeDestroy:function(){this.tribute&&this.tribute.detach(this.$el)},methods:{onInput:function(n){this.updateValue(n.target.innerHTML)},onPaste:function(n){n.preventDefault();var e=n.clipboardData;if(this.$emit("paste",n),0===e.files.length&&Object.values(e.items).find((function(n){return null==n?void 0:n.type.startsWith("text")}))){var t=e.getData("text"),o=window.getSelection();o.rangeCount||this.updateValue(t);var i=this.parseContent(t),a=o.getRangeAt(0);o.deleteFromDocument(),a.insertNode(document.createTextNode(i));var r=document.createRange();r.setStart(n.target,a.endOffset),r.collapse(!0),o.removeAllRanges(),o.addRange(r),this.updateValue(n.target.innerHTML)}},updateValue:function(n){var e=this.parseContent(n);this.localValue=e,this.$emit("input",e),this.$emit("update:value",e)},updateContent:function(n){var e=this.renderContent(n);this.$refs.contenteditable.innerHTML=e,this.localValue=n},onDelete:function(n){if(this.isFF&&window.getSelection){var e=window.getSelection(),t=n.target;if(e.isCollapsed&&e.rangeCount){var o=e.getRangeAt(e.rangeCount-1);if(!(3===o.commonAncestorContainer.nodeType&&o.startOffset>0)){var i=document.createRange();if(e.anchorNode!==t)i.selectNodeContents(t),i.setEndBefore(e.anchorNode);else{if(!(e.anchorOffset>0))return;i.setEnd(t,e.anchorOffset)}i.setStart(t,i.endOffset-1);var a=i.cloneContents().lastChild;a&&"false"===a.contentEditable&&(i.deleteContents(),n.preventDefault())}}}},onEnter:function(n){this.multiline||this.isOverMaxlength||this.tribute.isActive||(n.preventDefault(),n.stopPropagation(),this.$emit("submit",n))},onCtrlEnter:function(n){this.isOverMaxlength||this.$emit("submit",n)},debouncedAutoComplete:r()(function(){var n,e=(n=regeneratorRuntime.mark((function n(e,t){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:this.autoComplete(e,t);case 1:case"end":return n.stop()}}),n,this)})),function(){var e=this,t=arguments;return new Promise((function(o,i){var a=n.apply(e,t);function r(n){A(a,o,i,r,s,"next",n)}function s(n){A(a,o,i,r,s,"throw",n)}r(void 0)}))});return function(n,t){return e.apply(this,arguments)}}(),100)}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/SettingsSection/SettingsSection.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SettingsSection/SettingsSection.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.symbol.js */"core-js/modules/es.symbol.js"),t(/*! core-js/modules/es.symbol.description.js */"core-js/modules/es.symbol.description.js");var o=t(/*! ../../l10n */"./src/l10n.js");e.default={name:"SettingsSection",components:{},props:{title:{type:String,required:!0},description:{type:String,default:""},docUrl:{type:String,default:""}},data:function(){return{docTitleTranslated:Object(o.t)("External documentation for {title}",{title:this.title})}},computed:{hasDescription:function(){return this.description.length>0},hasDocUrl:function(){return this.docUrl.length>0}}}},"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/UserBubble/UserBubble.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBubble/UserBubble.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e),t(/*! core-js/modules/es.array.iterator.js */"core-js/modules/es.array.iterator.js"),t(/*! core-js/modules/es.object.to-string.js */"core-js/modules/es.object.to-string.js"),t(/*! core-js/modules/es.string.iterator.js */"core-js/modules/es.string.iterator.js"),t(/*! core-js/modules/web.dom-collections.iterator.js */"core-js/modules/web.dom-collections.iterator.js"),t(/*! core-js/modules/web.url.js */"core-js/modules/web.url.js"),t(/*! core-js/modules/es.number.constructor.js */"core-js/modules/es.number.constructor.js"),t(/*! core-js/modules/es.string.trim.js */"core-js/modules/es.string.trim.js");var o=t(/*! ../Popover */"./src/components/Popover/index.js"),i=t(/*! ../Avatar */"./src/components/Avatar/index.js");e.default={name:"UserBubble",components:{Popover:o.default,Avatar:i.default},props:{avatarImage:{type:String,default:void 0},user:{type:String,default:void 0},displayName:{type:String,required:!0},showUserStatus:{type:Boolean,default:!1},url:{type:String,default:void 0,validator:function(n){try{return!!(n=new URL(n))}catch(n){return!1}}},open:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},size:{type:Number,default:20},margin:{type:Number,default:2}},computed:{isPopoverComponent:function(){return this.popoverEmpty?"div":"Popover"},isAvatarUrl:function(){if(!this.avatarImage)return!1;try{return!!new URL(this.avatarImage)}catch(n){return!1}},isCustomAvatar:function(){return!!this.avatarImage},isLinkComponent:function(){return this.url&&""!==this.url.trim()?{is:"a",href:this.url}:{is:"div"}},popoverEmpty:function(){return!("default"in this.$slots)},styles:function(){return{content:{height:this.size+"px",lineHeight:this.size+"px",borderRadius:this.size/2+"px"},avatar:{marginLeft:this.margin+"px"}}}},methods:{onOpenChange:function(n){this.$emit("update:open",n)},onClick:function(n){this.$emit("click",n)}}}},"./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/components/DatetimePicker/index.scss": /*!***************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./src/components/DatetimePicker/index.scss ***! \***************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */ }\n\n.icon {\n font-style: normal;\n font-weight: 400; }\n .icon.arrow-left-double:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.arrow-left:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.arrow-right-double:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.arrow-right:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.breadcrumb:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.checkmark:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.close:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.confirm:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.info:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.menu:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.more:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.pause:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.play:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.triangle-s:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.user-status-away:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.user-status-dnd:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.user-status-invisible:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n .icon.user-status-online:before {\n font-family: "iconfont-vue-84c461f";\n content: ""; }\n\n.mx-icon-left:before,\n.mx-icon-right:before,\n.mx-icon-double-left:before,\n.mx-icon-double-right:before,\n.mx-icon-double-left:after,\n.mx-icon-double-right:after {\n content: \'\';\n position: relative;\n top: -1px;\n display: inline-block;\n width: 10px;\n height: 10px;\n vertical-align: middle;\n border-style: solid;\n border-color: currentColor;\n border-width: 2px 0 0 2px;\n border-radius: 1px;\n box-sizing: border-box;\n transform-origin: center;\n transform: rotate(-45deg) scale(0.7); }\n\n.mx-icon-double-left:after {\n left: -4px; }\n\n.mx-icon-double-right:before {\n left: 4px; }\n\n.mx-icon-right:before,\n.mx-icon-double-right:before,\n.mx-icon-double-right:after {\n transform: rotate(135deg) scale(0.7); }\n\n.mx-btn {\n box-sizing: border-box;\n line-height: 1;\n font-size: 14px;\n font-weight: 500;\n padding: 7px 15px;\n margin: 0;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n color: #73879c;\n white-space: nowrap; }\n .mx-btn:hover {\n border-color: #1284e7;\n color: #1284e7; }\n\n.mx-btn-text {\n border: 0;\n padding: 0 4px;\n text-align: left;\n line-height: inherit; }\n\n.mx-scrollbar {\n height: 100%; }\n .mx-scrollbar:hover .mx-scrollbar-track {\n opacity: 1; }\n\n.mx-scrollbar-wrap {\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto; }\n\n.mx-scrollbar-track {\n position: absolute;\n top: 2px;\n right: 2px;\n bottom: 2px;\n width: 6px;\n z-index: 1;\n border-radius: 4px;\n opacity: 0;\n transition: opacity 0.24s ease-out; }\n .mx-scrollbar-track .mx-scrollbar-thumb {\n position: absolute;\n width: 100%;\n height: 0;\n cursor: pointer;\n border-radius: inherit;\n background-color: rgba(144, 147, 153, 0.3);\n transition: background-color 0.3s; }\n\n.mx-zoom-in-down-enter-active,\n.mx-zoom-in-down-leave-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n transform-origin: center top; }\n\n.mx-zoom-in-down-enter,\n.mx-zoom-in-down-leave-to {\n opacity: 0;\n transform: scaleY(0); }\n\n.mx-datepicker {\n position: relative;\n display: inline-block;\n width: 210px; }\n .mx-datepicker svg {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden; }\n\n.mx-datepicker-range {\n width: 320px; }\n\n.mx-datepicker-inline {\n width: auto; }\n\n.mx-input-wrapper {\n position: relative; }\n .mx-input-wrapper .mx-icon-clear {\n display: none; }\n .mx-input-wrapper:hover .mx-icon-clear {\n display: block; }\n .mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {\n display: none; }\n\n.mx-input {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 34px;\n padding: 6px 30px;\n padding-left: 10px;\n font-size: 14px;\n line-height: 1.4;\n color: #555;\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }\n .mx-input:hover, .mx-input:focus {\n border-color: #409aff; }\n .mx-input:disabled, .mx-input.disabled {\n color: #ccc;\n background-color: #f3f3f3;\n border-color: #ccc;\n cursor: not-allowed; }\n .mx-input:focus {\n outline: none; }\n .mx-input::-ms-clear {\n display: none; }\n\n.mx-icon-calendar,\n.mx-icon-clear {\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n font-size: 16px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.5);\n vertical-align: middle; }\n\n.mx-icon-clear {\n cursor: pointer; }\n .mx-icon-clear:hover {\n color: rgba(0, 0, 0, 0.8); }\n\n.mx-datepicker-main {\n font: 14px/1.5 \'Helvetica Neue\', Helvetica, Arial, \'Microsoft Yahei\', sans-serif;\n color: #73879c;\n background-color: #fff;\n border: 1px solid #e8e8e8; }\n\n.mx-datepicker-popup {\n position: absolute;\n margin-top: 1px;\n margin-bottom: 1px;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n z-index: 2001; }\n\n.mx-datepicker-sidebar {\n float: left;\n box-sizing: border-box;\n width: 100px;\n padding: 6px;\n overflow: auto; }\n\n.mx-datepicker-sidebar + .mx-datepicker-content {\n margin-left: 100px;\n border-left: 1px solid #e8e8e8; }\n\n.mx-datepicker-body {\n position: relative;\n user-select: none; }\n\n.mx-btn-shortcut {\n display: block;\n padding: 0 6px;\n line-height: 24px; }\n\n.mx-range-wrapper {\n display: flex; }\n @media (max-width: 750px) {\n .mx-range-wrapper {\n flex-direction: column; } }\n\n.mx-datepicker-header {\n padding: 6px 8px;\n border-bottom: 1px solid #e8e8e8; }\n\n.mx-datepicker-footer {\n padding: 6px 8px;\n text-align: right;\n border-top: 1px solid #e8e8e8; }\n\n.mx-calendar {\n box-sizing: border-box;\n width: 248px;\n padding: 6px 12px; }\n .mx-calendar + .mx-calendar {\n border-left: 1px solid #e8e8e8; }\n\n.mx-calendar-header, .mx-time-header {\n box-sizing: border-box;\n height: 34px;\n line-height: 34px;\n text-align: center;\n overflow: hidden; }\n\n.mx-btn-icon-left,\n.mx-btn-icon-double-left {\n float: left; }\n\n.mx-btn-icon-right,\n.mx-btn-icon-double-right {\n float: right; }\n\n.mx-calendar-header-label {\n font-size: 14px; }\n\n.mx-calendar-decade-separator {\n margin: 0 2px; }\n .mx-calendar-decade-separator:after {\n content: \'~\'; }\n\n.mx-calendar-content {\n position: relative;\n height: 224px;\n box-sizing: border-box; }\n .mx-calendar-content .cell {\n cursor: pointer; }\n .mx-calendar-content .cell:hover {\n color: #73879c;\n background-color: #f3f9fe; }\n .mx-calendar-content .cell.active {\n color: #fff;\n background-color: #1284e7; }\n .mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {\n color: #73879c;\n background-color: #dbedfb; }\n .mx-calendar-content .cell.disabled {\n cursor: not-allowed;\n color: #ccc;\n background-color: #f3f3f3; }\n\n.mx-calendar-week-mode .mx-date-row {\n cursor: pointer; }\n .mx-calendar-week-mode .mx-date-row:hover {\n background-color: #f3f9fe; }\n .mx-calendar-week-mode .mx-date-row.mx-active-week {\n background-color: #dbedfb; }\n .mx-calendar-week-mode .mx-date-row .cell:hover {\n color: inherit;\n background-color: transparent; }\n .mx-calendar-week-mode .mx-date-row .cell.active {\n color: inherit;\n background-color: transparent; }\n\n.mx-week-number {\n opacity: 0.5; }\n\n.mx-table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n text-align: center;\n vertical-align: middle; }\n .mx-table th {\n padding: 0;\n font-weight: 500; }\n .mx-table td {\n padding: 0; }\n\n.mx-table-date td,\n.mx-table-date th {\n height: 32px;\n font-size: 12px; }\n\n.mx-table-date .today {\n color: #2a90e9; }\n\n.mx-table-date .cell.not-current-month {\n color: #ccc;\n background: none; }\n\n.mx-time {\n flex: 1;\n width: 224px;\n background: #fff; }\n .mx-time + .mx-time {\n border-left: 1px solid #e8e8e8; }\n\n.mx-calendar-time {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n.mx-time-header {\n border-bottom: 1px solid #e8e8e8; }\n\n.mx-time-content {\n height: 224px;\n box-sizing: border-box;\n overflow: hidden; }\n\n.mx-time-columns {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden; }\n\n.mx-time-column {\n flex: 1;\n position: relative;\n border-left: 1px solid #e8e8e8;\n text-align: center; }\n .mx-time-column:first-child {\n border-left: 0; }\n .mx-time-column .mx-time-list {\n margin: 0;\n padding: 0;\n list-style: none; }\n .mx-time-column .mx-time-list::after {\n content: \'\';\n display: block;\n height: 192px; }\n .mx-time-column .mx-time-item {\n cursor: pointer;\n font-size: 12px;\n height: 32px;\n line-height: 32px; }\n .mx-time-column .mx-time-item:hover {\n color: #73879c;\n background-color: #f3f9fe; }\n .mx-time-column .mx-time-item.active {\n color: #1284e7;\n background-color: transparent;\n font-weight: 700; }\n .mx-time-column .mx-time-item.disabled {\n cursor: not-allowed;\n color: #ccc;\n background-color: #f3f3f3; }\n\n.mx-time-option {\n cursor: pointer;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 20px; }\n .mx-time-option:hover {\n color: #73879c;\n background-color: #f3f9fe; }\n .mx-time-option.active {\n color: #1284e7;\n background-color: transparent;\n font-weight: 700; }\n .mx-time-option.disabled {\n cursor: not-allowed;\n color: #ccc;\n background-color: #f3f3f3; }\n\n.mx-datepicker[data-v-84c461f] {\n user-select: none;\n color: var(--color-main-text);\n /* INPUT CONTAINER */ }\n .mx-datepicker[data-v-84c461f] svg {\n fill: var(--color-main-text); }\n .mx-datepicker[data-v-84c461f] .mx-input-wrapper .mx-input {\n width: 100%;\n border: 1px solid var(--color-border);\n background-color: var(--color-main-background);\n background-clip: content-box; }\n .mx-datepicker[data-v-84c461f] .mx-input-wrapper:disabled, .mx-datepicker[data-v-84c461f] .mx-input-wrapper.disabled {\n cursor: not-allowed;\n opacity: 0.7; }\n .mx-datepicker[data-v-84c461f] .mx-input-wrapper .mx-icon-calendar,\n .mx-datepicker[data-v-84c461f] .mx-input-wrapper .mx-icon-clear {\n color: var(--color-text-lighter); }\n\n.mx-datepicker-main {\n color: var(--color-main-text);\n border: 1px solid var(--color-border);\n background-color: var(--color-main-background);\n font-family: var(--font-face) !important;\n line-height: 1.5; }\n .mx-datepicker-main svg {\n fill: var(--color-main-text); }\n .mx-datepicker-main.mx-datepicker-popup {\n z-index: 2000;\n box-shadow: none; }\n .mx-datepicker-main.mx-datepicker-popup .mx-datepicker-sidebar + .mx-datepicker-content {\n border-left: 1px solid var(--color-border); }\n .mx-datepicker-main.show-week-number .mx-calendar {\n width: 266px; }\n .mx-datepicker-main .mx-datepicker-header {\n border-bottom: 1px solid var(--color-border); }\n .mx-datepicker-main .mx-datepicker-footer {\n border-top: 1px solid var(--color-border); }\n .mx-datepicker-main .mx-calendar {\n width: 234px;\n padding: 5px; }\n .mx-datepicker-main .mx-calendar.mx-calendar-week-mode {\n width: 266px; }\n .mx-datepicker-main .mx-time + .mx-time,\n .mx-datepicker-main .mx-calendar + .mx-calendar {\n border-left: 1px solid var(--color-border); }\n .mx-datepicker-main .mx-range-wrapper {\n display: flex;\n overflow: hidden; }\n .mx-datepicker-main .mx-range-wrapper .mx-calendar-content .mx-table-date .cell.active {\n border-radius: var(--border-radius) 0 0 var(--border-radius); }\n .mx-datepicker-main .mx-range-wrapper .mx-calendar-content .mx-table-date .cell.in-range + .cell.active {\n border-radius: 0 var(--border-radius) var(--border-radius) 0; }\n .mx-datepicker-main .mx-table {\n text-align: center; }\n .mx-datepicker-main .mx-table thead > tr > th {\n text-align: center;\n opacity: 0.5;\n color: var(--color-text-lighter); }\n .mx-datepicker-main .mx-table tr:focus,\n .mx-datepicker-main .mx-table tr:hover,\n .mx-datepicker-main .mx-table tr:active {\n background-color: transparent; }\n .mx-datepicker-main .mx-table .cell {\n transition: all 100ms ease-in-out;\n text-align: center;\n opacity: 0.7;\n border-radius: 50px; }\n .mx-datepicker-main .mx-table .cell > * {\n cursor: pointer; }\n .mx-datepicker-main .mx-table .cell.today {\n opacity: 1;\n color: var(--color-primary-element);\n font-weight: bold; }\n .mx-datepicker-main .mx-table .cell.today:hover, .mx-datepicker-main .mx-table .cell.today:focus {\n color: var(--color-primary-text); }\n .mx-datepicker-main .mx-table .cell.in-range, .mx-datepicker-main .mx-table .cell.disabled {\n border-radius: 0;\n font-weight: normal; }\n .mx-datepicker-main .mx-table .cell.in-range {\n opacity: 0.7; }\n .mx-datepicker-main .mx-table .cell.not-current-month {\n opacity: 0.5;\n color: var(--color-text-lighter); }\n .mx-datepicker-main .mx-table .cell.not-current-month:hover, .mx-datepicker-main .mx-table .cell.not-current-month:focus {\n opacity: 1; }\n .mx-datepicker-main .mx-table .cell:hover, .mx-datepicker-main .mx-table .cell:focus, .mx-datepicker-main .mx-table .cell.actived, .mx-datepicker-main .mx-table .cell.active, .mx-datepicker-main .mx-table .cell.in-range {\n opacity: 1;\n color: var(--color-primary-text);\n background-color: var(--color-primary-element);\n font-weight: bold; }\n .mx-datepicker-main .mx-table .cell.disabled {\n opacity: 0.5;\n color: var(--color-text-lighter);\n border-radius: 0;\n background-color: var(--color-background-darker); }\n .mx-datepicker-main .mx-table .mx-week-number {\n text-align: center;\n opacity: 0.7;\n border-radius: 50px; }\n .mx-datepicker-main .mx-table span.mx-week-number,\n .mx-datepicker-main .mx-table li.mx-week-number,\n .mx-datepicker-main .mx-table span.cell,\n .mx-datepicker-main .mx-table li.cell {\n min-height: 32px; }\n .mx-datepicker-main .mx-table.mx-table-date thead,\n .mx-datepicker-main .mx-table.mx-table-date tbody, .mx-datepicker-main .mx-table.mx-table-year, .mx-datepicker-main .mx-table.mx-table-month {\n display: flex;\n flex-direction: column;\n justify-content: space-around; }\n .mx-datepicker-main .mx-table.mx-table-date thead tr,\n .mx-datepicker-main .mx-table.mx-table-date tbody tr, .mx-datepicker-main .mx-table.mx-table-year tr, .mx-datepicker-main .mx-table.mx-table-month tr {\n display: inline-flex;\n align-items: center;\n flex: 1 1 32px;\n justify-content: space-around;\n min-height: 32px; }\n .mx-datepicker-main .mx-table.mx-table-date thead th,\n .mx-datepicker-main .mx-table.mx-table-date thead td,\n .mx-datepicker-main .mx-table.mx-table-date tbody th,\n .mx-datepicker-main .mx-table.mx-table-date tbody td, .mx-datepicker-main .mx-table.mx-table-year th,\n .mx-datepicker-main .mx-table.mx-table-year td, .mx-datepicker-main .mx-table.mx-table-month th,\n .mx-datepicker-main .mx-table.mx-table-month td {\n display: flex;\n align-items: center;\n flex: 0 1 32%;\n justify-content: center;\n min-width: 32px;\n height: 95%;\n min-height: 32px;\n transition: background 100ms ease-in-out; }\n .mx-datepicker-main .mx-table.mx-table-year tr th,\n .mx-datepicker-main .mx-table.mx-table-year tr td {\n flex-basis: 48%; }\n .mx-datepicker-main .mx-table.mx-table-date tr th,\n .mx-datepicker-main .mx-table.mx-table-date tr td {\n flex-basis: 32px; }\n .mx-datepicker-main .mx-btn {\n min-width: 32px;\n height: 32px;\n margin: 0 auto;\n padding: 7px 10px;\n cursor: pointer;\n text-decoration: none;\n opacity: 0.5;\n color: var(--color-text-lighter);\n border-radius: 32px;\n line-height: 20px; }\n .mx-datepicker-main .mx-btn:hover, .mx-datepicker-main .mx-btn:focus {\n opacity: 1;\n color: var(--color-main-text);\n background-color: var(--color-background-darker); }\n .mx-datepicker-main .mx-calendar-header, .mx-datepicker-main .mx-time-header {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 44px;\n margin-bottom: 4px; }\n .mx-datepicker-main .mx-calendar-header button, .mx-datepicker-main .mx-time-header button {\n min-width: 32px;\n min-height: 32px;\n margin: 0;\n cursor: pointer;\n text-align: center;\n text-decoration: none;\n opacity: 0.7;\n color: var(--color-main-text);\n border-radius: 32px;\n line-height: 20px; }\n .mx-datepicker-main .mx-calendar-header button:hover, .mx-datepicker-main .mx-time-header button:hover, .mx-datepicker-main .mx-calendar-header button:focus, .mx-datepicker-main .mx-time-header button:focus {\n opacity: 1;\n color: var(--color-main-text);\n background-color: var(--color-background-darker); }\n .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {\n align-items: center;\n justify-content: center;\n width: 32px;\n padding: 0; }\n .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left:before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left:before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left:before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left:before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right:before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right:before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right:before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right:before {\n display: block;\n font-size: 16px; }\n .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i {\n display: none; }\n .mx-datepicker-main .mx-calendar-header .mx-calendar-header-label, .mx-datepicker-main .mx-time-header .mx-calendar-header-label {\n display: flex; }\n .mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left:before, .mx-datepicker-main .mx-time-header .mx-btn-icon-double-left:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: ""; }\n .mx-datepicker-main .mx-calendar-header .mx-btn-icon-left:before, .mx-datepicker-main .mx-time-header .mx-btn-icon-left:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: ""; }\n .mx-datepicker-main .mx-calendar-header .mx-btn-icon-right:before, .mx-datepicker-main .mx-time-header .mx-btn-icon-right:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: ""; }\n .mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right:before, .mx-datepicker-main .mx-time-header .mx-btn-icon-double-right:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: ""; }\n .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right {\n order: 2; }\n .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {\n order: 3; }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row .mx-week-number {\n font-weight: bold; }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week {\n opacity: 1;\n border-radius: 50px;\n background-color: var(--color-background-dark); }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td {\n background-color: transparent; }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:focus, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:focus {\n color: inherit; }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week {\n color: var(--color-primary-text);\n background-color: var(--color-primary-element); }\n .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td {\n opacity: 0.7;\n font-weight: normal; }\n .mx-datepicker-main .mx-time {\n background-color: var(--color-main-background); }\n .mx-datepicker-main .mx-time .mx-time-header {\n justify-content: center;\n border-bottom: 1px solid var(--color-border); }\n .mx-datepicker-main .mx-time .mx-time-column {\n border-left: 1px solid var(--color-border); }\n .mx-datepicker-main .mx-time .mx-time-option.active, .mx-datepicker-main .mx-time .mx-time-option:hover,\n .mx-datepicker-main .mx-time .mx-time-item.active,\n .mx-datepicker-main .mx-time .mx-time-item:hover {\n color: var(--color-primary-text);\n background-color: var(--color-primary-element); }\n .mx-datepicker-main .mx-time .mx-time-option.disabled,\n .mx-datepicker-main .mx-time .mx-time-item.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n color: var(--color-main-text);\n background-color: var(--color-main-background); }\n',"",{version:3,sources:["webpack://./index.scss","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss","webpack://./../../../node_modules/vue2-datepicker/scss/icon.scss","webpack://./../../../node_modules/vue2-datepicker/scss/btn.scss","webpack://./../../../node_modules/vue2-datepicker/scss/var.scss","webpack://./../../../node_modules/vue2-datepicker/scss/scrollbar.scss","webpack://./../../../node_modules/vue2-datepicker/scss/animation.scss","webpack://./../../../node_modules/vue2-datepicker/scss/index.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA,EAAgB;;AAMtE;EACE,kBAAkB;EAClB,gBAAgB,EAAA;EAFlB;IAMM,mCAAmC;IACnC,YA5Ge,EAAO;EAqG5B;IAMM,mCAAmC;IACnC,YA3GQ,EAAO;EAoGrB;IAMM,mCAAmC;IACnC,YA1GgB,EAAO;EAmG7B;IAMM,mCAAmC;IACnC,YAzGS,EAAO;EAkGtB;IAMM,mCAAmC;IACnC,YAxGQ,EAAO;EAiGrB;IAMM,mCAAmC;IACnC,YAvGO,EAAO;EAgGpB;IAMM,mCAAmC;IACnC,YAtGG,EAAO;EA+FhB;IAMM,mCAAmC;IACnC,YArGK,EAAO;EA8FlB;IAMM,mCAAmC;IACnC,YApGE,EAAO;EA6Ff;IAMM,mCAAmC;IACnC,YAnGE,EAAO;EA4Ff;IAMM,mCAAmC;IACnC,YAlGE,EAAO;EA2Ff;IAMM,mCAAmC;IACnC,YAjGG,EAAO;EA0FhB;IAMM,mCAAmC;IACnC,YAhGE,EAAO;EAyFf;IAMM,mCAAmC;IACnC,YA/FQ,EAAO;EAwFrB;IAMM,mCAAmC;IACnC,YA9Fc,EAAO;EAuF3B;IAMM,mCAAmC;IACnC,YA7Fa,EAAO;EAsF1B;IAMM,mCAAmC;IACnC,YA5FmB,EAAO;EAqFhC;IAMM,mCAAmC;IACnC,YA3FgB,EAAO;;ACjB/B;;;;;;EAME,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,mBAAmB;EACnB,0BAA0B;EAC1B,yBAAyB;EACzB,kBAAkB;EAClB,sBAAsB;EACtB,wBAAwB;EACxB,oCAAoC,EAAA;;AAGtC;EACE,UAAU,EAAA;;AAGZ;EACE,SAAS,EAAA;;AAGX;;;EAGE,oCAAoC,EAAA;;ACjCtC;EACE,sBAAsB;EACtB,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe;EACf,6BAA6B;EAC7B,aAAa;EACb,oCAAoC;EACpC,kBAAkB;EAClB,cCZqB;EDarB,mBAAmB,EAAA;EAbrB;IAeI,qBCdmB;IDenB,cCfmB,EAAA;;ADmBvB;EACE,SAAS;EACT,cAAc;EACd,gBAAgB;EAChB,oBAAoB,EAAA;;AExBtB;EACE,YAAY,EAAA;EADd;IAIM,UAAU,EAAA;;AAKhB;EACE,YAAY;EACZ,kBAAkB;EAClB,gBAAgB,EAAA;;AAGlB;EACE,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,WAAW;EACX,UAAU;EACV,UAAU;EACV,kBAAkB;EAClB,UAAU;EACV,kCAAkC,EAAA;EATpC;IAWI,kBAAkB;IAClB,WAAW;IACX,SAAS;IACT,eAAe;IACf,sBAAsB;IACtB,0CAA0C;IAC1C,iCAAiC,EAAA;;AChCrC;;EAEE,UAAU;EACV,oBAAoB;EACpB,sGAC6C;EAC7C,4BAA4B,EAAA;;AAG9B;;EAEE,UAAU;EACV,oBAAoB,EAAA;;ACRtB;EACE,kBAAkB;EAClB,qBAAqB;EACrB,YAAY,EAAA;EAHd;IAKI,UAAU;IACV,WAAW;IACX,uBAAuB;IACvB,kBAAkB;IAClB,gBAAgB,EAAA;;AAIpB;EACE,YAAY,EAAA;;AAGd;EACE,WAAW,EAAA;;AAGb;EACE,kBAAkB,EAAA;EADpB;IAGI,aAAa,EAAA;EAHjB;IAOM,cAAc,EAAA;EAPpB;IAUM,aAAa,EAAA;;AAKnB;EACE,qBAAqB;EACrB,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,WHzCgB;EG0ChB,sBAAsB;EACtB,sBH5CuB;EG6CvB,kBHrBuB;EGsBvB,gDAAgD,EAAA;EAblD;IAiBI,qBHhD8B,EAAA;EG+BlC;IAqBI,WHlDiB;IGmDjB,yBHlD+B;IGmD/B,kBHxDqB;IGyDrB,mBAAmB,EAAA;EAxBvB;IA2BI,aAAa,EAAA;EA3BjB;IA8BI,aAAa,EAAA;;AAIjB;;EAEE,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,2BAA2B;EAC3B,eAAe;EACf,cAAc;EACd,yBAAyB;EACzB,sBAAsB,EAAA;;AAGxB;EACE,eAAe,EAAA;EADjB;IAGI,yBAAyB,EAAA;;AAI7B;EACE,gFAAgF;EAChF,cH/FqB;EGgGrB,sBAAsB;EACtB,yBHnFoB,EAAA;;AGsFtB;EACE,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,2CAA2C;EAC3C,aHpGkB,EAAA;;AGuGpB;EACE,WAAW;EACX,sBAAsB;EACtB,YH/EyB;EGgFzB,YAAY;EACZ,cAAc,EAAA;;AAGhB;EACE,kBHrFyB;EGsFzB,8BHxGoB,EAAA;;AG2GtB;EACE,kBAAkB;EAClB,iBAAiB,EAAA;;AAGnB;EACE,cAAc;EACd,cAAc;EACd,iBAAiB,EAAA;;AAGnB;EACE,aAAa,EAAA;EACb;IAFF;MAGI,sBAAsB,EAAA,EAEzB;;AAED;EACE,gBAAgB;EAChB,gCH/HoB,EAAA;;AGkItB;EACE,gBAAgB;EAChB,iBAAiB;EACjB,6BHrIoB,EAAA;;AGwItB;EACE,sBAAsB;EACtB,YAAY;EACZ,iBAAiB,EAAA;EAHnB;IAKI,8BH7IkB,EAAA;;AGiJtB;EACE,sBAAsB;EACtB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB,EAAA;;AAGlB;;EAEE,WAAW,EAAA;;AAEb;;EAEE,YAAY,EAAA;;AAGd;EACE,eAAe,EAAA;;AAGjB;EACE,aAAa,EAAA;EADf;IAGI,YAAY,EAAA;;AAIhB;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB,EAAA;EAHxB;IAKI,eAAe,EAAA;IALnB;MAOM,cHlMiB;MGmMjB,yBH/K6E,EAAA;IGuKnF;MAWM,WHtLsB;MGuLtB,yBHtMiB,EAAA;IG0LvB;MAgBM,cH3MiB;MG4MjB,yBHrLgF,EAAA;IGoKtF;MAoBM,mBAAmB;MACnB,WHrMe;MGsMf,yBHrM6B,EAAA;;AG0MnC;EAEI,eAAe,EAAA;EAFnB;IAIM,yBHtM6E,EAAA;EGkMnF;IAOM,yBHtMgF,EAAA;EG+LtF;IAWQ,cAAc;IACd,6BAA6B,EAAA;EAZrC;IAeQ,cAAc;IACd,6BAA6B,EAAA;;AAMrC;EACE,YAAY,EAAA;;AAGd;EACE,mBAAmB;EACnB,yBAAyB;EACzB,iBAAiB;EACjB,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB,EAAA;EARxB;IAUI,UAAU;IACV,gBAAgB,EAAA;EAXpB;IAcI,UAAU,EAAA;;AAId;;EAGI,YAAY;EACZ,eAAe,EAAA;;AAJnB;EAQI,cHvQwC,EAAA;;AG+P5C;EAWI,WAAW;EACX,gBAAgB,EAAA;;AAIpB;EACE,OAAO;EACP,YAAY;EACZ,gBAAgB,EAAA;EAHlB;IAKI,8BHzQkB,EAAA;;AG4QtB;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY,EAAA;;AAEd;EAEE,gCHrRoB,EAAA;;AGwRtB;EACE,aAAa;EACb,sBAAsB;EACtB,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,gBAAgB,EAAA;;AAGlB;EACE,OAAO;EACP,kBAAkB;EAClB,8BHxSoB;EGySpB,kBAAkB,EAAA;EAJpB;IAOI,cAAc,EAAA;EAPlB;IAUI,SAAS;IACT,UAAU;IACV,gBAAgB,EAAA;IAZpB;MAcM,WAAW;MACX,cAAc;MACd,aAAgB,EAAA;EAhBtB;IAoBI,eAAe;IACf,eAAe;IACf,YAAY;IACZ,iBAAiB,EAAA;IAvBrB;MAyBM,cH5UiB;MG6UjB,yBHhTyE,EAAA;IGsR/E;MA6BM,cH/UiB;MGgVjB,6BHvToC;MGwTpC,gBAAgB,EAAA;IA/BtB;MAkCM,mBAAmB;MACnB,WH3Ue;MG4Uf,yBH3U6B,EAAA;;AGgVnC;EACE,eAAe;EACf,iBAAiB;EACjB,eAAe;EACf,iBAAiB,EAAA;EAJnB;IAMI,cHlWmB;IGmWnB,yBHtU2E,EAAA;EG+T/E;IAUI,cHrWmB;IGsWnB,6BH7UsC;IG8UtC,gBAAgB,EAAA;EAZpB;IAeI,mBAAmB;IACnB,WHjWiB;IGkWjB,yBHjW+B,EAAA;;ALPnC;EACC,iBAAiB;EACjB,6BAA6B;EAM7B,oBAAA,EAAqB;EARtB;IAKE,4BAA4B,EAAA;EAL9B;IAYG,WAAW;IACX,qCAAqC;IACrC,8CAA8C;IAC9C,4BAA4B,EAAA;EAf/B;IAoBG,mBAAmB;IACnB,YCegB,EAAA;EDpCnB;;IA0BG,gCAAgC,EAAA;;AQ8DnC;ERvDC,6BAA6B;EAC7B,qCAAqC;EACrC,8CAA8C;EAC9C,wCAAwC;EACxC,gBAAgB,EAAA;EALjB;IAQE,4BAA4B,EAAA;EAR9B;IAYE,aAAa;IACb,gBAAgB,EAAA;IAblB;MAgBG,0CAA0C,EAAA;EAhB7C;IAqBE,YAAkC,EAAA;EArBpC;IAyBE,4CAA4C,EAAA;EAzB9C;IA6BE,yCAAyC,EAAA;EA7B3C;IAkCE,YAAkC;IAClC,YAAY,EAAA;IAnCd;MAqCG,YAAkC,EAAA;EArCrC;;IA2CE,0CAA0C,EAAA;EA3C5C;IA+CE,aAAa;IACb,gBAAgB,EAAA;IAhDlB;MAqDI,4DAA4D,EAAA;IArDhE;MAyDI,4DAA4D,EAAA;EAzDhE;IAgEE,kBAAkB,EAAA;IAhEpB;MAmEG,kBAAkB;MAClB,YCjEkB;MDkElB,gCAAgC,EAAA;IArEnC;;;MA4EG,6BAA6B,EAAA;IA5EhC;MAiFG,iCAAiC;MACjC,kBAAkB;MAClB,YC/EgB;MDgFhB,mBAAmB,EAAA;MApFtB;QAwFI,eAAe,EAAA;MAxFnB;QA6FI,UCxFY;QDyFZ,mCAAmC;QACnC,iBAAiB,EAAA;QA/FrB;UAkGK,gCAAgC,EAAA;MAlGrC;QAuGI,gBAAgB;QAChB,mBAAmB,EAAA;MAxGvB;QA2GI,YCvGe,EAAA;MDJnB;QA8GI,YC3GiB;QD4GjB,gCAAgC,EAAA;QA/GpC;UAkHK,UC7GW,EAAA;MDLhB;QA4HI,UCvHY;QDwHZ,gCAAgC;QAChC,8CAA8C;QAC9C,iBAAiB,EAAA;MA/HrB;QAkII,YC/HiB;QDgIjB,gCAAgC;QAChC,gBAAgB;QAChB,gDAAgD,EAAA;IArIpD;MA0IG,kBAAkB;MAClB,YCvIgB;MDwIhB,mBAAmB,EAAA;IA5ItB;;;;MAoJG,gBA1Le,EAAA;IAsClB;;MA4JG,aAAa;MACb,sBAAsB;MACtB,6BAA6B,EAAA;MA9JhC;;QAgKI,oBAAoB;QACpB,mBAAmB;QACnB,cAxMc;QAyMd,6BAA6B;QAC7B,gBA1Mc,EAAA;MAsClB;;;;;;QAyKI,aAAa;QACb,mBAAmB;QAEnB,aAAa;QACb,uBAAuB;QACvB,eApNc;QAsNd,WAAW;QACX,gBAvNc;QAwNd,wCAAwC,EAAA;IAlL5C;;MAyLI,eAAe,EAAA;IAzLnB;;MAgMI,gBAtOc,EAAA;EAsClB;IAuME,eA7OgB;IA8OhB,YA9OgB;IA+OhB,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,qBAAqB;IACrB,YC1MmB;ID2MnB,gCAAgC;IAChC,mBArPgB;IAsPhB,iBAAgC,EAAA;IAhNlC;MAoNG,UC/Ma;MDgNb,6BAA6B;MAC7B,gDAAgD,EAAA;EAtNnD;IA4NE,oBAAoB;IACpB,mBAAmB;IACnB,8BAA8B;IAC9B,WAAW;IACX,YC9OmB;ID+OnB,kBAAkB,EAAA;IAjOpB;MAoOG,eA1Qe;MA2Qf,gBA3Qe;MA4Qf,SAAS;MACT,eAAe;MACf,kBAAkB;MAClB,qBAAqB;MACrB,YCtOgB;MDuOhB,6BAA6B;MAC7B,mBAlRe;MAmRf,iBAAgC,EAAA;MA7OnC;QAkPI,UC7OY;QD8OZ,6BAA6B;QAC7B,gDAAgD,EAAA;MApPpD;QA4PI,mBAAmB;QACnB,uBAAuB;QACvB,WApSc;QAqSd,UAAU,EAAA;QA/Pd;UAmQK,cAAc;UACd,eC9QW,EAAA;QDUhB;UAyQK,aAAa,EAAA;IAzQlB;MA+QG,aAAa,EAAA;IA/QhB;ME2CI,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YAnFmB,EAAO;IFqC9B;ME2CI,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YAlFY,EAAO;IFoCvB;ME2CI,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YAhFa,EAAO;IFkCxB;ME2CI,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YAjFoB,EAAO;IFmC/B;MAySG,QAAQ,EAAA;IAzSX;MA6SG,QAAQ,EAAA;EA7SX;IAsTI,iBAAiB,EAAA;EAtTrB;IA0TI,UCrTY;IDsTZ,mBAAmB;IACnB,8CAA8C,EAAA;IA5TlD;MA8TK,6BAA6B,EAAA;MA9TlC;QAgUM,cAAc,EAAA;EAhUpB;IAqUI,gCAAgC;IAChC,8CAA8C,EAAA;IAtUlD;MAyUK,YCrUc;MDsUd,mBAAmB,EAAA;EA1UxB;IAkVE,8CAA8C,EAAA;IAlVhD;MAsVG,uBAAuB;MACvB,4CAA4C,EAAA;IAvV/C;MA2VG,0CAA0C,EAAA;IA3V7C;;;MAkWI,gCAAgC;MAChC,8CAA8C,EAAA;IAnWlD;;MAuWI,mBAAmB;MACnB,YCrWiB;MDsWjB,6BAA6B;MAC7B,8CAA8C,EAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n$cell_height: 32px;\n\n// import the icons font scss\n@import '../../fonts/scss/iconfont-vue';\n@import '~vue2-datepicker/scss/index.scss';\n\n.mx-datepicker[data-v-#{$scope_version}] {\n\tuser-select: none;\n\tcolor: var(--color-main-text);\n\n\tsvg {\n\t\tfill: var(--color-main-text);\n\t}\n\n\t/* INPUT CONTAINER */\n\t.mx-input-wrapper {\n\t\t// input\n\t\t.mx-input {\n\t\t\twidth: 100%;\n\t\t\tborder: 1px solid var(--color-border);\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tbackground-clip: content-box;\n\t\t}\n\n\t\t&:disabled,\n\t\t&.disabled {\n\t\t\tcursor: not-allowed;\n\t\t\topacity: $opacity_normal;\n\t\t}\n\n\t\t.mx-icon-calendar,\n\t\t.mx-icon-clear {\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\t}\n}\n\n// Datepicker popup wrapper\n.mx-datepicker-main {\n\tcolor: var(--color-main-text);\n\tborder: 1px solid var(--color-border);\n\tbackground-color: var(--color-main-background);\n\tfont-family: var(--font-face) !important;\n\tline-height: 1.5;\n\n\tsvg {\n\t\tfill: var(--color-main-text);\n\t}\n\n\t&.mx-datepicker-popup {\n\t\tz-index: 2000;\n\t\tbox-shadow: none;\n\n\t\t.mx-datepicker-sidebar + .mx-datepicker-content {\n\t\t\tborder-left: 1px solid var(--color-border);\n\t\t}\n\t}\n\t\n\t&.show-week-number .mx-calendar {\n\t\twidth: $cell_height * 8 + 2 * 5px; // week number + 7 days + padding\n\t}\n\n\t.mx-datepicker-header {\n\t\tborder-bottom: 1px solid var(--color-border);\n\t}\n\n\t.mx-datepicker-footer {\n\t\tborder-top: 1px solid var(--color-border);\n\t}\n\n\t// default popup styles\n\t.mx-calendar {\n\t\twidth: $cell_height * 7 + 2 * 5px; // 7 days + padding\n\t\tpadding: 5px;\n\t\t&.mx-calendar-week-mode {\n\t\t\twidth: $cell_height * 8 + 2 * 5px; // week number + 7 days + padding\n\t\t}\n\t}\n\n\t.mx-time + .mx-time,\n\t.mx-calendar + .mx-calendar {\n\t\tborder-left: 1px solid var(--color-border);\n\t}\n\n\t.mx-range-wrapper {\n\t\tdisplay: flex;\n\t\toverflow: hidden;\n\n\t\t// first active cell, range style on day picker panel only\n\t\t.mx-calendar-content .mx-table-date .cell {\n\t\t\t&.active {\n\t\t\t\tborder-radius: var(--border-radius) 0 0 var(--border-radius);\n\t\t\t}\n\t\t\t// second selected cell\n\t\t\t&.in-range + .cell.active {\n\t\t\t\tborder-radius: 0 var(--border-radius) var(--border-radius) 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Various panels\n\t.mx-table {\n\t\ttext-align: center;\n\n\t\tthead > tr > th {\n\t\t\ttext-align: center;\n\t\t\topacity: $opacity_disabled;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\n\t\t// Override table rule from server\n\t\ttr:focus,\n\t\ttr:hover,\n\t\ttr:active {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t// regular cell style\n\t\t.cell {\n\t\t\ttransition: all 100ms ease-in-out;\n\t\t\ttext-align: center;\n\t\t\topacity: $opacity_normal;\n\t\t\tborder-radius: 50px;\n\n\t\t\t// force pointer on all content\n\t\t\t> * {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t// Selected and mouse event\n\t\t\t&.today {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\tcolor: var(--color-primary-element);\n\t\t\t\tfont-weight: bold;\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tcolor: var(--color-primary-text);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.in-range,\n\t\t\t&.disabled {\n\t\t\t\tborder-radius: 0;\n\t\t\t\tfont-weight: normal;\n\t\t\t}\n\t\t\t&.in-range {\n\t\t\t\topacity: $opacity_normal;\n\t\t\t}\n\t\t\t&.not-current-month {\n\t\t\t\topacity: $opacity_disabled;\n\t\t\t\tcolor: var(--color-text-lighter);\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\topacity: $opacity_full;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// hover-/focus after the other rules\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&.actived,\n\t\t\t&.active,\n\t\t\t&.in-range {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\tcolor: var(--color-primary-text);\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t\t&.disabled {\n\t\t\t\topacity: $opacity_disabled;\n\t\t\t\tcolor: var(--color-text-lighter);\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground-color: var(--color-background-darker);\n\t\t\t}\n\t\t}\n\n\t\t.mx-week-number {\n\t\t\ttext-align: center;\n\t\t\topacity: $opacity_normal;\n\t\t\tborder-radius: 50px;\n\t\t}\n\n\t\t// cell that are not in a table\n\t\tspan.mx-week-number,\n\t\tli.mx-week-number,\n\t\tspan.cell,\n\t\tli.cell {\n\t\t\tmin-height: $cell_height;\n\t\t}\n\n\t\t// Standard grid/flex layout for day/month/year panels\n\t\t&.mx-table-date thead,\n\t\t&.mx-table-date tbody,\n\t\t&.mx-table-year,\n\t\t&.mx-table-month {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-around;\n\t\t\ttr {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tflex: 1 1 $cell_height;\n\t\t\t\tjustify-content: space-around;\n\t\t\t\tmin-height: $cell_height;\n\t\t\t}\n\t\t\t// Default cell style\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\t// 3 rows with a little spacing\n\t\t\t\tflex: 0 1 32%;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-width: $cell_height;\n\t\t\t\t// spacing between rows\n\t\t\t\theight: 95%;\n\t\t\t\tmin-height: $cell_height;\n\t\t\t\ttransition: background 100ms ease-in-out;\n\t\t\t}\n\t\t}\n\t\t&.mx-table-year {\n\t\t\ttr th,\n\t\t\ttr td {\n\t\t\t\t// only two rows in year panel\n\t\t\t\tflex-basis: 48%;\n\t\t\t}\n\t\t}\n\t\t&.mx-table-date {\n\t\t\ttr th,\n\t\t\ttr td {\n\t\t\t\t// only two rows in year panel\n\t\t\t\tflex-basis: $cell_height;\n\t\t\t}\n\t\t}\n\t}\n\n\t// default buttons: header...\n\t.mx-btn {\n\t\tmin-width: $cell_height;\n\t\theight: $cell_height;\n\t\tmargin: 0 auto; // center also single element\n\t\tpadding: 7px 10px;\n\t\tcursor: pointer;\n\t\ttext-decoration: none;\n\t\topacity: $opacity_disabled;\n\t\tcolor: var(--color-text-lighter);\n\t\tborder-radius: $cell_height;\n\t\tline-height: $cell_height - 12px; // padding minus 2px for better visual\n\t\t// Mouse feedback\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tbackground-color: var(--color-background-darker);\n\t\t}\n\t}\n\n\t// Header, arrows, years, months\n\t.mx-calendar-header {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\theight: $clickable-area;\n\t\tmargin-bottom: 4px;\n\n\t\tbutton {\n\t\t\tmin-width: $cell_height;\n\t\t\tmin-height: $cell_height;\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\ttext-decoration: none;\n\t\t\topacity: $opacity_normal;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-radius: $cell_height;\n\t\t\tline-height: $cell_height - 12px; // padding minus 2px for better visual\n\n\t\t\t// Mouse feedback\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\tcolor: var(--color-main-text);\n\t\t\t\tbackground-color: var(--color-background-darker);\n\t\t\t}\n\n\t\t\t// Header arrows\n\t\t\t&.mx-btn-icon-double-left,\n\t\t\t&.mx-btn-icon-left,\n\t\t\t&.mx-btn-icon-right,\n\t\t\t&.mx-btn-icon-double-right {\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\twidth: $cell_height;\n\t\t\t\tpadding: 0; // leave the centering to flex\n\n\t\t\t\t// font icons\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont-size: $icon-size;\n\t\t\t\t}\n\n\t\t\t\t// Hide original icons\n\t\t\t\t> i {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.mx-calendar-header-label {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.mx-btn-icon-double-left {\n\t\t\t@include iconfont('arrow-left-double');\n\t\t}\n\n\t\t.mx-btn-icon-left {\n\t\t\t@include iconfont('arrow-left');\n\t\t}\n\n\t\t.mx-btn-icon-right {\n\t\t\t@include iconfont('arrow-right');\n\t\t\t// arrows are all before month and year\n\t\t\t// send them to the end of the row\n\t\t\t//order: 3;\n\t\t}\n\n\t\t.mx-btn-icon-double-right {\n\t\t\t@include iconfont('arrow-right-double');\n\t\t\t// arrows are all before month and year\n\t\t\t// send them to the end of the row\n\t\t\t//order: 4;\n\t\t}\n\n\t\tbutton.mx-btn-icon-right {\n\t\t\torder: 2;\n\t\t}\n\n\t\tbutton.mx-btn-icon-double-right {\n\t\t\torder: 3;\n\t\t}\n\t}\n\n\t// Week panel\n\t.mx-calendar-week-mode {\n\t\t// move focus on row and not on cell\n\t\t.mx-date-row {\n\t\t\t.mx-week-number {\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t\t&:hover,\n\t\t\t&.mx-active-week {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\tborder-radius: 50px;\n\t\t\t\tbackground-color: var(--color-background-dark);\n\t\t\t\ttd {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t&, &:hover, &:focus {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.mx-active-week {\n\t\t\t\tcolor: var(--color-primary-text);\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\t// Remove cell feedback on selected rows\n\t\t\t\ttd {\n\t\t\t\t\topacity: $opacity_normal;\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Time panel\n\t.mx-time {\n\t\tbackground-color: var(--color-main-background);\n\n\t\t.mx-time-header {\n\t\t\t// only one button, center it\n\t\t\tjustify-content: center;\n\t\t\tborder-bottom: 1px solid var(--color-border);\n\t\t}\n\n\t\t.mx-time-column {\n\t\t\tborder-left: 1px solid var(--color-border);\n\t\t}\n\n\t\t.mx-time-option,\n\t\t.mx-time-item {\n\t\t\t&.active,\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--color-primary-text);\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t}\n\n\t\t\t&.disabled {\n\t\t\t\tcursor: not-allowed;\n\t\t\t\topacity: $opacity_disabled;\n\t\t\t\tcolor: var(--color-main-text);\n\t\t\t\tbackground-color: var(--color-main-background);\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n',"@import './var.scss';\n\n.#{$namespace}-icon-left:before,\n.#{$namespace}-icon-right:before,\n.#{$namespace}-icon-double-left:before,\n.#{$namespace}-icon-double-right:before,\n.#{$namespace}-icon-double-left:after,\n.#{$namespace}-icon-double-right:after {\n content: '';\n position: relative;\n top: -1px;\n display: inline-block;\n width: 10px;\n height: 10px;\n vertical-align: middle;\n border-style: solid;\n border-color: currentColor;\n border-width: 2px 0 0 2px;\n border-radius: 1px;\n box-sizing: border-box;\n transform-origin: center;\n transform: rotate(-45deg) scale(0.7);\n}\n\n.#{$namespace}-icon-double-left:after {\n left: -4px;\n}\n\n.#{$namespace}-icon-double-right:before {\n left: 4px;\n}\n\n.#{$namespace}-icon-right:before,\n.#{$namespace}-icon-double-right:before,\n.#{$namespace}-icon-double-right:after {\n transform: rotate(135deg) scale(0.7);\n}\n","@import './var.scss';\n\n.#{$namespace}-btn {\n box-sizing: border-box;\n line-height: 1;\n font-size: 14px;\n font-weight: 500;\n padding: 7px 15px;\n margin: 0;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n color: $default-color;\n white-space: nowrap;\n &:hover {\n border-color: $primary-color;\n color: $primary-color;\n }\n}\n\n.#{$namespace}-btn-text {\n border: 0;\n padding: 0 4px;\n text-align: left;\n line-height: inherit;\n}\n","$namespace: 'mx' !default;\n\n$default-color: #73879c !default;\n$primary-color: #1284e7 !default;\n\n$today-color: mix(#fff, $primary-color, 10%) !default;\n\n$popup-z-index: 2001 !default;\n\n$input-border-color: #ccc !default;\n$input-color: #555 !default;\n$input-hover-border-color: #409aff !default;\n\n$disabled-color: #ccc !default;\n$disabled-background-color: #f3f3f3 !default;\n\n$border-color: #e8e8e8 !default;\n\n$calendar-active-color: #fff !default;\n$calendar-active-background-color: $primary-color !default;\n\n$calendar-hover-color: $default-color !default;\n$calendar-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;\n\n$calendar-in-range-color: $default-color !default;\n$calendar-in-range-background-color: mix(#fff, $calendar-active-background-color, 85%) !default;\n\n$time-active-color: $primary-color !default;\n$time-active-background-color: transparent !default;\n\n$time-hover-color: $default-color !default;\n$time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;\n\n$input-border-radius: 4px !default;\n$sidebar-margin-left: 100px !default;\n","@import './var.scss';\n\n.#{$namespace}-scrollbar {\n height: 100%;\n &:hover {\n .#{$namespace}-scrollbar-track {\n opacity: 1;\n }\n }\n}\n\n.#{$namespace}-scrollbar-wrap {\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.#{$namespace}-scrollbar-track {\n position: absolute;\n top: 2px;\n right: 2px;\n bottom: 2px;\n width: 6px;\n z-index: 1;\n border-radius: 4px;\n opacity: 0;\n transition: opacity 0.24s ease-out;\n .#{$namespace}-scrollbar-thumb {\n position: absolute;\n width: 100%;\n height: 0;\n cursor: pointer;\n border-radius: inherit;\n background-color: rgba(144, 147, 153, 0.3);\n transition: background-color 0.3s;\n }\n}\n","@import './var.scss';\n\n.#{$namespace}-zoom-in-down-enter-active,\n.#{$namespace}-zoom-in-down-leave-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),\n opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n transform-origin: center top;\n}\n\n.#{$namespace}-zoom-in-down-enter,\n.#{$namespace}-zoom-in-down-leave-to {\n opacity: 0;\n transform: scaleY(0);\n}\n","@import './var.scss';\n@import './icon.scss';\n@import './btn.scss';\n@import './scrollbar.scss';\n@import './animation.scss';\n\n.#{$namespace}-datepicker {\n position: relative;\n display: inline-block;\n width: 210px;\n svg {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n }\n}\n\n.#{$namespace}-datepicker-range {\n width: 320px;\n}\n\n.#{$namespace}-datepicker-inline {\n width: auto;\n}\n\n.#{$namespace}-input-wrapper {\n position: relative;\n .#{$namespace}-icon-clear {\n display: none;\n }\n &:hover {\n .#{$namespace}-icon-clear {\n display: block;\n }\n .#{$namespace}-icon-clear + .#{$namespace}-icon-calendar {\n display: none;\n }\n }\n}\n\n.#{$namespace}-input {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n height: 34px;\n padding: 6px 30px;\n padding-left: 10px;\n font-size: 14px;\n line-height: 1.4;\n color: $input-color;\n background-color: #fff;\n border: 1px solid $input-border-color;\n border-radius: $input-border-radius;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n\n &:hover,\n &:focus {\n border-color: $input-hover-border-color;\n }\n &:disabled,\n &.disabled {\n color: $disabled-color;\n background-color: $disabled-background-color;\n border-color: $input-border-color;\n cursor: not-allowed;\n }\n &:focus {\n outline: none;\n }\n &::-ms-clear {\n display: none;\n }\n}\n\n.#{$namespace}-icon-calendar,\n.#{$namespace}-icon-clear {\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n font-size: 16px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.5);\n vertical-align: middle;\n}\n\n.#{$namespace}-icon-clear {\n cursor: pointer;\n &:hover {\n color: rgba(0, 0, 0, 0.8);\n }\n}\n\n.#{$namespace}-datepicker-main {\n font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', sans-serif;\n color: $default-color;\n background-color: #fff;\n border: 1px solid $border-color;\n}\n\n.#{$namespace}-datepicker-popup {\n position: absolute;\n margin-top: 1px;\n margin-bottom: 1px;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n z-index: $popup-z-index;\n}\n\n.#{$namespace}-datepicker-sidebar {\n float: left;\n box-sizing: border-box;\n width: $sidebar-margin-left;\n padding: 6px;\n overflow: auto;\n}\n\n.#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {\n margin-left: $sidebar-margin-left;\n border-left: 1px solid $border-color;\n}\n\n.#{$namespace}-datepicker-body {\n position: relative;\n user-select: none;\n}\n\n.#{$namespace}-btn-shortcut {\n display: block;\n padding: 0 6px;\n line-height: 24px;\n}\n\n.#{$namespace}-range-wrapper {\n display: flex;\n @media (max-width: 750px) {\n flex-direction: column;\n }\n}\n\n.#{$namespace}-datepicker-header {\n padding: 6px 8px;\n border-bottom: 1px solid $border-color;\n}\n\n.#{$namespace}-datepicker-footer {\n padding: 6px 8px;\n text-align: right;\n border-top: 1px solid $border-color;\n}\n\n.#{$namespace}-calendar {\n box-sizing: border-box;\n width: 248px;\n padding: 6px 12px;\n & + & {\n border-left: 1px solid $border-color;\n }\n}\n\n.#{$namespace}-calendar-header {\n box-sizing: border-box;\n height: 34px;\n line-height: 34px;\n text-align: center;\n overflow: hidden;\n}\n\n.#{$namespace}-btn-icon-left,\n.#{$namespace}-btn-icon-double-left {\n float: left;\n}\n.#{$namespace}-btn-icon-right,\n.#{$namespace}-btn-icon-double-right {\n float: right;\n}\n\n.#{$namespace}-calendar-header-label {\n font-size: 14px;\n}\n\n.#{$namespace}-calendar-decade-separator {\n margin: 0 2px;\n &:after {\n content: '~';\n }\n}\n\n.#{$namespace}-calendar-content {\n position: relative;\n height: 224px;\n box-sizing: border-box;\n .cell {\n cursor: pointer;\n &:hover {\n color: $calendar-hover-color;\n background-color: $calendar-hover-background-color;\n }\n &.active {\n color: $calendar-active-color;\n background-color: $calendar-active-background-color;\n }\n &.in-range,\n &.hover-in-range {\n color: $calendar-in-range-color;\n background-color: $calendar-in-range-background-color;\n }\n &.disabled {\n cursor: not-allowed;\n color: $disabled-color;\n background-color: $disabled-background-color;\n }\n }\n}\n\n.#{$namespace}-calendar-week-mode {\n .#{$namespace}-date-row {\n cursor: pointer;\n &:hover {\n background-color: $calendar-hover-background-color;\n }\n &.#{$namespace}-active-week {\n background-color: $calendar-in-range-background-color;\n }\n .cell {\n &:hover {\n color: inherit;\n background-color: transparent;\n }\n &.active {\n color: inherit;\n background-color: transparent;\n }\n }\n }\n}\n\n.#{$namespace}-week-number {\n opacity: 0.5;\n}\n\n.#{$namespace}-table {\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n text-align: center;\n vertical-align: middle;\n th {\n padding: 0;\n font-weight: 500;\n }\n td {\n padding: 0;\n }\n}\n\n.#{$namespace}-table-date {\n td,\n th {\n height: 32px;\n font-size: 12px;\n }\n\n .today {\n color: $today-color;\n }\n .cell.not-current-month {\n color: #ccc;\n background: none; // cover the in-range style\n }\n}\n\n.#{$namespace}-time {\n flex: 1;\n width: 224px;\n background: #fff;\n & + & {\n border-left: 1px solid $border-color;\n }\n}\n.#{$namespace}-calendar-time {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.#{$namespace}-time-header {\n @extend .#{$namespace}-calendar-header;\n border-bottom: 1px solid $border-color;\n}\n\n.#{$namespace}-time-content {\n height: 224px;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.#{$namespace}-time-columns {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.#{$namespace}-time-column {\n flex: 1;\n position: relative;\n border-left: 1px solid $border-color;\n text-align: center;\n\n &:first-child {\n border-left: 0;\n }\n .#{$namespace}-time-list {\n margin: 0;\n padding: 0;\n list-style: none;\n &::after {\n content: '';\n display: block;\n height: 32 * 6px;\n }\n }\n .#{$namespace}-time-item {\n cursor: pointer;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n &:hover {\n color: $time-hover-color;\n background-color: $time-hover-background-color;\n }\n &.active {\n color: $time-active-color;\n background-color: $time-active-background-color;\n font-weight: 700;\n }\n &.disabled {\n cursor: not-allowed;\n color: $disabled-color;\n background-color: $disabled-background-color;\n }\n }\n}\n\n.#{$namespace}-time-option {\n cursor: pointer;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 20px;\n &:hover {\n color: $time-hover-color;\n background-color: $time-hover-background-color;\n }\n &.active {\n color: $time-active-color;\n background-color: $time-active-background-color;\n font-weight: 700;\n }\n &.disabled {\n cursor: not-allowed;\n color: $disabled-color;\n background-color: $disabled-background-color;\n }\n}\n"],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/components/Multiselect/index.scss": /*!************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./src/components/Multiselect/index.scss ***! \************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.multiselect[data-v-84c461f] {\n margin: 0;\n padding: 0 !important;\n display: inline-block;\n /* override this rule with your width styling if you need */\n min-width: 160px;\n position: relative;\n background-color: var(--color-main-background);\n /* Force single multiselect value to be shown when not active */\n /* results wrapper */\n /* ABOVE display */\n /* Icon before option select */\n /* No need for an icon here */\n /* Mouse feedback */ }\n .multiselect[data-v-84c461f]:not(.multiselect--active) .multiselect__single {\n width: 100%;\n z-index: 2 !important; }\n .multiselect[data-v-84c461f].multiselect--active {\n /* Opened: force display the input */\n /* multiselect__limit hidden if active */ }\n .multiselect[data-v-84c461f].multiselect--active input.multiselect__input {\n opacity: 1 !important;\n cursor: text !important;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n display: block !important; }\n .multiselect[data-v-84c461f].multiselect--active .multiselect__limit {\n display: none; }\n .multiselect[data-v-84c461f].multiselect--active.multiselect--above input.multiselect__input {\n border-radius: 0 0 var(--border-radius) var(--border-radius); }\n .multiselect[data-v-84c461f].multiselect--disabled,\n .multiselect[data-v-84c461f].multiselect--disabled .multiselect__single {\n background-color: var(--color-background-dark) !important; }\n .multiselect[data-v-84c461f].icon-loading-small::after {\n left: 100%;\n margin-left: -24px; }\n .multiselect[data-v-84c461f] .multiselect__tags {\n /* space between tags and limit tag */\n display: flex;\n flex-wrap: nowrap;\n overflow: hidden;\n border: 1px solid var(--color-border-dark);\n cursor: pointer;\n position: relative;\n border-radius: 3px;\n min-height: 34px;\n height: 100%;\n /* tag wrapper */\n /* Single select default value\n\t\tor default placeholder if search disabled*/\n /* displayed text if tag limit reached */\n /* default multiselect input for search and placeholder */ }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap {\n align-items: center;\n display: inline-flex;\n overflow: hidden;\n max-width: 100%;\n position: relative;\n padding: 3px 5px;\n flex: 1 1;\n flex-wrap: nowrap;\n /* no tags or simple select? Show input directly\n\t\t\tinput is used to display single value */\n /* selected tag */ }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input {\n opacity: 1 !important;\n display: block !important;\n /* hide default empty text like .multiselect__placeholder,\n\t\t\t\tand show input instead. It looks better without a transition between\n\t\t\t\ta span and the input that have different styling */ }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input + span:not(.multiselect__single) {\n display: none; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap .multiselect__tag {\n line-height: 20px;\n padding: 1px 5px;\n background-image: none;\n color: var(--color-main-text);\n border: 1px solid var(--color-border-dark);\n display: inline-flex;\n align-items: center;\n border-radius: 3px;\n /* require to override the default width\n\t\t\t\tand force the tag to shring properly */\n min-width: 0;\n max-width: fit-content;\n max-width: -moz-fit-content;\n margin-bottom: 3px;\n /* css hack, detect if more than two tags\n\t\t\t\tif so, flex-basis is set to half */\n /* ellipsis the groups to be sure\n\t\t\t\twe display at least two of them */ }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap .multiselect__tag:only-child {\n flex: 0 1 auto; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap .multiselect__tag:not(:last-child) {\n margin-right: 5px; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__tags-wrap .multiselect__tag > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__single,\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__placeholder {\n padding: 7px 6px;\n flex: 0 0 100%;\n z-index: 1;\n /* above input */\n background-color: var(--color-main-background);\n line-height: 18px;\n color: var(--color-text-lighter);\n display: flex;\n align-items: center; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__single, .multiselect[data-v-84c461f] .multiselect__tags .multiselect__single *,\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__placeholder,\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__placeholder * {\n cursor: pointer; }\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__strong,\n .multiselect[data-v-84c461f] .multiselect__tags .multiselect__limit {\n line-height: 20px;\n color: var(--color-text-lighter);\n display: inline-flex;\n align-items: center;\n opacity: 0.7;\n margin-right: 5px;\n /* above the input */\n z-index: 5; }\n .multiselect[data-v-84c461f] .multiselect__tags input.multiselect__input {\n width: 100% !important;\n position: relative !important;\n margin: 0;\n opacity: 0;\n /* let's leave it on top of tags but hide it */\n height: 100% !important;\n border: none;\n /* override hide to force show the placeholder */\n /* only when not active */\n cursor: pointer;\n /* override inline styling of the lib */\n padding: 7px 6px !important;\n display: none; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper {\n position: absolute;\n width: 100%;\n margin-top: -1px;\n border: 1px solid var(--color-border-dark);\n background: var(--color-main-background);\n z-index: 50;\n max-height: 250px;\n overflow-y: auto;\n border-radius: 0 0 var(--border-radius) var(--border-radius); }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper .multiselect__content {\n width: 100%;\n padding: 0; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li {\n position: relative;\n display: flex;\n align-items: center;\n background-color: transparent; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li,\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li span {\n cursor: pointer; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span {\n padding: 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n height: auto;\n min-height: 1em;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: inline-flex;\n align-items: center;\n background-color: transparent;\n color: var(--color-text-lighter);\n width: 100%;\n /* selected checkmark icon */ }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span::before {\n content: ' ';\n background-repeat: no-repeat;\n background-position: center;\n min-width: 16px;\n min-height: 16px;\n display: block;\n opacity: 0.5;\n margin-right: 5px;\n visibility: hidden; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span.multiselect__option--disabled {\n background-color: var(--color-background-dark);\n opacity: 0.5; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span.multiselect__option--highlight {\n color: var(--color-main-text);\n background-color: var(--color-background-dark); }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before {\n opacity: .3; }\n .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span.multiselect__option--selected::before, .multiselect[data-v-84c461f] .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before {\n visibility: visible; }\n .multiselect[data-v-84c461f].multiselect--above .multiselect__content-wrapper {\n bottom: 100%;\n margin-bottom: -1px; }\n .multiselect[data-v-84c461f].multiselect--multiple .multiselect__tags {\n flex-wrap: wrap; }\n .multiselect[data-v-84c461f].multiselect--multiple .multiselect__content-wrapper li > span {\n /* add the prop tag-placeholder=\"create\" to add the +\n\t\t\ticon on top of an unknown-and-ready-to-be-created entry */ }\n .multiselect[data-v-84c461f].multiselect--multiple .multiselect__content-wrapper li > span::before {\n background-image: var(--icon-checkmark-000); }\n .multiselect[data-v-84c461f].multiselect--multiple .multiselect__content-wrapper li > span[data-select='create']::before {\n background-image: var(--icon-add-000);\n visibility: visible; }\n .multiselect[data-v-84c461f].multiselect--single .multiselect__content-wrapper li > span::before {\n display: none; }\n .multiselect[data-v-84c461f]:hover .multiselect__placeholder,\n .multiselect[data-v-84c461f] input.multiselect__input .multiselect__placeholder {\n color: var(--color-main-text); }\n","",{version:3,sources:["webpack://./index.scss","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAjBF;EACC,SAAS;EACT,qBAAqB;EACrB,qBAAqB;EACrB,2DAAA;EACA,gBAAgB;EAChB,kBAAkB;EAClB,8CAA8C;EAE9C,+DAAA;EAkKA,oBAAA;EA0EA,kBAAA;EAMA,8BAAA;EAuBA,6BAAA;EAKA,mBAAA,EAAoB;EAvRrB;IAWE,WAAW;IACX,qBAAqB,EAAA;EAZvB;IAkBE,oCAAA;IASA,wCAAA,EAAyC;IA3B3C;MAoBG,qBAAiC;MACjC,uBAAuB;MAEvB,4DAA4D;MAC5D,yBAAyB,EAAA;IAxB5B;MA6BG,aAAa,EAAA;EA7BhB;IAoCG,4DAA4D,EAAA;EApC/D;;IA2CE,yDAAyD,EAAA;EA3C3D;IAgDE,UAAU;IACV,kBAAkB,EAAA;EAjDpB;IAsDE,qCAAA;IAEA,aAAa;IACb,iBAAiB;IACjB,gBAAgB;IAChB,0CAA0C;IAC1C,eAAe;IACf,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IAEZ,gBAAA;IAwDA;4CAxD0C;IA2E1C,wCAAA;IAYA,yDAAA,EAA0D;IAzJ5D;MAoEG,mBAAmB;MACnB,oBAAoB;MACpB,gBAAgB;MAChB,eAAe;MACf,kBAAkB;MAClB,gBAlBkB;MAmBlB,SAAS;MACT,iBAAiB;MACjB;0CAGuC;MASvC,iBAAA,EAAkB;MAxFrB;QA+EI,qBAAiC;QACjC,yBAAyB;QACzB;;sDAKkD,EAHC;QAnFvD;UAqFK,aAAa,EAAA;MArFlB;QA0FI,iBAAiB;QACjB,gBAAgB;QAChB,sBAAsB;QACtB,6BAA6B;QAC7B,0CAA0C;QAC1C,oBAAoB;QACpB,mBAAmB;QACnB,kBAAkB;QAClB;0CACsC;QACtC,YAAY;QACZ,sBAAsB;QACtB,2BAA2B;QAC3B,kBAAkB;QAClB;sCACkC;QAOlC;qCALiC,EAMC;QAjHtC;UA2GK,cAAc,EAAA;QA3GnB;UA8GK,iBAvDgB,EAAA;QAvDrB;UAmHK,mBAAmB;UACnB,uBAAuB;UACvB,gBAAgB,EAAA;IArHrB;;MA8HG,gBAAgB;MAChB,cAAc;MACd,UAAU;MAAE,gBAAA;MACZ,8CAA8C;MAC9C,iBAAiB;MACjB,gCAAgC;MAEhC,aAAa;MACb,mBAAmB,EAAA;MAtItB;;;QA0II,eAAe,EAAA;IA1InB;;MAgJG,iBAAiB;MACjB,gCAAgC;MAChC,oBAAoB;MACpB,mBAAmB;MACnB,YC7GgB;MD8GhB,iBA9FkB;MA+FlB,oBAAA;MACA,UAAU,EAAA;IAvJb;MA2JG,sBAAsB;MACtB,6BAA6B;MAC7B,SAAS;MACT,UAAU;MACV,8CAAA;MACA,uBAAuB;MACvB,YAAY;MACZ,gDAAA;MACA,yBAAA;MACA,eAAe;MACf,uCAAA;MACA,2BAA2B;MAC3B,aAAa,EAAA;EAvKhB;IA6KE,kBAAkB;IAClB,WAAW;IACX,gBAAgB;IAChB,0CAA0C;IAC1C,wCAAwC;IACxC,WAAW;IACX,iBAAiB;IACjB,gBAAgB;IAChB,4DAA4D,EAAA;IArL9D;MAuLG,WAAW;MACX,UAAU,EAAA;IAxLb;MA2LG,kBAAkB;MAClB,aAAa;MACb,mBAAmB;MACnB,6BAA6B,EAAA;MA9LhC;;QAiMI,eAAe,EAAA;MAjMnB;QAoMI,YAAY;QACZ,mBAAmB;QACnB,gBAAgB;QAChB,uBAAuB;QACvB,SAAS;QACT,YAAY;QACZ,eAAe;QACf,2BAA2B;QAC3B,yBAAyB;QACzB,sBAAsB;QACtB,qBAAqB;QACrB,iBAAiB;QACjB,oBAAoB;QACpB,mBAAmB;QACnB,6BAA6B;QAC7B,gCAAgC;QAChC,WAAW;QACX,4BAAA,EAA6B;QArNjC;UAuNK,YAAY;UACZ,4BAA4B;UAC5B,2BAA2B;UAC3B,eAAe;UACf,gBAAgB;UAChB,cAAc;UACd,YCvLgB;UDwLhB,iBAAiB;UACjB,kBAAkB,EAAA;QA/NvB;UAkOK,8CAA8C;UAC9C,YC7LgB,EAAA;QDtCrB;UAsOK,6BAA6B;UAC7B,8CAA8C,EAAA;QAvOnD;UA0OK,WAAW,EAAA;QA1OhB;UA+OM,mBAAmB,EAAA;EA/OzB;IAuPE,YAAY;IACZ,mBAAmB,EAAA;EAxPrB;IA+PG,eAAe,EAAA;EA/PlB;IAuQG;4DAzCyD,EA0CC;IAxQ7D;MAoQI,2CAA2C,EAAA;IApQ/C;MA2QK,qCAAqC;MACrC,mBAAmB,EAAA;EA5QxB;IAoRE,aAAa,EAAA;EApRf;;IA2RG,6BAA6B,EAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n// scoping is not working inside the Multiselect.vue component\n// as the nested properties are not inside it\n// Therefore we need to use an external scoping\n.multiselect[data-v-#{$scope_version}] {\n\tmargin: 0;\n\tpadding: 0 !important;\n\tdisplay: inline-block;\n\t/* override this rule with your width styling if you need */\n\tmin-width: 160px;\n\tposition: relative;\n\tbackground-color: var(--color-main-background);\n\n\t/* Force single multiselect value to be shown when not active */\n\t&:not(.multiselect--active) .multiselect__single {\n\t\twidth: 100%;\n\t\tz-index: 2 !important;\n\t}\n\n\t// active state, force the input to be shown, we don't want\n\t// the placeholder or the currently selected options\n\t&.multiselect--active {\n\t\t/* Opened: force display the input */\n\t\tinput.multiselect__input {\n\t\t\topacity: $opacity_full !important;\n\t\t\tcursor: text !important;\n\t\t\t// remove border radius on bottom opening\n\t\t\tborder-radius: var(--border-radius) var(--border-radius) 0 0;\n\t\t\tdisplay: block !important;\n\t\t}\n\n\t\t/* multiselect__limit hidden if active */\n\t\t.multiselect__limit {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Remove radius on top opening\n\t&.multiselect--active.multiselect--above {\n\t\tinput.multiselect__input {\n\t\t\tborder-radius: 0 0 var(--border-radius) var(--border-radius);\n\t\t}\n\t}\n\n\t// disabled state background\n\t&.multiselect--disabled,\n\t&.multiselect--disabled .multiselect__single {\n\t\tbackground-color: var(--color-background-dark) !important;\n\t}\n\n\t// loading state\n\t&.icon-loading-small::after {\n\t\tleft: 100%;\n\t\tmargin-left: -24px;\n\t}\n\n\t// multiple selected options display\n\t.multiselect__tags {\n\t\t/* space between tags and limit tag */\n\t\t$space-between: 5px;\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\toverflow: hidden;\n\t\tborder: 1px solid var(--color-border-dark);\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\tborder-radius: 3px;\n\t\tmin-height: 34px;\n\t\theight: 100%;\n\n\t\t/* tag wrapper */\n\t\t.multiselect__tags-wrap {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\toverflow: hidden;\n\t\t\tmax-width: 100%;\n\t\t\tposition: relative;\n\t\t\tpadding: 3px $space-between;\n\t\t\tflex: 1 1;\n\t\t\tflex-wrap: nowrap;\n\t\t\t/* no tags or simple select? Show input directly\n\t\t\tinput is used to display single value */\n\t\t\t&:empty ~ input.multiselect__input {\n\t\t\t\topacity: $opacity_full !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\t/* hide default empty text like .multiselect__placeholder,\n\t\t\t\tand show input instead. It looks better without a transition between\n\t\t\t\ta span and the input that have different styling */\n\t\t\t\t+ span:not(.multiselect__single) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t/* selected tag */\n\t\t\t.multiselect__tag {\n\t\t\t\tline-height: 20px;\n\t\t\t\tpadding: 1px 5px;\n\t\t\t\tbackground-image: none;\n\t\t\t\tcolor: var(--color-main-text);\n\t\t\t\tborder: 1px solid var(--color-border-dark);\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\t/* require to override the default width\n\t\t\t\tand force the tag to shring properly */\n\t\t\t\tmin-width: 0;\n\t\t\t\tmax-width: fit-content;\n\t\t\t\tmax-width: -moz-fit-content;\n\t\t\t\tmargin-bottom: 3px;\n\t\t\t\t/* css hack, detect if more than two tags\n\t\t\t\tif so, flex-basis is set to half */\n\t\t\t\t&:only-child {\n\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t}\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: $space-between;\n\t\t\t\t}\n\t\t\t\t/* ellipsis the groups to be sure\n\t\t\t\twe display at least two of them */\n\t\t\t\t> span {\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/* Single select default value\n\t\tor default placeholder if search disabled*/\n\t\t.multiselect__single,\n\t\t.multiselect__placeholder {\n\t\t\tpadding: 7px 6px; // like the input\n\t\t\tflex: 0 0 100%;\n\t\t\tz-index: 1; /* above input */\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tline-height: 18px; // 32px - 2*6px (padding) - 2*1px (border)\n\t\t\tcolor: var(--color-text-lighter); // like the input\n\t\t\t// Align content and make the flow smoother\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t// Anything inside will trigger the select opening\n\t\t\t&, * {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\t\t/* displayed text if tag limit reached */\n\t\t.multiselect__strong,\n\t\t.multiselect__limit {\n\t\t\tline-height: 20px;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\topacity: $opacity_normal;\n\t\t\tmargin-right: $space-between;\n\t\t\t/* above the input */\n\t\t\tz-index: 5;\n\t\t}\n\t\t/* default multiselect input for search and placeholder */\n\t\tinput.multiselect__input {\n\t\t\twidth: 100% !important;\n\t\t\tposition: relative !important;\n\t\t\tmargin: 0;\n\t\t\topacity: 0;\n\t\t\t/* let's leave it on top of tags but hide it */\n\t\t\theight: 100% !important;\n\t\t\tborder: none;\n\t\t\t/* override hide to force show the placeholder */\n\t\t\t/* only when not active */\n\t\t\tcursor: pointer;\n\t\t\t/* override inline styling of the lib */\n\t\t\tpadding: 7px 6px !important;\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* results wrapper */\n\t.multiselect__content-wrapper {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\tmargin-top: -1px;\n\t\tborder: 1px solid var(--color-border-dark);\n\t\tbackground: var(--color-main-background);\n\t\tz-index: 50;\n\t\tmax-height: 250px;\n\t\toverflow-y: auto;\n\t\tborder-radius: 0 0 var(--border-radius) var(--border-radius);\n\t\t.multiselect__content {\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tli {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tbackground-color: transparent;\n\t\t\t&,\n\t\t\tspan {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t> span {\n\t\t\t\tpadding: 8px;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tmargin: 0;\n\t\t\t\theight: auto;\n\t\t\t\tmin-height: 1em;\n\t\t\t\t-webkit-touch-callout: none;\n\t\t\t\t-webkit-user-select: none;\n\t\t\t\t-moz-user-select: none;\n\t\t\t\t-ms-user-select: none;\n\t\t\t\tuser-select: none;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: var(--color-text-lighter);\n\t\t\t\twidth: 100%;\n\t\t\t\t/* selected checkmark icon */\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: ' ';\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-position: center;\n\t\t\t\t\tmin-width: 16px;\n\t\t\t\t\tmin-height: 16px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\topacity: $opacity_disabled;\n\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t}\n\t\t\t\t&.multiselect__option--disabled {\n\t\t\t\t\tbackground-color: var(--color-background-dark);\n\t\t\t\t\topacity: $opacity_disabled;\n\t\t\t\t}\n\t\t\t\t&.multiselect__option--highlight {\n\t\t\t\t\tcolor: var(--color-main-text);\n\t\t\t\t\tbackground-color: var(--color-background-dark);\n\t\t\t\t}\n\t\t\t\t&:not(.multiselect__option--disabled):hover::before {\n\t\t\t\t\topacity: .3;\n\t\t\t\t}\n\t\t\t\t&.multiselect__option--selected,\n\t\t\t\t&:not(.multiselect__option--disabled):hover {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tvisibility: visible;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/* ABOVE display */\n\t&.multiselect--above .multiselect__content-wrapper {\n\t\tbottom: 100%;\n\t\tmargin-bottom: -1px;\n\t}\n\n\t/* Icon before option select */\n\t&.multiselect--multiple {\n\t\t// push the input after the tag list\n\t\t.multiselect__tags {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t.multiselect__content-wrapper li > span {\n\t\t\t&::before {\n\t\t\t\tbackground-image: var(--icon-checkmark-000);\n\t\t\t}\n\n\t\t\t/* add the prop tag-placeholder=\"create\" to add the +\n\t\t\ticon on top of an unknown-and-ready-to-be-created entry */\n\t\t\t&[data-select='create'] {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-image: var(--icon-add-000);\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/* No need for an icon here */\n\t&.multiselect--single .multiselect__content-wrapper li > span::before {\n\t\tdisplay: none;\n\t}\n\n\t/* Mouse feedback */\n\t&:hover,\n\tinput.multiselect__input {\n\t\t.multiselect__placeholder {\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/directives/Tooltip/index.scss": /*!********************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./src/directives/Tooltip/index.scss ***! \********************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n* @copyright Copyright (c) 2016, John Molakvoæ \n* @copyright Copyright (c) 2016, Robin Appelman \n* @copyright Copyright (c) 2016, Jan-Christoph Borchardt \n* @copyright Copyright (c) 2016, Erik Pellikka \n* @copyright Copyright (c) 2015, Vincent Petry \n*\n* Bootstrap v3.3.5 (http://getbootstrap.com)\n* Copyright 2011-2015 Twitter, Inc.\n* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n*/\n.vue-tooltip[data-v-84c461f] {\n position: absolute;\n z-index: 100000;\n right: auto;\n left: auto;\n display: block;\n margin: 0;\n /* default to top */\n margin-top: -3px;\n padding: 10px 0;\n text-align: left;\n text-align: start;\n opacity: 0;\n line-height: 1.6;\n line-break: auto;\n filter: drop-shadow(0 1px 10px var(--color-box-shadow)); }\n .vue-tooltip[data-v-84c461f][x-placement^='top'] .tooltip-arrow {\n bottom: 0;\n margin-top: 0;\n margin-bottom: 0;\n border-width: 10px 10px 0 10px;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent; }\n .vue-tooltip[data-v-84c461f][x-placement^='bottom'] .tooltip-arrow {\n top: 0;\n margin-top: 0;\n margin-bottom: 0;\n border-width: 0 10px 10px 10px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent; }\n .vue-tooltip[data-v-84c461f][x-placement^='right'] .tooltip-arrow {\n right: 100%;\n margin-right: 0;\n margin-left: 0;\n border-width: 10px 10px 10px 0;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent; }\n .vue-tooltip[data-v-84c461f][x-placement^='left'] .tooltip-arrow {\n left: 100%;\n margin-right: 0;\n margin-left: 0;\n border-width: 10px 0 10px 10px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent; }\n .vue-tooltip[data-v-84c461f][aria-hidden='true'] {\n visibility: hidden;\n transition: opacity .15s, visibility .15s;\n opacity: 0; }\n .vue-tooltip[data-v-84c461f][aria-hidden='false'] {\n visibility: visible;\n transition: opacity .15s;\n opacity: 1; }\n .vue-tooltip[data-v-84c461f] .tooltip-inner {\n max-width: 350px;\n padding: 5px 8px;\n text-align: center;\n color: var(--color-main-text);\n border-radius: var(--border-radius);\n background-color: var(--color-main-background); }\n .vue-tooltip[data-v-84c461f] .tooltip-arrow {\n position: absolute;\n z-index: 1;\n width: 0;\n height: 0;\n margin: 0;\n border-style: solid;\n border-color: var(--color-main-background); }\n","",{version:3,sources:["webpack://./index.scss","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AApBF;;;;;;;;;;CA+BC;AAjBD;EACC,kBAAkB;EAClB,eAAe;EACf,WAAW;EACX,UAAU;EACV,cAAc;EACd,SAAS;EACT,mBAAA;EACA,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,UAAU;EACV,gBAAgB;EAEhB,gBAAgB;EAChB,uDAAuD,EAAA;EAhBxD;IAqBG,SAAS;IACT,aAAa;IACb,gBAAgB;IAChB,8BA1Be;IA2Bf,+BAA+B;IAC/B,gCAAgC;IAChC,8BAA8B,EAAA;EA3BjC;IAkCG,MAAM;IACN,aAAa;IACb,gBAAgB;IAChB,8BAvCe;IAwCf,6BAA6B;IAC7B,+BAA+B;IAC/B,8BAA8B,EAAA;EAxCjC;IA+CG,WAAW;IACX,eAAe;IACf,cAAc;IACd,8BAAsD;IACtD,6BAA6B;IAC7B,gCAAgC;IAChC,8BAA8B,EAAA;EArDjC;IA4DG,UAAU;IACV,eAAe;IACf,cAAc;IACd,8BAjEe;IAkEf,6BAA6B;IAC7B,+BAA+B;IAC/B,gCAAgC,EAAA;EAlEnC;IAwEE,kBAAkB;IAClB,yCAAyC;IACzC,UAAU,EAAA;EA1EZ;IA6EE,mBAAmB;IACnB,wBAAwB;IACxB,UAAU,EAAA;EA/EZ;IAoFE,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,6BAA6B;IAC7B,mCAAmC;IACnC,8CAA8C,EAAA;EAzFhD;IA8FE,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,SAAS;IACT,SAAS;IACT,mBAAmB;IACnB,0CAA0C,EAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n/**\n* @copyright Copyright (c) 2016, John Molakvoæ \n* @copyright Copyright (c) 2016, Robin Appelman \n* @copyright Copyright (c) 2016, Jan-Christoph Borchardt \n* @copyright Copyright (c) 2016, Erik Pellikka \n* @copyright Copyright (c) 2015, Vincent Petry \n*\n* Bootstrap v3.3.5 (http://getbootstrap.com)\n* Copyright 2011-2015 Twitter, Inc.\n* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n*/\n\n$arrow-width: 10px;\n\n.vue-tooltip[data-v-#{$scope_version}] {\n\tposition: absolute;\n\tz-index: 100000;\n\tright: auto;\n\tleft: auto;\n\tdisplay: block;\n\tmargin: 0;\n\t/* default to top */\n\tmargin-top: -3px;\n\tpadding: 10px 0;\n\ttext-align: left;\n\ttext-align: start;\n\topacity: 0;\n\tline-height: 1.6;\n\n\tline-break: auto;\n\tfilter: drop-shadow(0 1px 10px var(--color-box-shadow));\n\n\t// TOP\n\t&[x-placement^='top'] {\n\t\t.tooltip-arrow {\n\t\t\tbottom: 0;\n\t\t\tmargin-top: 0;\n\t\t\tmargin-bottom: 0;\n\t\t\tborder-width: $arrow-width $arrow-width 0 $arrow-width;\n\t\t\tborder-right-color: transparent;\n\t\t\tborder-bottom-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t}\n\t}\n\n\t// BOTTOM\n\t&[x-placement^='bottom'] {\n\t\t.tooltip-arrow {\n\t\t\ttop: 0;\n\t\t\tmargin-top: 0;\n\t\t\tmargin-bottom: 0;\n\t\t\tborder-width: 0 $arrow-width $arrow-width $arrow-width;\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t}\n\t}\n\n\t// RIGHT\n\t&[x-placement^='right'] {\n\t\t.tooltip-arrow {\n\t\t\tright: 100%;\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: 0;\n\t\t\tborder-width: $arrow-width $arrow-width $arrow-width 0;\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-bottom-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t}\n\t}\n\n\t// LEFT\n\t&[x-placement^='left'] {\n\t\t.tooltip-arrow {\n\t\t\tleft: 100%;\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: 0;\n\t\t\tborder-width: $arrow-width 0 $arrow-width $arrow-width;\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\tborder-bottom-color: transparent;\n\t\t}\n\t}\n\n\t// HIDDEN / SHOWN\n\t&[aria-hidden='true'] {\n\t\tvisibility: hidden;\n\t\ttransition: opacity .15s, visibility .15s;\n\t\topacity: 0;\n\t}\n\t&[aria-hidden='false'] {\n\t\tvisibility: visible;\n\t\ttransition: opacity .15s;\n\t\topacity: 1;\n\t}\n\n\t// CONTENT\n\t.tooltip-inner {\n\t\tmax-width: 350px;\n\t\tpadding: 5px 8px;\n\t\ttext-align: center;\n\t\tcolor: var(--color-main-text);\n\t\tborder-radius: var(--border-radius);\n\t\tbackground-color: var(--color-main-background);\n\t}\n\n\t// ARROW\n\t.tooltip-arrow {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tmargin: 0;\n\t\tborder-style: solid;\n\t\tborder-color: var(--color-main-background);\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionButton/ActionButton.vue?vue&type=style&index=0&id=2e929b4f&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionButton/ActionButton.vue?vue&type=style&index=0&id=2e929b4f&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-2e929b4f] {\n background-color: var(--color-background-hover);\n}\n.action--disabled[data-v-2e929b4f] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-2e929b4f]:hover, .action--disabled[data-v-2e929b4f]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-2e929b4f] {\n opacity: 1 !important;\n}\n.action-button[data-v-2e929b4f] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n padding-right: 14px;\n cursor: pointer;\n white-space: nowrap;\n opacity: 0.7;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n font-size: var(--default-font-size);\n line-height: 44px;\n}\n.action-button[data-v-2e929b4f]:hover, .action-button[data-v-2e929b4f]:focus {\n opacity: 1;\n}\n.action-button > span[data-v-2e929b4f] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-button__icon[data-v-2e929b4f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n background-position: 14px center;\n background-size: 16px;\n background-repeat: no-repeat;\n}\n.action-button .material-design-icon[data-v-2e929b4f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n}\n.action-button .material-design-icon .material-design-icon__svg[data-v-2e929b4f] {\n vertical-align: middle;\n}\n.action-button p[data-v-2e929b4f] {\n max-width: 220px;\n line-height: 1.6em;\n padding: 10.8px 0;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.action-button__longtext[data-v-2e929b4f] {\n cursor: pointer;\n white-space: pre-wrap;\n}\n.action-button__title[data-v-2e929b4f] {\n font-weight: bold;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: 100%;\n display: inline-block;\n}\n',"",{version:3,sources:["webpack://./ActionButton.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAMjD;EACC,oBAAoB;EACpB,YDQmB;AAAA;ACVpB;IAIE,eAAe;IACf,YDKkB;AAAA;ACVpB;IAQE,qBAAqB;AAAA;AAOvB;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,mBDtB8C;ECwB9C,eAAe;EACf,mBAAmB;EAEnB,YDjBiB;ECkBjB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,mCAAmC;EACnC,iBD5CmB;AAAA;ACsBpB;IA0BE,UD7Ba;AAAA;ACGf;IA8BE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,WDzDkB;IC0DlB,YD1DkB;IC2DlB,UDxCa;ICyCb,gCAAwC;IACxC,qBDzDa;IC0Db,4BAA4B;AAAA;AAxC9B;IA4CE,WDlEkB;ICmElB,YDnEkB;ICoElB,UDjDa;AAAA;ACGf;MAiDG,sBAAsB;AAAA;AAjDzB;IAuDE,gBAAgB;IAChB,kBAAkB;IAGlB,iBAA8C;IAE9C,eAAe;IACf,gBAAgB;IAGhB,gBAAgB;IAChB,uBAAuB;AAAA;AAGxB;IACC,eAAe;IAEf,qBAAqB;AAAA;AAGtB;IACC,iBAAiB;IACjB,uBAAuB;IACvB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,qBAAqB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n@include action-item('button');\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionCheckbox/ActionCheckbox.vue?vue&type=style&index=0&id=74cf1d6f&lang=scss&scoped=true&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionCheckbox/ActionCheckbox.vue?vue&type=style&index=0&id=74cf1d6f&lang=scss&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-74cf1d6f] {\n background-color: var(--color-background-hover);\n}\n.action--disabled[data-v-74cf1d6f] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-74cf1d6f]:hover, .action--disabled[data-v-74cf1d6f]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-74cf1d6f] {\n opacity: 1 !important;\n}\n.action-checkbox[data-v-74cf1d6f] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n cursor: pointer;\n white-space: nowrap;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n line-height: 44px;\n /* checkbox/radio fixes */\n}\n.action-checkbox__checkbox[data-v-74cf1d6f] {\n position: absolute;\n top: auto;\n left: -10000px;\n overflow: hidden;\n width: 1px;\n height: 1px;\n}\n.action-checkbox__checkbox:focus + .action-checkbox__label[data-v-74cf1d6f] {\n opacity: 1;\n}\n.action-checkbox__label[data-v-74cf1d6f] {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0 !important;\n padding-right: 14px !important;\n opacity: 0.7;\n}\n.action-checkbox__label[data-v-74cf1d6f]::before {\n margin: 0 14px 0 !important;\n}\n.action-checkbox--disabled[data-v-74cf1d6f],\n .action-checkbox--disabled .action-checkbox__label[data-v-74cf1d6f] {\n cursor: pointer;\n}\n.action-checkbox:not(.action-checkbox--disabled):hover .action-checkbox__label[data-v-74cf1d6f], .action-checkbox:not(.action-checkbox--disabled):focus .action-checkbox__label[data-v-74cf1d6f] {\n opacity: 1;\n}\n',"",{version:3,sources:["webpack://./ActionCheckbox.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAMjD;EACC,oBAAoB;EACpB,YDQmB;AAAA;ACVpB;IAIE,eAAe;IACf,YDKkB;AAAA;ACVpB;IAQE,qBAAqB;AAAA;AFiHxB;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EAEV,eAAe;EACf,mBAAmB;EAEnB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,iBCnJoB;EDqJpB,yBAAA;AAA0B;AAC1B;IACC,kBAAkB;IAClB,SAAS;IACT,cAAc;IAEd,gBAAgB;IAEhB,UAAU;IACV,WAAW;AAAA;AARX;MAUC,UC7Ia;AAAA;ADiJf;IACC,aAAa;IACb,mBAAmB;IAEnB,WAAW;IACX,qBAAqB;IACrB,8BAAsC;IAEtC,YC1JiB;AAAA;ADkJjB;MAYC,2BAA2B;AAAA;AAI5B;;IAGC,eAAe;AAAA;AAvDlB;IA8DG,UC3Ka;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n.action-checkbox {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t/* checkbox/radio fixes */\n\t&__checkbox {\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\tleft: -10000px;\n\n\t\toverflow: hidden;\n\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\t&:focus + .action-checkbox__label {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center; // align checkbox to text\n\n\t\twidth: 100%;\n\t\tpadding: 0 !important;\n\t\tpadding-right: $icon-margin !important;\n\n\t\topacity: $opacity_normal;\n\t\t// checkbox-width is 12px, border is 2\n\t\t// (44 - 14 - 2) / 2 = 14\n\t\t&::before {\n\t\t\tmargin: 0 14px 0 !important;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\t&,\n\t\t.action-checkbox__label {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&:not(.action-checkbox--disabled):hover,\n\t&:not(.action-checkbox--disabled):focus {\n\t\t.action-checkbox__label {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionInput/ActionInput.vue?vue&type=style&index=0&id=5e00ea39&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionInput/ActionInput.vue?vue&type=style&index=0&id=5e00ea39&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-5e00ea39] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * color-text-lighter\t\tnormal state\n * color-text-lighter\t\tactive state\n * color-text-maxcontrast \tdisabled state\n */\n/* Default global values */\nbutton[data-v-5e00ea39],\ninput[data-v-5e00ea39]:not([type=\'range\']),\ntextarea[data-v-5e00ea39] {\n margin: 0;\n padding: 7px 6px;\n cursor: text;\n color: var(--color-text-lighter);\n border: 1px solid var(--color-border-dark);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--color-main-background);\n font-size: 13px;\n /* Primary action button, use sparingly */\n}\nbutton[data-v-5e00ea39]:not(:disabled):not(.primary):hover, button[data-v-5e00ea39]:not(:disabled):not(.primary):focus, button:not(:disabled):not(.primary).active[data-v-5e00ea39],\n input[data-v-5e00ea39]:not([type=\'range\']):not(:disabled):not(.primary):hover,\n input[data-v-5e00ea39]:not([type=\'range\']):not(:disabled):not(.primary):focus,\n input:not([type=\'range\']):not(:disabled):not(.primary).active[data-v-5e00ea39],\n textarea[data-v-5e00ea39]:not(:disabled):not(.primary):hover,\n textarea[data-v-5e00ea39]:not(:disabled):not(.primary):focus,\n textarea:not(:disabled):not(.primary).active[data-v-5e00ea39] {\n /* active class used for multiselect */\n border-color: var(--color-primary-element);\n outline: none;\n}\nbutton[data-v-5e00ea39]:not(:disabled):not(.primary):active,\n input[data-v-5e00ea39]:not([type=\'range\']):not(:disabled):not(.primary):active,\n textarea[data-v-5e00ea39]:not(:disabled):not(.primary):active {\n color: var(--color-text-light);\n outline: none;\n background-color: var(--color-main-background);\n}\nbutton[data-v-5e00ea39]:disabled,\n input[data-v-5e00ea39]:not([type=\'range\']):disabled,\n textarea[data-v-5e00ea39]:disabled {\n cursor: default;\n opacity: 0.5;\n color: var(--color-text-maxcontrast);\n background-color: var(--color-background-dark);\n}\nbutton[data-v-5e00ea39]:required,\n input[data-v-5e00ea39]:not([type=\'range\']):required,\n textarea[data-v-5e00ea39]:required {\n box-shadow: none;\n}\nbutton[data-v-5e00ea39]:invalid,\n input[data-v-5e00ea39]:not([type=\'range\']):invalid,\n textarea[data-v-5e00ea39]:invalid {\n border-color: var(--color-error);\n box-shadow: none !important;\n}\nbutton.primary[data-v-5e00ea39],\n input:not([type=\'range\']).primary[data-v-5e00ea39],\n textarea.primary[data-v-5e00ea39] {\n cursor: pointer;\n color: var(--color-primary-text);\n border-color: var(--color-primary-element);\n background-color: var(--color-primary-element);\n}\nbutton.primary[data-v-5e00ea39]:not(:disabled):hover, button.primary[data-v-5e00ea39]:not(:disabled):focus, button.primary[data-v-5e00ea39]:not(:disabled):active,\n input:not([type=\'range\']).primary[data-v-5e00ea39]:not(:disabled):hover,\n input:not([type=\'range\']).primary[data-v-5e00ea39]:not(:disabled):focus,\n input:not([type=\'range\']).primary[data-v-5e00ea39]:not(:disabled):active,\n textarea.primary[data-v-5e00ea39]:not(:disabled):hover,\n textarea.primary[data-v-5e00ea39]:not(:disabled):focus,\n textarea.primary[data-v-5e00ea39]:not(:disabled):active {\n border-color: var(--color-primary-element-light);\n background-color: var(--color-primary-element-light);\n}\nbutton.primary[data-v-5e00ea39]:not(:disabled):active,\n input:not([type=\'range\']).primary[data-v-5e00ea39]:not(:disabled):active,\n textarea.primary[data-v-5e00ea39]:not(:disabled):active {\n color: var(--color-primary-text-dark);\n}\nbutton.primary[data-v-5e00ea39]:disabled,\n input:not([type=\'range\']).primary[data-v-5e00ea39]:disabled,\n textarea.primary[data-v-5e00ea39]:disabled {\n cursor: default;\n color: var(--color-primary-text-dark);\n background-color: var(--color-primary-element);\n}\n\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-5e00ea39] {\n background-color: var(--color-background-hover);\n}\n.action--disabled[data-v-5e00ea39] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-5e00ea39]:hover, .action--disabled[data-v-5e00ea39]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-5e00ea39] {\n opacity: 1 !important;\n}\n.action-input[data-v-5e00ea39] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n cursor: pointer;\n white-space: nowrap;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n /* Inputs inside popover supports text, submit & reset */\n}\n.action-input[data-v-5e00ea39]:not(.action-input--picker) {\n opacity: 0.7;\n}\n.action-input[data-v-5e00ea39]:not(.action-input--picker):hover, .action-input[data-v-5e00ea39]:not(.action-input--picker):focus {\n opacity: 1;\n}\n.action-input--picker .action-input__icon[data-v-5e00ea39] {\n opacity: 0.7;\n}\n.action-input--picker:hover .action-input__icon[data-v-5e00ea39],\n .action-input--picker:focus .action-input__icon[data-v-5e00ea39] {\n opacity: 1;\n}\n.action-input > span[data-v-5e00ea39] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-input__icon[data-v-5e00ea39] {\n min-width: 0;\n /* Overwrite icons*/\n min-height: 0;\n /* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n padding: 22px 0 22px 44px;\n background-position: 14px center;\n background-size: 16px;\n}\n.action-input__form[data-v-5e00ea39] {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin: 4px 0;\n padding-right: 14px;\n}\n.action-input__submit[data-v-5e00ea39] {\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n.action-input__label[data-v-5e00ea39] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n box-sizing: border-box;\n margin: 0 0 0 -8px;\n padding: 7px 6px;\n cursor: pointer;\n opacity: 1;\n color: var(--color-text-lighter);\n border: 1px solid var(--color-border-dark);\n border-left-color: transparent;\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n /* Avoid background under border */\n background-color: var(--color-main-background);\n background-clip: padding-box;\n font-size: 16px;\n}\n.action-input__label[data-v-5e00ea39]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.action-input__input[data-v-5e00ea39] {\n flex: 1 1 auto;\n min-width: 132px;\n min-height: 36px;\n /* twice the element margin-y */\n max-height: 36px;\n /* twice the element margin-y */\n margin: 0;\n /* only show confirm borders if input is not focused */\n}\n.action-input__input[data-v-5e00ea39]:disabled {\n cursor: default;\n}\n.action-input__input:not(:active):not(:hover):not(:focus):invalid + .action-input__label[data-v-5e00ea39] {\n border-color: var(--color-error);\n border-left-color: transparent;\n}\n.action-input__input:not(:active):not(:hover):not(:focus):not(:disabled) + .action-input__label[data-v-5e00ea39]:active, .action-input__input:not(:active):not(:hover):not(:focus):not(:disabled) + .action-input__label[data-v-5e00ea39]:hover, .action-input__input:not(:active):not(:hover):not(:focus):not(:disabled) + .action-input__label[data-v-5e00ea39]:focus {\n border-color: var(--color-primary-element);\n border-radius: var(--border-radius);\n}\n.action-input__input:active:not(:disabled) + .action-input__label[data-v-5e00ea39], .action-input__input:hover:not(:disabled) + .action-input__label[data-v-5e00ea39], .action-input__input:focus:not(:disabled) + .action-input__label[data-v-5e00ea39] {\n /* above previous input */\n z-index: 2;\n border-color: var(--color-primary-element);\n border-left-color: transparent;\n}\n.action-input__picker[data-v-5e00ea39] .mx-input {\n margin: 0;\n}\n.action-input__multi[data-v-5e00ea39] {\n width: 100%;\n}\nli:last-child > .action-input[data-v-5e00ea39] {\n margin-bottom: 10px;\n}\nli:first-child > .action-input[data-v-5e00ea39] {\n margin-top: 10px;\n}\n',"",{version:3,sources:["webpack://./ActionInput.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss","webpack://./../../assets/inputs.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;;ACnB/B;;;;;;;;;;;;;;;;;;;;EH2GE;AGrFF;;;;EH0FE;AGpFF,0BAAA;AACA;;;EAGC,SAAS;EACT,gBAAgB;EAEhB,YAAY;EAEZ,gCAAgC;EAChC,0CAA0C;EAC1C,mCAAmC;EACnC,aAAa;EACb,8CAA8C;EAE9C,eAAe;EAkCf,yCAAA;AAA0C;AAhD3C;;;;;;;IAoBG,sCAAA;IACA,0CAA0C;IAC1C,aAAa;AAAA;AAtBhB;;;IA0BG,8BAA8B;IAC9B,aAAa;IACb,8CAA8C;AAAA;AA5BjD;;;IAiCE,eAAe;IACf,YFrBmB;IEsBnB,oCAAoC;IACpC,8CAA8C;AAAA;AApChD;;;IAwCE,gBAAgB;AAAA;AAxClB;;;IA4CE,gCAAgC;IAChC,2BAA2B;AAAA;AA7C7B;;;IAkDE,eAAe;IACf,gCAAgC;IAChC,0CAA0C;IAC1C,8CAA8C;AAAA;AArDhD;;;;;;;MA2DI,gDAAgD;MAChD,oDAAoD;AAAA;AA5DxD;;;MA+DI,qCAAqC;AAAA;AA/DzC;;;MAoEG,eAAe;MACf,qCAAqC;MAErC,8CAA8C;AAAA;;ACpGjD;;;;;;;;;;;;;;;;;;;;;EJ+ME;AIvLD;EAEE,+CAA+C;AAAA;AAMjD;EACC,oBAAoB;EACpB,YHQmB;AAAA;AGVpB;IAIE,eAAe;IACf,YHKkB;AAAA;AGVpB;IAQE,qBAAqB;AAAA;AJiNxB;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EAEV,eAAe;EACf,mBAAmB;EAEnB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EAoFnB,wDAAA;AAAyD;AAtG1D;IAsBE,YCpOiB;AAAA;AD8MnB;MAyBG,UCtOa;AAAA;AD2Od;IAEC,YC9OgB;AAAA;AD4OjB;;IAMC,UCjPa;AAAA;AD6MhB;IAyCE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,YAAY;IAAE,mBAAA;IACd,aAAa;IACb;+CA5C6C;IA8C7C,yBClRmB;IDoRnB,gCAA2C;IAC3C,qBCjRc;AAAA;ADqRf;IACC,aAAa;IACb,mBAAmB;IACnB,cAAc;IAEd,aAAuB;IACvB,mBCvR8C;AAAA;AD0R/C;IACC,kBAAkB;IAClB,cAAc;IACd,SAAS;IACT,UAAU;IACV,WAAW;IACX,gBAAgB;AAAA;AAGjB;IACC,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IAEvB,WAAO;IACP,YAAQ;IACR,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAEhB,eAAe;IAEf,UCrSc;IDsSd,gCAAgC;IAChC,0CAA0C;IAC1C,8BAA8B;IAC9B,4DAA4D;IAC5D,kCAAA;IACA,8CAA8C;IAC9C,4BAA4B;IAE5B,eC7Tc;AAAA;ADuSd;MElPE,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YA5ES;AAAO;AFuVnB;IACC,cAAc;IAEd,gBAA8B;IAC9B,gBAAY;IAAwC,+BAAA;IACpD,gBAAY;IAAwC,+BAAA;IACpD,SAAS;IAOT,sDAAA;AAAuD;AAbvD;MAUC,eAAe;AAAA;AAVhB;MAiBG,gCAAgC;MAChC,8BAA8B;AAAA;AAlBjC;MAyBG,0CAA0C;MAC1C,mCAAmC;AAAA;AA1BtC;MAkCE,yBAAA;MACA,UAAU;MAEV,0CAA0C;MAC1C,8BAA8B;AAAA;AAKhC;IAEC,SAAS;AAAA;AAIX;IACC,WAAW;AAAA;AAOb;EACC,mBAA2C;AAAA;AAI5C;EACC,gBAAwC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n@import '../../assets/inputs';\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-input {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\n\t// do not change the opacity of the datepicker\n\t&:not(.action-input--picker) {\n\t\topacity: $opacity_normal;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t// only change for the icon then\n\t&--picker {\n\t\t.action-input__icon {\n\t\t\topacity: $opacity_normal;\n\t\t}\n\t\t&:hover .action-input__icon,\n\t\t&:focus .action-input__icon {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: #{$clickable-area / 2} 0 #{$clickable-area / 2} $clickable-area;\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex: 1 1 auto;\n\n\t\tmargin: $input-margin 0;\n\t\tpadding-right: $icon-margin;\n\t}\n\n\t&__submit {\n\t\tposition: absolute;\n\t\tleft: -10000px;\n\t\ttop: auto;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\toverflow: hidden;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: #{$clickable-area - $input-margin * 2};\n\t\theight: #{$clickable-area - $input-margin * 2};\n\t\tbox-sizing: border-box;\n\t\tmargin: 0 0 0 -8px;\n\t\tpadding: 7px 6px;\n\n\t\tcursor: pointer;\n\n\t\topacity: $opacity_full;\n\t\tcolor: var(--color-text-lighter);\n\t\tborder: 1px solid var(--color-border-dark);\n\t\tborder-left-color: transparent;\n\t\tborder-radius: 0 var(--border-radius) var(--border-radius) 0;\n\t\t/* Avoid background under border */\n\t\tbackground-color: var(--color-main-background);\n\t\tbackground-clip: padding-box;\n\n\t\tfont-size: $icon-size;\n\n\t\t@include iconfont('confirm');\n\t}\n\n\t/* Inputs inside popover supports text, submit & reset */\n\t&__input {\n\t\tflex: 1 1 auto;\n\n\t\tmin-width: $clickable-area * 3;\n\t\tmin-height: #{$clickable-area - $input-margin * 2}; /* twice the element margin-y */\n\t\tmax-height: #{$clickable-area - $input-margin * 2}; /* twice the element margin-y */\n\t\tmargin: 0;\n\n\t\t// if disabled, change cursor\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t/* only show confirm borders if input is not focused */\n\t\t&:not(:active):not(:hover):not(:focus) {\n\t\t\t&:invalid {\n\t\t\t\t& + .action-input__label {\n\t\t\t\t\tborder-color: var(--color-error);\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:not(:disabled) + .action-input__label {\n\t\t\t\t&:active,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: var(--color-primary-element);\n\t\t\t\t\tborder-radius: var(--border-radius);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:active,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t&:not(:disabled) + .action-input__label {\n\t\t\t\t/* above previous input */\n\t\t\t\tz-index: 2;\n\n\t\t\t\tborder-color: var(--color-primary-element);\n\t\t\t\tborder-left-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__picker::v-deep { // stylelint-disable-line\n\t\t.mx-input {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__multi {\n\t\twidth: 100%;\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-input {\n\tmargin-bottom: $icon-margin - $input-margin;\n}\n\n// same for first item\nli:first-child > .action-input {\n\tmargin-top: $icon-margin - $input-margin;\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n',"/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n/**\n * color-text-lighter\t\tnormal state\n * color-text-lighter\t\tactive state\n * color-text-maxcontrast \tdisabled state\n */\n\n/* Default global values */\nbutton,\ninput:not([type='range']),\ntextarea {\n\tmargin: 0;\n\tpadding: 7px 6px;\n\n\tcursor: text;\n\n\tcolor: var(--color-text-lighter);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: var(--border-radius);\n\toutline: none;\n\tbackground-color: var(--color-main-background);\n\n\tfont-size: 13px;\n\n\t&:not(:disabled):not(.primary) {\n\t\t&:hover,\n\t\t&:focus,\n\t\t&.active {\n\t\t\t/* active class used for multiselect */\n\t\t\tborder-color: var(--color-primary-element);\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: var(--color-text-light);\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t\topacity: $opacity_disabled;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tbackground-color: var(--color-background-dark);\n\t}\n\n\t&:required {\n\t\tbox-shadow: none;\n\t}\n\n\t&:invalid {\n\t\tborder-color: var(--color-error);\n\t\tbox-shadow: none !important;\n\t}\n\n\t/* Primary action button, use sparingly */\n\t&.primary {\n\t\tcursor: pointer;\n\t\tcolor: var(--color-primary-text);\n\t\tborder-color: var(--color-primary-element);\n\t\tbackground-color: var(--color-primary-element);\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tborder-color: var(--color-primary-element-light);\n\t\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tcolor: var(--color-primary-text-dark);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: var(--color-primary-text-dark);\n\t\t\t// opacity is already defined to .5 if disabled\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionLink/ActionLink.vue?vue&type=style&index=0&id=7b85b80f&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionLink/ActionLink.vue?vue&type=style&index=0&id=7b85b80f&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-7b85b80f] {\n background-color: var(--color-background-hover);\n}\n.action-link[data-v-7b85b80f] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n padding-right: 14px;\n cursor: pointer;\n white-space: nowrap;\n opacity: 0.7;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n font-size: var(--default-font-size);\n line-height: 44px;\n}\n.action-link[data-v-7b85b80f]:hover, .action-link[data-v-7b85b80f]:focus {\n opacity: 1;\n}\n.action-link > span[data-v-7b85b80f] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-link__icon[data-v-7b85b80f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n background-position: 14px center;\n background-size: 16px;\n background-repeat: no-repeat;\n}\n.action-link .material-design-icon[data-v-7b85b80f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n}\n.action-link .material-design-icon .material-design-icon__svg[data-v-7b85b80f] {\n vertical-align: middle;\n}\n.action-link p[data-v-7b85b80f] {\n max-width: 220px;\n line-height: 1.6em;\n padding: 10.8px 0;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.action-link__longtext[data-v-7b85b80f] {\n cursor: pointer;\n white-space: pre-wrap;\n}\n.action-link__title[data-v-7b85b80f] {\n font-weight: bold;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: 100%;\n display: inline-block;\n}\n',"",{version:3,sources:["webpack://./ActionLink.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAqBjD;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,mBDtB8C;ECwB9C,eAAe;EACf,mBAAmB;EAEnB,YDjBiB;ECkBjB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,mCAAmC;EACnC,iBD5CmB;AAAA;ACsBpB;IA0BE,UD7Ba;AAAA;ACGf;IA8BE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,WDzDkB;IC0DlB,YD1DkB;IC2DlB,UDxCa;ICyCb,gCAAwC;IACxC,qBDzDa;IC0Db,4BAA4B;AAAA;AAxC9B;IA4CE,WDlEkB;ICmElB,YDnEkB;ICoElB,UDjDa;AAAA;ACGf;MAiDG,sBAAsB;AAAA;AAjDzB;IAuDE,gBAAgB;IAChB,kBAAkB;IAGlB,iBAA8C;IAE9C,eAAe;IACf,gBAAgB;IAGhB,gBAAgB;IAChB,uBAAuB;AAAA;AAGxB;IACC,eAAe;IAEf,qBAAqB;AAAA;AAGtB;IACC,iBAAiB;IACjB,uBAAuB;IACvB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,qBAAqB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action-item('link');\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionRadio/ActionRadio.vue?vue&type=style&index=0&id=031b3fca&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionRadio/ActionRadio.vue?vue&type=style&index=0&id=031b3fca&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-031b3fca] {\n background-color: var(--color-background-hover);\n}\n.action--disabled[data-v-031b3fca] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-031b3fca]:hover, .action--disabled[data-v-031b3fca]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-031b3fca] {\n opacity: 1 !important;\n}\n.action-radio[data-v-031b3fca] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n cursor: pointer;\n white-space: nowrap;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n line-height: 44px;\n /* checkbox/radio fixes */\n}\n.action-radio__radio[data-v-031b3fca] {\n position: absolute;\n top: auto;\n left: -10000px;\n overflow: hidden;\n width: 1px;\n height: 1px;\n}\n.action-radio__radio:focus + .action-radio__label[data-v-031b3fca] {\n opacity: 1;\n}\n.action-radio__label[data-v-031b3fca] {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0 !important;\n padding-right: 14px !important;\n opacity: 0.7;\n}\n.action-radio__label[data-v-031b3fca]::before {\n margin: 0 14px 0 !important;\n}\n.action-radio--disabled[data-v-031b3fca],\n .action-radio--disabled .action-radio__label[data-v-031b3fca] {\n cursor: pointer;\n}\n.action-radio:not(.action-radio--disabled):hover .action-radio__label[data-v-031b3fca], .action-radio:not(.action-radio--disabled):focus .action-radio__label[data-v-031b3fca] {\n opacity: 1;\n}\n',"",{version:3,sources:["webpack://./ActionRadio.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAMjD;EACC,oBAAoB;EACpB,YDQmB;AAAA;ACVpB;IAIE,eAAe;IACf,YDKkB;AAAA;ACVpB;IAQE,qBAAqB;AAAA;AFgHxB;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EAEV,eAAe;EACf,mBAAmB;EAEnB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,iBClJoB;EDoJpB,yBAAA;AAA0B;AAC1B;IACC,kBAAkB;IAClB,SAAS;IACT,cAAc;IAEd,gBAAgB;IAEhB,UAAU;IACV,WAAW;AAAA;AARX;MAUC,UC5Ia;AAAA;ADgJf;IACC,aAAa;IACb,mBAAmB;IAEnB,WAAW;IACX,qBAAqB;IACrB,8BAAsC;IAEtC,YCzJiB;AAAA;ADiJjB;MAYC,2BAA2B;AAAA;AAI5B;;IAGC,eAAe;AAAA;AAvDlB;IA8DG,UC1Ka;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n.action-radio {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t/* checkbox/radio fixes */\n\t&__radio {\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\tleft: -10000px;\n\n\t\toverflow: hidden;\n\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\t&:focus + .action-radio__label {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center; // align radio to text\n\n\t\twidth: 100%;\n\t\tpadding: 0 !important;\n\t\tpadding-right: $icon-margin !important;\n\n\t\topacity: $opacity_normal;\n\t\t// radio-width is 12px, border is 2\n\t\t// (44 - 14 - 2) / 2 = 14\n\t\t&::before {\n\t\t\tmargin: 0 14px 0 !important;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\t&,\n\t\t.action-radio__label {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&:not(.action-radio--disabled):hover,\n\t&:not(.action-radio--disabled):focus {\n\t\t.action-radio__label {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionRouter/ActionRouter.vue?vue&type=style&index=0&id=3a6feea2&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionRouter/ActionRouter.vue?vue&type=style&index=0&id=3a6feea2&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-3a6feea2] {\n background-color: var(--color-background-hover);\n}\n.action-router[data-v-3a6feea2] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n padding-right: 14px;\n cursor: pointer;\n white-space: nowrap;\n opacity: 0.7;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n font-size: var(--default-font-size);\n line-height: 44px;\n}\n.action-router[data-v-3a6feea2]:hover, .action-router[data-v-3a6feea2]:focus {\n opacity: 1;\n}\n.action-router > span[data-v-3a6feea2] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-router__icon[data-v-3a6feea2] {\n width: 44px;\n height: 44px;\n opacity: 1;\n background-position: 14px center;\n background-size: 16px;\n background-repeat: no-repeat;\n}\n.action-router .material-design-icon[data-v-3a6feea2] {\n width: 44px;\n height: 44px;\n opacity: 1;\n}\n.action-router .material-design-icon .material-design-icon__svg[data-v-3a6feea2] {\n vertical-align: middle;\n}\n.action-router p[data-v-3a6feea2] {\n max-width: 220px;\n line-height: 1.6em;\n padding: 10.8px 0;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.action-router__longtext[data-v-3a6feea2] {\n cursor: pointer;\n white-space: pre-wrap;\n}\n.action-router__title[data-v-3a6feea2] {\n font-weight: bold;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: 100%;\n display: inline-block;\n}\n.action--disabled[data-v-3a6feea2] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-3a6feea2]:hover, .action--disabled[data-v-3a6feea2]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-3a6feea2] {\n opacity: 1 !important;\n}\n',"",{version:3,sources:["webpack://./ActionRouter.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAqBjD;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,mBDtB8C;ECwB9C,eAAe;EACf,mBAAmB;EAEnB,YDjBiB;ECkBjB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,mCAAmC;EACnC,iBD5CmB;AAAA;ACsBpB;IA0BE,UD7Ba;AAAA;ACGf;IA8BE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,WDzDkB;IC0DlB,YD1DkB;IC2DlB,UDxCa;ICyCb,gCAAwC;IACxC,qBDzDa;IC0Db,4BAA4B;AAAA;AAxC9B;IA4CE,WDlEkB;ICmElB,YDnEkB;ICoElB,UDjDa;AAAA;ACGf;MAiDG,sBAAsB;AAAA;AAjDzB;IAuDE,gBAAgB;IAChB,kBAAkB;IAGlB,iBAA8C;IAE9C,eAAe;IACf,gBAAgB;IAGhB,gBAAgB;IAChB,uBAAuB;AAAA;AAGxB;IACC,eAAe;IAEf,qBAAqB;AAAA;AAGtB;IACC,iBAAiB;IACjB,uBAAuB;IACvB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,qBAAqB;AAAA;AAhGvB;EACC,oBAAoB;EACpB,YDQmB;AAAA;ACVpB;IAIE,eAAe;IACf,YDKkB;AAAA;ACVpB;IAQE,qBAAqB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action-item('router');\n@include action--disabled;\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionSeparator/ActionSeparator.vue?vue&type=style&index=0&id=64ac3a22&lang=scss&scoped=true&": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionSeparator/ActionSeparator.vue?vue&type=style&index=0&id=64ac3a22&lang=scss&scoped=true& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.action-separator[data-v-64ac3a22] {\n height: 0;\n margin: 5px 10px 5px 15px;\n border-bottom: 1px solid var(--color-border-dark);\n cursor: default;\n}\n',"",{version:3,sources:["webpack://./ActionSeparator.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAgBF;EACC,SAAS;EACT,yBAAyB;EACzB,iDAAiD;EACjD,eAAe;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.action-separator {\n\theight: 0;\n\tmargin: 5px 10px 5px 15px;\n\tborder-bottom: 1px solid var(--color-border-dark);\n\tcursor: default;\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionText/ActionText.vue?vue&type=style&index=0&id=68547a2f&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionText/ActionText.vue?vue&type=style&index=0&id=68547a2f&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-68547a2f] {\n background-color: var(--color-background-hover);\n}\n.action-text[data-v-68547a2f] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n padding-right: 14px;\n cursor: pointer;\n white-space: nowrap;\n opacity: 0.7;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n font-size: var(--default-font-size);\n line-height: 44px;\n}\n.action-text[data-v-68547a2f]:hover, .action-text[data-v-68547a2f]:focus {\n opacity: 1;\n}\n.action-text > span[data-v-68547a2f] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-text__icon[data-v-68547a2f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n background-position: 14px center;\n background-size: 16px;\n background-repeat: no-repeat;\n}\n.action-text .material-design-icon[data-v-68547a2f] {\n width: 44px;\n height: 44px;\n opacity: 1;\n}\n.action-text .material-design-icon .material-design-icon__svg[data-v-68547a2f] {\n vertical-align: middle;\n}\n.action-text p[data-v-68547a2f] {\n max-width: 220px;\n line-height: 1.6em;\n padding: 10.8px 0;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.action-text__longtext[data-v-68547a2f] {\n cursor: pointer;\n white-space: pre-wrap;\n}\n.action-text__title[data-v-68547a2f] {\n font-weight: bold;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: 100%;\n display: inline-block;\n}\n.action--disabled[data-v-68547a2f] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-68547a2f]:hover, .action--disabled[data-v-68547a2f]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-68547a2f] {\n opacity: 1 !important;\n}\n.action-text[data-v-68547a2f],\n.action-text span[data-v-68547a2f] {\n cursor: default;\n}\n',"",{version:3,sources:["webpack://./ActionText.vue","webpack://./../../assets/variables.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AErBF;;;;;;;;;;;;;;;;;;;;;EF2CE;AEnBD;EAEE,+CAA+C;AAAA;AAqBjD;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,mBDtB8C;ECwB9C,eAAe;EACf,mBAAmB;EAEnB,YDjBiB;ECkBjB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,mCAAmC;EACnC,iBD5CmB;AAAA;ACsBpB;IA0BE,UD7Ba;AAAA;ACGf;IA8BE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,WDzDkB;IC0DlB,YD1DkB;IC2DlB,UDxCa;ICyCb,gCAAwC;IACxC,qBDzDa;IC0Db,4BAA4B;AAAA;AAxC9B;IA4CE,WDlEkB;ICmElB,YDnEkB;ICoElB,UDjDa;AAAA;ACGf;MAiDG,sBAAsB;AAAA;AAjDzB;IAuDE,gBAAgB;IAChB,kBAAkB;IAGlB,iBAA8C;IAE9C,eAAe;IACf,gBAAgB;IAGhB,gBAAgB;IAChB,uBAAuB;AAAA;AAGxB;IACC,eAAe;IAEf,qBAAqB;AAAA;AAGtB;IACC,iBAAiB;IACjB,uBAAuB;IACvB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,qBAAqB;AAAA;AAhGvB;EACC,oBAAoB;EACpB,YDQmB;AAAA;ACVpB;IAIE,eAAe;IACf,YDKkB;AAAA;ACVpB;IAQE,qBAAqB;AAAA;AFyCxB;;EAGE,eAAe;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ActionTextEditable/ActionTextEditable.vue?vue&type=style&index=0&id=6377b0a2&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ActionTextEditable/ActionTextEditable.vue?vue&type=style&index=0&id=6377b0a2&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-6377b0a2] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/**\n * color-text-lighter\t\tnormal state\n * color-text-lighter\t\tactive state\n * color-text-maxcontrast \tdisabled state\n */\n/* Default global values */\nbutton[data-v-6377b0a2],\ninput[data-v-6377b0a2]:not([type=\'range\']),\ntextarea[data-v-6377b0a2] {\n margin: 0;\n padding: 7px 6px;\n cursor: text;\n color: var(--color-text-lighter);\n border: 1px solid var(--color-border-dark);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--color-main-background);\n font-size: 13px;\n /* Primary action button, use sparingly */\n}\nbutton[data-v-6377b0a2]:not(:disabled):not(.primary):hover, button[data-v-6377b0a2]:not(:disabled):not(.primary):focus, button:not(:disabled):not(.primary).active[data-v-6377b0a2],\n input[data-v-6377b0a2]:not([type=\'range\']):not(:disabled):not(.primary):hover,\n input[data-v-6377b0a2]:not([type=\'range\']):not(:disabled):not(.primary):focus,\n input:not([type=\'range\']):not(:disabled):not(.primary).active[data-v-6377b0a2],\n textarea[data-v-6377b0a2]:not(:disabled):not(.primary):hover,\n textarea[data-v-6377b0a2]:not(:disabled):not(.primary):focus,\n textarea:not(:disabled):not(.primary).active[data-v-6377b0a2] {\n /* active class used for multiselect */\n border-color: var(--color-primary-element);\n outline: none;\n}\nbutton[data-v-6377b0a2]:not(:disabled):not(.primary):active,\n input[data-v-6377b0a2]:not([type=\'range\']):not(:disabled):not(.primary):active,\n textarea[data-v-6377b0a2]:not(:disabled):not(.primary):active {\n color: var(--color-text-light);\n outline: none;\n background-color: var(--color-main-background);\n}\nbutton[data-v-6377b0a2]:disabled,\n input[data-v-6377b0a2]:not([type=\'range\']):disabled,\n textarea[data-v-6377b0a2]:disabled {\n cursor: default;\n opacity: 0.5;\n color: var(--color-text-maxcontrast);\n background-color: var(--color-background-dark);\n}\nbutton[data-v-6377b0a2]:required,\n input[data-v-6377b0a2]:not([type=\'range\']):required,\n textarea[data-v-6377b0a2]:required {\n box-shadow: none;\n}\nbutton[data-v-6377b0a2]:invalid,\n input[data-v-6377b0a2]:not([type=\'range\']):invalid,\n textarea[data-v-6377b0a2]:invalid {\n border-color: var(--color-error);\n box-shadow: none !important;\n}\nbutton.primary[data-v-6377b0a2],\n input:not([type=\'range\']).primary[data-v-6377b0a2],\n textarea.primary[data-v-6377b0a2] {\n cursor: pointer;\n color: var(--color-primary-text);\n border-color: var(--color-primary-element);\n background-color: var(--color-primary-element);\n}\nbutton.primary[data-v-6377b0a2]:not(:disabled):hover, button.primary[data-v-6377b0a2]:not(:disabled):focus, button.primary[data-v-6377b0a2]:not(:disabled):active,\n input:not([type=\'range\']).primary[data-v-6377b0a2]:not(:disabled):hover,\n input:not([type=\'range\']).primary[data-v-6377b0a2]:not(:disabled):focus,\n input:not([type=\'range\']).primary[data-v-6377b0a2]:not(:disabled):active,\n textarea.primary[data-v-6377b0a2]:not(:disabled):hover,\n textarea.primary[data-v-6377b0a2]:not(:disabled):focus,\n textarea.primary[data-v-6377b0a2]:not(:disabled):active {\n border-color: var(--color-primary-element-light);\n background-color: var(--color-primary-element-light);\n}\nbutton.primary[data-v-6377b0a2]:not(:disabled):active,\n input:not([type=\'range\']).primary[data-v-6377b0a2]:not(:disabled):active,\n textarea.primary[data-v-6377b0a2]:not(:disabled):active {\n color: var(--color-primary-text-dark);\n}\nbutton.primary[data-v-6377b0a2]:disabled,\n input:not([type=\'range\']).primary[data-v-6377b0a2]:disabled,\n textarea.primary[data-v-6377b0a2]:disabled {\n cursor: default;\n color: var(--color-primary-text-dark);\n background-color: var(--color-primary-element);\n}\n\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli.active[data-v-6377b0a2] {\n background-color: var(--color-background-hover);\n}\n.action--disabled[data-v-6377b0a2] {\n pointer-events: none;\n opacity: 0.5;\n}\n.action--disabled[data-v-6377b0a2]:hover, .action--disabled[data-v-6377b0a2]:focus {\n cursor: default;\n opacity: 0.5;\n}\n.action--disabled *[data-v-6377b0a2] {\n opacity: 1 !important;\n}\n.action-text-editable[data-v-6377b0a2] {\n display: flex;\n align-items: flex-start;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n cursor: pointer;\n white-space: nowrap;\n opacity: 0.7;\n color: var(--color-main-text);\n border: 0;\n border-radius: 0;\n background-color: transparent;\n box-shadow: none;\n font-weight: normal;\n line-height: 44px;\n /* Inputs inside popover supports text, submit & reset */\n}\n.action-text-editable[data-v-6377b0a2]:hover, .action-text-editable[data-v-6377b0a2]:focus {\n opacity: 1;\n}\n.action-text-editable > span[data-v-6377b0a2] {\n cursor: pointer;\n white-space: nowrap;\n}\n.action-text-editable__icon[data-v-6377b0a2] {\n min-width: 0;\n /* Overwrite icons*/\n min-height: 0;\n /* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n padding: 22px 0 22px 44px;\n background-position: 14px center;\n background-size: 16px;\n}\n.action-text-editable__form[data-v-6377b0a2] {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n position: relative;\n margin: 4px 0;\n padding-right: 14px;\n}\n.action-text-editable__submit[data-v-6377b0a2] {\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n.action-text-editable__label[data-v-6377b0a2] {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 15px;\n bottom: 1px;\n width: 36px;\n height: 36px;\n margin: 0;\n padding: 7px 6px;\n cursor: pointer;\n opacity: 1;\n color: var(--color-text-lighter);\n border: 0;\n border-radius: 50%;\n /* Avoid background under border */\n background-color: var(--color-main-background);\n background-clip: padding-box;\n font-size: 16px;\n}\n.action-text-editable__label[data-v-6377b0a2]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.action-text-editable__textarea[data-v-6377b0a2] {\n flex: 1 1 auto;\n min-height: 80px;\n /* twice the element margin-y */\n max-height: 124px;\n /* twice the element margin-y */\n min-width: 176px;\n width: 100% !important;\n margin: 0;\n /* only show confirm borders if input is not focused */\n}\n.action-text-editable__textarea[data-v-6377b0a2]:disabled {\n cursor: default;\n}\n.action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-6377b0a2] {\n background-color: var(--color-error);\n}\n.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-6377b0a2]:active, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-6377b0a2]:hover, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-6377b0a2]:focus {\n background-color: var(--color-primary-element);\n color: var(--color-primary-text);\n}\n.action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-6377b0a2], .action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-6377b0a2], .action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-6377b0a2] {\n /* above previous input */\n z-index: 2;\n border-color: var(--color-primary-element);\n border-left-color: transparent;\n}\nli:last-child > .action-text-editable[data-v-6377b0a2] {\n margin-bottom: 10px;\n}\nli:first-child > .action-text-editable[data-v-6377b0a2] {\n margin-top: 10px;\n}\n',"",{version:3,sources:["webpack://./ActionTextEditable.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss","webpack://./../../assets/inputs.scss","webpack://./../../assets/action.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;;ACnB/B;;;;;;;;;;;;;;;;;;;;EH2GE;AGrFF;;;;EH0FE;AGpFF,0BAAA;AACA;;;EAGC,SAAS;EACT,gBAAgB;EAEhB,YAAY;EAEZ,gCAAgC;EAChC,0CAA0C;EAC1C,mCAAmC;EACnC,aAAa;EACb,8CAA8C;EAE9C,eAAe;EAkCf,yCAAA;AAA0C;AAhD3C;;;;;;;IAoBG,sCAAA;IACA,0CAA0C;IAC1C,aAAa;AAAA;AAtBhB;;;IA0BG,8BAA8B;IAC9B,aAAa;IACb,8CAA8C;AAAA;AA5BjD;;;IAiCE,eAAe;IACf,YFrBmB;IEsBnB,oCAAoC;IACpC,8CAA8C;AAAA;AApChD;;;IAwCE,gBAAgB;AAAA;AAxClB;;;IA4CE,gCAAgC;IAChC,2BAA2B;AAAA;AA7C7B;;;IAkDE,eAAe;IACf,gCAAgC;IAChC,0CAA0C;IAC1C,8CAA8C;AAAA;AArDhD;;;;;;;MA2DI,gDAAgD;MAChD,oDAAoD;AAAA;AA5DxD;;;MA+DI,qCAAqC;AAAA;AA/DzC;;;MAoEG,eAAe;MACf,qCAAqC;MAErC,8CAA8C;AAAA;;ACpGjD;;;;;;;;;;;;;;;;;;;;;EJ+ME;AIvLD;EAEE,+CAA+C;AAAA;AAMjD;EACC,oBAAoB;EACpB,YHQmB;AAAA;AGVpB;IAIE,eAAe;IACf,YHKkB;AAAA;AGVpB;IAQE,qBAAqB;AAAA;AJoHxB;EACC,aAAa;EACb,uBAAuB;EAEvB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EAEV,eAAe;EACf,mBAAmB;EAEnB,YC7HkB;ED8HlB,6BAA6B;EAC7B,SAAS;EACT,gBAAgB;EAChB,6BAA6B;EAC7B,gBAAgB;EAEhB,mBAAmB;EACnB,iBCvJoB;ED+NpB,wDAAA;AAAyD;AA5F1D;IAwBE,UCxIc;AAAA;ADgHhB;IA4BE,eAAe;IACf,mBAAmB;AAAA;AAGpB;IACC,YAAY;IAAE,mBAAA;IACd,aAAa;IACb;+CAyD6C;IAvD7C,yBCxKmB;ID0KnB,gCAA2C;IAC3C,qBCvKc;AAAA;AD2Kf;IACC,aAAa;IACb,cAAc;IACd,sBAAsB;IAEtB,kBAAkB;IAClB,aAAuB;IACvB,mBC9K8C;AAAA;ADiL/C;IACC,kBAAkB;IAClB,cAAc;IACd,SAAS;IACT,UAAU;IACV,WAAW;IACX,gBAAgB;AAAA;AAGjB;IACC,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IAGvB,kBAAkB;IAClB,WAAuB;IACvB,WAAW;IACX,WAAO;IACP,YAAQ;IACR,SAAS;IACT,gBAAgB;IAEhB,eAAe;IAEf,UC/Lc;IDgMd,gCAAgC;IAChC,SAAS;IACT,kBAAkB;IAClB,kCAAA;IACA,8CAA8C;IAC9C,4BAA4B;IAE5B,eCtNc;AAAA;AD8Ld;MEzIE,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YA5ES;AAAO;AFgPnB;IACC,cAAc;IAEd,gBAAY;IAA4C,+BAAA;IACxD,iBAAY;IAA4C,+BAAA;IAExD,gBAA8B;IAC9B,sBAAsB;IACtB,SAAS;IAOT,sDAAA;AAAuD;AAfvD;MAYC,eAAe;AAAA;AAZhB;MAmBG,oCAAoC;AAAA;AAnBvC;MA0BG,8CAA8C;MAC9C,gCAAgC;AAAA;AA3BnC;MAmCE,yBAAA;MACA,UAAU;MAEV,0CAA0C;MAC1C,8BAA8B;AAAA;AASlC;EACC,mBAA2C;AAAA;AAI5C;EACC,gBAAwC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n@import '../../assets/inputs';\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-text-editable {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\topacity: $opacity_normal;\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t&:hover,\n\t&:focus {\n\t\topacity: $opacity_full;\n\t}\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: #{$clickable-area / 2} 0 #{$clickable-area / 2} $clickable-area;\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\n\t\tposition: relative;\n\t\tmargin: $input-margin 0;\n\t\tpadding-right: $icon-margin;\n\t}\n\n\t&__submit {\n\t\tposition: absolute;\n\t\tleft: -10000px;\n\t\ttop: auto;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\toverflow: hidden;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// bottom-right corner\n\t\tposition: absolute;\n\t\tright: $icon-margin + 1;\n\t\tbottom: 1px;\n\t\twidth: #{$clickable-area - $input-margin * 2};\n\t\theight: #{$clickable-area - $input-margin * 2};\n\t\tmargin: 0;\n\t\tpadding: 7px 6px;\n\n\t\tcursor: pointer;\n\n\t\topacity: $opacity_full;\n\t\tcolor: var(--color-text-lighter);\n\t\tborder: 0;\n\t\tborder-radius: 50%;\n\t\t/* Avoid background under border */\n\t\tbackground-color: var(--color-main-background);\n\t\tbackground-clip: padding-box;\n\n\t\tfont-size: $icon-size;\n\n\t\t@include iconfont('confirm');\n\t}\n\n\t/* Inputs inside popover supports text, submit & reset */\n\t&__textarea {\n\t\tflex: 1 1 auto;\n\n\t\tmin-height: #{$clickable-area * 2 - $input-margin * 2}; /* twice the element margin-y */\n\t\tmax-height: #{$clickable-area * 3 - $input-margin * 2}; /* twice the element margin-y */\n\t\t// block width widening\n\t\tmin-width: $clickable-area * 4;\n\t\twidth: 100% !important;\n\t\tmargin: 0;\n\n\t\t// if disabled, change cursor\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t/* only show confirm borders if input is not focused */\n\t\t&:not(:active):not(:hover):not(:focus) {\n\t\t\t&:invalid {\n\t\t\t\t& + .action-text-editable__label {\n\t\t\t\t\tbackground-color: var(--color-error);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:not(:disabled) + .action-text-editable__label {\n\t\t\t\t&:active,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\t\tcolor: var(--color-primary-text);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:active,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t&:not(:disabled) + .action-text-editable__label {\n\t\t\t\t/* above previous input */\n\t\t\t\tz-index: 2;\n\n\t\t\t\tborder-color: var(--color-primary-element);\n\t\t\t\tborder-left-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-text-editable {\n\tmargin-bottom: $icon-margin - $input-margin;\n}\n\n// same for first item\nli:first-child > .action-text-editable {\n\tmargin-top: $icon-margin - $input-margin;\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n',"/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n/**\n * color-text-lighter\t\tnormal state\n * color-text-lighter\t\tactive state\n * color-text-maxcontrast \tdisabled state\n */\n\n/* Default global values */\nbutton,\ninput:not([type='range']),\ntextarea {\n\tmargin: 0;\n\tpadding: 7px 6px;\n\n\tcursor: text;\n\n\tcolor: var(--color-text-lighter);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: var(--border-radius);\n\toutline: none;\n\tbackground-color: var(--color-main-background);\n\n\tfont-size: 13px;\n\n\t&:not(:disabled):not(.primary) {\n\t\t&:hover,\n\t\t&:focus,\n\t\t&.active {\n\t\t\t/* active class used for multiselect */\n\t\t\tborder-color: var(--color-primary-element);\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: var(--color-text-light);\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t\topacity: $opacity_disabled;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tbackground-color: var(--color-background-dark);\n\t}\n\n\t&:required {\n\t\tbox-shadow: none;\n\t}\n\n\t&:invalid {\n\t\tborder-color: var(--color-error);\n\t\tbox-shadow: none !important;\n\t}\n\n\t/* Primary action button, use sparingly */\n\t&.primary {\n\t\tcursor: pointer;\n\t\tcolor: var(--color-primary-text);\n\t\tborder-color: var(--color-primary-element);\n\t\tbackground-color: var(--color-primary-element);\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tborder-color: var(--color-primary-element-light);\n\t\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tcolor: var(--color-primary-text-dark);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: var(--color-primary-text-dark);\n\t\t\t// opacity is already defined to .5 if disabled\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n * @author Marco Ambrosini \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n@mixin action-active {\n\tli {\n\t\t&.active {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n}\n\n@mixin action--disabled {\n\t.action--disabled {\n\t\tpointer-events: none;\n\t\topacity: $opacity_disabled;\n\t\t&:hover, &:focus {\n\t\t\tcursor: default;\n\t\t\topacity: $opacity_disabled;\n\t\t}\n\t\t& * {\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n\n\n@mixin action-item($name) {\n\t.action-#{$name} {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-right: $icon-margin;\n\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\n\t\topacity: $opacity_normal;\n\t\tcolor: var(--color-main-text);\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tbox-shadow: none;\n\n\t\tfont-weight: normal;\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: $opacity_full;\n\t\t}\n\n\t\t& > span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&__icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tbackground-size: $icon-size;\n\t\t\tbackground-repeat: no-repeat;\n\t\t}\n\n\t\t.material-design-icon {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\n\t\t// long text area\n\t\tp {\n\t\t\tmax-width: 220px;\n\t\t\tline-height: 1.6em;\n\n\t\t\t// 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work.\n\t\t\tpadding: #{($clickable-area - 1.6*14px) / 2} 0;\n\n\t\t\tcursor: pointer;\n\t\t\ttext-align: left;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t&__longtext {\n\t\t\tcursor: pointer;\n\t\t\t// allow the use of `\\n`\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-weight: bold;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Actions/Actions.vue?vue&type=style&index=0&id=4f45864b&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Actions/Actions.vue?vue&type=style&index=0&id=4f45864b&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-4f45864b] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.action-item[data-v-4f45864b] {\n position: relative;\n display: inline-block;\n}\n.action-item--single[data-v-4f45864b]:hover, .action-item--single[data-v-4f45864b]:focus, .action-item--single[data-v-4f45864b]:active, .action-item__menutoggle[data-v-4f45864b]:hover, .action-item__menutoggle[data-v-4f45864b]:focus, .action-item__menutoggle[data-v-4f45864b]:active {\n opacity: 1;\n background-color: rgba(127, 127, 127, 0.25);\n}\n.action-item__menutoggle[data-v-4f45864b]:disabled, .action-item--single[data-v-4f45864b]:disabled {\n opacity: .3 !important;\n}\n.action-item.action-item--open .action-item__menutoggle[data-v-4f45864b] {\n opacity: 1;\n background-color: rgba(127, 127, 127, 0.25);\n}\n.action-item--single[data-v-4f45864b], .action-item__menutoggle[data-v-4f45864b] {\n box-sizing: border-box;\n width: auto;\n min-width: 44px;\n height: 44px;\n margin: 0;\n padding: 14px;\n cursor: pointer;\n border: none;\n border-radius: 22px;\n background-color: transparent;\n}\n.action-item__menutoggle[data-v-4f45864b] {\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.7;\n font-weight: bold;\n line-height: 16px;\n}\n.action-item__menutoggle[data-v-4f45864b] span {\n width: 16px;\n height: 16px;\n line-height: 16px;\n}\n.action-item__menutoggle[data-v-4f45864b]:before {\n content: \'\';\n}\n.action-item__menutoggle--default-icon[data-v-4f45864b]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.action-item__menutoggle--default-icon[data-v-4f45864b]::before {\n font-size: 16px;\n}\n.action-item__menutoggle--with-title[data-v-4f45864b] {\n position: relative;\n padding-left: 44px;\n white-space: nowrap;\n opacity: 1;\n border: 1px solid var(--color-border-dark);\n background-color: var(--color-background-dark);\n background-position: 14px center;\n font-size: inherit;\n}\n.action-item__menutoggle--with-title[data-v-4f45864b]:before {\n position: absolute;\n top: 14px;\n left: 14px;\n}\n.action-item__menutoggle--primary[data-v-4f45864b] {\n opacity: 1;\n color: var(--color-primary-text);\n border: none;\n background-color: var(--color-primary-element);\n}\n.action-item--open .action-item__menutoggle--primary[data-v-4f45864b], .action-item__menutoggle--primary[data-v-4f45864b]:hover, .action-item__menutoggle--primary[data-v-4f45864b]:focus, .action-item__menutoggle--primary[data-v-4f45864b]:active {\n color: var(--color-primary-text) !important;\n background-color: var(--color-primary-element-light) !important;\n}\n.action-item--single[data-v-4f45864b] {\n opacity: 0.7;\n}\n.action-item--single[data-v-4f45864b]:hover, .action-item--single[data-v-4f45864b]:focus, .action-item--single[data-v-4f45864b]:active {\n opacity: 1;\n}\n.action-item--single > [hidden][data-v-4f45864b] {\n display: none;\n}\n.ie .action-item__menu[data-v-4f45864b],\n.ie .action-item__menu .action-item__menu_arrow[data-v-4f45864b],\n.edge .action-item__menu[data-v-4f45864b],\n.edge .action-item__menu .action-item__menu_arrow[data-v-4f45864b] {\n border: 1px solid var(--color-border);\n}\n',"",{version:3,sources:["webpack://./Actions.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AF6nB/B;EACC,kBAAkB;EAClB,qBAAqB;AAAA;AAIrB;IAMC,UChnBc;IDknBd,2CC1nBsC;AAAA;AD8nBvC;IAEC,sBAAsB;AAAA;AApBxB;IAwBE,UC5nBc;ID6nBd,2CCznBgD;AAAA;AD6nBjD;IAEC,sBAAsB;IACtB,WAAW;IACX,eCxpBmB;IDypBnB,YCzpBmB;ID0pBnB,SAAS;IACT,aCnpB8C;IDopB9C,eAAe;IACf,YAAY;IACZ,mBAAkC;IAClC,6BAA6B;AAAA;AAI9B;IAEC,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,YCtpBiB;IDupBjB,iBAAiB;IACjB,iBCtqBc;AAAA;AD+pBd;MAWC,WC1qBa;MD2qBb,YC3qBa;MD4qBb,iBC5qBa;AAAA;AD+pBd;MAiBC,WAAW;AAAA;AAGX;ME9nBC,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YAzEM;AAAO;AFosBd;MAGC,eCtrBY;AAAA;AD0rBd;MACC,kBAAkB;MAClB,kBChsBkB;MDisBlB,mBAAmB;MACnB,UC/qBa;MDgrBb,0CAA0C;MAE1C,8CAA8C;MAC9C,gCAAwC;MACxC,kBAAkB;AAAA;AATlB;QAYC,kBAAkB;QAClB,SCnsB4C;QDosB5C,UCpsB4C;AAAA;ADwsB9C;MACC,UC9rBa;MD+rBb,gCAAgC;MAChC,YAAY;MACZ,8CAA8C;AAAA;AAC9C;QAIC,2CAA2C;QAC3C,+DAA+D;AAAA;AAKlE;IACC,YC9sBiB;AAAA;AD6sBjB;MAKC,UCjtBa;AAAA;AD4sBd;MASC,aAAa;AAAA;AAKhB;;;;EAIE,qCAAqC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.action-item {\n\tposition: relative;\n\tdisplay: inline-block;\n\n\t// put a grey round background when menu is opened\n\t// or hover-focused\n\t&--single:hover,\n\t&--single:focus,\n\t&--single:active,\n\t&__menutoggle:hover,\n\t&__menutoggle:focus,\n\t&__menutoggle:active {\n\t\topacity: $opacity_full;\n\t\t// good looking on dark AND white bg\n\t\tbackground-color: $icon-focus-bg;\n\t}\n\n\t// TODO: handle this in the future button component\n\t&__menutoggle:disabled,\n\t&--single:disabled {\n\t\topacity: .3 !important;\n\t}\n\n\t&.action-item--open .action-item__menutoggle {\n\t\topacity: $opacity_full;\n\t\tbackground-color: $action-background-hover;\n\t}\n\n\t// icons\n\t&--single,\n\t&__menutoggle {\n\t\tbox-sizing: border-box;\n\t\twidth: auto;\n\t\tmin-width: $clickable-area;\n\t\theight: $clickable-area;\n\t\tmargin: 0;\n\t\tpadding: $icon-margin;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\tborder-radius: $clickable-area / 2;\n\t\tbackground-color: transparent;\n\t}\n\n\t// icon-more\n\t&__menutoggle {\n\t\t// align menu icon in center\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\topacity: $opacity_normal;\n\t\tfont-weight: bold;\n\t\tline-height: $icon-size;\n\n\t\t// image slot\n\t\t/deep/ span {\n\t\t\twidth: $icon-size;\n\t\t\theight: $icon-size;\n\t\t\tline-height: $icon-size;\n\t\t}\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t}\n\n\t\t&--default-icon {\n\t\t\t@include iconfont('more');\n\t\t\t&::before {\n\t\t\t\tfont-size: $icon-size;\n\t\t\t}\n\t\t}\n\n\t\t&--with-title {\n\t\t\tposition: relative;\n\t\t\tpadding-left: $clickable-area;\n\t\t\twhite-space: nowrap;\n\t\t\topacity: $opacity_full;\n\t\t\tborder: 1px solid var(--color-border-dark);\n\t\t\t// with a title, we need to display this as a real button\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tbackground-position: $icon-margin center;\n\t\t\tfont-size: inherit;\n\t\t\t// non-background icon class\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: $icon-margin;\n\t\t\t\tleft: $icon-margin;\n\t\t\t}\n\t\t}\n\n\t\t&--primary {\n\t\t\topacity: $opacity_full;\n\t\t\tcolor: var(--color-primary-text);\n\t\t\tborder: none;\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t.action-item--open &,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tcolor: var(--color-primary-text) !important;\n\t\t\t\tbackground-color: var(--color-primary-element-light) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&--single {\n\t\topacity: $opacity_normal;\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t\t// hide anything the slot is displaying\n\t\t& > [hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.ie,\n.edge {\n\t.action-item__menu,\n\t.action-item__menu .action-item__menu_arrow {\n\t\tborder: 1px solid var(--color-border);\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppContent/AppContent.vue?vue&type=style&index=0&id=71758b0f&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppContent/AppContent.vue?vue&type=style&index=0&id=71758b0f&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-content[data-v-71758b0f] {\n position: relative;\n z-index: 1000;\n flex-basis: 100vw;\n min-width: 0;\n min-height: 100%;\n margin: 0 !important;\n background-color: var(--color-main-background);\n}\n',"",{version:3,sources:["webpack://./AppContent.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA6DF;EACC,kBAAkB;EAClB,aAAa;EACb,iBAAiB;EACjB,YAAY;EACZ,gBAAgB;EAEhB,oBAAoB;EACpB,8CAA8C;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-content {\n\tposition: relative;\n\tz-index: 1000;\n\tflex-basis: 100vw;\n\tmin-width: 0;\n\tmin-height: 100%;\n\t// Overriding server styles TODO: cleanup!\n\tmargin: 0 !important;\n\tbackground-color: var(--color-main-background);\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigation/AppNavigation.vue?vue&type=style&index=0&id=d3908c0a&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigation/AppNavigation.vue?vue&type=style&index=0&id=d3908c0a&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-navigation[data-v-d3908c0a] {\n will-change: transform;\n transition: transform var(--animation-quick), margin var(--animation-quick);\n width: 300px;\n position: sticky;\n position: -webkit-sticky;\n top: 50px;\n left: 0;\n z-index: 1800;\n height: calc(100vh - 50px);\n box-sizing: border-box;\n background-color: var(--color-main-background);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-right: 1px solid var(--color-border);\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 0;\n}\n.app-navigation--close[data-v-d3908c0a] {\n margin-left: -300px;\n transform: translateX(-100%);\n}\n.app-navigation ul[data-v-d3908c0a], .app-navigation__list[data-v-d3908c0a] {\n position: relative;\n height: 100%;\n width: inherit;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n@media only screen and (max-width: 1024px) {\n.app-navigation[data-v-d3908c0a]:not(.app-navigation--close) {\n margin-left: -300px;\n}\n}\n',"",{version:3,sources:["webpack://./AppNavigation.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAwHF;EACC,sBAAsB;EACtB,2EAA2E;EAC3E,YC3FuB;ED4FvB,gBAAgB;EAChB,wBAAwB;EACxB,SC/FmB;EDgGnB,OAAO;EAEP,aAAa;EACb,0BAAuC;EACvC,sBAAsB;EACtB,8CAA8C;EAC9C,yBAAyB;EACzB,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,2CAA2C;EAC3C,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,cAAc;AAAA;AAEd;IACC,mBChHsB;IDiHtB,4BAA4B;AAAA;AAzB9B;IA+BE,kBAAkB;IAClB,YAAY;IACZ,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,sBAAsB;IACtB,aAAa;IACb,sBAAsB;AAAA;AAKxB;AACC;IACC,mBCrIsB;AAAA;ADsItB",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-navigation {\n\twill-change: transform;\n\ttransition: transform var(--animation-quick), margin var(--animation-quick);\n\twidth: $navigation-width;\n\tposition: sticky;\n\tposition: -webkit-sticky;\n\ttop: $header-height;\n\tleft: 0;\n\t// Above appcontent\n\tz-index: 1800;\n\theight: calc(100vh - #{$header-height});\n\tbox-sizing: border-box;\n\tbackground-color: var(--color-main-background);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tborder-right: 1px solid var(--color-border);\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\n\t&--close {\n\t\tmargin-left: - $navigation-width;\n\t\ttransform: translateX(-100%);\n\t}\n\n\t//list of navigation items\n\tul,\n\t&__list {\n\t\tposition: relative;\n\t\theight: 100%;\n\t\twidth: inherit;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n}\n\n// When on mobile, we make the navigation slide over the appcontent\n@media only screen and (max-width: $breakpoint-mobile) {\n\t.app-navigation:not(.app-navigation--close) {\n\t\tmargin-left: - $navigation-width;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationCaption/AppNavigationCaption.vue?vue&type=style&index=0&id=6ee65822&lang=scss&scoped=true&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationCaption/AppNavigationCaption.vue?vue&type=style&index=0&id=6ee65822&lang=scss&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-navigation-caption[data-v-6ee65822] {\n font-weight: bold;\n color: var(--color-text-maxcontrast);\n line-height: 44px;\n padding-left: 44px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n opacity: 0.7;\n box-shadow: none !important;\n order: 1;\n flex-shrink: 0;\n}\n.app-navigation-caption[data-v-6ee65822]:not(:first-child) {\n margin-top: 22px;\n}\n',"",{version:3,sources:["webpack://./AppNavigationCaption.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAAF;EACC,iBAAiB;EACjB,oCAAoC;EACpC,iBCCoB;EDApB,kBCAoB;EDCpB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,YAAY;EACZ,2BAA2B;EAC3B,QAAQ;EACR,cAAc;AAAA;AAIf;EACC,gBAA+B;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-navigation-caption {\n\tfont-weight: bold;\n\tcolor: var(--color-text-maxcontrast);\n\tline-height: $clickable-area;\n\tpadding-left: $clickable-area;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\topacity: 0.7;\n\tbox-shadow: none !important;\n\torder: 1;\n\tflex-shrink: 0;\n}\n\n// extra top space if it's not the first item on the list\n.app-navigation-caption:not(:first-child) {\n\tmargin-top: $clickable-area / 2;\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationCounter/AppNavigationCounter.vue?vue&type=style&index=0&id=231d7daf&lang=scss&scoped=true&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationCounter/AppNavigationCounter.vue?vue&type=style&index=0&id=231d7daf&lang=scss&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-navigation-entry__counter[data-v-231d7daf] {\n font-size: calc(var(--default-font-size) * .8);\n overflow: hidden;\n width: fit-content;\n max-width: 44px;\n text-align: center;\n text-overflow: ellipsis;\n line-height: 1em;\n padding: 4px 8px;\n border-radius: var(--border-radius-pill);\n background-color: var(--color-background-darker);\n}\n.app-navigation-entry__counter--highlighted[data-v-231d7daf] {\n padding: 4px 6px;\n color: var(--color-primary-text);\n background-color: var(--color-primary);\n}\n',"",{version:3,sources:["webpack://./AppNavigationCounter.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA0CF;EACC,8CAA8C;EAC9C,gBAAgB;EAChB,kBAAkB;EAClB,eC1CoB;ED2CpB,kBAAkB;EAClB,uBAAuB;EACvB,gBAAgB;EAChB,gBAAgB;EAChB,wCAAwC;EACxC,gDAAgD;AAAA;AAEhD;IACC,gBAAgB;IAChB,gCAAgC;IAChC,sCAAsC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-navigation-entry__counter {\n\tfont-size: calc(var(--default-font-size) * .8);\n\toverflow: hidden;\n\twidth: fit-content;\n\tmax-width: $clickable-area;\n\ttext-align: center;\n\ttext-overflow: ellipsis;\n\tline-height: 1em;\n\tpadding: 4px 8px;\n\tborder-radius: var(--border-radius-pill);\n\tbackground-color: var(--color-background-darker);\n\n\t&--highlighted {\n\t\tpadding: 4px 6px;\n\t\tcolor: var(--color-primary-text);\n\t\tbackground-color: var(--color-primary);\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationIconBullet/AppNavigationIconBullet.vue?vue&type=style&index=0&id=1589a81e&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationIconBullet/AppNavigationIconBullet.vue?vue&type=style&index=0&id=1589a81e&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-navigation-entry__icon-bullet[data-v-1589a81e] {\n display: block;\n padding: 15px;\n}\n.app-navigation-entry__icon-bullet div[data-v-1589a81e] {\n width: 14px;\n height: 14px;\n cursor: pointer;\n transition: background 100ms ease-in-out;\n border: none;\n border-radius: 50%;\n}\n',"",{version:3,sources:["webpack://./AppNavigationIconBullet.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA4DF;EACC,cAAc;EAEd,aAA2B;AAAA;AAH5B;IAKE,WAAuB;IACvB,YAAwB;IACxB,eAAe;IACf,wCAAwC;IACxC,YAAY;IACZ,kBAAkB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-navigation-entry__icon-bullet {\n\tdisplay: block;\n\t// there is 2 margins\n\tpadding: $icon-margin + 1px;\n\tdiv {\n\t\twidth: $icon-size - 2px;\n\t\theight: $icon-size - 2px;\n\t\tcursor: pointer;\n\t\ttransition: background 100ms ease-in-out;\n\t\tborder: none;\n\t\tborder-radius: 50%;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/AppNavigationIconCollapsible.vue?vue&type=style&index=0&id=3c4acfb3&lang=scss&scoped=true&": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/AppNavigationIconCollapsible.vue?vue&type=style&index=0&id=3c4acfb3&lang=scss&scoped=true& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-3c4acfb3] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon-collapse[data-v-3c4acfb3] {\n position: absolute;\n z-index: 105;\n width: 44px;\n height: 44px;\n margin: 0;\n padding: 0;\n transition: opacity var(--animation-quick) ease-in-out;\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n color: var(--color-main-text);\n border: none;\n border-radius: 0;\n outline: none !important;\n background-color: transparent;\n box-shadow: none;\n font-size: 18px;\n}\n.icon-collapse[data-v-3c4acfb3]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.icon-collapse[data-v-3c4acfb3]:hover {\n color: var(--color-primary);\n}\n.icon-collapse--rotated[data-v-3c4acfb3] {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n color: var(--color-main-text);\n}\n.icon-collapse--rotated[data-v-3c4acfb3]:hover {\n color: var(--color-primary);\n}\n',"",{version:3,sources:["webpack://./AppNavigationIconCollapsible.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFmC/B;EACC,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,sDAAsD;EACtD,iCAAiC;EACjC,6BAA6B;EAC7B,yBAAyB;EACzB,6BAA6B;EAC7B,YAAY;EACZ,gBAAgB;EAChB,wBAAwB;EACxB,6BAA6B;EAC7B,gBAAgB;EAChB,eAAe;AAAA;AAjBhB;IE4BI,mCAjFmB;IAkFnB,kBAAkB;IAClB,gBAAgB;IAChB,YAtEY;AAAO;AFuCvB;IAsBE,2BAA2B;AAAA;AAE5B;IACC,+BAA+B;IAC/B,2BAA2B;IAC3B,uBAAuB;IACvB,6BAA6B;AAAA;AAJ7B;MAMC,2BAA2B;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.icon-collapse {\n\tposition: absolute;\n\tz-index: 105; // above a, under button\n\twidth: 44px;\n\theight: 44px;\n\tmargin: 0;\n\tpadding: 0;\n\ttransition: opacity var(--animation-quick) ease-in-out;\n\t-webkit-transform: rotate(-90deg);\n\t-ms-transform: rotate(-90deg);\n\ttransform: rotate(-90deg);\n\tcolor: var(--color-main-text);\n\tborder: none;\n\tborder-radius: 0;\n\toutline: none !important;\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\tfont-size: 18px;\n\n\t@include iconfont('triangle-s');\n\n\t&:hover{\n\t\tcolor: var(--color-primary);\n\t}\n\t&--rotated {\n\t\t-webkit-transform: rotate(0deg);\n\t\t-ms-transform: rotate(0deg);\n\t\ttransform: rotate(0deg);\n\t\tcolor: var(--color-main-text);\n\t\t&:hover{\n\t\t\tcolor: var(--color-primary);\n\t\t}\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/AppNavigationItem.vue?vue&type=style&index=0&lang=scss&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/AppNavigationItem.vue?vue&type=style&index=0&lang=scss& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.app-navigation-entry {\n position: relative;\n display: flex;\n flex-shrink: 0;\n flex-wrap: wrap;\n order: 1;\n box-sizing: border-box;\n width: 100%;\n min-height: 44px;\n padding-right: 4px;\n /* hide deletion/collapse of subitems */\n /* Second level nesting for lists */\n}\n.app-navigation-entry.active {\n background-color: var(--color-primary-light) !important;\n}\n.app-navigation-entry:focus-within, .app-navigation-entry:hover {\n background-color: var(--color-background-hover);\n}\n.app-navigation-entry.active .app-navigation-entry__children, .app-navigation-entry:focus-within .app-navigation-entry__children, .app-navigation-entry:hover .app-navigation-entry__children {\n background-color: var(--color-main-background);\n}\n.app-navigation-entry.app-navigation-entry--deleted > ul, .app-navigation-entry.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul {\n display: none;\n}\n.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link, .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div {\n padding-right: 14px;\n}\n.app-navigation-entry .app-navigation-entry-link, .app-navigation-entry .app-navigation-entry-div {\n z-index: 100;\n /* above the bullet to allow click*/\n display: flex;\n overflow: hidden;\n flex: 1 1 0;\n box-sizing: border-box;\n min-height: 44px;\n padding: 0;\n white-space: nowrap;\n color: var(--color-main-text);\n background-repeat: no-repeat;\n background-position: 14px center;\n background-size: 16px 16px;\n line-height: 44px;\n}\n.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon, .app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon {\n display: flex;\n align-items: center;\n flex: 0 0 44px;\n justify-content: center;\n width: 44px;\n height: 44px;\n background-size: 16px 16px;\n}\n.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__title, .app-navigation-entry .app-navigation-entry-div .app-navigation-entry__title {\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding-left: 6px;\n}\n.app-navigation-entry .app-navigation-entry-link .editingContainer, .app-navigation-entry .app-navigation-entry-div .editingContainer {\n width: calc(100% - 44px);\n margin: auto;\n}\n.app-navigation-entry .app-navigation-entry__children {\n position: relative;\n display: flex;\n flex: 0 1 auto;\n flex-direction: column;\n width: 100%;\n}\n.app-navigation-entry .app-navigation-entry__children .app-navigation-entry {\n display: inline-flex;\n flex-wrap: wrap;\n padding-left: 30px;\n}\n\n/* Deleted entries */\n.app-navigation-entry__deleted {\n display: inline-flex;\n flex: 1 1 0;\n padding-left: 30px !important;\n}\n.app-navigation-entry__deleted .app-navigation-entry__deleted-description {\n position: relative;\n overflow: hidden;\n flex: 1 1 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 44px;\n}\n\n/* Makes the icon of the collapsible element disappear\n* When hovering on the root element */\n.app-navigation-entry--collapsible .icon-collapse {\n visibility: hidden;\n}\n.app-navigation-entry--collapsible.app-navigation-entry--no-icon a .app-navigation-entry-icon, .app-navigation-entry--collapsible:hover a .app-navigation-entry-icon, .app-navigation-entry--collapsible:focus a .app-navigation-entry-icon {\n visibility: hidden;\n}\n.app-navigation-entry--collapsible.app-navigation-entry--no-icon .icon-collapse, .app-navigation-entry--collapsible:hover .icon-collapse, .app-navigation-entry--collapsible:focus .icon-collapse {\n visibility: visible;\n}\n.app-navigation-entry--collapsible.app-navigation-entry--no-icon .app-navigation-entry__children li:not(.app-navigation-entry--collapsible) a :first-child, .app-navigation-entry--collapsible:hover .app-navigation-entry__children li:not(.app-navigation-entry--collapsible) a :first-child, .app-navigation-entry--collapsible:focus .app-navigation-entry__children li:not(.app-navigation-entry--collapsible) a :first-child {\n visibility: visible;\n}\n\n/* counter and actions */\n.app-navigation-entry__utils {\n display: flex;\n align-items: center;\n flex: 0 1 auto;\n}\n\n/* counter */\n.app-navigation-entry__counter-wrapper {\n margin-right: 2px;\n display: flex;\n align-items: center;\n flex: 0 1 auto;\n}\n\n/* editing state */\n.app-navigation-entry--editing .app-navigation-entry-edit {\n z-index: 250;\n opacity: 1;\n}\n\n/* deleted state */\n.app-navigation-entry--deleted .app-navigation-entry-deleted {\n z-index: 250;\n transform: translateX(0);\n}\n\n/* pinned state */\n.app-navigation-entry--pinned {\n order: 2;\n margin-top: auto;\n}\n.app-navigation-entry--pinned ~ .app-navigation-entry--pinned {\n margin-top: 0;\n}\n',"",{version:3,sources:["webpack://./AppNavigationItem.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AF4a/B;EACC,kBAAkB;EAClB,aAAa;EACb,cAAc;EACd,eAAe;EACf,QAAQ;EACR,sBAAsB;EACtB,WAAW;EACX,gBC9aoB;ED+apB,kBAAkB;EAmBlB,uCAAA;EAuDA,mCAAA;AAAoC;AAnFrC;IAcE,uDAAuD;AAAA;AAdzD;IAkBE,+CAA+C;AAAA;AAlBjD;IAwBG,8CAA8C;AAAA;AAxBjD;IAiCG,aAAa;AAAA;AAjChB;IAuCG,mBCrc6C;AAAA;AD8ZhD;IA6CE,YAAY;IAAE,mCAAA;IACd,aAAa;IACb,gBAAgB;IAChB,WAAW;IACX,sBAAsB;IACtB,gBCxdmB;IDydnB,UAAU;IACV,mBAAmB;IACnB,6BAA6B;IAC7B,4BAA4B;IAC5B,gCAAwC;IACxC,0BC1dc;ID2dd,iBC/dmB;AAAA;ADsarB;MA4DG,aAAa;MACb,mBAAmB;MACnB,cCpekB;MDqelB,uBAAuB;MACvB,WCtekB;MDuelB,YCvekB;MDwelB,0BCpea;AAAA;ADkahB;MAsEG,gBAAgB;MAChB,eAAe;MACf,mBAAmB;MACnB,uBAAuB;MACvB,iBAAiB;AAAA;AA1EpB;MA8EG,wBAAsC;MACtC,YAAY;AAAA;AA/Ef;IAqFE,kBAAkB;IAClB,aAAa;IACb,cAAc;IACd,sBAAsB;IACtB,WAAW;AAAA;AAzFb;MA4FG,oBAAoB;MACpB,eAAe;MACf,kBAA4C;AAAA;;AAK/C,oBAAA;AACA;EACC,oBAAoB;EACpB,WAAW;EACX,6BAAuD;AAAA;AAHxD;IAKE,kBAAkB;IAClB,gBAAgB;IAChB,WAAW;IACX,mBAAmB;IACnB,uBAAuB;IACvB,iBCphBmB;AAAA;;ADwhBrB;sCA3YsC;AA6YtC;EAGE,kBAAkB;AAAA;AAHpB;EASG,kBAAkB;AAAA;AATrB;EAaG,mBAAmB;AAAA;AAbtB;EAkBG,mBAAmB;AAAA;;AAKtB,wBAAA;AACA;EACC,aAAa;EACb,mBAAmB;EACnB,cAAc;AAAA;;AAGf,YAAA;AACA;EAEC,iBAAiB;EACjB,aAAa;EACb,mBAAmB;EACnB,cAAc;AAAA;;AAIf,kBAAA;AACA;EAEE,YAAY;EACZ,UAAU;AAAA;;AAIZ,kBAAA;AACA;EAEE,YAAY;EACZ,wBAAwB;AAAA;;AAI1B,iBAAA;AACA;EACC,QAAQ;EACR,gBAAgB;AAAA;AAFjB;IAKE,aAAa;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.app-navigation-entry {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tflex-wrap: wrap;\n\torder: 1;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmin-height: $clickable-area;\n\tpadding-right: 4px;\n\n\t// When .active class is applied, change color background of link and utils. The\n\t// !important prevents the focus state to override the active state.\n\t&.active {\n\t\tbackground-color: var(--color-primary-light) !important;\n\t}\n\t&:focus-within,\n\t&:hover {\n\t\tbackground-color: var(--color-background-hover);\n\t}\n\t&.active,\n\t&:focus-within,\n\t&:hover {\n\t\t.app-navigation-entry__children {\n\t\t\tbackground-color: var(--color-main-background);\n\t\t}\n\t}\n\n\t/* hide deletion/collapse of subitems */\n\t&.app-navigation-entry--deleted,\n\t&.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) {\n\t\t> ul {\n\t\t\t// NO ANIMATE because if not really hidden, we can still tab through it\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&:not(.app-navigation-entry--editing) {\n\t\t.app-navigation-entry-link, .app-navigation-entry-div {\n\t\t\tpadding-right: $icon-margin;\n\t\t}\n\t}\n\n\t// Main entry link\n\t.app-navigation-entry-link, .app-navigation-entry-div {\n\t\tz-index: 100; /* above the bullet to allow click*/\n\t\tdisplay: flex;\n\t\toverflow: hidden;\n\t\tflex: 1 1 0;\n\t\tbox-sizing: border-box;\n\t\tmin-height: $clickable-area;\n\t\tpadding: 0;\n\t\twhite-space: nowrap;\n\t\tcolor: var(--color-main-text);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: $icon-margin center;\n\t\tbackground-size: $icon-size $icon-size;\n\t\tline-height: $clickable-area;\n\n\t\t.app-navigation-entry-icon {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex: 0 0 $clickable-area;\n\t\t\tjustify-content: center;\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\tbackground-size: $icon-size $icon-size;\n\t\t}\n\n\t\t.app-navigation-entry__title {\n\t\t\toverflow: hidden;\n\t\t\tmax-width: 100%;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tpadding-left: 6px;\n\t\t}\n\n\t\t.editingContainer {\n\t\t\twidth: calc(100% - #{$clickable-area});\n\t\t\tmargin: auto;\n\t\t}\n\t}\n\n\t/* Second level nesting for lists */\n\t.app-navigation-entry__children {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 1 auto;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\n\t\t.app-navigation-entry {\n\t\t\tdisplay: inline-flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tpadding-left: $clickable-area - $icon-margin;\n\t\t}\n\t}\n}\n\n/* Deleted entries */\n.app-navigation-entry__deleted {\n\tdisplay: inline-flex;\n\tflex: 1 1 0;\n\tpadding-left: $clickable-area - $icon-margin !important;\n\t.app-navigation-entry__deleted-description {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tflex: 1 1 0;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tline-height: $clickable-area;\n\t}\n}\n\n/* Makes the icon of the collapsible element disappear\n* When hovering on the root element */\n.app-navigation-entry--collapsible {\n\t//shows the triangle button\n\t.icon-collapse {\n\t\tvisibility: hidden;\n\t}\n\t&.app-navigation-entry--no-icon,\n\t&:hover, &:focus {\n\t\ta .app-navigation-entry-icon {\n\t\t\t// hides the icon\n\t\t\tvisibility: hidden;\n\t\t}\n\t\t.icon-collapse {\n\t\t\t//shows the triangle button\n\t\t\tvisibility: visible;\n\t\t}\n\t\t// prevent the icon of children elements from being hidden\n\t\t// by the previous rule\n\t\t.app-navigation-entry__children li:not(.app-navigation-entry--collapsible) a :first-child {\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n}\n\n/* counter and actions */\n.app-navigation-entry__utils {\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 1 auto;\n}\n\n/* counter */\n.app-navigation-entry__counter-wrapper {\n\t// Add slightly more space to the right of the counter\n\tmargin-right: 2px;\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 1 auto;\n}\n\n// STATES\n/* editing state */\n.app-navigation-entry--editing {\n\t.app-navigation-entry-edit {\n\t\tz-index: 250;\n\t\topacity: 1;\n\t}\n}\n\n/* deleted state */\n.app-navigation-entry--deleted {\n\t.app-navigation-entry-deleted {\n\t\tz-index: 250;\n\t\ttransform: translateX(0);\n\t}\n}\n\n/* pinned state */\n.app-navigation-entry--pinned {\n\torder: 2;\n\tmargin-top: auto;\n\t// only put a marginTop auto to the first one!\n\t~ .app-navigation-entry--pinned {\n\t\tmargin-top: 0;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationItem/InputConfirmCancel.vue?vue&type=style&index=0&lang=scss&": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationItem/InputConfirmCancel.vue?vue&type=style&index=0&lang=scss& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.app-navigation-entry__inline-input-container {\n flex: 1 0 100%;\n width: 100%;\n}\n.app-navigation-entry__inline-input-container form {\n display: flex;\n}\n.app-navigation-entry__inline-input-container form .app-navigation-entry__inline-input {\n flex: 1 1 100%;\n font-size: 14px;\n}\n.app-navigation-entry__inline-input-container form button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px !important;\n color: var(--color-main-text);\n background: none;\n font-size: 16px;\n}\n.app-navigation-entry__inline-input-container form button::before {\n opacity: 0.7;\n}\n.app-navigation-entry__inline-input-container form button:hover::before, .app-navigation-entry__inline-input-container form button:focus::before {\n opacity: 1;\n}\n.app-navigation-entry__inline-input-container form button.icon-confirm {\n border-left: none;\n}\n.app-navigation-entry__inline-input-container form button.icon-confirm:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.app-navigation-entry__inline-input-container form button.icon-confirm:hover {\n border-radius: 0px var(--border-radius) var(--border-radius) 0px !important;\n}\n.app-navigation-entry__inline-input-container form button.icon-close:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.app-navigation-entry__inline-input-container form .icon-close {\n margin: 0;\n border: none;\n background-color: transparent;\n}\n',"",{version:3,sources:["webpack://./InputConfirmCancel.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFiE/B;EACC,cAAc;EACd,WAAW;AAAA;AAFZ;IAIE,aAAa;AAAA;AAJf;MAMG,cAAc;MACd,eAAe;AAAA;AAPlB;MAYG,aAAa;MACb,mBAAmB;MACnB,uBAAuB;MACvB,sBAAiC;MACjC,6BAA6B;MAC7B,gBAAgB;MAChB,eAAe;AAAA;AAlBlB;QAsBI,YC/De;AAAA;ADyCnB;QA2BK,UCnEW;AAAA;ADwChB;QAiCI,iBAAiB;AAAA;AAjCrB;UEFI,mCAjFmB;UAkFnB,kBAAkB;UAClB,gBAAgB;UAChB,YA5ES;AAAO;AF2EpB;QAoCI,2EAA2E;AAAA;AApC/E;QEFI,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YA7EO;AAAO;AF4ElB;MA4CG,SAAS;MACT,YAAY;MACZ,6BAA6B;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.app-navigation-entry__inline-input-container {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\tform {\n\t\tdisplay: flex;\n\t\t.app-navigation-entry__inline-input {\n\t\t\tflex: 1 1 100%;\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t// submit and cancel buttons\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: $clickable-area !important;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tbackground: none;\n\t\t\tfont-size: 16px;\n\n\t\t\t// icon hover/focus feedback\n\t\t\t&::before {\n\t\t\t\topacity: $opacity_normal;\n\t\t\t}\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t&::before {\n\t\t\t\t\topacity: $opacity_full;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.icon-confirm {\n\t\t\t\t@include iconfont('confirm');\n\t\t\t\tborder-left: none;\n\t\t\t}\n\t\t\t&.icon-confirm:hover {\n\t\t\t\tborder-radius: 0px var(--border-radius) var(--border-radius) 0px !important;\n\t\t\t}\n\n\t\t\t&.icon-close {\n\t\t\t\t@include iconfont('close');\n\t\t\t}\n\t\t}\n\t\t.icon-close {\n\t\t\tmargin: 0;\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationNew/AppNavigationNew.vue?vue&type=style&index=0&id=cc6353a2&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationNew/AppNavigationNew.vue?vue&type=style&index=0&id=cc6353a2&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/* 'New' button */\n.app-navigation-new[data-v-cc6353a2] {\n display: block;\n padding: 10px;\n}\n.app-navigation-new button[data-v-cc6353a2] {\n display: inline-block;\n width: 100%;\n padding: 10px;\n padding-left: 34px;\n background-position: 10px center;\n text-align: left;\n margin: 0;\n}\n","",{version:3,sources:["webpack://./AppNavigationNew.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAyCF,iBAAA;AACA;EACC,cAAc;EACd,aAAa;AAAA;AAFd;IAIE,qBAAqB;IACrB,WAAW;IACX,aAAa;IACb,kBAAkB;IAClB,gCAAgC;IAChC,gBAAgB;IAChB,SAAS;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 'New' button */\n.app-navigation-new {\n\tdisplay: block;\n\tpadding: 10px;\n\tbutton {\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\tpadding: 10px;\n\t\tpadding-left: 34px;\n\t\tbackground-position: 10px center;\n\t\ttext-align: left;\n\t\tmargin: 0;\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationNewItem/AppNavigationNewItem.vue?vue&type=style&index=0&lang=scss&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationNewItem/AppNavigationNewItem.vue?vue&type=style&index=0&lang=scss& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-navigation-new-item__title {\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding-left: 7px;\n font-size: 14px;\n}\n.newItemContainer {\n width: calc(100% - 44px);\n margin: auto;\n}\n',"",{version:3,sources:["webpack://./AppNavigationNewItem.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAmIF;EACC,gBAAgB;EAChB,eAAe;EACf,mBAAmB;EACnB,uBAAuB;EACvB,iBAAiB;EACjB,eAAe;AAAA;AAGhB;EACC,wBAAsC;EACtC,YAAY;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-navigation-new-item__title {\n\toverflow: hidden;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tpadding-left: 7px;\n\tfont-size: 14px;\n}\n\n.newItemContainer {\n\twidth: calc(100% - #{$clickable-area});\n\tmargin: auto;\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationSettings/AppNavigationSettings.vue?vue&type=style&index=0&id=9c9c397e&lang=scss&scoped=true&": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationSettings/AppNavigationSettings.vue?vue&type=style&index=0&id=9c9c397e&lang=scss&scoped=true& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n#app-settings-content[data-v-9c9c397e] {\n display: block;\n padding: 10px;\n background-color: var(--color-main-background);\n /* restrict height of settings and make scrollable */\n max-height: 300px;\n overflow-y: auto;\n box-sizing: border-box;\n}\n.slide-up-leave-active[data-v-9c9c397e],\n.slide-up-enter-active[data-v-9c9c397e] {\n transition-duration: var(--animation-slow);\n transition-property: max-height, padding;\n overflow-y: hidden !important;\n}\n.slide-up-enter[data-v-9c9c397e],\n.slide-up-leave-to[data-v-9c9c397e] {\n max-height: 0 !important;\n padding: 0 10px !important;\n}\n',"",{version:3,sources:["webpack://./AppNavigationSettings.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA2DF;EACC,cAAc;EACd,aAAa;EACb,8CAA8C;EAC9C,oDAAA;EACA,iBAAiB;EACjB,gBAAgB;EAChB,sBAAsB;AAAA;AAGvB;;EAEC,0CAA0C;EAC1C,wCAAwC;EACxC,6BAA6B;AAAA;AAG9B;;EAEC,wBAAwB;EACxB,0BAA0B;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#app-settings-content {\n\tdisplay: block;\n\tpadding: 10px;\n\tbackground-color: var(--color-main-background);\n\t/* restrict height of settings and make scrollable */\n\tmax-height: 300px;\n\toverflow-y: auto;\n\tbox-sizing: border-box;\n}\n\n.slide-up-leave-active,\n.slide-up-enter-active {\n\ttransition-duration: var(--animation-slow);\n\ttransition-property: max-height, padding;\n\toverflow-y: hidden !important;\n}\n\n.slide-up-enter,\n.slide-up-leave-to {\n\tmax-height: 0 !important;\n\tpadding: 0 10px !important;\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationToggle/AppNavigationToggle.vue?vue&type=style&index=0&id=17ebeae3&scoped=true&lang=scss&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationToggle/AppNavigationToggle.vue?vue&type=style&index=0&id=17ebeae3&scoped=true&lang=scss& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-17ebeae3] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.app-navigation-toggle[data-v-17ebeae3] {\n position: absolute;\n top: 0;\n right: 0;\n margin-right: -44px;\n width: 44px;\n height: 44px;\n padding: 14px;\n cursor: pointer;\n opacity: 0.6;\n font-size: 16px;\n line-height: 17px;\n}\n.app-navigation-toggle[data-v-17ebeae3]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.app-navigation-toggle[data-v-17ebeae3]:hover, .app-navigation-toggle[data-v-17ebeae3]:focus {\n opacity: 1;\n}\n',"",{version:3,sources:["webpack://./AppNavigationToggle.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFqC/B;EACC,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,mBCnCoB;EDoCpB,WCpCoB;EDqCpB,YCrCoB;EDsCpB,aC9B+C;EDgC/C,eAAe;EACf,YAAY;EAEZ,eCvCe;EDwCf,iBAAiB;AAAA;AAblB;IE0BI,mCAjFmB;IAkFnB,kBAAkB;IAClB,gBAAgB;IAChB,YA1EM;AAAO;AF6CjB;IAkBE,UC9Bc;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.app-navigation-toggle {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tmargin-right: - $clickable-area;\n\twidth: $clickable-area;\n\theight: $clickable-area;\n\tpadding: $icon-margin;\n\n\tcursor: pointer;\n\topacity: 0.6;\n\n\tfont-size: $icon-size;\n\tline-height: 17px;\n\t@include iconfont('menu');\n\n\t&:hover,\n\t&:focus {\n\t\topacity: $opacity_full;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSettingsDialog/AppSettingsDialog.vue?vue&type=style&index=0&id=1d3abcae&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSettingsDialog/AppSettingsDialog.vue?vue&type=style&index=0&id=1d3abcae&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n[data-v-1d3abcae] .modal-wrapper .modal-container {\n display: flex;\n}\n.app-settings[data-v-1d3abcae] {\n display: flex;\n width: 100%;\n}\n.app-settings__navigation[data-v-1d3abcae] {\n min-width: 200px;\n margin-right: 20px;\n}\n.app-settings__content[data-v-1d3abcae] {\n max-width: 100vw;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 24px;\n}\n.navigation-list[data-v-1d3abcae] {\n height: 100%;\n overflow-y: auto;\n}\n.navigation-list__link[data-v-1d3abcae] {\n display: block;\n font-size: 16px;\n height: 44px;\n margin: 4px;\n line-height: 44px;\n border-radius: var(--border-radius-pill);\n font-weight: bold;\n padding: 0 20px;\n cursor: pointer;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n background-color: transparent;\n border: none;\n}\n.navigation-list__link[data-v-1d3abcae]:hover, .navigation-list__link[data-v-1d3abcae]:focus {\n background-color: var(--color-background-hover);\n}\n.navigation-list__link--active[data-v-1d3abcae] {\n background-color: var(--color-primary-light) !important;\n}\n',"",{version:3,sources:["webpack://./AppSettingsDialog.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAuQF;EACC,aAAa;AAAA;AAGd;EACC,aAAa;EACb,WAAW;AAAA;AACX;IACC,gBAAgB;IAChB,kBAAkB;AAAA;AAEnB;IACC,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,aAAa;AAAA;AAIf;EACC,YAAY;EACZ,gBAAgB;AAAA;AAChB;IACC,cAAc;IACd,eAAe;IACf,YC5RmB;ID6RnB,WAAW;IACX,iBC9RmB;ID+RnB,wCAAwC;IACxC,iBAAiB;IACjB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;IAChB,6BAA6B;IAC7B,YAAY;AAAA;AAdZ;MAiBC,+CAA+C;AAAA;AAEhD;MACC,uDAAuD;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n::v-deep .modal-wrapper .modal-container {\n\tdisplay: flex;\n}\n\n.app-settings {\n\tdisplay: flex;\n\twidth: 100%;\n\t&__navigation {\n\t\tmin-width: 200px;\n\t\tmargin-right: 20px;\n\t}\n\t&__content {\n\t\tmax-width: 100vw;\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\tpadding: 24px;\n\t}\n}\n\n.navigation-list {\n\theight: 100%;\n\toverflow-y: auto;\n\t&__link {\n\t\tdisplay: block;\n\t\tfont-size: 16px;\n\t\theight: $clickable-area;\n\t\tmargin: 4px;\n\t\tline-height: $clickable-area;\n\t\tborder-radius: var(--border-radius-pill);\n\t\tfont-weight: bold;\n\t\tpadding: 0 20px;\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t\t&--active {\n\t\t\tbackground-color: var(--color-primary-light) !important;\n\t\t}\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSettingsSection/AppSettingsSection.vue?vue&type=style&index=0&id=a1fa5522&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSettingsSection/AppSettingsSection.vue?vue&type=style&index=0&id=a1fa5522&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-settings-section[data-v-a1fa5522] {\n margin-bottom: 80px;\n}\n.app-settings-section__title[data-v-a1fa5522] {\n font-size: 20px;\n font-weight: bold;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n',"",{version:3,sources:["webpack://./AppSettingsSection.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAiCF;EACC,mBAAmB;AAAA;AACnB;IACC,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__title {\n\t\tfont-size: 20px;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSidebar/AppSidebar.vue?vue&type=style&index=0&id=4a2a5f2f&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSidebar/AppSidebar.vue?vue&type=style&index=0&id=4a2a5f2f&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n/*\n\tSidebar: to be used within #content\n\tapp-content will be shrinked properly\n*/\n.app-sidebar[data-v-4a2a5f2f] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1500;\n top: var(--header-height);\n right: 0;\n display: flex;\n overflow-x: hidden;\n overflow-y: auto;\n flex-direction: column;\n flex-shrink: 0;\n width: 27vw;\n min-width: 300px;\n max-width: 500px;\n height: calc(100vh - var(--header-height));\n border-left: 1px solid var(--color-border);\n background: var(--color-main-background);\n}\n.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-4a2a5f2f] {\n position: absolute;\n z-index: 100;\n top: 6px;\n right: 6px;\n width: 44px;\n height: 44px;\n opacity: 0.7;\n border-radius: 22px;\n}\n.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-4a2a5f2f]:hover, .app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-4a2a5f2f]:active, .app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-4a2a5f2f]:focus {\n opacity: 1;\n background-color: rgba(127, 127, 127, 0.25);\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-4a2a5f2f] {\n flex-direction: row;\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-4a2a5f2f] {\n z-index: 2;\n width: 70px;\n height: 70px;\n margin: 9px;\n border-radius: 3px;\n flex: 0 0 auto;\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-4a2a5f2f] {\n padding-left: 0;\n flex: 1 1 auto;\n min-width: 0;\n padding-right: 94px;\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-4a2a5f2f] {\n padding-right: 50px;\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-4a2a5f2f] {\n z-index: 3;\n position: absolute;\n top: 9px;\n left: -44px;\n}\n.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-4a2a5f2f] {\n top: 6px;\n right: 50px;\n background-color: transparent;\n position: absolute;\n}\n.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-4a2a5f2f] {\n position: absolute;\n top: 6px;\n right: 50px;\n}\n.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-4a2a5f2f] {\n padding-right: 94px;\n}\n.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-4a2a5f2f] {\n padding-right: 50px;\n}\n.app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-4a2a5f2f] {\n display: flex;\n flex-direction: column;\n}\n.app-sidebar .app-sidebar-header__figure[data-v-4a2a5f2f] {\n width: 100%;\n height: 250px;\n max-height: 250px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n}\n.app-sidebar .app-sidebar-header__figure--with-action[data-v-4a2a5f2f] {\n cursor: pointer;\n}\n.app-sidebar .app-sidebar-header__desc[data-v-4a2a5f2f] {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 18px 6px 18px 9px;\n}\n.app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-4a2a5f2f] {\n padding-left: 0;\n}\n.app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__maintitle-form[data-v-4a2a5f2f],\n .app-sidebar .app-sidebar-header__desc--with-subtitle--editable .app-sidebar-header__maintitle-form[data-v-4a2a5f2f] {\n margin-top: -2px;\n margin-bottom: -2px;\n}\n.app-sidebar .app-sidebar-header__desc--with-subtitle--editable .app-sidebar-header__subtitle[data-v-4a2a5f2f] {\n margin-top: -2px;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-4a2a5f2f] {\n display: flex;\n height: 44px;\n width: 44px;\n justify-content: center;\n flex: 0 0 auto;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container[data-v-4a2a5f2f] {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle[data-v-4a2a5f2f] {\n padding: 0;\n min-height: 30px;\n font-size: 20px;\n line-height: 30px;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle[data-v-4a2a5f2f] .linkified {\n cursor: pointer;\n text-decoration: underline;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle[data-v-4a2a5f2f],\n .app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__subtitle[data-v-4a2a5f2f] {\n overflow: hidden;\n width: 100%;\n margin: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__subtitle[data-v-4a2a5f2f] {\n padding: 0;\n opacity: 0.7;\n font-size: var(--default-font-size);\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle-form[data-v-4a2a5f2f] {\n display: flex;\n margin-left: -7.5px;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle-form .icon-confirm[data-v-4a2a5f2f] {\n margin: 0;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__title-container .app-sidebar-header__maintitle-form input.app-sidebar-header__maintitle-input[data-v-4a2a5f2f] {\n flex: 1 1 auto;\n margin: 0;\n padding: 7px;\n font-size: 20px;\n font-weight: bold;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star[data-v-4a2a5f2f] {\n display: block;\n width: 44px;\n height: 44px;\n padding: 14px;\n}\n.app-sidebar .app-sidebar-header__desc .app-sidebar-header__menu[data-v-4a2a5f2f] {\n height: 44px;\n width: 44px;\n border-radius: 22px;\n background-color: rgba(127, 127, 127, 0.25);\n}\n.app-sidebar .app-sidebar-header__description[data-v-4a2a5f2f] {\n display: flex;\n align-items: center;\n margin: 0 10px;\n}\n.slide-right-leave-active[data-v-4a2a5f2f],\n.slide-right-enter-active[data-v-4a2a5f2f] {\n transition-duration: var(--animation-quick);\n transition-property: max-width, min-width;\n}\n.slide-right-enter-to[data-v-4a2a5f2f],\n.slide-right-leave[data-v-4a2a5f2f] {\n min-width: 300px;\n max-width: 500px;\n}\n.slide-right-enter[data-v-4a2a5f2f],\n.slide-right-leave-to[data-v-4a2a5f2f] {\n min-width: 0 !important;\n max-width: 0 !important;\n}\n',"",{version:3,sources:["webpack://./AppSidebar.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAugBF;;;CAngBC;AAugBD;EACC,wBAAwB;EACxB,gBAAgB;EAChB,aAAa;EACb,yBAAyB;EACzB,QAAQ;EACR,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,sBAAsB;EACtB,cAAc;EACd,WAAW;EACX,gBA7BwB;EA8BxB,gBA7BwB;EA8BxB,0CAA0C;EAC1C,0CAA0C;EAC1C,wCAAwC;AAAA;AAhBzC;IAmBG,kBAAkB;IAClB,YAAY;IACZ,QA3BsB;IA4BtB,UA5BsB;IA6BtB,WC9hBkB;ID+hBlB,YC/hBkB;IDgiBlB,YC9gBgB;ID+gBhB,mBAAkC;AAAA;AA1BrC;MA8BI,UClhBY;MDmhBZ,2CC/gB8C;AAAA;ADgflD;IAsCI,mBAAmB;AAAA;AAtCvB;MAyCK,UAAU;MACV,WAA4C;MAC5C,YAA6C;MAC7C,WAAkC;MAClC,kBAAkB;MAClB,cAAc;AAAA;AA9CnB;MAiDK,eAAe;MACf,cAAc;MACd,YAAY;MACZ,mBAAyD;AAAA;AApD9D;QAuDM,mBAAe;AAAA;AAvDrB;QA2DM,UAAU;QACV,kBAAkB;QAClB,QAA+B;QAC/B,WAA0B;AAAA;AA9DhC;QAiEM,QAvEmB;QAwEnB,WAA6C;QAC7C,6BAA6B;QAC7B,kBAAkB;AAAA;AApExB;IA8EI,kBAAkB;IAClB,QArFqB;IAsFrB,WAA6C;AAAA;AAhFjD;IAoFI,mBAAe;AAAA;AApFnB;MAuFK,mBAAe;AAAA;AAvFpB;IA8FG,aAAa;IACb,sBAAsB;AAAA;AA/FzB;IAoGG,WAAW;IACX,aAAa;IACb,iBAAiB;IACjB,4BAA4B;IAC5B,2BAA2B;IAC3B,wBAAwB;AAAA;AAzG3B;MA2GI,eAAe;AAAA;AA3GnB;IAiHG,kBAAkB;IAClB,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,0BAAkH;AAAA;AArHrH;MAyHI,eAAe;AAAA;AAzHnB;;MA8HI,gBAAgB;MAChB,mBAAmB;AAAA;AA/HvB;MAmII,gBAAgB;AAAA;AAnIpB;MAuII,aAAa;MACb,YC/oBiB;MDgpBjB,WChpBiB;MDipBjB,uBAAuB;MACvB,cAAc;AAAA;AA3IlB;MAgJI,cAAc;MACd,aAAa;MACb,sBAAsB;MACtB,uBAAuB;MACvB,YAAY;AAAA;AApJhB;QAwJK,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,iBArKmB;AAAA;AAUxB;UA+JM,eAAe;UACf,0BAA0B;AAAA;AAhKhC;;QAsKK,gBAAgB;QAChB,WAAW;QACX,SAAS;QACT,mBAAmB;QACnB,uBAAuB;AAAA;AA1K5B;QA+KK,UAAU;QACV,YCrqBc;QDsqBd,mCAAmC;AAAA;AAjLxC;QAqLK,aAAa;QACb,mBAAmB;AAAA;AAtLxB;UAwLM,SAAS;AAAA;AAxLf;UA4LM,cAAc;UACd,SAAS;UACT,YA3MkB;UA4MlB,eAAe;UACf,iBAAiB;AAAA;AAhMvB;MAuMI,cAAc;MACd,WC/sBiB;MDgtBjB,YChtBiB;MDitBjB,aCzsB4C;AAAA;AD+fhD;MA8MI,YCrtBiB;MDstBjB,WCttBiB;MDutBjB,mBAAkC;MAClC,2CCjsB8C;AAAA;ADgflD;IAuNG,aAAa;IACb,mBAAmB;IACnB,cAAc;AAAA;AAKjB;;EAEC,2CAA2C;EAC3C,yCAAyC;AAAA;AAG1C;;EAEC,gBAvPwB;EAwPxB,gBAvPwB;AAAA;AA0PzB;;EAEC,uBAAuB;EACvB,uBAAuB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$sidebar-min-width: 300px;\n$sidebar-max-width: 500px;\n\n$desc-vertical-padding: 18px;\n$desc-input-padding: 7px;\n\n// title and subtitle\n$desc-title-height: 30px;\n$desc-subtitle-height: 22px;\n$desc-height: $desc-title-height + $desc-subtitle-height;\n\n$top-buttons-spacing: 6px;\n\n/*\n\tSidebar: to be used within #content\n\tapp-content will be shrinked properly\n*/\n.app-sidebar {\n\tposition: -webkit-sticky; // Safari support\n\tposition: sticky;\n\tz-index: 1500;\n\ttop: var(--header-height);\n\tright: 0;\n\tdisplay: flex;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tflex-direction: column;\n\tflex-shrink: 0;\n\twidth: 27vw;\n\tmin-width: $sidebar-min-width;\n\tmax-width: $sidebar-max-width;\n\theight: calc(100vh - var(--header-height));\n\tborder-left: 1px solid var(--color-border);\n\tbackground: var(--color-main-background);\n\t.app-sidebar-header {\n\t\t> .app-sidebar__close {\n\t\t\tposition: absolute;\n\t\t\tz-index: 100;\n\t\t\ttop: $top-buttons-spacing;\n\t\t\tright: $top-buttons-spacing;\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_normal;\n\t\t\tborder-radius: $clickable-area / 2;\n\t\t\t&:hover,\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\tbackground-color: $action-background-hover;\n\t\t\t}\n\t\t}\n\n\t\t// Compact mode only affects a sidebar with a figure\n\t\t&--compact.app-sidebar-header--with-figure {\n\t\t\t.app-sidebar-header__info {\n\t\t\t\tflex-direction: row;\n\n\t\t\t\t.app-sidebar-header__figure {\n\t\t\t\t\tz-index: 2;\n\t\t\t\t\twidth: $desc-height + $desc-vertical-padding;\n\t\t\t\t\theight: $desc-height + $desc-vertical-padding;\n\t\t\t\t\tmargin: $desc-vertical-padding / 2;\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t\t.app-sidebar-header__desc {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tflex: 1 1 auto;\n\t\t\t\t\tmin-width: 0;\n\t\t\t\t\tpadding-right: 2 * $clickable-area + $top-buttons-spacing;\n\n\t\t\t\t\t&.app-sidebar-header__desc--without-actions {\n\t\t\t\t\t\tpadding-right: #{$clickable-area + $top-buttons-spacing};\n\t\t\t\t\t}\n\n\t\t\t\t\t.app-sidebar-header__tertiary-actions {\n\t\t\t\t\t\tz-index: 3; // above star\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: $desc-vertical-padding / 2;\n\t\t\t\t\t\tleft: -1 * $clickable-area;\n\t\t\t\t\t}\n\t\t\t\t\t.app-sidebar-header__menu {\n\t\t\t\t\t\ttop: $top-buttons-spacing;\n\t\t\t\t\t\tright: $clickable-area + $top-buttons-spacing; // left of the close button\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// sidebar without figure\n\t\t&:not(.app-sidebar-header--with-figure) {\n\t\t\t// align the menu with the close button\n\t\t\t.app-sidebar-header__menu {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: $top-buttons-spacing;\n\t\t\t\tright: $top-buttons-spacing + $clickable-area;\n\t\t\t}\n\t\t\t// increase the padding to not overlap the menu\n\t\t\t.app-sidebar-header__desc {\n\t\t\t\tpadding-right: #{$clickable-area * 2 + $top-buttons-spacing};\n\n\t\t\t\t&.app-sidebar-header__desc--without-actions {\n\t\t\t\t\tpadding-right: #{$clickable-area + $top-buttons-spacing};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// the container with the figure and the description\n\t\t.app-sidebar-header__info {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t// header background\n\t\t&__figure {\n\t\t\twidth: 100%;\n\t\t\theight: 250px;\n\t\t\tmax-height: 250px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: contain;\n\t\t\t&--with-action {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// description\n\t\t&__desc {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: center;\n\t\t\tpadding: #{$desc-vertical-padding} #{$top-buttons-spacing} #{$desc-vertical-padding} #{$desc-vertical-padding / 2};\n\n\t\t\t// custom overrides\n\t\t\t&--with-tertiary-action {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t&--editable .app-sidebar-header__maintitle-form,\n\t\t\t&--with-subtitle--editable .app-sidebar-header__maintitle-form {\n\t\t\t\tmargin-top: -2px;\n\t\t\t\tmargin-bottom: -2px;\n\t\t\t}\n\n\t\t\t&--with-subtitle--editable .app-sidebar-header__subtitle {\n\t\t\t\tmargin-top: -2px;\n\t\t\t}\n\n\t\t\t.app-sidebar-header__tertiary-actions {\n\t\t\t\tdisplay: flex;\n\t\t\t\theight: $clickable-area;\n\t\t\t\twidth: $clickable-area;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t}\n\n\t\t\t// titles\n\t\t\t.app-sidebar-header__title-container {\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-width: 0;\n\n\t\t\t\t// main title\n\t\t\t\t.app-sidebar-header__maintitle {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmin-height: 30px;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tline-height: $desc-title-height;\n\n\t\t\t\t\t// Needs 'deep' as the link is generated by the linkify directive\n\t\t\t\t\t&::v-deep .linkified {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.app-sidebar-header__maintitle,\n\t\t\t\t.app-sidebar-header__subtitle {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t}\n\n\t\t\t\t// subtitle\n\t\t\t\t.app-sidebar-header__subtitle {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\topacity: $opacity_normal;\n\t\t\t\t\tfont-size: var(--default-font-size);\n\t\t\t\t}\n\n\t\t\t\t.app-sidebar-header__maintitle-form {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin-left: -7.5px;\n\t\t\t\t\t& .icon-confirm {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tinput.app-sidebar-header__maintitle-input {\n\t\t\t\t\t\tflex: 1 1 auto;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: $desc-input-padding;\n\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// favourite\n\t\t\t.app-sidebar-header__star {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: $clickable-area;\n\t\t\t\theight: $clickable-area;\n\t\t\t\tpadding: $icon-margin;\n\t\t\t}\n\t\t\t// main menu\n\t\t\t.app-sidebar-header__menu {\n\t\t\t\theight: $clickable-area;\n\t\t\t\twidth: $clickable-area;\n\t\t\t\tborder-radius: $clickable-area / 2;\n\t\t\t\tbackground-color: $action-background-hover;\n\t\t\t}\n\t\t}\n\n\t\t// sidebar description slot\n\t\t&__description {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 10px;\n\t\t}\n\t}\n}\n\n.slide-right-leave-active,\n.slide-right-enter-active {\n\ttransition-duration: var(--animation-quick);\n\ttransition-property: max-width, min-width;\n}\n\n.slide-right-enter-to,\n.slide-right-leave {\n\tmin-width: $sidebar-min-width;\n\tmax-width: $sidebar-max-width;\n}\n\n.slide-right-enter,\n.slide-right-leave-to {\n\tmin-width: 0 !important;\n\tmax-width: 0 !important;\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSidebar/AppSidebar.vue?vue&type=style&index=1&lang=scss&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSidebar/AppSidebar.vue?vue&type=style&index=1&lang=scss& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-sidebar-header__description button, .app-sidebar-header__description .button,\n.app-sidebar-header__description input[type='button'],\n.app-sidebar-header__description input[type='submit'],\n.app-sidebar-header__description input[type='reset'] {\n padding: 6px 22px;\n}\n","",{version:3,sources:["webpack://./AppSidebar.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA+vBF;;;;EAKE,iBAAiB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// ! slots specific designs, cannot be scoped\n// if any button inside the description slot, increase visual padding\n.app-sidebar-header__description {\n\tbutton, .button,\n\tinput[type='button'],\n\tinput[type='submit'],\n\tinput[type='reset'] {\n\t\tpadding: 6px 22px;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSidebar/AppSidebarTabs.vue?vue&type=style&index=0&id=5772e44d&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSidebar/AppSidebarTabs.vue?vue&type=style&index=0&id=5772e44d&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-sidebar-tabs[data-v-5772e44d] {\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 100%;\n}\n.app-sidebar-tabs__nav[data-v-5772e44d] {\n margin-top: 10px;\n}\n.app-sidebar-tabs__nav ul[data-v-5772e44d] {\n display: flex;\n justify-content: stretch;\n}\n.app-sidebar-tabs__tab[data-v-5772e44d] {\n display: block;\n flex: 1 1;\n min-width: 0;\n text-align: center;\n}\n.app-sidebar-tabs__tab a[data-v-5772e44d] {\n position: relative;\n display: block;\n overflow: hidden;\n padding: 25px 5px 5px 5px;\n transition: color var(--animation-quick), opacity var(--animation-quick), border-color var(--animation-quick);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: 0.7;\n color: var(--color-main-text);\n border-bottom: 1px solid var(--color-border);\n}\n.app-sidebar-tabs__tab a[data-v-5772e44d]:hover, .app-sidebar-tabs__tab a[data-v-5772e44d]:focus, .app-sidebar-tabs__tab a[data-v-5772e44d]:active, .app-sidebar-tabs__tab a.active[data-v-5772e44d] {\n opacity: 1;\n}\n.app-sidebar-tabs__tab a:hover .app-sidebar-tabs__tab-icon[data-v-5772e44d], .app-sidebar-tabs__tab a:focus .app-sidebar-tabs__tab-icon[data-v-5772e44d], .app-sidebar-tabs__tab a:active .app-sidebar-tabs__tab-icon[data-v-5772e44d], .app-sidebar-tabs__tab a.active .app-sidebar-tabs__tab-icon[data-v-5772e44d] {\n opacity: 1;\n}\n.app-sidebar-tabs__tab a[data-v-5772e44d]:not(.active):hover, .app-sidebar-tabs__tab a[data-v-5772e44d]:not(.active):focus {\n border-bottom-color: var(--color-background-darker);\n box-shadow: inset 0 -1px 0 var(--color-background-darker);\n}\n.app-sidebar-tabs__tab a.active[data-v-5772e44d] {\n color: var(--color-text-light);\n border-bottom-color: var(--color-text-light);\n box-shadow: inset 0 -1px 0 var(--color-text-light);\n font-weight: bold;\n}\n.app-sidebar-tabs__tab a[data-v-5772e44d]:focus {\n border-bottom-color: var(--color-primary-element);\n box-shadow: inset 0 -1px 0 var(--color-primary-element);\n}\n.app-sidebar-tabs__tab-icon[data-v-5772e44d] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 25px;\n transition: opacity var(--animation-quick);\n opacity: 0.7;\n background-position: center 8px;\n background-size: 16px;\n}\n.app-sidebar-tabs__content[data-v-5772e44d] {\n position: relative;\n min-height: 0;\n height: 100%;\n}\n.app-sidebar-tabs__content--multiple[data-v-5772e44d] > :not(section) {\n display: none;\n}\n',"",{version:3,sources:["webpack://./AppSidebarTabs.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAkPF;EACC,aAAa;EACb,sBAAsB;EACtB,aAAa;EACb,cAAc;AAAA;AAEd;IACC,gBAAgB;AAAA;AADhB;MAGC,aAAa;MACb,wBAAwB;AAAA;AAG1B;IACC,cAAc;IACd,SAAS;IACT,YAAY;IACZ,kBAAkB;AAAA;AAJlB;MAMC,kBAAkB;MAClB,cAAc;MACd,gBAAgB;MAChB,yBAAyB;MACzB,6GAA6G;MAC7G,kBAAkB;MAClB,mBAAmB;MACnB,uBAAuB;MACvB,YCvPgB;MDwPhB,6BAA6B;MAC7B,4CAA4C;AAAA;AAhB7C;QAsBE,UC9PY;AAAA;ADwOd;UAwBG,UChQW;AAAA;ADwOd;QA6BE,mDAAmD;QACnD,yDAAyD;AAAA;AA9B3D;QAiCE,8BAA8B;QAC9B,4CAA4C;QAC5C,kDAAkD;QAClD,iBAAiB;AAAA;AApCnB;QA0CE,iDAAiD;QACjD,uDAAuD;AAAA;AAK1D;IACC,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,WAAW;IACX,YAAY;IACZ,0CAA0C;IAC1C,YChSiB;IDiSjB,+BAA+B;IAC/B,qBAAqB;AAAA;AAGtB;IACC,kBAAkB;IAElB,aAAa;IACb,YAAY;AAAA;AAGZ;MACC,aAAa;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-sidebar-tabs {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 0;\n\tflex: 1 1 100%;\n\n\t&__nav {\n\t\tmargin-top: 10px;\n\t\tul {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: stretch;\n\t\t}\n\t}\n\t&__tab {\n\t\tdisplay: block;\n\t\tflex: 1 1;\n\t\tmin-width: 0;\n\t\ttext-align: center;\n\t\ta {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\toverflow: hidden;\n\t\t\tpadding: 25px 5px 5px 5px;\n\t\t\ttransition: color var(--animation-quick), opacity var(--animation-quick), border-color var(--animation-quick);\n\t\t\ttext-align: center;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t\topacity: $opacity_normal;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-bottom: 1px solid var(--color-border);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\topacity: $opacity_full;\n\t\t\t\t.app-sidebar-tabs__tab-icon {\n\t\t\t\t\topacity: $opacity_full;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:not(.active):hover,\n\t\t\t&:not(.active):focus {\n\t\t\t\tborder-bottom-color: var(--color-background-darker);\n\t\t\t\tbox-shadow: inset 0 -1px 0 var(--color-background-darker);\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tcolor: var(--color-text-light);\n\t\t\t\tborder-bottom-color: var(--color-text-light);\n\t\t\t\tbox-shadow: inset 0 -1px 0 var(--color-text-light);\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t\t// differentiate the two for accessibility purpose\n\t\t\t// make sure the user knows she's focusing the navigation\n\t\t\t// and can use arrows/home/pageup...\n\t\t\t&:focus {\n\t\t\t\tborder-bottom-color: var(--color-primary-element);\n\t\t\t\tbox-shadow: inset 0 -1px 0 var(--color-primary-element);\n\t\t\t}\n\t\t}\n\t}\n\n\t&__tab-icon {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 25px;\n\t\ttransition: opacity var(--animation-quick);\n\t\topacity: $opacity_normal;\n\t\tbackground-position: center 8px;\n\t\tbackground-size: 16px;\n\t}\n\n\t&__content {\n\t\tposition: relative;\n\t\t// take full available height\n\t\tmin-height: 0;\n\t\theight: 100%;\n\t\t// force the use of the tab component if more than one tab\n\t\t// you can just put raw content if you don't use tabs\n\t\t&--multiple > :not(section) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/AppSidebarTab/AppSidebarTab.vue?vue&type=style&index=0&id=e5dbfd76&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppSidebarTab/AppSidebarTab.vue?vue&type=style&index=0&id=e5dbfd76&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.app-sidebar__tab[data-v-e5dbfd76] {\n display: none;\n padding: 10px;\n min-height: 100%;\n max-height: 100%;\n overflow: auto;\n}\n.app-sidebar__tab[data-v-e5dbfd76]:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 0.2em var(--color-primary);\n outline: 0;\n}\n.app-sidebar__tab--active[data-v-e5dbfd76] {\n display: block;\n}\n',"",{version:3,sources:["webpack://./AppSidebarTab.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAiEF;EACC,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;AAAA;AALf;IAQE,kCAAkC;IAClC,0CAA0C;IAC1C,UAAU;AAAA;AAGX;IACC,cAAc;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.app-sidebar__tab {\n\tdisplay: none;\n\tpadding: 10px;\n\tmin-height: 100%; // fill available height\n\tmax-height: 100%; // scroll inside\n\toverflow: auto;\n\n\t&:focus {\n\t\tborder-color: var(--color-primary);\n\t\tbox-shadow: 0 0 0.2em var(--color-primary);\n\t\toutline: 0;\n\t}\n\n\t&--active {\n\t\tdisplay: block;\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Avatar/Avatar.vue?vue&type=style&index=0&id=100e3b6f&scoped=true&lang=scss&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Avatar/Avatar.vue?vue&type=style&index=0&id=100e3b6f&scoped=true&lang=scss& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-100e3b6f] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.avatardiv[data-v-100e3b6f] {\n position: relative;\n display: inline-block;\n}\n.avatardiv--unknown[data-v-100e3b6f] {\n position: relative;\n background-color: var(--color-text-maxcontrast);\n}\n.avatardiv[data-v-100e3b6f]:not(.avatardiv--unknown) {\n background-color: #fff !important;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;\n}\nbody.theme--dark .avatardiv[data-v-100e3b6f]:not(.avatardiv--unknown) {\n background-color: #000 !important;\n}\n.avatardiv--with-menu[data-v-100e3b6f] {\n cursor: pointer;\n}\n.avatardiv--with-menu[data-v-100e3b6f] .trigger {\n position: absolute;\n top: 0;\n left: 0;\n}\n.avatardiv--with-menu .icon-more[data-v-100e3b6f] {\n display: flex;\n cursor: pointer;\n opacity: 0;\n background: none;\n font-size: 18px;\n align-items: center;\n justify-content: center;\n}\n.avatardiv--with-menu .icon-more[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.avatardiv--with-menu .icon-more[data-v-100e3b6f]::before {\n display: block;\n}\n.avatardiv--with-menu:focus .icon-more[data-v-100e3b6f], .avatardiv--with-menu:hover .icon-more[data-v-100e3b6f] {\n opacity: 1;\n}\n.avatardiv--with-menu:focus img[data-v-100e3b6f], .avatardiv--with-menu:hover img[data-v-100e3b6f] {\n opacity: 0.3;\n}\n.avatardiv--with-menu .icon-more[data-v-100e3b6f],\n .avatardiv--with-menu img[data-v-100e3b6f] {\n transition: opacity var(--animation-quick);\n}\n.avatardiv > .unknown[data-v-100e3b6f] {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n text-align: center;\n font-weight: normal;\n color: var(--color-main-background);\n}\n.avatardiv img[data-v-100e3b6f] {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.avatardiv .avatardiv__status[data-v-100e3b6f] {\n position: absolute;\n top: 22px;\n left: 22px;\n width: 10px;\n height: 10px;\n border: 1px solid rgba(255, 255, 255, 0.5);\n background-clip: content-box;\n}\n.avatardiv .avatardiv__status--positive[data-v-100e3b6f] {\n border-radius: 50%;\n background-color: var(--color-success);\n}\n.avatardiv .avatardiv__status--negative[data-v-100e3b6f] {\n background-color: var(--color-error);\n}\n.avatardiv .avatardiv__status--neutral[data-v-100e3b6f] {\n border: none;\n background-color: transparent !important;\n}\n.avatardiv .avatardiv__status--neutral svg[data-v-100e3b6f] {\n position: absolute;\n top: -3px;\n left: -2px;\n}\n.avatardiv .avatardiv__status--neutral svg path[data-v-100e3b6f] {\n fill: #aaa;\n}\n.avatardiv .avatardiv__user-status[data-v-100e3b6f] {\n position: absolute;\n right: -4px;\n bottom: -4px;\n height: 18px;\n width: 18px;\n line-height: 15px;\n font-size: var(--default-font-size);\n border: 2px solid var(--color-main-background);\n background-color: var(--color-main-background);\n border-radius: 50%;\n}\n.acli:hover .avatardiv .avatardiv__user-status[data-v-100e3b6f] {\n border-color: var(--color-background-hover);\n background-color: var(--color-background-hover);\n}\n.acli.active .avatardiv .avatardiv__user-status[data-v-100e3b6f] {\n border-color: var(--color-primary-light);\n background-color: var(--color-primary-light);\n}\n.avatardiv .avatardiv__user-status--online[data-v-100e3b6f] {\n color: #49b382;\n}\n.avatardiv .avatardiv__user-status--online[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.avatardiv .avatardiv__user-status--dnd[data-v-100e3b6f] {\n background-color: #ffffff;\n color: #ed484c;\n}\n.avatardiv .avatardiv__user-status--dnd[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.avatardiv .avatardiv__user-status--away[data-v-100e3b6f] {\n color: #f4a331;\n}\n.avatardiv .avatardiv__user-status--away[data-v-100e3b6f]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.avatardiv .avatardiv__user-status--icon[data-v-100e3b6f] {\n border: none;\n background-color: transparent;\n}\n.avatardiv .popovermenu-wrapper[data-v-100e3b6f] {\n position: relative;\n display: inline-block;\n}\n.avatar-class-icon[data-v-100e3b6f] {\n border-radius: 50%;\n background-color: var(--color-background-darker);\n height: 100%;\n}\n',"",{version:3,sources:["webpack://./Avatar.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFskB/B;EACC,kBAAkB;EAClB,qBAAqB;AAAA;AAErB;IACC,kBAAkB;IAClB,+CAA+C;AAAA;AANjD;IAWE,iCAAiC;IAKjC,6CAA6C;AAAA;AAJ7C;MAEC,iCAAiC;AAAA;AAKnC;IACC,eAAe;AAAA;AADf;MAGC,kBAAkB;MAClB,MAAM;MACN,OAAO;AAAA;AALR;MAQC,aAAa;MACb,eAAe;MACf,UAAU;MACV,gBAAgB;MAChB,eAAe;MACf,mBAAmB;MACnB,uBAAuB;AAAA;AAdxB;QE1hBE,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YAzEM;AAAO;AFgmBf;QAkBE,cAAc;AAAA;AAlBhB;MAwBE,UAAU;AAAA;AAxBZ;MA2BE,YAAY;AAAA;AA3Bd;;MAgCC,0CAA0C;AAAA;AAnD7C;IAwDE,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,cAAc;IACd,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,mCAAmC;AAAA;AA/DrC;IAoEE,WAAW;IACX,YAAY;IAEZ,iBAAiB;AAAA;AAvEnB;IA2EE,kBAAkB;IAClB,SAAS;IACT,UAAU;IACV,WAAW;IACX,YAAY;IACZ,0CAAyC;IACzC,4BAA4B;AAAA;AAjF9B;MAmFG,kBAAkB;MAClB,sCAAsC;AAAA;AApFzC;MAuFG,oCAAoC;AAAA;AAvFvC;MA0FG,YAAY;MACZ,wCAAwC;AAAA;AA3F3C;QA6FI,kBAAkB;QAClB,SAAS;QACT,UAAU;AAAA;AA/Fd;UAiGK,UAAU;AAAA;AAjGf;IAwGE,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,mCAAmC;IACnC,8CAA8C;IAC9C,8CAA8C;IAC9C,kBAAkB;AAAA;AAElB;MACC,2CAA2C;MAC3C,+CAA+C;AAAA;AAEhD;MACC,wCAAwC;MACxC,4CAA4C;AAAA;AAzH/C;MA8HG,cAAc;AAAA;AA9HjB;QEvgBI,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YAlEoB;AAAO;AFskB/B;MAkIG,yBAAyB;MACzB,cAAc;AAAA;AAnIjB;QEvgBI,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YApEiB;AAAO;AFwkB5B;MAuIG,cAAc;AAAA;AAvIjB;QEvgBI,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YArEkB;AAAO;AFykB7B;MA0IG,YAAY;MACZ,6BAA6B;AAAA;AA3IhC;IAgJE,kBAAkB;IAClB,qBAAqB;AAAA;AAIvB;EACC,kBAAkB;EAClB,gDAAgD;EAChD,YAAY;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.avatardiv {\n\tposition: relative;\n\tdisplay: inline-block;\n\n\t&--unknown {\n\t\tposition: relative;\n\t\tbackground-color: var(--color-text-maxcontrast);\n\t}\n\n\t&:not(&--unknown) {\n\t\t// White background for avatars with transparency\n\t\tbackground-color: #fff !important;\n\t\tbody.theme--dark & {\n\t\t\t// And black background in dark mode, as it shines through on hover of the menu\n\t\t\tbackground-color: #000 !important;\n\t\t}\n\t\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;\n\t}\n\n\t&--with-menu {\n\t\tcursor: pointer;\n\t\t::v-deep .trigger {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t}\n\t\t.icon-more {\n\t\t\tdisplay: flex;\n\t\t\tcursor: pointer;\n\t\t\topacity: 0;\n\t\t\tbackground: none;\n\t\t\tfont-size: 18px;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t@include iconfont('more');\n\t\t\t&::before {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t\t&:focus,\n\t\t&:hover {\n\t\t\t.icon-more {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\timg {\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\t\t}\n\t\t.icon-more,\n\t\timg {\n\t\t\ttransition: opacity var(--animation-quick);\n\t\t}\n\t}\n\n\t> .unknown {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tfont-weight: normal;\n\t\tcolor: var(--color-main-background);\n\t}\n\n\timg {\n\t\t// Cover entire area\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t// Keep ratio\n\t\tobject-fit: cover;\n\t}\n\n\t.avatardiv__status {\n\t\tposition: absolute;\n\t\ttop: 22px;\n\t\tleft: 22px;\n\t\twidth: 10px;\n\t\theight: 10px;\n\t\tborder: 1px solid rgba(255, 255, 255, .5);\n\t\tbackground-clip: content-box;\n\t\t&--positive {\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: var(--color-success);\n\t\t}\n\t\t&--negative {\n\t\t\tbackground-color: var(--color-error);\n\t\t}\n\t\t&--neutral {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent !important;\n\t\t\tsvg {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -3px;\n\t\t\t\tleft: -2px;\n\t\t\t\tpath {\n\t\t\t\t\tfill: #aaa;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.avatardiv__user-status {\n\t\tposition: absolute;\n\t\tright: -4px;\n\t\tbottom: -4px;\n\t\theight: 18px;\n\t\twidth: 18px;\n\t\tline-height: 15px;\n\t\tfont-size: var(--default-font-size);\n\t\tborder: 2px solid var(--color-main-background);\n\t\tbackground-color: var(--color-main-background);\n\t\tborder-radius: 50%;\n\n\t\t.acli:hover & {\n\t\t\tborder-color: var(--color-background-hover);\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t\t.acli.active & {\n\t\t\tborder-color: var(--color-primary-light);\n\t\t\tbackground-color: var(--color-primary-light);\n\t\t}\n\n\t\t&--online{\n\t\t\t@include iconfont('user-status-online');\n\t\t\tcolor: #49b382;\n\t\t}\n\t\t&--dnd{\n\t\t\t@include iconfont('user-status-dnd');\n\t\t\tbackground-color: #ffffff;\n\t\t\tcolor: #ed484c;\n\t\t}\n\t\t&--away{\n\t\t\t@include iconfont('user-status-away');\n\t\t\tcolor: #f4a331;\n\t\t}\n\t\t&--icon {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t.popovermenu-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n}\n\n.avatar-class-icon {\n\tborder-radius: 50%;\n\tbackground-color: var(--color-background-darker);\n\theight: 100%;\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Breadcrumb/Breadcrumb.vue?vue&type=style&index=0&id=03216ba2&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Breadcrumb/Breadcrumb.vue?vue&type=style&index=0&id=03216ba2&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-03216ba2] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.crumb[data-v-03216ba2] {\n background-image: none;\n display: inline-flex;\n height: 44px;\n padding: 0;\n}\n.crumb[data-v-03216ba2]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.crumb[data-v-03216ba2]:last-child {\n max-width: 210px;\n}\n.crumb:last-child a[data-v-03216ba2] {\n flex-shrink: 1;\n}\n.crumb[data-v-03216ba2]::before {\n display: flex;\n align-items: center;\n order: 1;\n color: var(--color-border-dark);\n font-size: 26px;\n}\n.crumb--hidden[data-v-03216ba2] {\n display: none;\n}\n.crumb--with-action a[data-v-03216ba2] {\n padding-right: 2px;\n}\n.crumb > a[data-v-03216ba2], .crumb > span[data-v-03216ba2] {\n max-width: 100%;\n}\n.crumb a[data-v-03216ba2] {\n align-items: center;\n display: inline-flex;\n}\n.crumb a > span[data-v-03216ba2] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n',"",{version:3,sources:["webpack://./Breadcrumb.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFqM/B;EAEC,sBAAsB;EACtB,oBAAoB;EACpB,YCnMoB;EDoMpB,UAAU;AAAA;AALX;IEtII,mCAjFmB;IAkFnB,kBAAkB;IAClB,gBAAgB;IAChB,YA/EY;AAAO;AFkNvB;IAQE,gBAAgB;AAAA;AARlB;MAWG,cAAc;AAAA;AAXjB;IAgBE,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,+BAA+B;IAC/B,eAAe;AAAA;AAGhB;IACC,aAAa;AAAA;AAGd;IACC,kBAAkB;AAAA;AA5BpB;IAgCE,eAAe;AAAA;AAhCjB;IAoCE,mBAAmB;IACnB,oBAAoB;AAAA;AArCtB;MAwCG,gBAAgB;MAChB,uBAAuB;MACvB,mBAAmB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.crumb {\n\t@include iconfont('breadcrumb');\n\tbackground-image: none;\n\tdisplay: inline-flex;\n\theight: $clickable-area;\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmax-width: 210px;\n\n\t\ta {\n\t\t\tflex-shrink: 1;\n\t\t}\n\t}\n\n\t&::before {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\torder: 1;\n\t\tcolor: var(--color-border-dark);\n\t\tfont-size: 26px;\n\t}\n\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\n\t&--with-action a {\n\t\tpadding-right: 2px;\n\t}\n\n\t> a, > span {\n\t\tmax-width: 100%;\n\t}\n\n\ta {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\n\t\t> span {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=style&index=0&id=7650ef71&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Breadcrumbs/Breadcrumbs.vue?vue&type=style&index=0&id=7650ef71&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.breadcrumb[data-v-7650ef71] {\n width: 100%;\n flex-grow: 1;\n}\n.breadcrumb--collapsed .crumb[data-v-7650ef71]:last-child {\n min-width: 100px;\n flex-shrink: 1;\n}\n.breadcrumb .crumb--hovered[data-v-7650ef71] {\n background-color: var(--color-primary-light);\n}\n',"",{version:3,sources:["webpack://./Breadcrumbs.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAufF;EACC,WAAW;EACX,YAAY;AAAA;AAEZ;IACC,gBAAgB;IAChB,cAAc;AAAA;AANhB;IAUE,4CAA4C;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.breadcrumb {\n\twidth: 100%;\n\tflex-grow: 1;\n\n\t&--collapsed .crumb:last-child {\n\t\tmin-width: 100px;\n\t\tflex-shrink: 1;\n\t}\n\n\t.crumb--hovered{\n\t\tbackground-color: var(--color-primary-light);\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ColorPicker/ColorPicker.vue?vue&type=style&index=0&id=ee3f421a&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ColorPicker/ColorPicker.vue?vue&type=style&index=0&id=ee3f421a&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-ee3f421a] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.color-picker[data-v-ee3f421a] {\n display: flex;\n overflow: hidden;\n align-content: flex-end;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: content-box !important;\n width: 176px;\n padding: 4px;\n border-radius: 3px;\n height: 196px;\n}\n.color-picker-simple[data-v-ee3f421a] {\n display: grid;\n grid-template-columns: repeat(4, 44px);\n grid-auto-rows: 44px;\n}\n.color-picker-simple-color-circle[data-v-ee3f421a] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n min-height: 34px;\n margin: auto;\n padding: 0;\n color: white;\n border: none;\n border-radius: 17px;\n font-size: 16px;\n}\n.color-picker-simple-color-circle[data-v-ee3f421a]:hover {\n opacity: .6;\n}\n.color-picker-simple-color-circle--active[data-v-ee3f421a] {\n opacity: 1 !important;\n}\n.color-picker-simple-color-circle--active[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.color-picker-advanced[data-v-ee3f421a] {\n box-shadow: none !important;\n}\n.color-picker-navigation[data-v-ee3f421a] {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-top: 10px;\n}\n.color-picker-navigation-button[data-v-ee3f421a] {\n display: flex;\n align-content: center;\n justify-content: center;\n min-width: 44px;\n height: 44px;\n padding: 14px;\n margin: 0;\n border: none;\n border-radius: 22px;\n background: none;\n justify-self: flex-end;\n}\n.color-picker-navigation-button[data-v-ee3f421a]::before {\n font-size: 16px;\n}\n.color-picker-navigation-button[data-v-ee3f421a]:hover {\n background-color: rgba(127, 127, 127, 0.25);\n}\n.color-picker-navigation-button.back[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.color-picker-navigation-button.confirm[data-v-ee3f421a] {\n color: white;\n background-color: var(--color-primary);\n}\n.color-picker-navigation-button.confirm[data-v-ee3f421a]:hover {\n background-color: var(--color-primary-element-light);\n}\n.color-picker-navigation-button.more-settings[data-v-ee3f421a] {\n margin-left: auto;\n}\n.color-picker-navigation-button.more-settings[data-v-ee3f421a]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n[data-v-ee3f421a] .vc-chrome {\n width: 176px;\n height: 13;\n}\n[data-v-ee3f421a] .vc-chrome-color-wrap {\n width: 30px;\n height: 30px;\n}\n[data-v-ee3f421a] .vc-chrome-active-color {\n width: 34px;\n height: 34px;\n border-radius: 17px;\n}\n[data-v-ee3f421a] .vc-chrome-body {\n padding: 14px 0 0 0;\n}\n[data-v-ee3f421a] .vc-chrome-saturation-wrap {\n border-radius: 3px;\n}\n[data-v-ee3f421a] .vc-chrome-saturation-circle {\n width: 20px;\n height: 20px;\n}\n.slide-enter[data-v-ee3f421a] {\n transform: translateX(-50%);\n opacity: 0;\n}\n.slide-enter-to[data-v-ee3f421a] {\n transform: translateX(0);\n opacity: 1;\n}\n.slide-leave[data-v-ee3f421a] {\n transform: translateX(0);\n opacity: 1;\n}\n.slide-leave-to[data-v-ee3f421a] {\n transform: translateX(-50%);\n opacity: 0;\n}\n.slide-enter-active[data-v-ee3f421a], .slide-leave-active[data-v-ee3f421a] {\n transition: all 50ms ease-in-out;\n}\n',"",{version:3,sources:["webpack://./ColorPicker.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFwN/B;EACC,aAAa;EACb,gBAAgB;EAChB,uBAAuB;EACvB,sBAAsB;EACtB,8BAA8B;EAC9B,kCAAkC;EAClC,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB,aAAa;AAAA;AACb;IACC,aAAa;IACb,sCAAiD;IACjD,oBChOmB;AAAA;ADkOnB;MACC,aAAa;MACb,mBAAmB;MACnB,uBAAuB;MACvB,WAAW;MACX,YAAY;MACZ,gBAAgB;MAChB,YAAY;MACZ,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,mBAAmB;MACnB,eAAe;AAAA;AAZf;QAcC,WAAW;AAAA;AAEZ;QACC,qBAAqB;AAAA;AADrB;UEzLA,mCAjFmB;UAkFnB,kBAAkB;UAClB,gBAAgB;UAChB,YA9EW;AAAO;AF2QrB;IACC,2BAA2B;AAAA;AAG5B;IACC,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,gBAAgB;AAAA;AAChB;MACC,aAAa;MACb,qBAAqB;MACrB,uBAAuB;MACvB,eCtQkB;MDuQlB,YCvQkB;MDwQlB,aChQ6C;MDiQ7C,SAAS;MACT,YAAY;MACZ,mBAAkC;MAClC,gBAAgB;MAChB,sBAAsB;AAAA;AAXtB;QAcC,eC5QY;AAAA;AD8Pb;QAiBC,2CCxQoC;AAAA;ADuPrC;QEzMC,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YAlFY;AAAO;AFwRpB;QAwBC,YAAY;QACZ,sCAAsC;AAAA;AAzBvC;UA2BE,oDAAoD;AAAA;AA3BtD;QA+BC,iBAAiB;AAAA;AA/BlB;UEzMC,mCAjFmB;UAkFnB,kBAAkB;UAClB,gBAAgB;UAChB,YAzEM;AAAO;AFqTjB;EAEE,YAAY;EACZ,UAAU;AAAA;AAHZ;IAKG,WAAW;IACX,YAAY;AAAA;AANf;IAUG,WAAW;IACX,YAAY;IACZ,mBAAmB;AAAA;AAZtB;IAgBG,mBAAmB;AAAA;AAhBtB;IAqBI,kBAAkB;AAAA;AArBtB;IAyBI,WAAW;IACX,YAAY;AAAA;AAOf;EACC,2BAA2B;EAC3B,UAAU;AAAA;AAEX;EACC,wBAAwB;EACxB,UAAU;AAAA;AAEX;EACC,wBAAwB;EACxB,UAAU;AAAA;AAEX;EACC,2BAA2B;EAC3B,UAAU;AAAA;AAEX;EAEC,gCAAgC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.color-picker {\n\tdisplay: flex;\n\toverflow: hidden;\n\talign-content: flex-end;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbox-sizing: content-box !important;\n\twidth: 176px;\n\tpadding: 4px;\n\tborder-radius: 3px;\n\theight: 196px;\n\t&-simple {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(4, $clickable-area);\n\t\tgrid-auto-rows: $clickable-area;\n\n\t\t&-color-circle {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 34px;\n\t\t\theight: 34px;\n\t\t\tmin-height: 34px;\n\t\t\tmargin: auto;\n\t\t\tpadding: 0;\n\t\t\tcolor: white;\n\t\t\tborder: none;\n\t\t\tborder-radius: 17px;\n\t\t\tfont-size: 16px;\n\t\t\t&:hover {\n\t\t\t\topacity: .6;\n\t\t\t}\n\t\t\t&--active {\n\t\t\t\topacity: 1 !important;\n\t\t\t\t@include iconfont('checkmark');\n\t\t\t}\n\t\t}\n\t}\n\n\t&-advanced {\n\t\tbox-shadow: none !important;\n\t}\n\n\t&-navigation {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tmargin-top: 10px;\n\t\t&-button {\n\t\t\tdisplay: flex;\n\t\t\talign-content: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-width: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\tpadding:$icon-margin;\n\t\t\tmargin: 0;\n\t\t\tborder: none;\n\t\t\tborder-radius: $clickable-area / 2;\n\t\t\tbackground: none;\n\t\t\tjustify-self: flex-end;\n\n\t\t\t&::before {\n\t\t\t\tfont-size: $icon-size;\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground-color: $icon-focus-bg;\n\t\t\t}\n\n\t\t\t&.back {\n\t\t\t\t@include iconfont('arrow-left');\n\t\t\t}\n\t\t\t&.confirm {\n\t\t\t\tcolor: white;\n\t\t\t\tbackground-color: var(--color-primary);\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.more-settings {\n\t\t\t\tmargin-left: auto;\n\t\t\t\t@include iconfont('more');\n\t\t\t}\n\t\t}\n\t}\n}\n\n::v-deep .vc {\n\t&-chrome {\n\t\twidth: 176px;\n\t\theight: 13;\n\t\t&-color-wrap {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t}\n\n\t\t&-active-color {\n\t\t\twidth: 34px;\n\t\t\theight: 34px;\n\t\t\tborder-radius: 17px;\n\t\t}\n\n\t\t&-body {\n\t\t\tpadding: 14px 0 0 0;\n\t\t}\n\n\t\t&-saturation {\n\t\t\t&-wrap {\n\t\t\t\tborder-radius: 3px;\n\t\t\t}\n\n\t\t\t&-circle {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.slide {\n\t&-enter {\n\t\ttransform: translateX(-50%);\n\t\topacity: 0;\n\t}\n\t&-enter-to {\n\t\ttransform: translateX(0);\n\t\topacity: 1;\n\t}\n\t&-leave {\n\t\ttransform: translateX(0);\n\t\topacity: 1;\n\t}\n\t&-leave-to {\n\t\ttransform: translateX(-50%);\n\t\topacity: 0;\n\t}\n\t&-enter-active,\n\t&-leave-active {\n\t\ttransition: all 50ms ease-in-out;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Content/Content.vue?vue&type=style&index=0&id=37f0357a&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Content/Content.vue?vue&type=style&index=0&id=37f0357a&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.content[data-v-37f0357a] {\n box-sizing: border-box;\n position: relative;\n display: flex;\n padding-top: 50px;\n min-height: 100%;\n}\n.content[data-v-37f0357a] * {\n box-sizing: border-box;\n}\n',"",{version:3,sources:["webpack://./Content.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA8CF;EACC,sBAAsB;EACtB,kBAAkB;EAClB,aAAa;EACb,iBAAiB;EACjB,gBAAgB;AAAA;AALjB;IAOE,sBAAsB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.content {\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: flex;\n\tpadding-top: 50px;\n\tmin-height: 100%;\n\t::v-deep * {\n\t\tbox-sizing: border-box;\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/EmptyContent/EmptyContent.vue?vue&type=style&index=0&id=a68b8462&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EmptyContent/EmptyContent.vue?vue&type=style&index=0&id=a68b8462&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.empty-content[data-v-a68b8462] {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-top: 20vh;\n}\n.empty-content__icon[data-v-a68b8462] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n height: 64px;\n margin: 0 auto 15px;\n opacity: .4;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 64px;\n}\n.empty-content__icon svg[data-v-a68b8462] {\n width: 64px;\n height: 64px;\n}\n.empty-content__title[data-v-a68b8462] {\n margin-bottom: 10px;\n}\n',"",{version:3,sources:["webpack://./EmptyContent.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAsEF;EACC,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAAA;AAEhB;IACC,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,WAAW;IACX,4BAA4B;IAC5B,2BAA2B;IAC3B,qBAAqB;AAAA;AAVrB;MAaC,WAAW;MACX,YAAY;AAAA;AAId;IACC,mBAAmB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.empty-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tmargin-top: 20vh;\n\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tmargin: 0 auto 15px;\n\t\topacity: .4;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: 64px;\n\n\t\tsvg {\n\t\t\twidth: 64px;\n\t\t\theight: 64px;\n\t\t}\n\t}\n\n\t&__title {\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ListItemIcon/ListItemIcon.vue?vue&type=style&index=0&id=7fe95a8f&lang=scss&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ListItemIcon/ListItemIcon.vue?vue&type=style&index=0&id=7fe95a8f&lang=scss&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.option[data-v-7fe95a8f] {\n display: flex;\n align-items: center;\n width: 100%;\n height: var(--height);\n}\n.option__avatar[data-v-7fe95a8f] {\n margin-right: var(--margin);\n}\n.option__details[data-v-7fe95a8f] {\n display: flex;\n flex: 1 1;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n}\n.option__lineone[data-v-7fe95a8f] {\n color: var(--color-text-light);\n}\n.option__linetwo[data-v-7fe95a8f] {\n opacity: 0.7;\n}\n.option__lineone[data-v-7fe95a8f], .option__linetwo[data-v-7fe95a8f] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.1em;\n}\n.option__lineone strong[data-v-7fe95a8f], .option__linetwo strong[data-v-7fe95a8f] {\n font-weight: bold;\n}\n.option__icon[data-v-7fe95a8f] {\n flex: 0 0 44px;\n width: 44px;\n height: 44px;\n opacity: 0.5;\n background-position: center;\n background-size: 16px;\n}\n',"",{version:3,sources:["webpack://./ListItemIcon.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAmNF;EACC,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,qBAAqB;AAAA;AAErB;IACC,2BAA2B;AAAA;AAG5B;IACC,aAAa;IACb,SAAS;IACT,sBAAsB;IACtB,uBAAuB;IACvB,YAAY;AAAA;AAGb;IACC,8BAA8B;AAAA;AAE/B;IACC,YCnNiB;AAAA;ADqNlB;IAEC,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,kBAAkB;AAAA;AALlB;MAOC,iBAAiB;AAAA;AAInB;IACC,cCnPmB;IDoPnB,WCpPmB;IDqPnB,YCrPmB;IDsPnB,YCrOmB;IDsOnB,2BAA2B;IAC3B,qBAAqB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.option {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: var(--height);\n\n\t&__avatar {\n\t\tmargin-right: var(--margin);\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex: 1 1;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmin-width: 0;\n\t}\n\n\t&__lineone {\n\t\tcolor: var(--color-text-light);\n\t}\n\t&__linetwo {\n\t\topacity: $opacity_normal;\n\t}\n\t&__lineone,\n\t&__linetwo {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tline-height: 1.1em;\n\t\tstrong {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&__icon {\n\t\tflex: 0 0 $clickable-area;\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\topacity: $opacity_disabled;\n\t\tbackground-position: center;\n\t\tbackground-size: 16px;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Modal/Modal.vue?vue&type=style&index=0&id=47db75aa&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal/Modal.vue?vue&type=style&index=0&id=47db75aa&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-47db75aa] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.modal-mask[data-v-47db75aa] {\n position: fixed;\n z-index: 9998;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-mask--dark[data-v-47db75aa] {\n background-color: rgba(0, 0, 0, 0.92);\n}\n.modal-header[data-v-47db75aa] {\n position: absolute;\n z-index: 10001;\n top: 0;\n right: 0;\n left: 0;\n display: flex !important;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 50px;\n transition: opacity 250ms, visibility 250ms;\n}\n.modal-header.invisible[style*=\'display:none\'][data-v-47db75aa], .modal-header.invisible[style*=\'display: none\'][data-v-47db75aa] {\n visibility: hidden;\n}\n.modal-header .modal-title[data-v-47db75aa] {\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n padding: 0 132px 0 12px;\n transition: padding ease 100ms;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #fff;\n font-size: 14px;\n}\n@media only screen and (min-width: 512px) {\n.modal-header .modal-title[data-v-47db75aa] {\n text-align: center;\n padding-left: 132px;\n}\n}\n.modal-header .icons-menu[data-v-47db75aa] {\n position: absolute;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n.modal-header .icons-menu .icon-close[data-v-47db75aa] {\n box-sizing: border-box;\n margin: 3px;\n padding: 10px 11px;\n color: #fff;\n background-image: none;\n font-size: 23px;\n}\n.modal-header .icons-menu .icon-close[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.modal-header .icons-menu .play-pause[data-v-47db75aa] {\n position: relative;\n width: 50px;\n height: 50px;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: white;\n border: none;\n background-color: transparent;\n font-size: 22px;\n}\n.modal-header .icons-menu .play-pause:hover .icon-play[data-v-47db75aa],\n .modal-header .icons-menu .play-pause:hover .icon-pause[data-v-47db75aa], .modal-header .icons-menu .play-pause:focus .icon-play[data-v-47db75aa],\n .modal-header .icons-menu .play-pause:focus .icon-pause[data-v-47db75aa] {\n opacity: 1;\n border-radius: 22px;\n background-color: rgba(127, 127, 127, 0.25);\n}\n.modal-header .icons-menu .play-pause .icon-play[data-v-47db75aa],\n .modal-header .icons-menu .play-pause .icon-pause[data-v-47db75aa] {\n box-sizing: border-box;\n width: 44px;\n height: 44px;\n margin: 3px;\n opacity: .7;\n background-image: none;\n cursor: pointer;\n}\n.modal-header .icons-menu .play-pause .icon-play[data-v-47db75aa] {\n padding: 11px 13px;\n}\n.modal-header .icons-menu .play-pause .icon-play[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.modal-header .icons-menu .play-pause .icon-pause[data-v-47db75aa] {\n padding: 12px;\n font-size: 19.5px;\n}\n.modal-header .icons-menu .play-pause .icon-pause[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.modal-header .icons-menu .header-actions[data-v-47db75aa] {\n margin: 3px;\n color: white;\n}\n.modal-header .icons-menu .action-item--single[data-v-47db75aa] {\n box-sizing: border-box;\n width: 44px;\n height: 44px;\n cursor: pointer;\n background-position: center;\n background-size: 22px;\n}\n.modal-header .icons-menu[data-v-47db75aa] .action-item__menutoggle {\n padding: 13px 11px;\n color: #fff;\n font-size: 22px;\n}\n.modal-wrapper[data-v-47db75aa] {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n /* Navigation buttons */\n /* Content */\n}\n.modal-wrapper .prev[data-v-47db75aa],\n .modal-wrapper .next[data-v-47db75aa] {\n z-index: 10000;\n display: flex !important;\n align-items: center;\n justify-content: center;\n width: 15%;\n min-width: 60px;\n height: 100%;\n transition: opacity 250ms, visibility 250ms;\n}\n.modal-wrapper .prev.invisible[style*=\'display:none\'][data-v-47db75aa], .modal-wrapper .prev.invisible[style*=\'display: none\'][data-v-47db75aa],\n .modal-wrapper .next.invisible[style*=\'display:none\'][data-v-47db75aa],\n .modal-wrapper .next.invisible[style*=\'display: none\'][data-v-47db75aa] {\n visibility: hidden;\n}\n.modal-wrapper .icon-next[data-v-47db75aa],\n .modal-wrapper .icon-previous[data-v-47db75aa] {\n box-sizing: border-box;\n width: 44px;\n height: 44px;\n padding: 12px 11px;\n color: white;\n border-radius: 22px;\n background-image: none;\n font-size: 24px;\n}\n.modal-wrapper .icon-previous[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.modal-wrapper .icon-next[data-v-47db75aa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.modal-wrapper .modal-container[data-v-47db75aa] {\n display: block;\n overflow: hidden;\n padding: 0;\n transition: transform 300ms ease;\n border-radius: var(--border-radius-large);\n background-color: var(--color-main-background);\n box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);\n}\n.modal-wrapper:not(.modal-wrapper--large):not(.modal-wrapper--full) .modal-container[data-v-47db75aa] {\n max-width: 900px;\n max-height: 80%;\n}\n.modal-wrapper--full .modal-container[data-v-47db75aa] {\n max-width: 100%;\n max-height: 100%;\n border-radius: 0;\n}\n.modal-wrapper--full .prev[data-v-47db75aa],\n .modal-wrapper--full .next[data-v-47db75aa], .modal-wrapper--spread-navigation .prev[data-v-47db75aa],\n .modal-wrapper--spread-navigation .next[data-v-47db75aa] {\n position: absolute;\n width: 10%;\n}\n.modal-wrapper--full .prev[data-v-47db75aa], .modal-wrapper--spread-navigation .prev[data-v-47db75aa] {\n left: 0;\n}\n.modal-wrapper--full .next[data-v-47db75aa], .modal-wrapper--spread-navigation .next[data-v-47db75aa] {\n right: 0;\n}\n.modal-wrapper--large .modal-container[data-v-47db75aa] {\n max-width: 85%;\n max-height: 90%;\n}\n.modal-wrapper--large .prev[data-v-47db75aa],\n .modal-wrapper--large .next[data-v-47db75aa] {\n width: 10%;\n min-width: 44px;\n}\n\n/* TRANSITIONS */\n.fade-enter-active[data-v-47db75aa],\n.fade-leave-active[data-v-47db75aa] {\n transition: opacity 250ms;\n}\n.fade-enter[data-v-47db75aa],\n.fade-leave-to[data-v-47db75aa] {\n opacity: 0;\n}\n.fade-visibility-enter[data-v-47db75aa],\n.fade-visibility-leave-to[data-v-47db75aa] {\n visibility: hidden;\n opacity: 0;\n}\n.modal-in-enter-active[data-v-47db75aa],\n.modal-in-leave-active[data-v-47db75aa],\n.modal-out-enter-active[data-v-47db75aa],\n.modal-out-leave-active[data-v-47db75aa] {\n transition: opacity 250ms;\n}\n.modal-in-enter[data-v-47db75aa],\n.modal-in-leave-to[data-v-47db75aa],\n.modal-out-enter[data-v-47db75aa],\n.modal-out-leave-to[data-v-47db75aa] {\n opacity: 0;\n}\n.modal-in-enter .modal-container[data-v-47db75aa],\n.modal-in-leave-to .modal-container[data-v-47db75aa] {\n transform: scale(0.9);\n}\n.modal-out-enter .modal-container[data-v-47db75aa],\n.modal-out-leave-to .modal-container[data-v-47db75aa] {\n transform: scale(1.1);\n}\n.modal-mask .play-pause .progress-ring[data-v-47db75aa] {\n position: absolute;\n top: 0;\n left: 0;\n transform: rotate(-90deg);\n}\n.modal-mask .play-pause .progress-ring .progress-ring__circle[data-v-47db75aa] {\n transition: 100ms stroke-dashoffset;\n transform-origin: 50% 50%;\n animation: progressring-data-v-47db75aa linear 3s infinite;\n stroke-linecap: round;\n stroke-dashoffset: 94.24778;\n stroke-dasharray: 94.24778;\n}\n.modal-mask .play-pause--paused .icon-pause[data-v-47db75aa] {\n animation: breath-data-v-47db75aa 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n.modal-mask .play-pause--paused .progress-ring__circle[data-v-47db75aa] {\n animation-play-state: paused !important;\n}\n@keyframes progressring-data-v-47db75aa {\nfrom {\n stroke-dashoffset: 94.24778;\n}\nto {\n stroke-dashoffset: 0;\n}\n}\n@keyframes breath-data-v-47db75aa {\n0% {\n opacity: 1;\n}\n50% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n}\n}\n',"",{version:3,sources:["webpack://./Modal.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AF2d/B;EACC,eAAe;EACf,aAAa;EACb,MAAM;EACN,OAAO;EACP,cAAc;EACd,WAAW;EACX,YAAY;EACZ,oCAAmC;AAAA;AACnC;IACC,qCAAoC;AAAA;AAItC;EACC,kBAAkB;EAClB,cAAc;EACd,MAAM;EACN,QAAQ;EACR,OAAO;EAGP,wBAAwB;EACxB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YA5BiB;EA6BjB,2CACiB;AAAA;AAdlB;IAmBE,kBAAkB;AAAA;AAnBpB;IAuBE,kBAAkB;IAClB,sBAAsB;IACtB,WAAW;IACX,uBAAwC;IACxC,8BAA8B;IAC9B,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,eC1f8C;AAAA;AD8f/C;AAnCD;MAqCG,kBAAkB;MAClB,mBAAc;AAAA;AACd;AAvCH;IA2CE,kBAAkB;IAClB,QAAQ;IACR,aAAa;IACb,mBAAmB;IACnB,yBAAyB;AAAA;AA/C3B;MAkDG,sBAAsB;MACtB,WAA4C;MAG5C,kBAAkB;MAClB,WAAW;MACX,sBAAsB;MACtB,eAAe;AAAA;AAzDlB;QE1aI,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YA7EO;AAAO;AFoflB;MA+DG,kBAAkB;MAClB,WAhFe;MAiFf,YAjFe;MAkFf,SAAS;MACT,UAAU;MACV,eAAe;MACf,YAAY;MACZ,YAAY;MACZ,6BAA6B;MAC7B,eAAe;AAAA;AAxElB;;;QA6EK,UAAU;QACV,mBAAkC;QAClC,2CCviBmC;AAAA;ADwdxC;;QAoFI,sBAAsB;QACtB,WCxjBiB;QDyjBjB,YCzjBiB;QD0jBjB,WAA4C;QAC5C,WAAW;QACX,sBAAsB;QACtB,eAAe;AAAA;AA1FnB;QA8FI,kBAAkB;AAAA;AA9FtB;UE1aI,mCAjFmB;UAkFnB,kBAAkB;UAClB,gBAAgB;UAChB,YAvEM;AAAO;AF8ejB;QAkGI,aAAa;QAEb,iBAAiB;AAAA;AApGrB;UE1aI,mCAjFmB;UAkFnB,kBAAkB;UAClB,gBAAgB;UAChB,YAxEO;AAAO;AF+elB;MA0GG,WAA4C;MAC5C,YAAY;AAAA;AA3Gf;MA+GG,sBAAsB;MACtB,WCnlBkB;MDolBlB,YCplBkB;MDqlBlB,eAAe;MACf,2BAA2B;MAC3B,qBAAqB;AAAA;AApHxB;MAwHG,kBAAkB;MAElB,WAAW;MAEX,eAAe;AAAA;AAMlB;EACC,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,sBAAsB;EACtB,WAAW;EACX,YAAY;EAEZ,uBAAA;EA2CA,YAAA;AAAa;AAnDd;;IAWE,cAAc;IAEd,wBAAwB;IACxB,mBAAmB;IACnB,uBAAuB;IACvB,UAAU;IACV,eAAe;IACf,YAAY;IACZ,2CACiB;AAAA;AApBnB;;;MA4BG,kBAAkB;AAAA;AA5BrB;;IAmCE,sBAAsB;IACtB,WCzoBmB;ID0oBnB,YC1oBmB;ID2oBnB,kBAAkB;IAClB,YAAY;IACZ,mBAAkC;IAClC,sBAAsB;IACtB,eAAe;AAAA;AA1CjB;IE5iBI,mCAjFmB;IAkFnB,kBAAkB;IAClB,gBAAgB;IAChB,YAlFY;AAAO;AF2nBvB;IE5iBI,mCAjFmB;IAkFnB,kBAAkB;IAClB,gBAAgB;IAChB,YAhFa;AAAO;AFynBxB;IAqDE,cAAc;IACd,gBAAgB;IAChB,UAAU;IACV,gCAAgC;IAChC,yCAAyC;IACzC,8CAA8C;IAC9C,uCAAsC;AAAA;AA3DxC;IA8DE,gBAAgB;IAChB,eAAe;AAAA;AAIf;IAEC,eAAe;IACf,gBAAgB;IAChB,gBAAgB;AAAA;AAGjB;;;IAIC,kBAAkB;IAClB,UAAU;AAAA;AALX;IAQC,OAAO;AAAA;AARR;IAWC,QAAQ;AAAA;AAGT;IAEC,cAAc;IACd,eAAe;AAAA;AAHhB;;IAOC,UAAU;IACV,eCrsBkB;AAAA;;AD0sBrB,gBAAA;AACA;;EAEC,yBAAyB;AAAA;AAG1B;;EAEC,UAAU;AAAA;AAGX;;EAEC,kBAAkB;EAClB,UAAU;AAAA;AAGX;;;;EAIC,yBAAyB;AAAA;AAG1B;;;;EAIC,UAAU;AAAA;AAGX;;EAEC,qBAAoB;AAAA;AAGrB;;EAEC,qBAAqB;AAAA;AAOtB;EAEE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,yBAAyB;AAAA;AAL3B;IAOG,mCAAmC;IACnC,yBAAyB;IACzB,0DAA0C;IAE1C,qBAAqB;IACrB,2BAfQ;IAgBR,0BAhBQ;AAAA;AAGX;EAkBG,0EAA0D;AAAA;AAlB7D;EAqBG,uCAAuC;AAAA;AAM1C;AACC;IACC,2BAhCS;AAAA;AAkCV;IACC,oBAAoB;AAAA;AAAA;AAItB;AACC;IACC,UAAU;AAAA;AAEX;IACC,UAAU;AAAA;AAEX;IACC,UAAU;AAAA;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n$header-size: 50px;\n\n.modal-mask {\n\tposition: fixed;\n\tz-index: 9998;\n\ttop: 0;\n\tleft: 0;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, .5);\n\t&--dark {\n\t\tbackground-color: rgba(0, 0, 0, .92);\n\t}\n}\n\n.modal-header {\n\tposition: absolute;\n\tz-index: 10001;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\t// prevent vue show to use display:none and reseting\n\t// the circle animation loop\n\tdisplay: flex !important;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\theight: $header-size;\n\ttransition: opacity 250ms,\n\t\tvisibility 250ms;\n\n\t// replace display by visibility\n\t&.invisible[style*='display:none'],\n\t&.invisible[style*='display: none'] {\n\t\tvisibility: hidden;\n\t}\n\n\t.modal-title {\n\t\toverflow-x: hidden;\n\t\tbox-sizing: border-box;\n\t\twidth: 100%;\n\t\tpadding: 0 #{$clickable-area * 3} 0 12px; // maximum actions is 3\n\t\ttransition: padding ease 100ms;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tcolor: #fff;\n\t\tfont-size: $icon-margin;\n\t}\n\n\t// On wider screens the title can be centered\n\t@media only screen and (min-width: $breakpoint-mobile/2) {\n\t\t.modal-title {\n\t\t\ttext-align: center;\n\t\t\tpadding-left: #{$clickable-area * 3}; // maximum actions is 3\n\t\t}\n\t}\n\n\t.icons-menu {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\n\t\t.icon-close {\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: ($header-size - $clickable-area) / 2;\n\t\t\t// not using $icon-margin since we have a custom font size\n\t\t\t// and alignement seems odd\n\t\t\tpadding: 10px 11px;\n\t\t\tcolor: #fff;\n\t\t\tbackground-image: none;\n\t\t\tfont-size: 23px;\n\n\t\t\t@include iconfont('close');\n\t\t}\n\n\t\t.play-pause {\n\t\t\tposition: relative;\n\t\t\twidth: $header-size;\n\t\t\theight: $header-size;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tcursor: pointer;\n\t\t\tcolor: white;\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t\tfont-size: 22px;\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t.icon-play,\n\t\t\t\t.icon-pause {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tborder-radius: $clickable-area / 2;\n\t\t\t\t\tbackground-color: $icon-focus-bg;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.icon-play,\n\t\t\t.icon-pause {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: $clickable-area;\n\t\t\t\theight: $clickable-area;\n\t\t\t\tmargin: ($header-size - $clickable-area) / 2;\n\t\t\t\topacity: .7;\n\t\t\t\tbackground-image: none;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t.icon-play {\n\t\t\t\t// better visual\n\t\t\t\tpadding: 11px 13px;\n\t\t\t\t@include iconfont('play');\n\t\t\t}\n\t\t\t.icon-pause {\n\t\t\t\tpadding: 12px;\n\t\t\t\t// ! align with circle\n\t\t\t\tfont-size: 19.5px;\n\t\t\t\t@include iconfont('pause');\n\t\t\t}\n\t\t}\n\n\t\t.header-actions {\n\t\t\tmargin: ($header-size - $clickable-area) / 2;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t.action-item--single {\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\tcursor: pointer;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: 22px;\n\t\t}\n\n\t\t&::v-deep .action-item__menutoggle {\n\t\t\tpadding: 13px 11px;\n\t\t\t// force white instead of default main text\n\t\t\tcolor: #fff;\n\t\t\t// 22px is a somehow better looking for the icon-more icon\n\t\t\tfont-size: 22px;\n\t\t}\n\n\t}\n}\n\n.modal-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\n\t/* Navigation buttons */\n\t.prev,\n\t.next {\n\t\tz-index: 10000;\n\t\t// ignore display: none\n\t\tdisplay: flex !important;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 15%;\n\t\tmin-width: 60px;\n\t\theight: 100%;\n\t\ttransition: opacity 250ms,\n\t\t\tvisibility 250ms;\n\n\t\t// we want to keep the elements on page\n\t\t// even if hidden to avoid having a unbalanced\n\t\t// centered content\n\t\t// replace display by visibility\n\t\t&.invisible[style*='display:none'],\n\t\t&.invisible[style*='display: none'] {\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t// buttons/icons\n\t.icon-next,\n\t.icon-previous {\n\t\tbox-sizing: border-box;\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\tpadding: 12px 11px;\n\t\tcolor: white;\n\t\tborder-radius: $clickable-area / 2;\n\t\tbackground-image: none;\n\t\tfont-size: 24px;\n\t}\n\t.icon-previous {\n\t\t@include iconfont('arrow-left');\n\t}\n\t.icon-next {\n\t\t@include iconfont('arrow-right');\n\t}\n\n\t/* Content */\n\t.modal-container {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tpadding: 0;\n\t\ttransition: transform 300ms ease;\n\t\tborder-radius: var(--border-radius-large);\n\t\tbackground-color: var(--color-main-background);\n\t\tbox-shadow: 0 0 40px rgba(0, 0, 0, .2);\n\t}\n\t&:not(&--large):not(&--full) .modal-container {\n\t\tmax-width: 900px;\n\t\tmax-height: 80%;\n\t}\n\n\t// Sizing\n\t&--full {\n\t\t.modal-container {\n\t\t\tmax-width: 100%;\n\t\t\tmax-height: 100%;\n\t\t\tborder-radius: 0;\n\t\t}\n\t}\n\t&--full,\n\t&--spread-navigation {\n\t\t.prev,\n\t\t.next {\n\t\t\tposition: absolute;\n\t\t\twidth: 10%;\n\t\t}\n\t\t.prev {\n\t\t\tleft: 0;\n\t\t}\n\t\t.next {\n\t\t\tright: 0;\n\t\t}\n\t}\n\t&--large {\n\t\t.modal-container {\n\t\t\tmax-width: 85%;\n\t\t\tmax-height: 90%;\n\t\t}\n\t\t.prev,\n\t\t.next {\n\t\t\twidth: 10%;\n\t\t\tmin-width: $clickable-area;\n\t\t}\n\t}\n}\n\n/* TRANSITIONS */\n.fade-enter-active,\n.fade-leave-active {\n\ttransition: opacity 250ms;\n}\n\n.fade-enter,\n.fade-leave-to {\n\topacity: 0;\n}\n\n.fade-visibility-enter,\n.fade-visibility-leave-to {\n\tvisibility: hidden;\n\topacity: 0;\n}\n\n.modal-in-enter-active,\n.modal-in-leave-active,\n.modal-out-enter-active,\n.modal-out-leave-active {\n\ttransition: opacity 250ms;\n}\n\n.modal-in-enter,\n.modal-in-leave-to,\n.modal-out-enter,\n.modal-out-leave-to {\n\topacity: 0;\n}\n\n.modal-in-enter .modal-container,\n.modal-in-leave-to .modal-container {\n\ttransform: scale(.9);\n}\n\n.modal-out-enter .modal-container,\n.modal-out-leave-to .modal-container {\n\ttransform: scale(1.1);\n}\n\n// animated circle\n$radius: 15;\n$pi: 3.14159265358979;\n\n.modal-mask .play-pause {\n\t.progress-ring {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\ttransform: rotate(-90deg);\n\t\t.progress-ring__circle {\n\t\t\ttransition: 100ms stroke-dashoffset;\n\t\t\ttransform-origin: 50% 50%; // axis compensation\n\t\t\tanimation: progressring linear 3s infinite;\n\n\t\t\tstroke-linecap: round;\n\t\t\tstroke-dashoffset: $radius * 2 * $pi; // radius * 2 * PI\n\t\t\tstroke-dasharray: $radius * 2 * $pi; // radius * 2 * PI\n\t\t}\n\t}\n\t&--paused {\n\t\t.icon-pause {\n\t\t\tanimation: breath 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\t\t.progress-ring__circle {\n\t\t\tanimation-play-state: paused !important;\n\t\t}\n\t}\n}\n\n// keyframes get scoped too and break the animation name, we need them unscoped\n@keyframes progressring {\n\tfrom {\n\t\tstroke-dashoffset: $radius * 2 * $pi; // radius * 2 * PI\n\t}\n\tto {\n\t\tstroke-dashoffset: 0;\n\t}\n}\n\n@keyframes breath {\n\t0% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Multiselect/EllipsisedOption.vue?vue&type=style&index=0&id=026c3def&lang=scss&scoped=true&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Multiselect/EllipsisedOption.vue?vue&type=style&index=0&id=026c3def&lang=scss&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.name-parts[data-v-026c3def] {\n display: flex;\n max-width: 100%;\n}\n.name-parts__first[data-v-026c3def] {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.name-parts__first[data-v-026c3def], .name-parts__last[data-v-026c3def] {\n white-space: pre;\n}\n.name-parts__first strong[data-v-026c3def], .name-parts__last strong[data-v-026c3def] {\n font-weight: bold;\n}\n',"",{version:3,sources:["webpack://./EllipsisedOption.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAwGF;EACC,aAAa;EACb,eAAe;AAAA;AACf;IACC,gBAAgB;IAChB,uBAAuB;AAAA;AAExB;IAGC,gBAAgB;AAAA;AAHhB;MAKC,iBAAiB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.name-parts {\n\tdisplay: flex;\n\tmax-width: 100%;\n\t&__first {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\t&__first,\n\t&__last {\n\t\t// prevent whitespace from being trimmed\n\t\twhite-space: pre;\n\t\tstrong {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Popover/Popover.vue?vue&type=style&index=0&lang=scss&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Popover/Popover.vue?vue&type=style&index=0&lang=scss& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.popover {\n z-index: 100000;\n display: block !important;\n filter: drop-shadow(0 1px 10px var(--color-box-shadow));\n}\n.popover__inner {\n padding: 0;\n color: var(--color-main-text);\n border-radius: var(--border-radius);\n background: var(--color-main-background);\n}\n.popover__arrow {\n position: absolute;\n z-index: 1;\n width: 0;\n height: 0;\n margin: 10px;\n border-style: solid;\n border-color: var(--color-main-background);\n}\n.popover[x-placement^='top'] {\n margin-bottom: 10px;\n}\n.popover[x-placement^='top'] .popover__arrow {\n bottom: -10px;\n left: calc(50% - $arrow-width);\n margin-top: 0;\n margin-bottom: 0;\n border-width: 10px 10px 0 10px;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n border-left-color: transparent !important;\n}\n.popover[x-placement^='bottom'] {\n margin-top: 10px;\n}\n.popover[x-placement^='bottom'] .popover__arrow {\n top: -10px;\n left: calc(50% - $arrow-width);\n margin-top: 0;\n margin-bottom: 0;\n border-width: 0 10px 10px 10px;\n border-top-color: transparent !important;\n border-right-color: transparent !important;\n border-left-color: transparent !important;\n}\n.popover[x-placement^='right'] {\n margin-left: 10px;\n}\n.popover[x-placement^='right'] .popover__arrow {\n top: calc(50% - $arrow-width);\n left: -10px;\n margin-right: 0;\n margin-left: 0;\n border-width: 10px 10px 10px 0;\n border-top-color: transparent !important;\n border-bottom-color: transparent !important;\n border-left-color: transparent !important;\n}\n.popover[x-placement^='left'] {\n margin-right: 10px;\n}\n.popover[x-placement^='left'] .popover__arrow {\n top: calc(50% - $arrow-width);\n right: -10px;\n margin-right: 0;\n margin-left: 0;\n border-width: 10px 0 10px 10px;\n border-top-color: transparent !important;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n}\n.popover[aria-hidden='true'] {\n visibility: hidden;\n transition: opacity var(--animation-quick), visibility var(--animation-quick);\n opacity: 0;\n}\n.popover[aria-hidden='false'] {\n visibility: visible;\n transition: opacity var(--animation-quick);\n opacity: 1;\n}\n","",{version:3,sources:["webpack://./Popover.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA2FF;EACC,eAAe;EACf,yBAAyB;EAEzB,uDAAuD;AAAA;AAEvD;IACC,UAAU;IACV,6BAA6B;IAC7B,mCAAmC;IACnC,wCAAwC;AAAA;AAGzC;IACC,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,SAAS;IACT,YApBgB;IAqBhB,mBAAmB;IACnB,0CAA0C;AAAA;AApB5C;IAwBE,mBA1BgB;AAAA;AAElB;MA2BG,aA7Be;MA8Bf,8BAA8B;MAC9B,aAAa;MACb,gBAAgB;MAChB,8BAjCe;MAkCf,0CAA0C;MAC1C,2CAA2C;MAC3C,yCAAyC;AAAA;AAlC5C;IAuCE,gBAzCgB;AAAA;AAElB;MA0CG,UA5Ce;MA6Cf,8BAA8B;MAC9B,aAAa;MACb,gBAAgB;MAChB,8BAhDe;MAiDf,wCAAwC;MACxC,0CAA0C;MAC1C,yCAAyC;AAAA;AAjD5C;IAsDE,iBAxDgB;AAAA;AAElB;MAyDG,6BAA6B;MAC7B,WA5De;MA6Df,eAAe;MACf,cAAc;MACd,8BAAsD;MACtD,wCAAwC;MACxC,2CAA2C;MAC3C,yCAAyC;AAAA;AAhE5C;IAqEE,kBAvEgB;AAAA;AAElB;MAwEG,6BAA6B;MAC7B,YA3Ee;MA4Ef,eAAe;MACf,cAAc;MACd,8BA9Ee;MA+Ef,wCAAwC;MACxC,0CAA0C;MAC1C,2CAA2C;AAAA;AA/E9C;IAoFE,kBAAkB;IAClB,6EAA6E;IAC7E,UAAU;AAAA;AAtFZ;IA0FE,mBAAmB;IACnB,0CAA0C;IAC1C,UAAU;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$arrow-width: 10px;\n\n.popover {\n\tz-index: 100000;\n\tdisplay: block !important;\n\n\tfilter: drop-shadow(0 1px 10px var(--color-box-shadow));\n\n\t&__inner {\n\t\tpadding: 0;\n\t\tcolor: var(--color-main-text);\n\t\tborder-radius: var(--border-radius);\n\t\tbackground: var(--color-main-background);\n\t}\n\n\t&__arrow {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tmargin: $arrow-width;\n\t\tborder-style: solid;\n\t\tborder-color: var(--color-main-background);\n\t}\n\n\t&[x-placement^='top'] {\n\t\tmargin-bottom: $arrow-width;\n\n\t\t.popover__arrow {\n\t\t\tbottom: -$arrow-width;\n\t\t\tleft: calc(50% - $arrow-width);\n\t\t\tmargin-top: 0;\n\t\t\tmargin-bottom: 0;\n\t\t\tborder-width: $arrow-width $arrow-width 0 $arrow-width;\n\t\t\tborder-right-color: transparent !important;\n\t\t\tborder-bottom-color: transparent !important;\n\t\t\tborder-left-color: transparent !important;\n\t\t}\n\t}\n\n\t&[x-placement^='bottom'] {\n\t\tmargin-top: $arrow-width;\n\n\t\t.popover__arrow {\n\t\t\ttop: -$arrow-width;\n\t\t\tleft: calc(50% - $arrow-width);\n\t\t\tmargin-top: 0;\n\t\t\tmargin-bottom: 0;\n\t\t\tborder-width: 0 $arrow-width $arrow-width $arrow-width;\n\t\t\tborder-top-color: transparent !important;\n\t\t\tborder-right-color: transparent !important;\n\t\t\tborder-left-color: transparent !important;\n\t\t}\n\t}\n\n\t&[x-placement^='right'] {\n\t\tmargin-left: $arrow-width;\n\n\t\t.popover__arrow {\n\t\t\ttop: calc(50% - $arrow-width);\n\t\t\tleft: -$arrow-width;\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: 0;\n\t\t\tborder-width: $arrow-width $arrow-width $arrow-width 0;\n\t\t\tborder-top-color: transparent !important;\n\t\t\tborder-bottom-color: transparent !important;\n\t\t\tborder-left-color: transparent !important;\n\t\t}\n\t}\n\n\t&[x-placement^='left'] {\n\t\tmargin-right: $arrow-width;\n\n\t\t.popover__arrow {\n\t\t\ttop: calc(50% - $arrow-width);\n\t\t\tright: -$arrow-width;\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: 0;\n\t\t\tborder-width: $arrow-width 0 $arrow-width $arrow-width;\n\t\t\tborder-top-color: transparent !important;\n\t\t\tborder-right-color: transparent !important;\n\t\t\tborder-bottom-color: transparent !important;\n\t\t}\n\t}\n\n\t&[aria-hidden='true'] {\n\t\tvisibility: hidden;\n\t\ttransition: opacity var(--animation-quick), visibility var(--animation-quick);\n\t\topacity: 0;\n\t}\n\n\t&[aria-hidden='false'] {\n\t\tvisibility: visible;\n\t\ttransition: opacity var(--animation-quick);\n\t\topacity: 1;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/PopoverMenu/PopoverMenu.vue?vue&type=style&index=0&id=0a0eb719&lang=scss&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PopoverMenu/PopoverMenu.vue?vue&type=style&index=0&id=0a0eb719&lang=scss&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nul[data-v-0a0eb719] {\n display: flex;\n flex-direction: column;\n}\n',"",{version:3,sources:["webpack://./PopoverMenu.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAqCF;EACC,aAAa;EACb,sBAAsB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nul {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/PopoverMenu/PopoverMenuItem.vue?vue&type=style&index=1&id=512ea768&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PopoverMenu/PopoverMenuItem.vue?vue&type=style&index=1&id=512ea768&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\nli[data-v-512ea768] {\n display: flex;\n flex: 0 0 auto;\n /* css hack, only first not hidden */\n}\nli.hidden[data-v-512ea768] {\n display: none;\n}\nli > button[data-v-512ea768],\n li > a[data-v-512ea768],\n li > .menuitem[data-v-512ea768] {\n cursor: pointer;\n line-height: 44px;\n border: 0;\n border-radius: 0;\n background-color: transparent;\n display: flex;\n align-items: flex-start;\n height: auto;\n margin: 0;\n padding: 0;\n font-weight: normal;\n box-shadow: none;\n width: 100%;\n color: var(--color-main-text);\n white-space: nowrap;\n opacity: 0.7;\n /* prevent .action class to break the design */\n /* Add padding if contains icon+text */\n /* DEPRECATED! old img in popover fallback\n\t\t\t* TODO: to remove */\n /* checkbox/radio fixes */\n /* no margin if hidden span before */\n /* Inputs inside popover supports text, submit & reset */\n}\nli > button span[class^='icon-'][data-v-512ea768],\n li > button span[class*=' icon-'][data-v-512ea768], li > button[class^='icon-'][data-v-512ea768], li > button[class*=' icon-'][data-v-512ea768],\n li > a span[class^='icon-'][data-v-512ea768],\n li > a span[class*=' icon-'][data-v-512ea768],\n li > a[class^='icon-'][data-v-512ea768],\n li > a[class*=' icon-'][data-v-512ea768],\n li > .menuitem span[class^='icon-'][data-v-512ea768],\n li > .menuitem span[class*=' icon-'][data-v-512ea768],\n li > .menuitem[class^='icon-'][data-v-512ea768],\n li > .menuitem[class*=' icon-'][data-v-512ea768] {\n min-width: 0;\n /* Overwrite icons*/\n min-height: 0;\n background-position: 14px center;\n background-size: 16px;\n}\nli > button span[class^='icon-'][data-v-512ea768],\n li > button span[class*=' icon-'][data-v-512ea768],\n li > a span[class^='icon-'][data-v-512ea768],\n li > a span[class*=' icon-'][data-v-512ea768],\n li > .menuitem span[class^='icon-'][data-v-512ea768],\n li > .menuitem span[class*=' icon-'][data-v-512ea768] {\n /* Keep padding to define the width to\n\t\t\t\tassure correct position of a possible text */\n padding: 22px 0 22px 44px;\n}\nli > button:not([class^='icon-']):not([class*='icon-']) > span[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > button:not([class^='icon-']):not([class*='icon-']) > input[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > button:not([class^='icon-']):not([class*='icon-']) > form[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > a:not([class^='icon-']):not([class*='icon-']) > span[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > a:not([class^='icon-']):not([class*='icon-']) > input[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > a:not([class^='icon-']):not([class*='icon-']) > form[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > .menuitem:not([class^='icon-']):not([class*='icon-']) > span[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > .menuitem:not([class^='icon-']):not([class*='icon-']) > input[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child,\n li > .menuitem:not([class^='icon-']):not([class*='icon-']) > form[data-v-512ea768]:not([class^='icon-']):not([class*='icon-']):first-child {\n margin-left: 44px;\n}\nli > button[class^='icon-'][data-v-512ea768], li > button[class*=' icon-'][data-v-512ea768],\n li > a[class^='icon-'][data-v-512ea768],\n li > a[class*=' icon-'][data-v-512ea768],\n li > .menuitem[class^='icon-'][data-v-512ea768],\n li > .menuitem[class*=' icon-'][data-v-512ea768] {\n padding: 0 14px 0 44px;\n}\nli > button[data-v-512ea768]:not(:disabled):hover, li > button[data-v-512ea768]:not(:disabled):focus, li > button:not(:disabled).active[data-v-512ea768],\n li > a[data-v-512ea768]:not(:disabled):hover,\n li > a[data-v-512ea768]:not(:disabled):focus,\n li > a:not(:disabled).active[data-v-512ea768],\n li > .menuitem[data-v-512ea768]:not(:disabled):hover,\n li > .menuitem[data-v-512ea768]:not(:disabled):focus,\n li > .menuitem:not(:disabled).active[data-v-512ea768] {\n opacity: 1 !important;\n}\nli > button.action[data-v-512ea768],\n li > a.action[data-v-512ea768],\n li > .menuitem.action[data-v-512ea768] {\n padding: inherit !important;\n}\nli > button > span[data-v-512ea768],\n li > a > span[data-v-512ea768],\n li > .menuitem > span[data-v-512ea768] {\n cursor: pointer;\n white-space: nowrap;\n}\nli > button > p[data-v-512ea768],\n li > a > p[data-v-512ea768],\n li > .menuitem > p[data-v-512ea768] {\n width: 150px;\n line-height: 1.6em;\n padding: 8px 0;\n white-space: normal;\n overflow: hidden;\n text-overflow: ellipsis;\n}\nli > button > select[data-v-512ea768],\n li > a > select[data-v-512ea768],\n li > .menuitem > select[data-v-512ea768] {\n margin: 0;\n margin-left: 6px;\n}\nli > button[data-v-512ea768]:not(:empty),\n li > a[data-v-512ea768]:not(:empty),\n li > .menuitem[data-v-512ea768]:not(:empty) {\n padding-right: 14px !important;\n}\nli > button > img[data-v-512ea768],\n li > a > img[data-v-512ea768],\n li > .menuitem > img[data-v-512ea768] {\n width: 16px;\n padding: 14px;\n}\nli > button > input.radio + label[data-v-512ea768],\n li > button > input.checkbox + label[data-v-512ea768],\n li > a > input.radio + label[data-v-512ea768],\n li > a > input.checkbox + label[data-v-512ea768],\n li > .menuitem > input.radio + label[data-v-512ea768],\n li > .menuitem > input.checkbox + label[data-v-512ea768] {\n padding: 0 !important;\n width: 100%;\n}\nli > button > input.checkbox + label[data-v-512ea768]::before,\n li > a > input.checkbox + label[data-v-512ea768]::before,\n li > .menuitem > input.checkbox + label[data-v-512ea768]::before {\n margin: -2px 13px 0;\n}\nli > button > input.radio + label[data-v-512ea768]::before,\n li > a > input.radio + label[data-v-512ea768]::before,\n li > .menuitem > input.radio + label[data-v-512ea768]::before {\n margin: -2px 12px 0;\n}\nli > button > input[data-v-512ea768]:not([type=radio]):not([type=checkbox]):not([type=image]),\n li > a > input[data-v-512ea768]:not([type=radio]):not([type=checkbox]):not([type=image]),\n li > .menuitem > input[data-v-512ea768]:not([type=radio]):not([type=checkbox]):not([type=image]) {\n width: 150px;\n}\nli > button form[data-v-512ea768],\n li > a form[data-v-512ea768],\n li > .menuitem form[data-v-512ea768] {\n display: flex;\n flex: 1 1 auto;\n /* put a small space between text and form\n\t\t\t\tif there is an element before */\n}\nli > button form[data-v-512ea768]:not(:first-child),\n li > a form[data-v-512ea768]:not(:first-child),\n li > .menuitem form[data-v-512ea768]:not(:first-child) {\n margin-left: 5px;\n}\nli > button > span.hidden + form[data-v-512ea768],\n li > button > span[style*='display:none'] + form[data-v-512ea768],\n li > a > span.hidden + form[data-v-512ea768],\n li > a > span[style*='display:none'] + form[data-v-512ea768],\n li > .menuitem > span.hidden + form[data-v-512ea768],\n li > .menuitem > span[style*='display:none'] + form[data-v-512ea768] {\n margin-left: 0;\n}\nli > button input[data-v-512ea768],\n li > a input[data-v-512ea768],\n li > .menuitem input[data-v-512ea768] {\n min-width: 44px;\n max-height: 40px;\n /* twice the element margin-y */\n margin: 2px 0;\n flex: 1 1 auto;\n}\nli > button input[data-v-512ea768]:not(:first-child),\n li > a input[data-v-512ea768]:not(:first-child),\n li > .menuitem input[data-v-512ea768]:not(:first-child) {\n margin-left: 5px;\n}\nli:not(.hidden):not([style*='display:none']):first-of-type > button > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):first-of-type > button > input[data-v-512ea768], li:not(.hidden):not([style*='display:none']):first-of-type > a > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):first-of-type > a > input[data-v-512ea768], li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > input[data-v-512ea768] {\n margin-top: 12px;\n}\nli:not(.hidden):not([style*='display:none']):last-of-type > button > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):last-of-type > button > input[data-v-512ea768], li:not(.hidden):not([style*='display:none']):last-of-type > a > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):last-of-type > a > input[data-v-512ea768], li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > form[data-v-512ea768], li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > input[data-v-512ea768] {\n margin-bottom: 12px;\n}\nli > button[data-v-512ea768] {\n padding: 0;\n}\nli > button span[data-v-512ea768] {\n opacity: 1;\n}\n","",{version:3,sources:["webpack://./PopoverMenuItem.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAuLF;EACC,aAAa;EACb,cAAc;EAuJd,oCAAA;AAAqC;AAzJtC;IAKE,aAAa;AAAA;AALf;;;IAWE,eAAe;IACf,iBC/LmB;IDgMnB,SAAS;IACT,gBAAgB;IAChB,6BAA6B;IAC7B,aAAa;IACb,uBAAuB;IACvB,YAAY;IACZ,SAAS;IACT,UAAU;IACV,mBAAmB;IACnB,gBAAgB;IAChB,WAAW;IACX,6BAA6B;IAC7B,mBAAmB;IACnB,YC3LiB;IDqOjB,8CAAA;IA4BA,sCAAA;IAKA;sBA/PoB;IAsQpB,yBAAA;IA0BA,oCAAA;IAKA,wDAAA;AAAyD;AA3I3D;;;;;;;;;;MAiCG,YAAY;MAAE,mBAAA;MACd,aAAa;MACb,gCAA2C;MAC3C,qBCnNa;AAAA;AD+KhB;;;;;;MAyCG;gDAzK6C;MA2K7C,yBC9NkB;AAAA;ADmLrB;;;;;;;;;MAoDK,iBCvOgB;AAAA;ADmLrB;;;;;MA2DG,sBC9OkB;AAAA;ADmLrB;;;;;;;MAiEG,qBAAiC;AAAA;AAjEpC;;;MAsEG,2BAA2B;AAAA;AAtE9B;;;MA0EG,eAAe;MACf,mBAAmB;AAAA;AA3EtB;;;MAgFG,YAAY;MACZ,kBAAkB;MAClB,cAAc;MACd,mBAAmB;MAGnB,gBAAgB;MAChB,uBAAuB;AAAA;AAvF1B;;;MA4FG,SAAS;MACT,gBAAgB;AAAA;AA7FnB;;;MAkGG,8BAAsC;AAAA;AAlGzC;;;MAwGG,WCvRa;MDwRb,aCpR6C;AAAA;AD2KhD;;;;;;MA+GG,qBAAqB;MACrB,WAAW;AAAA;AAhHd;;;MAmHG,mBAAmB;AAAA;AAnHtB;;;MAsHG,mBAAmB;AAAA;AAtHtB;;;MAyHG,YAAY;AAAA;AAzHf;;;MA8HG,aAAa;MACb,cAAc;MACd;mCA5KgC;AA6KC;AAjIpC;;;QAmII,gBAAgB;AAAA;AAnIpB;;;;;;MAyIG,cAAc;AAAA;AAzIjB;;;MA6IG,eChUkB;MDiUlB,gBAAY;MAA0B,+BAAA;MACtC,aAAa;MACb,cAAc;AAAA;AAhJjB;;;QAmJI,gBAAgB;AAAA;AAnJpB;IA8JK,gBAA8B;AAAA;AA9JnC;IAqKK,mBAAiC;AAAA;AArKtC;IA2KE,UAAU;AAAA;AA3KZ;MA6KG,UC7Ua;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nli {\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\n\t&.hidden {\n\t\tdisplay: none;\n\t}\n\n\t> button,\n\t> a,\n\t> .menuitem {\n\t\tcursor: pointer;\n\t\tline-height: $clickable-area;\n\t\tborder: 0;\n\t\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\t\tbackground-color: transparent;\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tfont-weight: normal;\n\t\tbox-shadow: none;\n\t\twidth: 100%;\n\t\tcolor: var(--color-main-text);\n\t\twhite-space: nowrap;\n\t\topacity: $opacity_normal;\n\n\t\t// TODO split into individual components for readability\n\t\tspan[class^='icon-'],\n\t\tspan[class*=' icon-'],\n\t\t&[class^='icon-'],\n\t\t&[class*=' icon-'] {\n\t\t\tmin-width: 0; /* Overwrite icons*/\n\t\t\tmin-height: 0;\n\t\t\tbackground-position: #{$icon-margin} center;\n\t\t\tbackground-size: $icon-size;\n\t\t}\n\n\t\tspan[class^='icon-'],\n\t\tspan[class*=' icon-'] {\n\t\t\t/* Keep padding to define the width to\n\t\t\t\tassure correct position of a possible text */\n\t\t\tpadding: #{$clickable-area / 2} 0 #{$clickable-area / 2} $clickable-area;\n\t\t}\n\n\t\t// If no icons set, force left margin to align\n\t\t&:not([class^='icon-']):not([class*='icon-']) {\n\t\t\t> span,\n\t\t\t> input,\n\t\t\t> form {\n\t\t\t\t&:not([class^='icon-']):not([class*='icon-']):first-child {\n\t\t\t\t\tmargin-left: $clickable-area;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[class^='icon-'],\n\t\t&[class*=' icon-'] {\n\t\t\tpadding: 0 $icon-margin 0 $clickable-area;\n\t\t}\n\n\t\t&:not(:disabled):hover,\n\t\t&:not(:disabled):focus,\n\t\t&:not(:disabled).active {\n\t\t\topacity: $opacity_full !important;\n\t\t}\n\n\t\t/* prevent .action class to break the design */\n\t\t&.action {\n\t\t\tpadding: inherit !important;\n\t\t}\n\n\t\t> span {\n\t\t\tcursor: pointer;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t// long text area\n\t\t> p {\n\t\t\twidth: 150px;\n\t\t\tline-height: 1.6em;\n\t\t\tpadding: 8px 0;\n\t\t\twhite-space: normal;\n\n\t\t\t// in case there are no spaces like long email addresses\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t// TODO: do we really supports it?\n\t\t> select {\n\t\t\tmargin: 0;\n\t\t\tmargin-left: 6px;\n\t\t}\n\n\t\t/* Add padding if contains icon+text */\n\t\t&:not(:empty) {\n\t\t\tpadding-right: $icon-margin !important;\n\t\t}\n\n\t\t/* DEPRECATED! old img in popover fallback\n\t\t\t* TODO: to remove */\n\t\t> img {\n\t\t\twidth: $icon-size;\n\t\t\tpadding: $icon-margin;\n\t\t}\n\n\t\t/* checkbox/radio fixes */\n\t\t> input.radio + label,\n\t\t> input.checkbox + label {\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t}\n\t\t> input.checkbox + label::before {\n\t\t\tmargin: -2px 13px 0;\n\t\t}\n\t\t> input.radio + label::before {\n\t\t\tmargin: -2px 12px 0;\n\t\t}\n\t\t> input:not([type=radio]):not([type=checkbox]):not([type=image]) {\n\t\t\twidth: 150px;\n\t\t}\n\n\t\t// Forms & text inputs\n\t\tform {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 auto;\n\t\t\t/* put a small space between text and form\n\t\t\t\tif there is an element before */\n\t\t\t&:not(:first-child) {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\t\t/* no margin if hidden span before */\n\t\t> span.hidden + form,\n\t\t> span[style*='display:none'] + form {\n\t\t\tmargin-left: 0;\n\t\t}\n\t\t/* Inputs inside popover supports text, submit & reset */\n\t\tinput {\n\t\t\tmin-width: $clickable-area;\n\t\t\tmax-height: #{$clickable-area - 4px}; /* twice the element margin-y */\n\t\t\tmargin: 2px 0;\n\t\t\tflex: 1 1 auto;\n\t\t\t// space between inline inputs\n\t\t\t&:not(:first-child) {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// TODO: do that in js, should be cleaner\n\t/* css hack, only first not hidden */\n\t&:not(.hidden):not([style*='display:none']) {\n\t\t&:first-of-type {\n\t\t\t> button, > a, > .menuitem {\n\t\t\t\t> form, > input {\n\t\t\t\t\tmargin-top: $icon-margin - 2px; // minus the input margin\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:last-of-type {\n\t\t\t> button, > a, > .menuitem {\n\t\t\t\t> form, > input {\n\t\t\t\t\tmargin-bottom: $icon-margin - 2px; // minus the input margin\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t> button {\n\t\tpadding: 0;\n\t\tspan {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/AutoCompleteResult.vue?vue&type=style&index=0&id=6cb58afa&lang=scss&scoped=true&": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/AutoCompleteResult.vue?vue&type=style&index=0&id=6cb58afa&lang=scss&scoped=true& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-6cb58afa] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.autocomplete-result[data-v-6cb58afa] {\n display: flex;\n height: 44px;\n padding: 10px;\n}\n.highlight .autocomplete-result[data-v-6cb58afa] {\n color: var(--color-main-text);\n background: var(--color-primary-light);\n}\n.highlight .autocomplete-result[data-v-6cb58afa], .highlight .autocomplete-result *[data-v-6cb58afa] {\n cursor: pointer;\n}\n.autocomplete-result__icon[data-v-6cb58afa] {\n position: relative;\n flex: 0 0 44px;\n width: 44px;\n min-width: 44px;\n height: 44px;\n border-radius: 44px;\n background-color: var(--color-background-darker);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 24px;\n}\n.autocomplete-result__icon--with-avatar[data-v-6cb58afa] {\n color: inherit;\n background-size: cover;\n}\n.autocomplete-result__status[data-v-6cb58afa] {\n position: absolute;\n right: -4px;\n bottom: -4px;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border: 2px solid var(--color-main-background);\n border-radius: 50%;\n background-color: var(--color-main-background);\n font-size: var(--default-font-size);\n line-height: 15px;\n}\n.autocomplete-result__status--online[data-v-6cb58afa] {\n color: #49b382;\n}\n.autocomplete-result__status--online[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.autocomplete-result__status--dnd[data-v-6cb58afa] {\n color: #ed484c;\n background-color: #fff;\n}\n.autocomplete-result__status--dnd[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.autocomplete-result__status--away[data-v-6cb58afa] {\n color: #f4a331;\n}\n.autocomplete-result__status--away[data-v-6cb58afa]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.autocomplete-result__status--offline[data-v-6cb58afa], .autocomplete-result__status--icon[data-v-6cb58afa] {\n border: none;\n background-color: transparent;\n}\n.autocomplete-result__content[data-v-6cb58afa] {\n display: flex;\n flex: 1 1 100%;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n padding-left: 10px;\n}\n.autocomplete-result__title[data-v-6cb58afa], .autocomplete-result__subline[data-v-6cb58afa] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.autocomplete-result__subline[data-v-6cb58afa] {\n color: var(--color-text-lighter);\n}\n',"",{version:3,sources:["webpack://./AutoCompleteResult.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFsF/B;EACC,aAAa;EACb,YClFoB;EDmFpB,aAL0B;AAAA;AAO1B;IACC,6BAA6B;IAC7B,sCAAsC;AAAA;AAFvC;MAIE,eAAe;AAAA;AAIjB;IACC,kBAAkB;IAClB,cC/FmB;IDgGnB,WChGmB;IDiGnB,eCjGmB;IDkGnB,YClGmB;IDmGnB,mBCnGmB;IDoGnB,gDAAgD;IAChD,4BAA4B;IAC5B,2BAA2B;IAC3B,qBAA4D;AAAA;AAC5D;MACC,cAAc;MACd,sBAAsB;AAAA;AAIxB;IACC,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,sBAAsB;IACtB,WAAW;IACX,YAAY;IACZ,8CAA8C;IAC9C,kBAAkB;IAClB,8CAA8C;IAC9C,mCAAmC;IACnC,iBAAiB;AAAA;AACjB;MACC,cAAc;AAAA;AADd;QEjEC,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YAlEoB;AAAO;AFqI7B;MACC,cAAc;MACd,sBAAsB;AAAA;AAFtB;QEtEC,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YApEiB;AAAO;AF6I1B;MACC,cAAc;AAAA;AADd;QE5EC,mCAjFmB;QAkFnB,kBAAkB;QAClB,gBAAgB;QAChB,YArEkB;AAAO;AFmJ3B;MAEC,YAAY;MACZ,6BAA6B;AAAA;AAI/B;IACC,aAAa;IACb,cAAc;IACd,sBAAsB;IACtB,uBAAuB;IACvB,YAAY;IACZ,kBAzEyB;AAAA;AA4E1B;IAEC,mBAAmB;IACnB,gBAAgB;IAChB,uBAAuB;AAAA;AAGxB;IACC,gCAAgC;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n$autocomplete-padding: 10px;\n\n.autocomplete-result {\n\tdisplay: flex;\n\theight: $clickable-area;\n\tpadding: $autocomplete-padding;\n\n\t.highlight & {\n\t\tcolor: var(--color-main-text);\n\t\tbackground: var(--color-primary-light);\n\t\t&, * {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&__icon {\n\t\tposition: relative;\n\t\tflex: 0 0 $clickable-area;\n\t\twidth: $clickable-area;\n\t\tmin-width: $clickable-area;\n\t\theight: $clickable-area;\n\t\tborder-radius: $clickable-area;\n\t\tbackground-color: var(--color-background-darker);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: $clickable-area - 2 * $autocomplete-padding;\n\t\t&--with-avatar {\n\t\t\tcolor: inherit;\n\t\t\tbackground-size: cover;\n\t\t}\n\t}\n\n\t&__status {\n\t\tposition: absolute;\n\t\tright: -4px;\n\t\tbottom: -4px;\n\t\tbox-sizing: border-box;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder: 2px solid var(--color-main-background);\n\t\tborder-radius: 50%;\n\t\tbackground-color: var(--color-main-background);\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: 15px;\n\t\t&--online {\n\t\t\tcolor: #49b382;\n\n\t\t\t@include iconfont('user-status-online');\n\t\t}\n\t\t&--dnd {\n\t\t\tcolor: #ed484c;\n\t\t\tbackground-color: #fff;\n\n\t\t\t@include iconfont('user-status-dnd');\n\t\t}\n\t\t&--away {\n\t\t\tcolor: #f4a331;\n\n\t\t\t@include iconfont('user-status-away');\n\t\t}\n\t\t&--offline,\n\t\t&--icon {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex: 1 1 100%;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmin-width: 0;\n\t\tpadding-left: $autocomplete-padding;\n\t}\n\n\t&__title,\n\t&__subline {\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__subline {\n\t\tcolor: var(--color-text-lighter);\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/MentionBubble.vue?vue&type=style&index=0&id=69f40ec8&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/MentionBubble.vue?vue&type=style&index=0&id=69f40ec8&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.mention-bubble--primary .mention-bubble__content[data-v-69f40ec8] {\n color: var(--color-primary-text);\n background-color: var(--color-primary-element);\n}\n.mention-bubble__wrapper[data-v-69f40ec8] {\n max-width: 150px;\n height: 18px;\n vertical-align: text-bottom;\n display: inline-flex;\n align-items: center;\n}\n.mention-bubble__content[data-v-69f40ec8] {\n display: inline-flex;\n overflow: hidden;\n align-items: center;\n max-width: 100%;\n height: 20px;\n -webkit-user-select: none;\n user-select: none;\n padding-right: 6px;\n padding-left: 2px;\n border-radius: 10px;\n background-color: var(--color-background-dark);\n}\n.mention-bubble__icon[data-v-69f40ec8] {\n position: relative;\n width: 16px;\n height: 16px;\n border-radius: 8px;\n background-color: var(--color-background-darker);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 12px;\n}\n.mention-bubble__icon--with-avatar[data-v-69f40ec8] {\n color: inherit;\n background-size: cover;\n}\n.mention-bubble__title[data-v-69f40ec8] {\n overflow: hidden;\n margin-left: 2px;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.mention-bubble__title[data-v-69f40ec8]::before {\n content: attr(title);\n}\n.mention-bubble__select[data-v-69f40ec8] {\n position: absolute;\n z-index: -1;\n left: -1000px;\n}\n',"",{version:3,sources:["webpack://./MentionBubble.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAiFD;EACC,gCAAgC;EAChC,8CAA8C;AAAA;AAG/C;EACC,gBAXsB;EAatB,YAAwC;EACxC,2BAA2B;EAC3B,oBAAoB;EACpB,mBAAmB;AAAA;AAGpB;EACC,oBAAoB;EACpB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,YAzBkB;EA0BlB,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkC;EAClC,iBA3BkB;EA4BlB,mBAAiC;EACjC,8CAA8C;AAAA;AAG/C;EACC,kBAAkB;EAClB,WAjCuD;EAkCvD,YAlCuD;EAmCvD,kBAAsC;EACtC,gDAAgD;EAChD,4BAA4B;EAC5B,2BAA2B;EAC3B,qBAA0D;AAAA;AAE1D;IACC,cAAc;IACd,sBAAsB;AAAA;AAIxB;EACC,gBAAgB;EAChB,gBAlDkB;EAmDlB,mBAAmB;EACnB,uBAAuB;AAAA;AAJvB;IAOC,oBAAoB;AAAA;AAKtB;EACC,kBAAkB;EAClB,WAAW;EACX,aAAa;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$bubble-height: 20px;\n$bubble-max-width: 150px;\n$bubble-padding: 2px;\n$bubble-avatar-size: $bubble-height - 2 * $bubble-padding;\n\n.mention-bubble {\n\t&--primary &__content {\n\t\tcolor: var(--color-primary-text);\n\t\tbackground-color: var(--color-primary-element);\n\t}\n\n\t&__wrapper {\n\t\tmax-width: $bubble-max-width;\n\t\t// Align with text\n\t\theight: $bubble-height - $bubble-padding;\n\t\tvertical-align: text-bottom;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t}\n\n\t&__content {\n\t\tdisplay: inline-flex;\n\t\toverflow: hidden;\n\t\talign-items: center;\n\t\tmax-width: 100%;\n\t\theight: $bubble-height ;\n\t\t-webkit-user-select: none;\n\t\tuser-select: none;\n\t\tpadding-right: $bubble-padding * 3;\n\t\tpadding-left: $bubble-padding;\n\t\tborder-radius: $bubble-height / 2;\n\t\tbackground-color: var(--color-background-dark);\n\t}\n\n\t&__icon {\n\t\tposition: relative;\n\t\twidth: $bubble-avatar-size;\n\t\theight: $bubble-avatar-size;\n\t\tborder-radius: $bubble-avatar-size / 2;\n\t\tbackground-color: var(--color-background-darker);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: $bubble-avatar-size - 2 * $bubble-padding;\n\n\t\t&--with-avatar {\n\t\t\tcolor: inherit;\n\t\t\tbackground-size: cover;\n\t\t}\n\t}\n\n\t&__title {\n\t\toverflow: hidden;\n\t\tmargin-left: $bubble-padding;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\t// Put label in ::before so it is not selectable\n\t\t&::before {\n\t\t\tcontent: attr(title);\n\t\t}\n\t}\n\n\t// Hide the mention id so it is selectable\n\t&__select {\n\t\tposition: absolute;\n\t\tz-index: -1;\n\t\tleft: -1000px;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=style&index=0&id=554d37da&lang=scss&scoped=true&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=style&index=0&id=554d37da&lang=scss&scoped=true& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"@charset \"UTF-8\";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.rich-contenteditable__input[data-v-554d37da] {\n overflow-y: auto;\n width: auto;\n margin: 0;\n padding: 6px;\n cursor: text;\n white-space: pre-wrap;\n word-break: break-word;\n color: var(--color-main-text);\n border: 1px solid var(--color-border-dark);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--color-main-background);\n font-family: var(--font-face);\n font-size: inherit;\n min-height: 44px;\n max-height: 242px;\n}\n.rich-contenteditable__input--empty[data-v-554d37da]:before {\n position: absolute;\n content: attr(placeholder);\n color: var(--color-text-maxcontrast);\n}\n.rich-contenteditable__input[contenteditable='false'][data-v-554d37da] {\n cursor: default;\n opacity: .5;\n color: var(--color-text-lighter);\n border: 1px solid var(--color-background-darker);\n border-radius: var(--border-radius);\n background-color: var(--color-background-dark);\n}\n.rich-contenteditable__input--multiline[data-v-554d37da] {\n min-height: 132px;\n max-height: none;\n}\n","",{version:3,sources:["webpack://./RichContenteditable.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AAkbF;EACC,gBAAgB;EAChB,WAAW;EACX,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,6BAA6B;EAC7B,0CAA0C;EAC1C,mCAAmC;EACnC,aAAa;EACb,8CAA8C;EAC9C,6BAA6B;EAC7B,kBAAkB;EAClB,gBC7boB;ED8bpB,iBAAiC;AAAA;AAGjC;IACC,kBAAkB;IAClB,0BAA0B;IAC1B,oCAAoC;AAAA;AAtBtC;IA0BE,eAAe;IACf,WAAW;IACX,gCAAgC;IAChC,gDAAgD;IAChD,mCAAmC;IACnC,8CAA8C;AAAA;AAG/C;IACC,iBAA+B;IAE/B,gBAAgB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// Standalone styling, independent from server\n.rich-contenteditable__input {\n\toverflow-y: auto;\n\twidth: auto;\n\tmargin: 0;\n\tpadding: 6px;\n\tcursor: text;\n\twhite-space: pre-wrap;\n\tword-break: break-word;\n\tcolor: var(--color-main-text);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: var(--border-radius);\n\toutline: none;\n\tbackground-color: var(--color-main-background);\n\tfont-family: var(--font-face);\n\tfont-size: inherit;\n\tmin-height: $clickable-area;\n\tmax-height: $clickable-area * 5.5;\n\n\t// Cannot use :empty because of firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=1513303\n\t&--empty:before {\n\t\tposition: absolute;\n\t\tcontent: attr(placeholder);\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\t&[contenteditable='false'] {\n\t\tcursor: default;\n\t\topacity: .5;\n\t\tcolor: var(--color-text-lighter);\n\t\tborder: 1px solid var(--color-background-darker);\n\t\tborder-radius: var(--border-radius);\n\t\tbackground-color: var(--color-background-dark);\n\t}\n\n\t&--multiline {\n\t\tmin-height: $clickable-area * 3;\n\t\t// No max for mutiline\n\t\tmax-height: none;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=style&index=1&lang=scss&": /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RichContenteditable/RichContenteditable.vue?vue&type=style&index=1&lang=scss& ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.tribute-container {\n z-index: 9000;\n overflow: auto;\n min-width: 250px;\n max-width: 300px;\n max-height: 288px;\n margin: 5px 0;\n color: var(--color-main-text);\n border-radius: var(--border-radius);\n background: var(--color-main-background);\n box-shadow: 0 1px 5px var(--color-box-shadow);\n}\n',"",{version:3,sources:["webpack://./RichContenteditable.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFke/B;EACC,aAAa;EACb,cAAc;EACd,gBAAgB;EAChB,gBAAgB;EAGhB,iBAA0C;EAE1C,aAAa;EACb,6BAA6B;EAC7B,mCAAmC;EACnC,wCAAwC;EACxC,6CAA6C;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.tribute-container {\n\tz-index: 9000;\n\toverflow: auto;\n\tmin-width: 250px;\n\tmax-width: 300px;\n\t// Show maximum 4 entries and a half to show scroll\n\t// 44px + 10px padding\n\tmax-height: ($clickable-area + 20px) * 4.5;\n\t// Space it out a bit from the text\n\tmargin: 5px 0;\n\tcolor: var(--color-main-text);\n\tborder-radius: var(--border-radius);\n\tbackground: var(--color-main-background);\n\tbox-shadow: 0 1px 5px var(--color-box-shadow);\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/SettingsSection/SettingsSection.vue?vue&type=style&index=0&id=911c1c56&lang=scss&scoped=true&": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SettingsSection/SettingsSection.vue?vue&type=style&index=0&id=911c1c56&lang=scss&scoped=true& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a),s=t(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),l=t.n(s),c=t(/*! ../../fonts/iconfont-vue-84c461f.eot */"./src/fonts/iconfont-vue-84c461f.eot"),d=t(/*! ../../fonts/iconfont-vue-84c461f.woff */"./src/fonts/iconfont-vue-84c461f.woff"),u=t(/*! ../../fonts/iconfont-vue-84c461f.ttf */"./src/fonts/iconfont-vue-84c461f.ttf"),A=t(/*! ../../fonts/iconfont-vue-84c461f.svg */"./src/fonts/iconfont-vue-84c461f.svg"),p=r()(i.a),m=l()(c.default),f=l()(d.default),h=l()(u.default),g=l()(A.default);p.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n@font-face {\n font-family: "iconfont-vue-84c461f";\n src: url('+m+");\n /* IE9 Compat Modes */\n src: url("+m+') format("embedded-opentype"), url('+f+') format("woff"), url('+h+') format("truetype"), url('+g+') format("svg");\n /* Legacy iOS */\n}\n.icon[data-v-911c1c56] {\n font-style: normal;\n font-weight: 400;\n}\n.icon.arrow-left-double[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-left[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right-double[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.arrow-right[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.breadcrumb[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.checkmark[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.close[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.confirm[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.info[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.menu[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.more[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.pause[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.play[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.triangle-s[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-away[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-dnd[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-invisible[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.icon.user-status-online[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n content: "";\n}\n.settings-section[data-v-911c1c56] {\n display: block;\n margin-bottom: auto;\n padding: 30px;\n}\n.settings-section[data-v-911c1c56]:not(:last-child) {\n border-bottom: 1px solid var(--color-border);\n}\n.settings-section__title[data-v-911c1c56] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n}\n.settings-section__info[data-v-911c1c56] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin: -14px;\n margin-left: 0;\n opacity: 0.7;\n font-size: 16px;\n}\n.settings-section__info[data-v-911c1c56]:before {\n font-family: "iconfont-vue-84c461f";\n font-style: normal;\n font-weight: 400;\n content: "";\n}\n.settings-section__info[data-v-911c1c56]:hover, .settings-section__info[data-v-911c1c56]:focus, .settings-section__info[data-v-911c1c56]:active {\n opacity: 1;\n}\n.settings-section__desc[data-v-911c1c56] {\n margin-top: -0.2em;\n margin-bottom: 1em;\n opacity: 0.7;\n}\n',"",{version:3,sources:["webpack://./SettingsSection.vue","webpack://./../../assets/variables.scss","webpack://./../../fonts/scss/iconfont-vue.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AEsEA;EACC,mCAAmC;EACnC,4CAAuC;EAAE,qBAAA;EACzC,mPAGmD;EAAE,eAAA;AAAgB;AAMtE;EACE,kBAAkB;EAClB,gBAAgB;AAAA;AAFlB;IAMM,mCAAmC;IACnC,YA5Ge;AAAO;AAqG5B;IAMM,mCAAmC;IACnC,YA3GQ;AAAO;AAoGrB;IAMM,mCAAmC;IACnC,YA1GgB;AAAO;AAmG7B;IAMM,mCAAmC;IACnC,YAzGS;AAAO;AAkGtB;IAMM,mCAAmC;IACnC,YAxGQ;AAAO;AAiGrB;IAMM,mCAAmC;IACnC,YAvGO;AAAO;AAgGpB;IAMM,mCAAmC;IACnC,YAtGG;AAAO;AA+FhB;IAMM,mCAAmC;IACnC,YArGK;AAAO;AA8FlB;IAMM,mCAAmC;IACnC,YApGE;AAAO;AA6Ff;IAMM,mCAAmC;IACnC,YAnGE;AAAO;AA4Ff;IAMM,mCAAmC;IACnC,YAlGE;AAAO;AA2Ff;IAMM,mCAAmC;IACnC,YAjGG;AAAO;AA0FhB;IAMM,mCAAmC;IACnC,YAhGE;AAAO;AAyFf;IAMM,mCAAmC;IACnC,YA/FQ;AAAO;AAwFrB;IAMM,mCAAmC;IACnC,YA9Fc;AAAO;AAuF3B;IAMM,mCAAmC;IACnC,YA7Fa;AAAO;AAsF1B;IAMM,mCAAmC;IACnC,YA5FmB;AAAO;AAqFhC;IAMM,mCAAmC;IACnC,YA3FgB;AAAO;AFyF/B;EACC,cAAc;EACd,mBAAmB;EACnB,aAAa;AAAA;AAHd;IAME,4CAA4C;AAAA;AAG7C;IACC,oBAAoB;IACpB,mBAAmB;IACnB,uBAAuB;IACvB,eAAe;IACf,iBAAiB;AAAA;AAGlB;IACC,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WCxGmB;IDyGnB,YCzGmB;ID2GnB,aCnG8C;IDoG9C,cAAc;IACd,YC3FiB;ID4FjB,eC1Gc;AAAA;ADgGd;ME3CE,mCAjFmB;MAkFnB,kBAAkB;MAClB,gBAAgB;MAChB,YA3EM;AAAO;AFmHf;MAeC,UChGa;AAAA;ADoGf;IACC,kBAAkB;IAClB,kBAAkB;IAClB,YCxGiB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '../../fonts/scss/iconfont-vue';\n\n.settings-section {\n\tdisplay: block;\n\tmargin-bottom: auto;\n\tpadding: 30px;\n\n\t&:not(:last-child) {\n\t\tborder-bottom: 1px solid var(--color-border);\n\t}\n\n\t&__title {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 20px;\n\t\tfont-weight: bold;\n\t}\n\n\t&__info {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\t// make sure to properly align the icon with the text\n\t\tmargin: -$icon-margin;\n\t\tmargin-left: 0;\n\t\topacity: $opacity_normal;\n\t\tfont-size: $icon-size;\n\n\t\t@include iconfont('info');\n\n\t\t&:hover, &:focus, &:active {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t&__desc {\n\t\tmargin-top: -0.2em;\n\t\tmargin-bottom: 1em;\n\t\topacity: $opacity_normal;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n",'$__iconfont__data: map-merge(if(global_variable_exists(\'__iconfont__data\'), $__iconfont__data, ()), (\n\t"iconfont-vue-84c461f": (\n\t\t"arrow-left-double": "\\ea01",\n\t\t"arrow-left": "\\ea02",\n\t\t"arrow-right-double": "\\ea03",\n\t\t"arrow-right": "\\ea04",\n\t\t"breadcrumb": "\\ea05",\n\t\t"checkmark": "\\ea06",\n\t\t"close": "\\ea07",\n\t\t"confirm": "\\ea08",\n\t\t"info": "\\ea09",\n\t\t"menu": "\\ea0a",\n\t\t"more": "\\ea0b",\n\t\t"pause": "\\ea0c",\n\t\t"play": "\\ea0d",\n\t\t"triangle-s": "\\ea0e",\n\t\t"user-status-away": "\\ea0f",\n\t\t"user-status-dnd": "\\ea10",\n\t\t"user-status-invisible": "\\ea11",\n\t\t"user-status-online": "\\ea12"\n\t)\n));\n\n\n$create-font-face: true !default; // should the @font-face tag get created?\n\n// should there be a custom class for each icon? will be .filename\n$create-icon-classes: true !default; \n\n// what is the common class name that icons share? in this case icons need to have .icon.filename in their classes\n// this requires you to have 2 classes on each icon html element, but reduced redeclaration of the font family\n// for each icon\n$icon-common-class: \'icon\' !default;\n\n// if you whish to prefix your filenames, here you can do so.\n// if this string stays empty, your classes will use the filename, for example\n// an icon called star.svg will result in a class called .star\n// if you use the prefix to be \'icon-\' it would result in .icon-star\n$icon-prefix: \'\' !default; \n\n// helper function to get the correct font group\n@function iconfont-group($group: null) {\n @if (null == $group) {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n @if (false == map-has-key($__iconfont__data, $group)) {\n @warn \'Undefined Iconfont Family!\';\n @return ();\n }\n @return map-get($__iconfont__data, $group);\n}\n\n// helper function to get the correct icon of a group\n@function iconfont-item($name) {\n $slash: str-index($name, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($name, 0, $slash - 1);\n $name: str-slice($name, $slash + 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n $group: iconfont-group($group);\n @if (false == map-has-key($group, $name)) {\n @warn \'Undefined Iconfont Glyph!\';\n @return \'\';\n }\n @return map-get($group, $name);\n}\n\n// complete mixing to include the icon\n// usage:\n// .my_icon{ @include iconfont(\'star\') }\n@mixin iconfont($icon) {\n $slash: str-index($icon, \'/\');\n $group: null;\n @if ($slash) {\n $group: str-slice($icon, 0, $slash - 1);\n } @else {\n $group: nth(map-keys($__iconfont__data), 1);\n }\n &:before {\n font-family: $group;\n font-style: normal;\n font-weight: 400;\n content: iconfont-item($icon);\n }\n}\n\n// creates the font face tag if the variable is set to true (default)\n@if $create-font-face == true {\n @font-face {\n font-family: "iconfont-vue-84c461f";\n src: url(\'../iconfont-vue-84c461f.eot\'); /* IE9 Compat Modes */\n src: url(\'../iconfont-vue-84c461f.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */\n url(\'../iconfont-vue-84c461f.woff\') format(\'woff\'), /* Pretty Modern Browsers */\n url(\'../iconfont-vue-84c461f.ttf\') format(\'truetype\'), /* Safari, Android, iOS */\n url(\'../iconfont-vue-84c461f.svg\') format(\'svg\'); /* Legacy iOS */\n }\n}\n\n// creates icon classes for each individual loaded svg (default)\n@if $create-icon-classes == true {\n .#{$icon-common-class} {\n font-style: normal;\n font-weight: 400;\n\n @each $icon, $content in map-get($__iconfont__data, "iconfont-vue-84c461f") {\n &.#{$icon-prefix}#{$icon}:before {\n font-family: "iconfont-vue-84c461f";\n content: iconfont-item("iconfont-vue-84c461f/#{$icon}");\n }\n }\n }\n}\n'],sourceRoot:""}]),e.default=p},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/UserBubble/UserBubble.vue?vue&type=style&index=0&id=5c0e21af&lang=scss&scoped=true&": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--1-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBubble/UserBubble.vue?vue&type=style&index=0&id=5c0e21af&lang=scss&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,'@charset "UTF-8";\n/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n.user-bubble__wrapper[data-v-5c0e21af] {\n display: inline-block;\n vertical-align: middle;\n min-width: 0;\n max-width: 100%;\n}\n.user-bubble__content[data-v-5c0e21af] {\n display: inline-flex;\n max-width: 100%;\n background-color: var(--color-background-dark);\n}\n.user-bubble__content--primary[data-v-5c0e21af] {\n color: var(--color-primary-text);\n background-color: var(--color-primary-element);\n}\n.user-bubble__content[data-v-5c0e21af] > :last-child {\n padding-right: 8px;\n}\n.user-bubble__avatar[data-v-5c0e21af] {\n align-self: center;\n}\n.user-bubble__title[data-v-5c0e21af] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.user-bubble__title[data-v-5c0e21af], .user-bubble__secondary[data-v-5c0e21af] {\n padding: 0;\n padding-left: 4px;\n}\n',"",{version:3,sources:["webpack://./UserBubble.vue","webpack://./../../assets/variables.scss"],names:[],mappings:"AAAA,gBAAgB;ACAhB;;;;;;;;;;;;;;;;;;;;EDqBE;AA+PD;EAEC,qBAAqB;EACrB,sBAAsB;EAEtB,YAAY;EACZ,eAAe;AAAA;AAGhB;EACC,oBAAoB;EACpB,eAAe;EACf,8CAA8C;AAAA;AAE9C;IACC,gCAAgC;IAChC,8CAA8C;AAAA;AAP/C;IAYC,kBAAkB;AAAA;AAIpB;EACC,kBAAkB;AAAA;AAGnB;EACC,gBAAgB;EAChB,mBAAmB;EACnB,uBAAuB;AAAA;AAGxB;EAGC,UAAU;EACV,iBAAiB;AAAA",sourcesContent:["$scope_version:\"84c461f\"; @import 'variables';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.user-bubble {\n\t&__wrapper {\n\t\t// align inline with text\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\t// shrink and allow grow to fit\n\t\tmin-width: 0;\n\t\tmax-width: 100%;\n\t}\n\n\t&__content {\n\t\tdisplay: inline-flex;\n\t\tmax-width: 100%;\n\t\tbackground-color: var(--color-background-dark);\n\n\t\t&--primary {\n\t\t\tcolor: var(--color-primary-text);\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\n\t\t> :last-child {\n\t\t\t// border radius left padding\n\t\t\tpadding-right: 8px;\n\t\t}\n\t}\n\n\t&__avatar {\n\t\talign-self: center;\n\t}\n\n\t&__title {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__title,\n\t&__secondary {\n\t\t// proper spacing between avatar, title & slot\n\t\tpadding: 0;\n\t\tpadding-left: 4px;\n\t}\n}\n\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\n// recommended is 48px\n// 44px is what we choose and have very good visual-to-usability ratio\n$clickable-area: 44px;\n\n// background icon size\n// also used for the scss icon font\n$icon-size: 16px;\n\n// icon padding for a $clickable-area width and a $icon-size icon\n// ( 44px - 16px ) / 2\n$icon-margin: ($clickable-area - $icon-size) / 2;\n\n// transparency background for icons\n$icon-focus-bg: rgba(127, 127, 127, .25);\n\n// popovermenu arrow width from the triangle center\n$arrow-width: 9px;\n\n// opacities\n$opacity_disabled: .5;\n$opacity_normal: .7;\n$opacity_full: 1;\n\n// menu round background hover feedback\n// good looking on dark AND white bg\n$action-background-hover: rgba(127, 127, 127, .25);\n\n// various structure data used in the \n// `AppNavigation` component\n$header-height: 50px;\n$navigation-width: 300px;\n\n// mobile breakpoint\n$breakpoint-mobile: 1024px;\n"],sourceRoot:""}]),e.default=r},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/AppNavigationSpacer/AppNavigationSpacer.vue?vue&type=style&index=0&id=9c70beda&scoped=true&lang=css&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/resolve-url-loader!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppNavigationSpacer/AppNavigationSpacer.vue?vue&type=style&index=0&id=9c70beda&scoped=true&lang=css& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */function(n,e,t){"use strict";t.r(e);var o=t(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),i=t.n(o),a=t(/*! ../../../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),r=t.n(a)()(i.a);r.push([n.i,"\n.app-navigation-spacer[data-v-9c70beda] {\n\tflex-shrink: 0;\n\torder: 1;\n\theight: 22px;\n}\n\n","",{version:3,sources:["webpack://./AppNavigationSpacer.vue"],names:[],mappings:";AAgCA;CACA,cAAA;CACA,QAAA;CACA,YAAA;AACA",sourcesContent:["\x3c!--\n - @copyright Copyright (c) 2019 Christoph Wurst \n -\n - @author Christoph Wurst \n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see .\n -\n --\x3e\n\n\n