@madgex/design-system 1.55.0 → 1.55.1

package/dist/js/index.js

@@ -44,4 +44,4 @@ var n="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typ
   * (c) 2020 Karol Fabjańczuk
   * @license MIT
   */
-Object.setPrototypeOf=Object.setPrototypeOf||o;o.bind(Object);var i="undefined"!=typeof Symbol&&"undefined"!=typeof Reflect&&"undefined"!=typeof Proxy&&!Object.isSealed(Proxy),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(){return Reflect.construct(HTMLElement,[],this.__proto__.constructor)}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("undefined"!=typeof customElements){if(i){var n=function(e){function n(e){s(this,n);var t=c(this,(n.__proto__||Object.getPrototypeOf(n)).call(this)),r=e?HTMLElement.call(e):t;return o.call(r),c(t,r)}return u(n,e),a(n,null,[{key:"observedAttributes",get:function(){return t.observedAttributes||[]}}]),n}(l);return n.prototype.connectedCallback=f,n.prototype.disconnectedCallback=d,n.prototype.attributeChangedCallback=p,h(e,n),n}var r=function(e){var t=e?HTMLElement.call(e):this;return o.call(t),t};return r.observedAttributes=t.observedAttributes||[],r.prototype=Object.create(HTMLElement.prototype,{constructor:{configurable:!0,writable:!0,value:r}}),r.prototype.connectedCallback=f,r.prototype.disconnectedCallback=d,r.prototype.attributeChangedCallback=p,h(e,r),r}function o(){!0===t.shadow&&HTMLElement.prototype.attachShadow&&this.attachShadow({mode:"open"}),"function"==typeof t.constructorCallback&&t.constructorCallback.call(this)}function f(){"function"==typeof t.connectedCallback&&t.connectedCallback.call(this)}function d(){"function"==typeof t.disconnectedCallback&&t.disconnectedCallback.call(this)}function p(e,n,r){"function"==typeof t.attributeChangedCallback&&t.attributeChangedCallback.call(this,e,n,r)}function h(e,t){var n=customElements.get(e);return void 0!==n?n:customElements.define(e,t)}}Object.setPrototypeOf(l.prototype,HTMLElement.prototype),Object.setPrototypeOf(l,HTMLElement);var d=/-(\w)/g,p=function(e){return e.replace(d,(function(e,t){return t?t.toUpperCase():""}))},h=/([^-])([A-Z])/g,v=function(e){return e.replace(h,"$1-$2").replace(h,"$1-$2").toLowerCase()};function m(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}var y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function g(e,t){if(null==e)return t!==Boolean&&void 0;var n=e,r=["true","false"].indexOf(e)>-1,o=parseFloat(n,10),i=!isNaN(o)&&isFinite(n)&&"string"==typeof n&&!n.match(/^0+[^.]\d*$/g);return t&&t!==Boolean&&(void 0===n?"undefined":y(n))!==t?n=t(e):r||t===Boolean?n=""===n||("true"===n||!0===n):i&&(n=o),n}function b(e,t){if(e&&e.length)e.forEach((function(e){var n=p(e);-1===t.camelCase.indexOf(n)&&t.camelCase.push(n)}));else if(e&&"object"===(void 0===e?"undefined":y(e)))for(var n in e){var r=p(n);-1===t.camelCase.indexOf(r)&&t.camelCase.push(r),e[r]&&e[r].type&&(t.types[n]=[].concat(e[r].type)[0])}}function _(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={camelCase:[],hyphenate:[],types:{}};if(e.mixins&&e.mixins.forEach((function(e){b(e.props,t)})),e.extends&&e.extends.props){var n=e.extends.props;b(n,t)}return b(e.props,t),t.camelCase.forEach((function(e){t.hyphenate.push(v(e))})),t}function w(e){var t={};return m(e.attributes).forEach((function(e){t["vue-slot"===e.nodeName?"slot":e.nodeName]=e.nodeValue})),t}function x(e,t,n){var r=m(function(e){if(e.childNodes.length)return e.childNodes;if(e.content&&e.content.childNodes&&e.content.childNodes.length)return e.content.childNodes;var t=document.createElement("div");return t.innerHTML=e.innerHTML,t.childNodes}(t)).map((function(t){return"#text"===t.nodeName?t.nodeValue:e(t.tagName,{attrs:w(t),domProps:{innerHTML:t.innerHTML}})}));return n.slot=t.id,e("template",n,r)}function E(e,t){var n={bubbles:!1,cancelable:!1,detail:t},r=void 0;return"function"==typeof window.CustomEvent?r=new CustomEvent(e,n):(r=document.createEvent("CustomEvent")).initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r}function C(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=E(t,[].concat(r));e.dispatchEvent(i)}function A(e,t,n,r,o){if(!e.__vue_custom_element__){var i=t.util.extend({},n),a=function(e,t,n){var r=t.propsData||{};return n.hyphenate.forEach((function(t,o){var i=n.camelCase[o],a=e.attributes[t]||e[i],s=null;n.types[i]&&(s=n.types[i]),a instanceof Attr?r[i]=g(a.value,s):void 0!==a&&(r[i]=a)})),r}(e,i,r),s=t.version&&parseInt(t.version.split(".")[0],10)||0;if(i.beforeCreate=[].concat(i.beforeCreate||[],(function(){this.$emit=function(){for(var t,n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];C.apply(void 0,[e].concat(r)),this.__proto__&&(t=this.__proto__.$emit).call.apply(t,[this].concat(r))}})),i._compiled){var c={},u=i._Ctor;u&&(c=Object.keys(u).map((function(e){return u[e]}))[0].options),c.beforeCreate=i.beforeCreate}var l=void 0;if(s>=2){var f=e.cloneNode(!0).childNodes;l={propsData:a,props:r.camelCase,computed:{reactiveProps:function(){var e=this,t={};return r.camelCase.forEach((function(n){void 0!==e[n]&&(t[n]=e[n])})),t}},render:function(e){var t={props:this.reactiveProps};return e(i,t,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments[1],n=[];return m(e).forEach((function(e){if("#text"===e.nodeName)e.nodeValue.trim()&&n.push(t("span",e.nodeValue));else if("#comment"!==e.nodeName){var r=w(e),o={attrs:r,domProps:{innerHTML:""===e.innerHTML?e.innerText:e.innerHTML}};r.slot&&(o.slot=r.slot,r.slot=void 0);var i="TEMPLATE"===e.tagName?x(t,e,o):t(e.tagName,o);n.push(i)}})),n}(f,e))}}}else if(1===s)(l=i).propsData=a;else{l=i;var d={};Object.keys(a).forEach((function(e){d[e]={default:a[e]}})),l.props=d}var p=s>=2?"<div></div>":("<div>"+e.innerHTML+"</div>").replace(/vue-slot=/g,"slot=");if(o.shadow&&e.shadowRoot?(e.shadowRoot.innerHTML=p,l.el=e.shadowRoot.children[0]):(e.innerHTML=p,l.el=e.children[0]),function(e,t){t.camelCase.forEach((function(n,r){Object.defineProperty(e,n,{get:function(){return this.__vue_custom_element__[n]},set:function(e){if("object"!==(void 0===e?"undefined":y(e))&&"function"!=typeof e||!this.__vue_custom_element__){var n=t.types[t.camelCase[r]];this.setAttribute(t.hyphenate[r],g(e,n))}else{var o=t.camelCase[r];this.__vue_custom_element__[o]=e}}})}))}(e,r),"function"==typeof o.beforeCreateVueInstance&&(l=o.beforeCreateVueInstance(l)||l),e.__vue_custom_element__=new t(l),e.__vue_custom_element_props__=r,e.getVueInstance=function(){var t=e.__vue_custom_element__;return t.$children.length?t.$children[0]:t},o.shadow&&o.shadowCss&&e.shadowRoot){var h=document.createElement("style");h.type="text/css",h.appendChild(document.createTextNode(o.shadowCss)),e.shadowRoot.appendChild(h)}e.removeAttribute("vce-cloak"),e.setAttribute("vce-ready",""),C(e,"vce-ready")}}function O(e){e.customElement=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o="function"==typeof n,i=o&&{props:r.props||[]},a=_(o?i:n),s=f(t,{constructorCallback:function(){"function"==typeof r.constructorCallback&&r.constructorCallback.call(this)},connectedCallback:function(){var i=this,s=o&&n(),c=s&&s.then&&"function"==typeof s.then;if("function"==typeof r.connectedCallback&&r.connectedCallback.call(this),o&&!c)throw new Error("Async component "+t+" do not returns Promise");this.__detached__||(c?s.then((function(t){var n=_(t);A(i,e,t,n,r),"function"==typeof r.vueInstanceCreatedCallback&&r.vueInstanceCreatedCallback.call(i)})):(A(this,e,n,a,r),"function"==typeof r.vueInstanceCreatedCallback&&r.vueInstanceCreatedCallback.call(this))),this.__detached__=!1},disconnectedCallback:function(){var e=this;this.__detached__=!0,"function"==typeof r.disconnectedCallback&&r.disconnectedCallback.call(this),null!==r.destroyTimeout&&setTimeout((function(){e.__detached__&&e.__vue_custom_element__&&(e.__detached__=!1,e.__vue_custom_element__.$destroy(!0),delete e.__vue_custom_element__,delete e.__vue_custom_element_props__)}),r.destroyTimeout||3e3)},attributeChangedCallback:function(e,t,n){if(this.__vue_custom_element__&&void 0!==n){var o=p(e);"function"==typeof r.attributeChangedCallback&&r.attributeChangedCallback.call(this,e,t,n);var i=this.__vue_custom_element_props__.types[o];this.__vue_custom_element__[o]=g(n,i)}},observedAttributes:a.hyphenate,shadow:!!r.shadow&&!!HTMLElement.prototype.attachShadow});return s}}"undefined"!=typeof window&&window.Vue&&(window.Vue.use(O),O.installed&&(O.installed=!1));var T=O,S=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mds-combobox",class:{"mds-combobox--active":!e.listBoxHidden},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:e.hiddenGuard(e.onKeyDown)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:e.hiddenGuard(e.onKeyUp)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"home",void 0,t.key,void 0)?null:e.hiddenGuard(e.onKeyHome)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"end",void 0,t.key,void 0)?null:e.hiddenGuard(e.onKeyEnd)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.makeInactive(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:(t.stopPropagation(),t.preventDefault(),e.chooseOption(t))}]}},[n("ComboboxInput",{attrs:{id:e.comboboxid,name:e.name,placeholder:e.placeholder,"aria-labelledby":e.labelId,"aria-owns":e.listBoxId,"aria-expanded":e.ariaExpanded,activeDescendent:e.selectedOptionId},on:{focus:e.makeActive,blur:e.onInputBlur},model:{value:e.inputValue,callback:function(t){e.inputValue=t},expression:"inputValue"}}),e._v(" "),n("ListBox",{attrs:{id:e.listBoxId,"aria-labelledby":e.labelId,hidden:e.listBoxHidden,isLoading:e.isLoading}},[e._l(e.visibleOptions,(function(t,r){return n("ListBoxOption",{key:r,attrs:{option:t,id:e.optionId+"-"+r,focused:e.selectedOption===t,searchValue:e.searchValue},on:{mousedown:function(n){return e.clickOption(t)}}})}))],2),e._v(" "),n("div",{staticClass:"mds-visually-hidden",attrs:{"aria-live":"polite",role:"status"}},[e._v("\n    "+e._s(e.resultCount)+"\n  ")])],1)};S._withStripped=!0;n(112),n(113),n(114),n(116),n(117);var k=n(20),L=n.n(k),M=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{role:"presentation"}},[n("input",e._b({staticClass:"mds-form-control",attrs:{autocomplete:"off",type:"text",role:"combobox","aria-autocomplete":"list","aria-activedescendant":e.activeDescendent},domProps:{value:e.value},on:{input:function(t){return e.$emit("input",t)},focus:function(t){return e.$emit("focus",t)},blur:function(t){return e.$emit("blur",t)}}},"input",e.$attrs,!1))])};function I(e,t,n,r,o,i,a,s){var c,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(e,t){return c.call(t),l(e,t)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,c):[c]}return{exports:e,options:u}}M._withStripped=!0;var $=I({name:"ComboboxInput",props:{value:{type:String,default:""},activeDescendent:{type:[String,Boolean],default:!1}},inheritAttrs:!1},M,[],!1,null,null,null);$.options.__file="src/components/inputs/combobox/vue-components/ComboboxInput.vue";var j=$.exports,N=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"mds-combobox__listbox",attrs:{role:"listbox",hidden:e.hidden}},[e.isLoading?n("li",{staticClass:"mds-combobox-loading"},[n("svg",{staticClass:"mds-icon mds-icon--spinner mds-icon--after",attrs:{"aria-hidden":"true",focusable:"true"}},[n("use",{attrs:{href:e.iconPath+"#spinner"}})]),e._v(" "),n("span",{staticClass:"mds-visually-hidden"},[e._v("Loading...")])]):e._e(),e._v(" "),e._t("default")],2)};N._withStripped=!0;var P=I({name:"ListBox",props:{hidden:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!0}},inject:["iconPath"]},N,[],!1,null,null,null);P.options.__file="src/components/inputs/combobox/vue-components/ListBox.vue";var H=P.exports,D=function(){var e=this,t=e.$createElement;return(e._self._c||t)("li",{staticClass:"mds-combobox__option",class:{"mds-combobox__option--focused":e.focused},attrs:{role:"option","aria-selected":e.focused.toString()},domProps:{innerHTML:e._s(e.highlightOption())},on:{mousedown:function(t){return e.$emit("mousedown",t)}}})};D._withStripped=!0;n(125),n(52),n(126),n(80);var F=I({name:"ListBoxOption",props:{option:{type:Object,required:!0},focused:{type:Boolean,default:!1},searchValue:{type:String,default:""}},watch:{searchValue:function(e){return e}},methods:{highlightOption:function(){return this.option.label.replace(new RegExp(this.searchValue,"gi"),(function(e){return'<span class="mds-combobox__option--marked">'.concat(e,"</span>")}))}}},D,[],!1,null,null,null);F.options.__file="src/components/inputs/combobox/vue-components/ListBoxOption.vue";var R=I({name:"Combobox",components:{ComboboxInput:j,ListBox:H,ListBoxOption:F.exports},props:{comboboxid:{type:String,required:!0},placeholder:{type:String,default:"Please combobox"},resultmessage:{type:[String,Function],default:"options available"},name:{type:[String,Boolean],default:!1},value:{type:String,default:""},options:{type:Array,default:function(){return[]}},filterOptions:{type:Boolean,default:!0},iconpath:{type:String,default:"/assets/icons.svg"}},data:function(){return{expanded:!1,selected:null,chosen:null,searchValue:this.$props.value}},provide:function(){return{iconPath:this.iconpath}},computed:{inputValue:{get:function(){return this.chosenOption?this.chosenOption.label:this.searchValue},set:function(e){this.chosenOption=null,this.searchValue=e.target?e.target.value:"",this.makeActive(),this.$emit("search",this.searchValue)}},selectedOption:{get:function(){return this.selected},set:function(e){this.selected=e}},chosenOption:{get:function(){return this.chosen},set:function(e){this.chosen=e,this.selectedOption=e,this.$emit("select-option",this.chosen)}},visibleOptions:function(){var e=this;return this.filterOptions?this.options.filter((function(t){return t.label.toLowerCase().includes(e.searchValue.toLowerCase())})):this.options},labelId:function(){return"".concat(this.comboboxid,"-label")},listBoxId:function(){return"".concat(this.comboboxid,"-listbox")},optionId:function(){return"".concat(this.comboboxid,"-option")},isLoading:function(){return 0===this.options.length&&this.expanded},selectedOptionId:function(){var e=this.visibleOptions.indexOf(this.selectedOption);return e>-1&&"".concat(this.optionId,"-").concat(e)},listBoxHidden:function(){return!this.expanded},lastOptionIndex:function(){return this.visibleOptions.length-1},resultCount:function(){return"function"==typeof this.resultmessage?this.resultmessage(this.visibleOptions.length):"".concat(this.visibleOptions.length," ").concat(this.resultmessage)},ariaExpanded:function(){return this.expanded?"true":"false"}},methods:{makeActive:function(){this.expanded=!0},makeInactive:function(){this.expanded=!1},clickOption:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectedOption;this.chosenOption=e,this.makeInactive()},chooseOption:function(){this.chosenOption=this.selectedOption,this.makeInactive()},hiddenGuard:function(e){this.listBoxHidden||e.call(this)},onInputBlur:function(){this.makeInactive()},onKeyDown:function(){if(this.selectedOption){var e=this.visibleOptions.indexOf(this.selectedOption),t=e===this.lastOptionIndex?0:e+1;this.selectedOption=this.visibleOptions[t]}else{var n=L()(this.visibleOptions,1);this.selectedOption=n[0]}},onKeyUp:function(){if(this.selectedOption){var e=this.visibleOptions.indexOf(this.selectedOption),t=0===e?this.lastOptionIndex:e-1;this.selectedOption=this.visibleOptions[t]}else this.selectedOption=this.visibleOptions[this.lastOptionIndex]},onKeyHome:function(){var e=L()(this.visibleOptions,1);this.selectedOption=e[0]},onKeyEnd:function(){this.selectedOption=this.visibleOptions[this.lastOptionIndex]}}},S,[],!1,null,null,null);R.options.__file="src/components/inputs/combobox/vue-components/Combobox.vue";var B={name:"mds-combobox",component:R.exports,hooks:{connectedCallback:function(){var e=this.parentElement.querySelector("input");e&&e.remove()}}},V=(n(7),n(127),n(8),function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"mds-multiselect",attrs:{"data-multiselect-id":this.name}},[t("MultiSelectCheckboxGroup",{attrs:{name:this.name,options:this.availableOptions,testId:this.name+"-group"}})],1)});V._withStripped=!0;var U=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.options?n("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],staticClass:"mds-multiselect__checkbox-group",class:{"mds-multiselect__checkbox-group--nested":e.nested},attrs:{"data-multiselect-id":e.testId+"-group"}},e._l(e.options,(function(t){return n("MultiSelectCheckbox",{key:t.id,attrs:{id:t.id,name:t.name,value:t.value,label:t.label,checked:t.checked,hasChildren:t.children&&!!t.children.length},scopedSlots:e._u([{key:"children",fn:function(r){return[t.children&&t.children.length?n("MultiSelectCheckboxGroup",{ref:t.id+"-group",refInFor:!0,attrs:{name:e.name,testId:e.name+"-"+t.id,options:t.children,nested:!0,isExpanded:r.expanded,childOf:t.id}}):e._e()]}}],null,!0)})})),1):e._e()};U._withStripped=!0;var q=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mds-multiselect__checkbox",attrs:{"data-multiselect-id":e.name+"-checkbox"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.isChecked,expression:"isChecked"}],attrs:{type:"checkbox",name:e.name,id:e.id},domProps:{value:e.value,checked:Array.isArray(e.isChecked)?e._i(e.isChecked,e.value)>-1:e.isChecked},on:{change:function(t){var n=e.isChecked,r=t.target,o=!!r.checked;if(Array.isArray(n)){var i=e.value,a=e._i(n,i);r.checked?a<0&&(e.isChecked=n.concat([i])):a>-1&&(e.isChecked=n.slice(0,a).concat(n.slice(a+1)))}else e.isChecked=o}}}),n("label",{attrs:{for:e.id},on:{click:e.toggleChecked}},[e._v(e._s(e.label))]),e.hasChildren?n("button",{ref:e.id+"-trigger",staticClass:"mds-button mds-button--plain mds-padding-b0",attrs:{type:"button","aria-expanded":e.isShowing?"true":"false"},on:{click:e.toggleExpansion,keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?null:"button"in t&&2!==t.button?null:e.toggleExpansion(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?null:"button"in t&&0!==t.button?null:e.toggleExpansion(t)}]}},[n("svg",{staticClass:"mds-icon mds-icon--chevron-right mds-icon--after mds-icon--sm mds-animate-transform-fast",class:e.isShowing?" mds-rotate-cw-90":"",attrs:{"aria-hidden":"true",focusable:"true"}},[n("use",{attrs:{href:e.iconPath+"#chevron-right"}})])]):e._e(),e._v(" "),e._t("children",null,{expanded:e.isShowing})],2)};q._withStripped=!0;n(129);var W=I({name:"MultiSelectCheckbox",props:{id:{type:String,required:!0},name:{type:String,required:!0},checked:{type:Boolean,default:!1},label:{type:String,required:!0},value:{type:[String,Number],required:!0},hasChildren:{type:Boolean,default:!1}},inject:["iconPath"],data:function(){return{isShowing:!1,userChecked:null}},computed:{isChecked:{get:function(){return null!==this.userChecked?this.userChecked:this.checked},set:function(e){this.userChecked=e}}},methods:{toggleExpansion:function(){this.isShowing=!this.isShowing},toggleChecked:function(){this.isChecked=!this.isChecked}}},q,[],!1,null,null,null);W.options.__file="src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue";var z=I({name:"MultiSelectCheckboxGroup",components:{MultiSelectCheckbox:W.exports},props:{isExpanded:{type:Boolean,default:!0},options:{type:Array,default:function(){return[]}},name:{type:String,default:""},nested:{type:Boolean,default:!1},testId:{type:String,required:!0}}},U,[],!1,null,null,null);z.options.__file="src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue";var G=I({name:"MultiSelect",components:{MultiSelectCheckboxGroup:z.exports},props:{name:{type:[String,Boolean],default:!1},optional:{type:Boolean,default:!1},options:{type:Array,default:function(){return[]}},iconpath:{type:String,default:"/assets/icons.svg"}},provide:function(){return{iconPath:this.iconpath}},data:function(){return{selected:null,availableOptions:this.options}},watch:{options:function(e){this.availableOptions=e}}},V,[],!1,null,null,null);G.options.__file="src/components/inputs/multi-select/vue-components/MultiSelect.vue";var K=G.exports;var Y={name:"mds-multiselect",component:K,hooks:{connectedCallback:function(){this.options=function e(t){return Array.from(t.querySelectorAll(":scope > .mds-multiselect__checkbox")).reduce((function(t,n){var r=n.querySelector(".mds-multiselect__checkbox-group"),o=n.querySelector("input"),i=n.querySelector("label");return t.push({id:o.id,name:o.name,value:o.value,label:i.innerText,checked:o.checked,children:r?e(r):null}),t}),[])}(this.parentElement.querySelector(".mds-multiselect__checkbox-group"))}}};r.a.use(T),r.a.config.devtools=!1,r.a.config.keyCodes.end=35,r.a.config.keyCodes.home=36,[B,Y].forEach((function(e){var t=e.name,n=e.component,o=e.hooks;r.a.customElement(t,n,o)}))},function(e,t,n){"use strict";n.r(t);n(9),n(7),n(8),n(76),n(12);window.addEventListener("hashchange",(function(){var e=window.location.hash.trim();Array.from(document.querySelectorAll("a[href='".concat(e,"']"))).forEach((function(e){e.click()}))}),!1);var r,o=37,i=39,a=38,s=40,c={init:function(){var e=Array.from(document.querySelectorAll(".".concat("mds-tabs__list"))),t=Array.from(document.querySelectorAll(".".concat("mds-tabs__list-item"))),n=Array.from(document.querySelectorAll(".".concat("mds-tabs__tab"))),r=Array.from(document.querySelectorAll(".".concat("mds-tabs__panel")));e.forEach((function(e){e.setAttribute("role","tablist")})),t.forEach((function(e){e.setAttribute("role","presentation")})),n.forEach((function(e){e.setAttribute("role","tab"),e.setAttribute("aria-controls",e.attributes.href.value.substring(1)),e.classList.contains("mds-tabs__tab--selected")?e.setAttribute("tabindex","0"):e.setAttribute("tabindex","-1")})),r.forEach((function(e){e.setAttribute("role","tabpanel"),e.setAttribute("aria-labelledby",e.attributes.id.value)}));var u=document.querySelectorAll(".".concat("js-tabs-item"));Array.from(u).forEach((function(e){var t=window.location.hash.trim(),n=e.attributes.href.value,r=e.closest(".".concat("mds-tabs")),o=c.getAllPanels(r),i=c.getAllTabs(r),a=c.getTargetPanel(e,r);e.addEventListener("click",(function(t){t.preventDefault(),c.updateTabs(i,o,e,a,n)})),n===t&&c.updateTabs(i,o,e,a,n)})),e.forEach((function(e){var t=e.closest(".".concat("mds-tabs")),n=c.getAllPanels(t),r=c.getAllTabs(t);e.addEventListener("keydown",(function(u){switch(u.keyCode){case o:case a:u.preventDefault(),c.moveTab(e,t,r,n,!1);break;case i:case s:u.preventDefault(),c.moveTab(e,t,r,n,!0)}}))}))},getSelectedTab:function(e){return e.querySelector(".".concat("mds-tabs__tab--selected"))},getPrevTab:function(e){return!!e.parentElement.previousSibling&&e.parentElement.previousSibling.querySelector(".".concat("mds-tabs__tab"))},getNextTab:function(e){return!!e.parentElement.nextSibling&&e.parentElement.nextSibling.querySelector(".".concat("mds-tabs__tab"))},getTargetPanel:function(e,t){var n=e.attributes.href.value;return t.querySelector(n)},getAllPanels:function(e){return Array.from(e.querySelectorAll(".".concat("mds-tabs__panel")))},getAllTabs:function(e){return Array.from(e.querySelectorAll(".".concat("mds-tabs__tab")))},moveTab:function(e,t,n,r,o){var i=c.getSelectedTab(e),a=o?c.getNextTab(i):c.getPrevTab(i);if(a){var s=a.attributes.href.value,u=c.getTargetPanel(a,t);c.updateTabs(n,r,a,u,s,!1)}},updateTabs:function(e,t,n,r,o){c.clearAllTabs(e),c.setActiveTab(n),c.clearAllPanels(t),c.setActivePanel(r,o)},clearAllTabs:function(e){e.forEach((function(e){e.classList.remove("mds-tabs__tab--selected"),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")}))},clearAllPanels:function(e){e.forEach((function(e){e.classList.add("mds-tabs__panel--hidden")}))},setActiveTab:function(e){e.classList.add("mds-tabs__tab--selected"),e.setAttribute("aria-selected","true"),e.setAttribute("tabindex","0"),e.focus()},setActivePanel:function(e,t){e.classList.remove("mds-tabs__panel--hidden"),window.history.replaceState({},"",t)}},u=c,l=(n(52),n(80),{init:function(){var e=Array.from(document.querySelectorAll(".".concat("mds-accordion"))),t=window.innerWidth;e.forEach((function(e){l.checkBreakpoint(e,t)?l.setAccordion(e):e.classList.add("mds-accordion--expanded")}))},checkBreakpoint:function(e,t){var n=0;if(e.dataset.bp){var r,o=e.dataset.bp.replace(/\D/g,"");switch(e.dataset.bp.replace(/[0-9]/g,"")){case"px":n=o;break;case"em":case"rem":r=window.getComputedStyle(document.querySelector("body"))["font-size"],n=o*parseFloat(r);break;default:return!0}return!(t>n)}return!0},setAccordion:function(e){var t=e.id,n=e.querySelector(".".concat("mds-accordion__trigger")),r=e.querySelector(".".concat("mds-accordion__content")),o=l.createButton(t,e);n.classList.remove("mds-display-none"),r.setAttribute("aria-labelledby","accordion-trigger-".concat(t)),n.innerHTML="",n.appendChild(o),o.addEventListener("click",(function(e){e.preventDefault(),l.toggleExpand(o)}))},createButton:function(e,t){var n=t.querySelector(".".concat("mds-accordion__trigger"," > span")),r=document.createElement("button");return r.className="mds-accordion__trigger-button",r.classList.add("mds-button","mds-button--plain","mds-padding-b0"),r.setAttribute("id","accordion-trigger-".concat(e)),r.setAttribute("aria-expanded",!1),r.setAttribute("aria-controls","accordion-content-".concat(e)),r.append(n),r},switchLabel:function(e){var t=e;if(t.dataset.labelinverse){var n=t.textContent;t.textContent=t.dataset.labelinverse,t.setAttribute("data-labelinverse",n)}return t},toggleExpand:function(e){var t=e,n=e.querySelector(".".concat("mds-accordion__trigger-label")),r=t.closest(".".concat("mds-accordion"));"false"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded",!0),r.classList.add("mds-accordion--expanded")):(t.setAttribute("aria-expanded",!1),r.classList.remove("mds-accordion--expanded")),l.switchLabel(n)}}),f=l,d=n(89),p={init:function(){Array.from(document.querySelectorAll(".".concat("js-mds-popover-trigger"))).forEach((function(e){var t=e.getAttribute("id"),n="".concat(t,"-content"),r=document.getElementById(n),o=r.dataset?r.dataset.placement:null,i=new d.a(e,r,{placement:o||"top-end"});e.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),e.addEventListener("click",(function(t){t.preventDefault(),i.update(),r.classList.toggle("mds-popover--active"),p.setAriaAttr(e,r,"mds-popover--active")})),document.addEventListener("mousedown",(function(t){p.hide(e,r,i,"mds-popover--active",t)})),document.addEventListener("keydown",(function(t){p.hide(e,r,i,"mds-popover--active",t)}))}))},hide:function(e,t,n,r,o){e.contains(o.target)||n.popper.contains(o.target)||!t.classList.contains(r)||(t.classList.remove(r),p.setAriaAttr(e,t,r))},setAriaAttr:function(e,t,n){t.classList.contains(n)?(e.setAttribute("aria-expanded","true"),t.removeAttribute("aria-hidden")):(e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true"))}},h=p,v=(n(81),n(110)),m=parseInt(v.size.breakpoint.md.value,10),y={init:function(){window.innerWidth>m&&Array.from(document.querySelectorAll("[".concat("data-modal-id","]"))).forEach((function(e){var t=e.getAttribute("data-modal-id"),n=document.getElementById(t),o=Array.from(n.querySelectorAll(".".concat("js-mds-modal-close"))),i=n.getAttribute("data-site-container"),a=document.getElementById(i),s=n.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]'),c=(s=Array.prototype.slice.call(s))[0],u=s[s.length-1];e.addEventListener("click",(function(e){e.preventDefault(),y.open(n,c,a)})),n.addEventListener("click",(function(e){e.target===n&&y.close(n,r,a)})),n.addEventListener("keydown",(function(e){y.trapFocus(e,c,u),"Escape"!==e.key&&"Esc"!==e.key||y.close(n,r,a)})),o.forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),y.close(n,r,a)}))}))}))},open:function(e,t,n){r=document.activeElement,e.classList.add("mds-modal--active"),t.focus(),n.setAttribute("aria-hidden","true")},close:function(e,t,n){n.removeAttribute("aria-hidden"),e.classList.remove("mds-modal--active"),t.focus()},trapFocus:function(e,t,n){"Tab"===e.key&&(e.shiftKey?document.activeElement===t&&(e.preventDefault(),n.focus()):document.activeElement===n&&(e.preventDefault(),t.focus()))}},g=y,b=(n(56),{init:function(){Array.from(document.querySelectorAll(".mds-form-element--file")).forEach((function(e){var t=e.querySelector(".mds-file-upload__file-name"),n=e.querySelector("input[type=file]"),r=e.querySelector(".mds-file-upload__remove-button");n.addEventListener("change",(function(){n.files&&n.files.length&&(t.textContent=n.files[0].name,e.classList.add("mds-form-element--selected-file"))})),r.addEventListener("click",(function(r){r.preventDefault(),n.value="",t.textContent="",e.classList.remove("mds-form-element--selected-file")}))}))}});document.addEventListener("DOMContentLoaded",(function(){u.init(),f.init(),h.init(),g.init(),b.init()}))},function(e,t,n){"use strict";n.r(t);n(9),n(7),n(8),n(12);var r={switchToinverse:function(e){e.classList.remove("mds-switch-state--default"),e.classList.add("mds-switch-state--inverse")},switchTodefault:function(e){e.classList.remove("mds-switch-state--inverse"),e.classList.add("mds-switch-state--default")}},o={init:function(){Array.from(document.querySelectorAll(".js-mds-switch-state")).forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation();var t=e.currentTarget;t.classList.contains("mds-switch-state--default")?r.switchToinverse(t):(t.classList.contains("mds-switch-state--inverse"),r.switchTodefault(t))}))}))}},i={init:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3e3,r=document,o=r.body;i.hide(o);var a=document.createElement("div");a.setAttribute("role","alert"),a.classList.add("mds-notification","mds-message","mds-message--".concat(t)),a.innerText=e,i.show(o,a),setTimeout(i.hide,n,o)},show:function(e,t){e.appendChild(t)},hide:function(e){Array.from(e.querySelectorAll(".".concat("mds-notification"))).forEach((function(e){e.parentNode.removeChild(e)}))}},a=i,s={init:function(){Array.from(document.querySelectorAll(".js-notification-example")).forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation();var t=e.currentTarget,n=t.innerText,r=t.dataset.messageType;a.init(n,r)}))}))}},c=(n(137),n(81),n(138),n(140),n(20)),u=n.n(c);var l={init:function(){!function(){var e=document.querySelector('[data-combobox-id="distance-selection"]');if(e){var t=document.getElementById("select-distance-selection"),n=Array.from(t.querySelectorAll("option")),r=e.querySelector("mds-combobox");r.options=n.slice(1).map((function(e){return{value:e.value,label:e.textContent}})),r.addEventListener("select-option",(function(e){var n=u()(e.detail,1)[0];n&&(t.value=n.value,t.querySelector('option[value="'.concat(n.value,'"]')).setAttribute("selected",!0))}))}}(),function(){var e=document.querySelector('[data-combobox-id="keywords-lookup"]');if(e){var t=e.querySelector("mds-combobox");t.filterOptions=!1,t.addEventListener("search",(function(e){var n=u()(e.detail,1)[0];n?fetch("https://api.datamuse.com/sug?s=".concat(n)).then((function(e){return e.json()})).then((function(e){var n=e.map((function(e){var t=e.word;return{value:t,label:t}}));return t.options=n,n})).catch(console.log):t.options=[]}))}}()}};document.addEventListener("DOMContentLoaded",(function(){o.init(),s.init(),l.init()}))}]);
+Object.setPrototypeOf=Object.setPrototypeOf||o;o.bind(Object);var i="undefined"!=typeof Symbol&&"undefined"!=typeof Reflect&&"undefined"!=typeof Proxy&&!Object.isSealed(Proxy),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(){return Reflect.construct(HTMLElement,[],this.__proto__.constructor)}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("undefined"!=typeof customElements){if(i){var n=function(e){function n(e){s(this,n);var t=c(this,(n.__proto__||Object.getPrototypeOf(n)).call(this)),r=e?HTMLElement.call(e):t;return o.call(r),c(t,r)}return u(n,e),a(n,null,[{key:"observedAttributes",get:function(){return t.observedAttributes||[]}}]),n}(l);return n.prototype.connectedCallback=f,n.prototype.disconnectedCallback=d,n.prototype.attributeChangedCallback=p,h(e,n),n}var r=function(e){var t=e?HTMLElement.call(e):this;return o.call(t),t};return r.observedAttributes=t.observedAttributes||[],r.prototype=Object.create(HTMLElement.prototype,{constructor:{configurable:!0,writable:!0,value:r}}),r.prototype.connectedCallback=f,r.prototype.disconnectedCallback=d,r.prototype.attributeChangedCallback=p,h(e,r),r}function o(){!0===t.shadow&&HTMLElement.prototype.attachShadow&&this.attachShadow({mode:"open"}),"function"==typeof t.constructorCallback&&t.constructorCallback.call(this)}function f(){"function"==typeof t.connectedCallback&&t.connectedCallback.call(this)}function d(){"function"==typeof t.disconnectedCallback&&t.disconnectedCallback.call(this)}function p(e,n,r){"function"==typeof t.attributeChangedCallback&&t.attributeChangedCallback.call(this,e,n,r)}function h(e,t){var n=customElements.get(e);return void 0!==n?n:customElements.define(e,t)}}Object.setPrototypeOf(l.prototype,HTMLElement.prototype),Object.setPrototypeOf(l,HTMLElement);var d=/-(\w)/g,p=function(e){return e.replace(d,(function(e,t){return t?t.toUpperCase():""}))},h=/([^-])([A-Z])/g,v=function(e){return e.replace(h,"$1-$2").replace(h,"$1-$2").toLowerCase()};function m(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}var y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function g(e,t){if(null==e)return t!==Boolean&&void 0;var n=e,r=["true","false"].indexOf(e)>-1,o=parseFloat(n,10),i=!isNaN(o)&&isFinite(n)&&"string"==typeof n&&!n.match(/^0+[^.]\d*$/g);return t&&t!==Boolean&&(void 0===n?"undefined":y(n))!==t?n=t(e):r||t===Boolean?n=""===n||("true"===n||!0===n):i&&(n=o),n}function b(e,t){if(e&&e.length)e.forEach((function(e){var n=p(e);-1===t.camelCase.indexOf(n)&&t.camelCase.push(n)}));else if(e&&"object"===(void 0===e?"undefined":y(e)))for(var n in e){var r=p(n);-1===t.camelCase.indexOf(r)&&t.camelCase.push(r),e[r]&&e[r].type&&(t.types[n]=[].concat(e[r].type)[0])}}function _(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={camelCase:[],hyphenate:[],types:{}};if(e.mixins&&e.mixins.forEach((function(e){b(e.props,t)})),e.extends&&e.extends.props){var n=e.extends.props;b(n,t)}return b(e.props,t),t.camelCase.forEach((function(e){t.hyphenate.push(v(e))})),t}function w(e){var t={};return m(e.attributes).forEach((function(e){t["vue-slot"===e.nodeName?"slot":e.nodeName]=e.nodeValue})),t}function x(e,t,n){var r=m(function(e){if(e.childNodes.length)return e.childNodes;if(e.content&&e.content.childNodes&&e.content.childNodes.length)return e.content.childNodes;var t=document.createElement("div");return t.innerHTML=e.innerHTML,t.childNodes}(t)).map((function(t){return"#text"===t.nodeName?t.nodeValue:e(t.tagName,{attrs:w(t),domProps:{innerHTML:t.innerHTML}})}));return n.slot=t.id,e("template",n,r)}function E(e,t){var n={bubbles:!1,cancelable:!1,detail:t},r=void 0;return"function"==typeof window.CustomEvent?r=new CustomEvent(e,n):(r=document.createEvent("CustomEvent")).initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r}function C(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=E(t,[].concat(r));e.dispatchEvent(i)}function A(e,t,n,r,o){if(!e.__vue_custom_element__){var i=t.util.extend({},n),a=function(e,t,n){var r=t.propsData||{};return n.hyphenate.forEach((function(t,o){var i=n.camelCase[o],a=e.attributes[t]||e[i],s=null;n.types[i]&&(s=n.types[i]),a instanceof Attr?r[i]=g(a.value,s):void 0!==a&&(r[i]=a)})),r}(e,i,r),s=t.version&&parseInt(t.version.split(".")[0],10)||0;if(i.beforeCreate=[].concat(i.beforeCreate||[],(function(){this.$emit=function(){for(var t,n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];C.apply(void 0,[e].concat(r)),this.__proto__&&(t=this.__proto__.$emit).call.apply(t,[this].concat(r))}})),i._compiled){var c={},u=i._Ctor;u&&(c=Object.keys(u).map((function(e){return u[e]}))[0].options),c.beforeCreate=i.beforeCreate}var l=void 0;if(s>=2){var f=e.cloneNode(!0).childNodes;l={propsData:a,props:r.camelCase,computed:{reactiveProps:function(){var e=this,t={};return r.camelCase.forEach((function(n){void 0!==e[n]&&(t[n]=e[n])})),t}},render:function(e){var t={props:this.reactiveProps};return e(i,t,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments[1],n=[];return m(e).forEach((function(e){if("#text"===e.nodeName)e.nodeValue.trim()&&n.push(t("span",e.nodeValue));else if("#comment"!==e.nodeName){var r=w(e),o={attrs:r,domProps:{innerHTML:""===e.innerHTML?e.innerText:e.innerHTML}};r.slot&&(o.slot=r.slot,r.slot=void 0);var i="TEMPLATE"===e.tagName?x(t,e,o):t(e.tagName,o);n.push(i)}})),n}(f,e))}}}else if(1===s)(l=i).propsData=a;else{l=i;var d={};Object.keys(a).forEach((function(e){d[e]={default:a[e]}})),l.props=d}var p=s>=2?"<div></div>":("<div>"+e.innerHTML+"</div>").replace(/vue-slot=/g,"slot=");if(o.shadow&&e.shadowRoot?(e.shadowRoot.innerHTML=p,l.el=e.shadowRoot.children[0]):(e.innerHTML=p,l.el=e.children[0]),function(e,t){t.camelCase.forEach((function(n,r){Object.defineProperty(e,n,{get:function(){return this.__vue_custom_element__[n]},set:function(e){if("object"!==(void 0===e?"undefined":y(e))&&"function"!=typeof e||!this.__vue_custom_element__){var n=t.types[t.camelCase[r]];this.setAttribute(t.hyphenate[r],g(e,n))}else{var o=t.camelCase[r];this.__vue_custom_element__[o]=e}}})}))}(e,r),"function"==typeof o.beforeCreateVueInstance&&(l=o.beforeCreateVueInstance(l)||l),e.__vue_custom_element__=new t(l),e.__vue_custom_element_props__=r,e.getVueInstance=function(){var t=e.__vue_custom_element__;return t.$children.length?t.$children[0]:t},o.shadow&&o.shadowCss&&e.shadowRoot){var h=document.createElement("style");h.type="text/css",h.appendChild(document.createTextNode(o.shadowCss)),e.shadowRoot.appendChild(h)}e.removeAttribute("vce-cloak"),e.setAttribute("vce-ready",""),C(e,"vce-ready")}}function O(e){e.customElement=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o="function"==typeof n,i=o&&{props:r.props||[]},a=_(o?i:n),s=f(t,{constructorCallback:function(){"function"==typeof r.constructorCallback&&r.constructorCallback.call(this)},connectedCallback:function(){var i=this,s=o&&n(),c=s&&s.then&&"function"==typeof s.then;if("function"==typeof r.connectedCallback&&r.connectedCallback.call(this),o&&!c)throw new Error("Async component "+t+" do not returns Promise");this.__detached__||(c?s.then((function(t){var n=_(t);A(i,e,t,n,r),"function"==typeof r.vueInstanceCreatedCallback&&r.vueInstanceCreatedCallback.call(i)})):(A(this,e,n,a,r),"function"==typeof r.vueInstanceCreatedCallback&&r.vueInstanceCreatedCallback.call(this))),this.__detached__=!1},disconnectedCallback:function(){var e=this;this.__detached__=!0,"function"==typeof r.disconnectedCallback&&r.disconnectedCallback.call(this),null!==r.destroyTimeout&&setTimeout((function(){e.__detached__&&e.__vue_custom_element__&&(e.__detached__=!1,e.__vue_custom_element__.$destroy(!0),delete e.__vue_custom_element__,delete e.__vue_custom_element_props__)}),r.destroyTimeout||3e3)},attributeChangedCallback:function(e,t,n){if(this.__vue_custom_element__&&void 0!==n){var o=p(e);"function"==typeof r.attributeChangedCallback&&r.attributeChangedCallback.call(this,e,t,n);var i=this.__vue_custom_element_props__.types[o];this.__vue_custom_element__[o]=g(n,i)}},observedAttributes:a.hyphenate,shadow:!!r.shadow&&!!HTMLElement.prototype.attachShadow});return s}}"undefined"!=typeof window&&window.Vue&&(window.Vue.use(O),O.installed&&(O.installed=!1));var T=O,S=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mds-combobox",class:{"mds-combobox--active":!e.listBoxHidden},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:e.hiddenGuard(e.onKeyDown)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:e.hiddenGuard(e.onKeyUp)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"home",void 0,t.key,void 0)?null:e.hiddenGuard(e.onKeyHome)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"end",void 0,t.key,void 0)?null:e.hiddenGuard(e.onKeyEnd)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.makeInactive(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:(t.stopPropagation(),t.preventDefault(),e.chooseOption(t))}]}},[n("ComboboxInput",{attrs:{id:e.comboboxid,name:e.name,placeholder:e.placeholder,"aria-labelledby":e.labelId,"aria-owns":e.listBoxId,"aria-expanded":e.ariaExpanded,activeDescendent:e.selectedOptionId},on:{focus:e.makeActive,blur:e.onInputBlur},model:{value:e.inputValue,callback:function(t){e.inputValue=t},expression:"inputValue"}}),e._v(" "),n("ListBox",{attrs:{id:e.listBoxId,"aria-labelledby":e.labelId,hidden:e.listBoxHidden,isLoading:e.isLoading}},[e._l(e.visibleOptions,(function(t,r){return n("ListBoxOption",{key:r,attrs:{option:t,id:e.optionId+"-"+r,focused:e.selectedOption===t,searchValue:e.searchValue},on:{mousedown:function(n){return e.clickOption(t)}}})}))],2),e._v(" "),n("div",{staticClass:"mds-visually-hidden",attrs:{"aria-live":"polite",role:"status"}},[e._v("\n    "+e._s(e.resultCount)+"\n  ")])],1)};S._withStripped=!0;n(112),n(113),n(114),n(116),n(117);var k=n(20),L=n.n(k),M=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{role:"presentation"}},[n("input",e._b({staticClass:"mds-form-control",attrs:{autocomplete:"off",type:"text",role:"combobox","aria-autocomplete":"list","aria-activedescendant":e.activeDescendent},domProps:{value:e.value},on:{input:function(t){return e.$emit("input",t)},focus:function(t){return e.$emit("focus",t)},blur:function(t){return e.$emit("blur",t)}}},"input",e.$attrs,!1))])};function I(e,t,n,r,o,i,a,s){var c,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(e,t){return c.call(t),l(e,t)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,c):[c]}return{exports:e,options:u}}M._withStripped=!0;var $=I({name:"ComboboxInput",props:{value:{type:String,default:""},activeDescendent:{type:[String,Boolean],default:!1}},inheritAttrs:!1},M,[],!1,null,null,null);$.options.__file="src/components/inputs/combobox/vue-components/ComboboxInput.vue";var j=$.exports,N=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"mds-combobox__listbox",attrs:{role:"listbox",hidden:e.hidden}},[e.isLoading?n("li",{staticClass:"mds-combobox-loading"},[n("svg",{staticClass:"mds-icon mds-icon--spinner mds-icon--after",attrs:{"aria-hidden":"true",focusable:"true"}},[n("use",{attrs:{href:e.iconPath+"#spinner"}})]),e._v(" "),n("span",{staticClass:"mds-visually-hidden"},[e._v("Loading...")])]):e._e(),e._v(" "),e._t("default")],2)};N._withStripped=!0;var P=I({name:"ListBox",props:{hidden:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!0}},inject:["iconPath"]},N,[],!1,null,null,null);P.options.__file="src/components/inputs/combobox/vue-components/ListBox.vue";var H=P.exports,D=function(){var e=this,t=e.$createElement;return(e._self._c||t)("li",{staticClass:"mds-combobox__option",class:{"mds-combobox__option--focused":e.focused},attrs:{role:"option","aria-selected":e.focused.toString()},domProps:{innerHTML:e._s(e.highlightOption())},on:{mousedown:function(t){return e.$emit("mousedown",t)}}})};D._withStripped=!0;n(125),n(52),n(126),n(80);var F=I({name:"ListBoxOption",props:{option:{type:Object,required:!0},focused:{type:Boolean,default:!1},searchValue:{type:String,default:""}},watch:{searchValue:function(e){return e}},methods:{highlightOption:function(){return this.option.label.replace(new RegExp(this.searchValue,"gi"),(function(e){return'<span class="mds-combobox__option--marked">'.concat(e,"</span>")}))}}},D,[],!1,null,null,null);F.options.__file="src/components/inputs/combobox/vue-components/ListBoxOption.vue";var R=I({name:"Combobox",components:{ComboboxInput:j,ListBox:H,ListBoxOption:F.exports},props:{comboboxid:{type:String,required:!0},placeholder:{type:String,default:"Please combobox"},resultmessage:{type:[String,Function],default:"options available"},name:{type:[String,Boolean],default:!1},value:{type:String,default:""},options:{type:Array,default:function(){return[]}},filterOptions:{type:Boolean,default:!0},iconpath:{type:String,default:"/assets/icons.svg"}},data:function(){return{expanded:!1,selected:null,chosen:null,searchValue:this.$props.value}},provide:function(){return{iconPath:this.iconpath}},computed:{inputValue:{get:function(){return this.chosenOption?this.chosenOption.label:this.searchValue},set:function(e){this.chosenOption=null,this.searchValue=e.target?e.target.value:"",this.makeActive(),this.$emit("search",this.searchValue)}},selectedOption:{get:function(){return this.selected},set:function(e){this.selected=e}},chosenOption:{get:function(){return this.chosen},set:function(e){this.chosen=e,this.selectedOption=e,this.$emit("select-option",this.chosen)}},visibleOptions:function(){var e=this;return this.filterOptions?this.options.filter((function(t){return t.label.toLowerCase().includes(e.searchValue.toLowerCase())})):this.options},labelId:function(){return"".concat(this.comboboxid,"-label")},listBoxId:function(){return"".concat(this.comboboxid,"-listbox")},optionId:function(){return"".concat(this.comboboxid,"-option")},isLoading:function(){return 0===this.options.length&&this.expanded},selectedOptionId:function(){var e=this.visibleOptions.indexOf(this.selectedOption);return e>-1&&"".concat(this.optionId,"-").concat(e)},listBoxHidden:function(){return!this.expanded},lastOptionIndex:function(){return this.visibleOptions.length-1},resultCount:function(){return"function"==typeof this.resultmessage?this.resultmessage(this.visibleOptions.length):"".concat(this.visibleOptions.length," ").concat(this.resultmessage)},ariaExpanded:function(){return this.expanded?"true":"false"}},methods:{makeActive:function(){this.expanded=!0},makeInactive:function(){this.expanded=!1},clickOption:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectedOption;this.chosenOption=e,this.makeInactive()},chooseOption:function(){this.chosenOption=this.selectedOption,this.makeInactive()},hiddenGuard:function(e){this.listBoxHidden||e.call(this)},onInputBlur:function(){this.makeInactive()},onKeyDown:function(){if(this.selectedOption){var e=this.visibleOptions.indexOf(this.selectedOption),t=e===this.lastOptionIndex?0:e+1;this.selectedOption=this.visibleOptions[t]}else{var n=L()(this.visibleOptions,1);this.selectedOption=n[0]}},onKeyUp:function(){if(this.selectedOption){var e=this.visibleOptions.indexOf(this.selectedOption),t=0===e?this.lastOptionIndex:e-1;this.selectedOption=this.visibleOptions[t]}else this.selectedOption=this.visibleOptions[this.lastOptionIndex]},onKeyHome:function(){var e=L()(this.visibleOptions,1);this.selectedOption=e[0]},onKeyEnd:function(){this.selectedOption=this.visibleOptions[this.lastOptionIndex]}}},S,[],!1,null,null,null);R.options.__file="src/components/inputs/combobox/vue-components/Combobox.vue";var B={name:"mds-combobox",component:R.exports,hooks:{connectedCallback:function(){var e=this.parentElement.querySelector("input");e&&e.remove()}}},V=(n(7),n(127),n(8),function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"mds-multiselect",attrs:{"data-multiselect-id":this.name}},[t("MultiSelectCheckboxGroup",{attrs:{name:this.name,options:this.availableOptions,testId:this.name+"-group"}})],1)});V._withStripped=!0;var U=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.options?n("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],staticClass:"mds-multiselect__checkbox-group",class:{"mds-multiselect__checkbox-group--nested":e.nested},attrs:{"data-multiselect-id":e.testId+"-group"}},e._l(e.options,(function(t){return n("MultiSelectCheckbox",{key:t.id,attrs:{id:t.id,name:t.name,value:t.value,label:t.label,checked:t.checked,hasChildren:t.children&&!!t.children.length},scopedSlots:e._u([{key:"children",fn:function(r){return[t.children&&t.children.length?n("MultiSelectCheckboxGroup",{ref:t.id+"-group",refInFor:!0,attrs:{name:e.name,testId:e.name+"-"+t.id,options:t.children,nested:!0,isExpanded:r.expanded,childOf:t.id}}):e._e()]}}],null,!0)})})),1):e._e()};U._withStripped=!0;var q=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mds-multiselect__checkbox",attrs:{"data-multiselect-id":e.name+"-checkbox"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.isChecked,expression:"isChecked"}],attrs:{type:"checkbox",name:e.name,id:e.id},domProps:{value:e.value,checked:Array.isArray(e.isChecked)?e._i(e.isChecked,e.value)>-1:e.isChecked},on:{change:function(t){var n=e.isChecked,r=t.target,o=!!r.checked;if(Array.isArray(n)){var i=e.value,a=e._i(n,i);r.checked?a<0&&(e.isChecked=n.concat([i])):a>-1&&(e.isChecked=n.slice(0,a).concat(n.slice(a+1)))}else e.isChecked=o}}}),n("label",{attrs:{for:e.id},on:{click:e.toggleChecked}},[e._v(e._s(e.label))]),e.hasChildren?n("button",{ref:e.id+"-trigger",staticClass:"mds-button mds-button--plain mds-padding-b0",attrs:{type:"button","aria-expanded":e.isShowing?"true":"false"},on:{click:e.toggleExpansion,keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?null:"button"in t&&2!==t.button?null:e.toggleExpansion(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?null:"button"in t&&0!==t.button?null:e.toggleExpansion(t)}]}},[n("svg",{staticClass:"mds-icon mds-icon--chevron-right mds-icon--after mds-icon--sm mds-animate-transform-fast",class:e.isShowing?" mds-rotate-cw-90":"",attrs:{"aria-hidden":"true",focusable:"true"}},[n("use",{attrs:{href:e.iconPath+"#chevron-right"}})])]):e._e(),e._v(" "),e._t("children",null,{expanded:e.isShowing})],2)};q._withStripped=!0;n(129);var W=I({name:"MultiSelectCheckbox",props:{id:{type:String,required:!0},name:{type:String,required:!0},checked:{type:Boolean,default:!1},label:{type:String,required:!0},value:{type:[String,Number],required:!0},hasChildren:{type:Boolean,default:!1}},inject:["iconPath"],data:function(){return{isShowing:!1,userChecked:null}},computed:{isChecked:{get:function(){return null!==this.userChecked?this.userChecked:this.checked},set:function(e){this.userChecked=e}}},methods:{toggleExpansion:function(){this.isShowing=!this.isShowing},toggleChecked:function(){this.isChecked=!this.isChecked}}},q,[],!1,null,null,null);W.options.__file="src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue";var z=I({name:"MultiSelectCheckboxGroup",components:{MultiSelectCheckbox:W.exports},props:{isExpanded:{type:Boolean,default:!0},options:{type:Array,default:function(){return[]}},name:{type:String,default:""},nested:{type:Boolean,default:!1},testId:{type:String,required:!0}}},U,[],!1,null,null,null);z.options.__file="src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue";var G=I({name:"MultiSelect",components:{MultiSelectCheckboxGroup:z.exports},props:{name:{type:[String,Boolean],default:!1},optional:{type:Boolean,default:!1},options:{type:Array,default:function(){return[]}},iconpath:{type:String,default:"/assets/icons.svg"}},provide:function(){return{iconPath:this.iconpath}},data:function(){return{selected:null,availableOptions:this.options}},watch:{options:function(e){this.availableOptions=e}}},V,[],!1,null,null,null);G.options.__file="src/components/inputs/multi-select/vue-components/MultiSelect.vue";var K=G.exports;var Y={name:"mds-multiselect",component:K,hooks:{connectedCallback:function(){this.options=function e(t){return Array.from(t.querySelectorAll(":scope > .mds-multiselect__checkbox")).reduce((function(t,n){var r=n.querySelector(".mds-multiselect__checkbox-group"),o=n.querySelector("input"),i=n.querySelector("label");return t.push({id:o.id,name:o.name,value:o.value,label:i.innerText,checked:o.checked,children:r?e(r):null}),t}),[])}(this.parentElement.querySelector(".mds-multiselect__checkbox-group"))}}};r.a.use(T),r.a.config.devtools=!1,r.a.config.keyCodes.end=35,r.a.config.keyCodes.home=36,[B,Y].forEach((function(e){var t=e.name,n=e.component,o=e.hooks;r.a.customElement(t,n,o)}))},function(e,t,n){"use strict";n.r(t);n(9),n(7),n(8),n(76),n(12);window.addEventListener("hashchange",(function(){var e=window.location.hash.trim();Array.from(document.querySelectorAll("a[href='".concat(e,"']"))).forEach((function(e){e.click()}))}),!1);var r,o=37,i=39,a=38,s=40,c={init:function(){var e=Array.from(document.querySelectorAll(".".concat("mds-tabs__list"))),t=Array.from(document.querySelectorAll(".".concat("mds-tabs__list-item"))),n=Array.from(document.querySelectorAll(".".concat("mds-tabs__tab"))),r=Array.from(document.querySelectorAll(".".concat("mds-tabs__panel")));e.forEach((function(e){e.setAttribute("role","tablist")})),t.forEach((function(e){e.setAttribute("role","presentation")})),n.forEach((function(e){e.setAttribute("role","tab"),e.setAttribute("aria-controls",e.attributes.href.value.substring(1)),e.classList.contains("mds-tabs__tab--selected")?e.setAttribute("tabindex","0"):e.setAttribute("tabindex","-1")})),r.forEach((function(e){e.setAttribute("role","tabpanel"),e.setAttribute("aria-labelledby",e.attributes.id.value)}));var u=document.querySelectorAll(".".concat("js-tabs-item"));Array.from(u).forEach((function(e){var t=window.location.hash.trim(),n=e.attributes.href.value,r=e.closest(".".concat("mds-tabs")),o=c.getAllPanels(r),i=c.getAllTabs(r),a=c.getTargetPanel(e,r);e.addEventListener("click",(function(t){t.preventDefault(),c.updateTabs(i,o,e,a,n)})),n===t&&c.updateTabs(i,o,e,a,n)})),e.forEach((function(e){var t=e.closest(".".concat("mds-tabs")),n=c.getAllPanels(t),r=c.getAllTabs(t);e.addEventListener("keydown",(function(u){switch(u.keyCode){case o:case a:u.preventDefault(),c.moveTab(e,t,r,n,!1);break;case i:case s:u.preventDefault(),c.moveTab(e,t,r,n,!0)}}))}))},getSelectedTab:function(e){return e.querySelector(".".concat("mds-tabs__tab--selected"))},getPrevTab:function(e){return!!e.parentElement.previousSibling&&e.parentElement.previousSibling.querySelector(".".concat("mds-tabs__tab"))},getNextTab:function(e){return!!e.parentElement.nextSibling&&e.parentElement.nextSibling.querySelector(".".concat("mds-tabs__tab"))},getTargetPanel:function(e,t){var n=e.attributes.href.value;return t.querySelector(n)},getAllPanels:function(e){return Array.from(e.querySelectorAll(".".concat("mds-tabs__panel")))},getAllTabs:function(e){return Array.from(e.querySelectorAll(".".concat("mds-tabs__tab")))},moveTab:function(e,t,n,r,o){var i=c.getSelectedTab(e),a=o?c.getNextTab(i):c.getPrevTab(i);if(a){var s=a.attributes.href.value,u=c.getTargetPanel(a,t);c.updateTabs(n,r,a,u,s,!1)}},updateTabs:function(e,t,n,r,o){c.clearAllTabs(e),c.setActiveTab(n),c.clearAllPanels(t),c.setActivePanel(r,o)},clearAllTabs:function(e){e.forEach((function(e){e.classList.remove("mds-tabs__tab--selected"),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")}))},clearAllPanels:function(e){e.forEach((function(e){e.classList.add("mds-tabs__panel--hidden")}))},setActiveTab:function(e){e.classList.add("mds-tabs__tab--selected"),e.setAttribute("aria-selected","true"),e.setAttribute("tabindex","0"),e.focus()},setActivePanel:function(e,t){e.classList.remove("mds-tabs__panel--hidden"),window.history.replaceState({},"",t)}},u=c,l=(n(52),n(80),{init:function(){var e=Array.from(document.querySelectorAll(".".concat("mds-accordion"))),t=window.innerWidth;e.forEach((function(e){l.checkBreakpoint(e,t)?l.setAccordion(e):e.classList.add("mds-accordion--expanded")}))},checkBreakpoint:function(e,t){var n=0;if(e.dataset.bp){var r,o=e.dataset.bp.replace(/\D/g,"");switch(e.dataset.bp.replace(/[0-9]/g,"")){case"px":n=o;break;case"em":case"rem":r=window.getComputedStyle(document.querySelector("body"))["font-size"],n=o*parseFloat(r);break;default:return!0}return!(t>n)}return!0},setAccordion:function(e){var t=e.id,n=e.querySelector(".".concat("mds-accordion__trigger")),r=e.querySelector(".".concat("mds-accordion__content")),o=l.createButton(t,e);n.classList.remove("mds-display-none"),r.setAttribute("aria-labelledby","accordion-trigger-".concat(t)),n.innerHTML="",n.appendChild(o),o.addEventListener("click",(function(e){e.preventDefault(),l.toggleExpand(o)}))},createButton:function(e,t){var n=t.querySelector(".".concat("mds-accordion__trigger"," > span")),r=document.createElement("button");return r.className="mds-accordion__trigger-button",r.classList.add("mds-button","mds-button--plain","mds-padding-b0"),r.setAttribute("id","accordion-trigger-".concat(e)),r.setAttribute("aria-expanded",!1),r.setAttribute("aria-controls","accordion-content-".concat(e)),r.append(n),r},switchLabel:function(e){var t=e;if(t.dataset.labelinverse){var n=t.textContent;t.textContent=t.dataset.labelinverse,t.setAttribute("data-labelinverse",n)}return t},toggleExpand:function(e){var t=e,n=e.querySelector(".".concat("mds-accordion__trigger-label")),r=t.closest(".".concat("mds-accordion"));"false"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded",!0),r.classList.add("mds-accordion--expanded")):(t.setAttribute("aria-expanded",!1),r.classList.remove("mds-accordion--expanded")),l.switchLabel(n)}}),f=l,d=n(89),p={init:function(){Array.from(document.querySelectorAll(".".concat("js-mds-popover-trigger"))).forEach((function(e){var t=e.getAttribute("id"),n="".concat(t,"-content"),r=document.getElementById(n),o=r.dataset?r.dataset.placement:null,i=new d.a(e,r,{placement:o||"top-end"});e.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),e.addEventListener("click",(function(t){t.preventDefault(),i.update(),r.classList.toggle("mds-popover--active"),p.setAriaAttr(e,r,"mds-popover--active")})),document.addEventListener("mousedown",(function(t){p.hide(e,r,i,"mds-popover--active",t)})),document.addEventListener("keydown",(function(t){p.hide(e,r,i,"mds-popover--active",t)}))}))},hide:function(e,t,n,r,o){e.contains(o.target)||n.popper.contains(o.target)||!t.classList.contains(r)||(t.classList.remove(r),p.setAriaAttr(e,t,r))},setAriaAttr:function(e,t,n){t.classList.contains(n)?(e.setAttribute("aria-expanded","true"),t.removeAttribute("aria-hidden")):(e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true"))}},h=p,v=(n(81),n(110)),m=parseInt(v.size.breakpoint.md.value,10),y={init:function(){window.innerWidth>m&&Array.from(document.querySelectorAll("[".concat("data-modal-id","]"))).forEach((function(e){var t=e.getAttribute("data-modal-id"),n=document.getElementById(t),o=Array.from(n.querySelectorAll(".".concat("js-mds-modal-close"))),i=n.getAttribute("data-site-container"),a=document.getElementById(i),s=n.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]'),c=(s=Array.prototype.slice.call(s))[0],u=s[s.length-1];e.addEventListener("click",(function(e){e.preventDefault(),y.open(n,c,a)})),n.addEventListener("click",(function(e){e.target===n&&y.close(n,r,a)})),n.addEventListener("keydown",(function(e){y.trapFocus(e,c,u),"Escape"!==e.key&&"Esc"!==e.key||y.close(n,r,a)})),o.forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),y.close(n,r,a)}))}))}))},open:function(e,t,n){r=document.activeElement,e.classList.add("mds-modal--active"),t.focus(),n.setAttribute("aria-hidden","true")},close:function(e,t,n){n.removeAttribute("aria-hidden"),e.classList.remove("mds-modal--active"),t.focus()},trapFocus:function(e,t,n){"Tab"===e.key&&(e.shiftKey?document.activeElement===t&&(e.preventDefault(),n.focus()):document.activeElement===n&&(e.preventDefault(),t.focus()))}},g=y,b=(n(56),{init:function(){Array.from(document.querySelectorAll(".mds-form-element--file")).forEach((function(e){var t=e.querySelector(".mds-file-upload__file-name"),n=e.querySelector("input[type=file]"),r=e.querySelector(".mds-file-upload__remove-button");n.addEventListener("change",(function(){n.files&&n.files.length&&(t.textContent=n.files[0].name,e.classList.add("mds-form-element--selected-file"))})),r.addEventListener("click",(function(r){r.preventDefault(),n.value="",t.textContent="",e.classList.remove("mds-form-element--selected-file")})),["dragover","dragenter"].forEach((function(t){n.addEventListener(t,(function(t){t.stopPropagation(),e.classList.add("mds-form-element--dragover")}))})),["dragleave","dragend","drop"].forEach((function(t){n.addEventListener(t,(function(t){t.stopPropagation(),e.classList.remove("mds-form-element--dragover")}))}))}))}});document.addEventListener("DOMContentLoaded",(function(){u.init(),f.init(),h.init(),g.init(),b.init()}))},function(e,t,n){"use strict";n.r(t);n(9),n(7),n(8),n(12);var r={switchToinverse:function(e){e.classList.remove("mds-switch-state--default"),e.classList.add("mds-switch-state--inverse")},switchTodefault:function(e){e.classList.remove("mds-switch-state--inverse"),e.classList.add("mds-switch-state--default")}},o={init:function(){Array.from(document.querySelectorAll(".js-mds-switch-state")).forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation();var t=e.currentTarget;t.classList.contains("mds-switch-state--default")?r.switchToinverse(t):(t.classList.contains("mds-switch-state--inverse"),r.switchTodefault(t))}))}))}},i={init:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3e3,r=document,o=r.body;i.hide(o);var a=document.createElement("div");a.setAttribute("role","alert"),a.classList.add("mds-notification","mds-message","mds-message--".concat(t)),a.innerText=e,i.show(o,a),setTimeout(i.hide,n,o)},show:function(e,t){e.appendChild(t)},hide:function(e){Array.from(e.querySelectorAll(".".concat("mds-notification"))).forEach((function(e){e.parentNode.removeChild(e)}))}},a=i,s={init:function(){Array.from(document.querySelectorAll(".js-notification-example")).forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation();var t=e.currentTarget,n=t.innerText,r=t.dataset.messageType;a.init(n,r)}))}))}},c=(n(137),n(81),n(138),n(140),n(20)),u=n.n(c);var l={init:function(){!function(){var e=document.querySelector('[data-combobox-id="distance-selection"]');if(e){var t=document.getElementById("select-distance-selection"),n=Array.from(t.querySelectorAll("option")),r=e.querySelector("mds-combobox");r.options=n.slice(1).map((function(e){return{value:e.value,label:e.textContent}})),r.addEventListener("select-option",(function(e){var n=u()(e.detail,1)[0];n&&(t.value=n.value,t.querySelector('option[value="'.concat(n.value,'"]')).setAttribute("selected",!0))}))}}(),function(){var e=document.querySelector('[data-combobox-id="keywords-lookup"]');if(e){var t=e.querySelector("mds-combobox");t.filterOptions=!1,t.addEventListener("search",(function(e){var n=u()(e.detail,1)[0];n?fetch("https://api.datamuse.com/sug?s=".concat(n)).then((function(e){return e.json()})).then((function(e){var n=e.map((function(e){var t=e.word;return{value:t,label:t}}));return t.options=n,n})).catch(console.log):t.options=[]}))}}()}};document.addEventListener("DOMContentLoaded",(function(){o.init(),s.init(),l.init()}))}]);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "1.55.0",
+  "version": "1.55.1",
   "scripts": {
     "clean": "rimraf dist public tokens/build",
     "commit": "commit",

package/src/components/inputs/file-upload/_template.njk

@@ -72,7 +72,7 @@
               </span>
             </div>
             {# The "button" is actually a label referencing the input but it looks like a button so using this for the name of the class #}
-            <div class="mds-file-upload__browse-button">
+            <div class="mds-file-upload__browse-button mds-text-align-center">
               {{ MdsInputLabel({
                 labelText: buttonText,
                 id: params.id
@@ -92,7 +92,7 @@
             </div>
             {{ MdsButton({
                 html: removeButtonText,
-                classes: 'mds-button--plain mds-file-upload__remove-button',
+                classes: 'mds-button--plain mds-button--small mds-file-upload__remove-button',
                 type: 'button'
             }) }}
             </div>

package/src/components/inputs/file-upload/file-upload.js

@@ -1,5 +1,6 @@
 const fileUploadClass = '.mds-form-element--file';
 const selectedFileClass = 'mds-form-element--selected-file';
+const dragOverClass = 'mds-form-element--dragover';
 const fileNameContainerClass = '.mds-file-upload__file-name';
 const removeButtonClass = '.mds-file-upload__remove-button';
 
@@ -22,6 +23,18 @@ const fileUpload = {
         fileNameContainer.textContent = '';
         uploader.classList.remove(selectedFileClass);
       });
+      ['dragover', 'dragenter'].forEach((event) => {
+        input.addEventListener(event, (e) => {
+          e.stopPropagation();
+          uploader.classList.add(dragOverClass);
+        });
+      });
+      ['dragleave', 'dragend', 'drop'].forEach((event) => {
+        input.addEventListener(event, (e) => {
+          e.stopPropagation();
+          uploader.classList.remove(dragOverClass);
+        });
+      });
     });
   },
 };

package/src/components/inputs/file-upload/file-upload.njk

@@ -1,7 +1,7 @@
 {% from "./inputs/file-upload/_macro.njk" import MdsFileUpload %}
 
 <div class="mds-grid-row">
-  <div class="mds-grid-col-12 mds-grid-col-lg-6">
+  <div class="mds-grid-col-12 mds-grid-col-lg-9">
     <div class="mds-form-field">
       {{ MdsFileUpload({
         labelText: labelText,

package/src/components/inputs/file-upload/file-upload.scss

@@ -5,8 +5,8 @@
 .js .mds-file-upload {
   display: flex;
   flex-direction: column;
-  padding: $mds-size-baseline;
   background-color: $mds-color-neutral-lightest;
+  padding: $mds-size-baseline;
 
   @include mq($from: $mds-size-breakpoint-md) {
     flex-direction: row;
@@ -15,14 +15,15 @@
 
 .js .mds-file-upload__input {
   position: relative;
-  border: 1px dashed $mds-color-border;
+  border: $mds-size-border-width dashed $mds-color-border;
   width: 100%;
-  min-height: $mds-size-baseline * 40;
+  padding: ($mds-size-baseline * 4) ($mds-size-baseline * 2);
   display: flex;
   align-items: center;
   justify-content: center;
 
   & .mds-form-label {
+    position: relative;
     @include z-index;
     display: block;
     cursor: pointer;
@@ -31,6 +32,8 @@
 
   & label {
     @extend .mds-button;
+    @extend .mds-button--small;
+    font-weight: normal;
   }
 
   & .mds-form-control {
@@ -46,12 +49,13 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    width: 100%;
   }
 
   & .mds-form-control:focus ~ .mds-file-upload__input-controls {
     // Apply some focus styling to the 'button' when the input has focus and can be keyboard-activated
     label {
-      border: 1px solid $mds-color-input-focus;
+      border: $mds-size-border-width solid $mds-color-input-focus;
       outline-color: $mds-color-input-focus;
       box-shadow: 0 0 4px 2px $mds-color-input-focus;
     }
@@ -61,6 +65,7 @@
 .js .mds-file-upload__prompt {
   display: flex;
   align-items: center;
+  justify-content: center;
   margin-bottom: $mds-size-baseline * 5;
 
   & .mds-icon {
@@ -74,31 +79,52 @@
 .mds-file-upload__file-name-container {
   display: flex;
   align-items: center;
+  justify-content: center;
+  padding: $mds-size-baseline * 2 $mds-size-baseline * 3;
 }
 .mds-file-upload__remove-button {
   @include z-index;
 }
 
 .js .mds-form-element--selected-file {
+  @include mq($from: $mds-size-breakpoint-md) {
+    width: 50%;
+  }
+
+  & .mds-file-upload {
+    border: $mds-size-border-width solid $mds-color-border;
+  }
+  & .mds-file-upload__input {
+    border: 0;
+  }
   /* When a file is selected, we reduce the input size to 0 (.mds-form-control)
   * so the user can't click or drag and drop in the grey area anymore.
   * Will mostly be useful when used with the cloud services buttons
   * as the user will need to clear the input to see the buttons again.
   * We also remove the dotted border to indicate the change
   */
-  & .mds-file-upload__input {
-    border: 0;
-  }
   & .mds-form-control {
     width: 0;
     height: 0;
     padding: 0;
     border: 0;
   }
+  & .mds-file-upload__input-controls {
+    display: block;
+  }
   & .mds-file-upload__selection-state {
     display: none;
   }
   & .mds-file-upload__selected-state {
-    display: block;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+}
+
+.js .mds-form-element--dragover {
+  & .mds-file-upload__input {
+    background-color: $mds-color-neutral-white;
   }
 }

package/src/layout/forms/forms.config.js

@@ -85,5 +85,15 @@ module.exports = {
         { label: 'Sunday', value: 'sunday' },
       ],
     },
+    fileupload: {
+      labelText: 'Upload a file',
+      helpText: 'Your file must be a .doc, .pdf, .docx, or .rtf. No larger than 1MB',
+      defaultFileText: 'Drag and drop',
+      buttonText: 'Choose a file',
+      removeButtonText: 'Remove file',
+      name: 'file',
+      id: 'file',
+      fileTypes: '.doc,.docx,.pdf,.rtf',
+    },
   },
 };

package/src/layout/forms/forms.njk

@@ -5,92 +5,109 @@
 {% from "../components/inputs/radio/_macro.njk" import MdsRadio %}
 {% from "../components/inputs/select/_macro.njk" import MdsSelect %}
 {% from "../components/inputs/label/_macro.njk" import MdsInputLabel %}
+{% from "../components/inputs/file-upload/_macro.njk" import MdsFileUpload %}
 {% from "../components/button/_macro.njk" import MdsButton %}
 
-<form class="mds-form mds-margin-bottom-b7">
-  <div class="mds-form-field">
-    {{ MdsInput({
-      labelText: input.labelText,
-      id: input.id,
-      type: input.type,
-      optional: input.optional,
-      tooltipMessage: input.tooltipMessage
-    }) }}
-  </div>
-  <div class="mds-form-field">
-    {{ MdsMultiSelect({
-      labelText: multiselect.labelText,
-      name: multiselect.name,
-      terms: multiselect.terms,
-      optional: multiselect.optional,
-      tooltipMessage: multiselect.tooltipMessage
-    }) }}
-  </div>
-  <div class="mds-form-field">
-    {{ MdsCombobox({
-      id: combobox.id,
-      labelText: combobox.labelText,
-      options: combobox.options,
-      fallbackTo: combobox.fallbackTo,
-      optional: combobox.optional,
-      tooltipMessage: combobox.tooltipMessage
-    }) }}
-  </div>
-  <div class="mds-form-field">
-    {{ MdsCheckbox({
-      labelText: checkbox.labelText,
-      id: checkbox.id,
-      options: checkbox.options,
-      optional: checkbox.optional,
-      tooltipMessage: checkbox.tooltipMessage
-    }) }}
-  </div>
-  <fieldset class="mds-form-field">
-    {{ MdsInputLabel({
-      element: 'legend',
-      labelText: radio.sectiontitle,
-      tooltipMessage: radio.tooltipMessage
-    }) }}
-    <div class="mds-form-field__child">
-      {{ MdsRadio({
-        labelText: radio.labelText,
-        hideLabel: true,
-        id: radio.id,
-        options: radio.options,
-        optional: radio.optional
-      }) }}
-    </div>
-    <div class="mds-highlighted-container mds-padding-b4 mds-form-field__child">
-      {{ MdsSelect({
-        labelText: select.labelText,
-        value: 'monday',
-        options: select.options
-      }) }}
-    </div>
-  </fieldset>
-  <div class="mds-clearfix">
-    {{ MdsButton({
-      text: 'Submit',
-      classes: 'mds-width-full mds-width-md-auto mds-float-md-right'
-    }) }}
-  </div>
-</form>
+<div class="mds-grid-row">
+  <div class="mds-grid-col-12 mds-grid-col-lg-9">
+    <form class="mds-form mds-margin-bottom-b7">
+      <div class="mds-form-field">
+        {{ MdsInput({
+          labelText: input.labelText,
+          id: input.id,
+          type: input.type,
+          optional: input.optional,
+          tooltipMessage: input.tooltipMessage
+        }) }}
+      </div>
+      <div class="mds-form-field">
+        {{ MdsMultiSelect({
+          labelText: multiselect.labelText,
+          name: multiselect.name,
+          terms: multiselect.terms,
+          optional: multiselect.optional,
+          tooltipMessage: multiselect.tooltipMessage
+        }) }}
+      </div>
+      <div class="mds-form-field">
+        {{ MdsCombobox({
+          id: combobox.id,
+          labelText: combobox.labelText,
+          options: combobox.options,
+          fallbackTo: combobox.fallbackTo,
+          optional: combobox.optional,
+          tooltipMessage: combobox.tooltipMessage
+        }) }}
+      </div>
+      <div class="mds-form-field">
+        {{ MdsFileUpload({
+            labelText: fileupload.labelText,
+            buttonText: fileupload.buttonText,
+            defaultFileText: fileupload.defaultFileText,
+            removeButtonText: fileupload.removeButtonText,
+            name: fileupload.name,
+            id: fileupload.id,
+            helpText: fileupload.helpText,
+            fileTypes: fileupload.fileTypes
+          }) }}
+      </div>
+      <div class="mds-form-field">
+        {{ MdsCheckbox({
+          labelText: checkbox.labelText,
+          id: checkbox.id,
+          options: checkbox.options,
+          optional: checkbox.optional,
+          tooltipMessage: checkbox.tooltipMessage
+        }) }}
+      </div>
+      <fieldset class="mds-form-field">
+        {{ MdsInputLabel({
+          element: 'legend',
+          labelText: radio.sectiontitle,
+          tooltipMessage: radio.tooltipMessage
+        }) }}
+        <div class="mds-form-field__child">
+          {{ MdsRadio({
+            labelText: radio.labelText,
+            hideLabel: true,
+            id: radio.id,
+            options: radio.options,
+            optional: radio.optional
+          }) }}
+        </div>
+        <div class="mds-highlighted-container mds-padding-b4 mds-form-field__child">
+          {{ MdsSelect({
+            labelText: select.labelText,
+            value: 'monday',
+            options: select.options
+          }) }}
+        </div>
+      </fieldset>
+      <div class="mds-clearfix">
+        {{ MdsButton({
+          text: 'Submit',
+          classes: 'mds-width-full mds-width-md-auto mds-float-md-right'
+        }) }}
+      </div>
+    </form>
 
-<form class="mds-highlighted-container mds-padding-b4">
-  <div class="mds-grid-row mds-grid-bottom">
-    <div class="mds-grid-col-12 mds-grid-col-md-8 mds-grid-col-lg-10 mds-margin-bottom-b3 mds-margin-bottom-md-b0">
-      {{ MdsInput({
-        labelText: input.labelText,
-        id: input.id,
-        type: input.type,
-        optional: input.optional,
-        tooltipMessage: input.tooltipMessage
-      }) }}
-    </div>
-    <div class="mds-grid-col-12 mds-grid-col-md-4 mds-grid-col-lg-2">
-      {{ MdsButton({
-        text: 'Submit',
-        classes: 'mds-width-full mds-width-md-auto'
-      }) }}
-    </div>
-</form>
+    <form class="mds-highlighted-container mds-padding-b4">
+      <div class="mds-grid-row mds-grid-bottom">
+        <div class="mds-grid-col-12 mds-grid-col-md-8 mds-grid-col-lg-10 mds-margin-bottom-b3 mds-margin-bottom-md-b0">
+          {{ MdsInput({
+            labelText: input.labelText,
+            id: input.id,
+            type: input.type,
+            optional: input.optional,
+            tooltipMessage: input.tooltipMessage
+          }) }}
+        </div>
+        <div class="mds-grid-col-12 mds-grid-col-md-4 mds-grid-col-lg-2">
+          {{ MdsButton({
+            text: 'Submit',
+            classes: 'mds-width-full mds-width-md-auto'
+          }) }}
+        </div>
+    </form>
+  </div>
+</div>