https://islemghodhbane-my-argilla.hf.space/_nuxt/9338e3a.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[140,34,45],{1017:function(t,e,n){"use strict";n.r(e);n(11),n(60),n(4),n(783);var i={props:{options:{type:Array,required:!0},selectedOption:{type:String}},data:function data(){return{dropdownIsVisible:!1}},model:{prop:"selectedOption",event:"change"},computed:{currentOption:function currentOption(){var t=this;return this.options.find((function(e){return e.id===t.selectedOption}))},currentOptionId:function currentOptionId(){var t;return null===(t=this.currentOption)||void 0===t?void 0:t.id},currentOptionName:function currentOptionName(){var t;return null===(t=this.currentOption)||void 0===t?void 0:t.name}},methods:{onVisibility:function onVisibility(t){this.dropdownIsVisible=t},changeOption:function changeOption(t){this.$emit("change",t),this.dropdownIsVisible=!1}}},o=(n(998),n(26)),r=Object(o.a)(i,(function render(){var t=this,e=t._self._c;return t.options.length?e("div",[e("BaseDropdown",{attrs:{visible:t.dropdownIsVisible},on:{visibility:t.onVisibility}},[e("span",{attrs:{slot:"dropdown-header"},slot:"dropdown-header"},[e("BaseButton",{staticClass:"selected-option",class:t.currentOptionId,attrs:{"data-title":t.$t("status")}},[t._v("\n        "+t._s(t.currentOptionName)+"\n        "),e("svgicon",{attrs:{name:"chevron-down",width:"8",height:"8","aria-hidden":"true"}})],1)],1),t._v(" "),e("span",{attrs:{slot:"dropdown-content"},slot:"dropdown-content"},[e("ul",{staticClass:"options",attrs:{role:"radiogroup"}},t._l(t.options,(function(n){var i=n.id,o=n.name,r=n.color;return e("li",{key:i,staticClass:"option",class:i,attrs:{tabindex:"0","aria-checked":i,role:"radio"},on:{keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:t.changeOption(i)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.changeOption(i)}]}},[e("BaseRadioButton",{staticClass:"option__radio",attrs:{color:r,id:i,model:i,value:t.selectedOption,tabindex:"-1","aria-hidden":"true"},on:{change:function change(e){return t.changeOption(i)}}},[t._v(t._s(o))])],1)})),0)])])],1):t._e()}),[],!1,null,"4247875a",null);e.default=r.exports;installComponents(r,{BaseButton:n(259).default,BaseRadioButton:n(807).default,BaseDropdown:n(780).default})},780:function(t,e,n){"use strict";n.r(e);n(48),n(118),n(4);var i=n(260),o={directives:{clickOutside:n.n(i).a.directive},props:{visible:{type:Boolean,default:!1},boundary:{type:String,default:"parent",validator:function validator(t){return["parent","viewport"].includes(t)}},freezingPage:{type:Boolean,default:!1},gap:{type:Number,default:8}},data:function data(){return{dropdownTop:0,dropdownLeft:0,inViewport:!0,frozenScrollParent:null}},computed:{isViewportBoundary:function isViewportBoundary(){return"viewport"===this.boundary}},watch:{visible:function visible(){var t=this;this.$nextTick((function(){t.setViewportPosition()}))},freezingPage:function freezingPage(t){t?(this.frozenScrollParent=this.getScrollableParent(this.$refs.dropdown),this.frozenScrollParent.style.overflow="hidden"):this.frozenScrollParent.style.overflow="auto"}},methods:{onClose:function onClose(){this.$emit("visibility",!1)},onToggle:function onToggle(){this.$emit("visibility",!this.visible)},onClick:function onClick(){this.onToggle()},setViewportPosition:function setViewportPosition(){if(this.isViewportBoundary&&this.visible&&(this.inViewport=this.isInViewport(this.$refs.dropdown),this.inViewport)){var t=this.$refs.dropdown.getBoundingClientRect(),e=t.top,n=t.left,i=t.height;this.dropdownTop=e+i+this.gap,this.dropdownLeft=n}},getScrollableParent:function getScrollableParent(t){if(t){for(var e=t.parentElement;e;){if(window.getComputedStyle(e).overflow.split(" ").every((function(t){return"auto"===t||"scroll"===t})))return e;e=e.parentElement}return document.documentElement}},isInViewport:function isInViewport(t){var e=t.getBoundingClientRect(),n=t.offsetHeight,i=document.documentElement;return e.top>=n&&e.left>=0&&e.bottom<=(window.innerHeight||i.clientHeight)&&e.right<=(window.innerWidth||i.clientWidth)}},mounted:function mounted(){this.isViewportBoundary&&(window.addEventListener("resize",this.setViewportPosition),this.get

1ScrollableParent(this.$refs.dropdown).addEventListener("scroll",this.setViewportPosition),this.setViewportPosition())},beforeDestroy:function beforeDestroy(){this.isViewportBoundary&&(window.removeEventListener("resize",this.setViewportPosition),this.getScrollableParent(this.$refs.dropdown).removeEventListener("scroll",this.setViewportPosition))}},r=(n(782),n(26)),s=Object(r.a)(o,(function render(){var t=this,e=t._self._c;return e("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:{events:["mousedown"],handler:t.onClose},expression:"{\n    events: ['mousedown'],\n    handler: onClose,\n  }"}],ref:"dropdown",staticClass:"dropdown",attrs:{role:"button","aria-haspopup":"menu"}},[e("div",{staticClass:"dropdown__header",on:{click:t.onClick}},[t._t("dropdown-header")],2),t._v(" "),e("transition",{attrs:{appear:"",name:"fade"}},[t.visible&&t.inViewport?e("div",{staticClass:"dropdown__content",style:t.isViewportBoundary&&{top:"".concat(t.dropdownTop,"px"),left:"".concat(t.dropdownLeft,"px"),position:"fixed"}},[t._t("dropdown-content")],2):t._e()]),t._v(" "),t.visible&&t.freezingPage?e("div",{staticClass:"dropdown--frozen-page",on:{click:t.onClose}}):t._e()],1)}),[],!1,null,"01548482",null);e.default=s.exports},781:function(t,e,n){t.exports={}},782:function(t,e,n){"use strict";n(781)},783:function(t,e,n){n(144).register({"chevron-down":{width:41,height:40,viewBox:"0 0 41 40",data:'<path pid="0" d="M8.5 11l-3 3 15 15 15-15-3-3-12 12-12-12z" _fill="#000"/>'}})},792:function(t,e,n){t.exports={}},807:function(t,e,n){"use strict";n.r(e);n(11),n(118);var i=n(216),o={name:"BaseRadioButton",props:{id:{type:String},name:{type:String},model:{type:[String,Number,Boolean,Object]},value:{type:[String,Number,Boolean,Object]},disabled:Boolean,color:{type:String,default:"var(--fg-status-submitted)"}},model:{prop:"model",event:"change"},computed:{isSelected:function isSelected(){return Object(i.isEqual)(this.model,this.value)},radioClasses:function radioClasses(){return{"--checked":this.isSelected,"--disabled":this.disabled}},cssVars:function cssVars(){return{"--radio-color":this.color}}},methods:{toggleCheck:function toggleCheck(){this.disabled||this.$emit("change",this.value)}}},r=(n(812),n(26)),s=Object(r.a)(o,(function render(){var t=this,e=t._self._c;return e("div",{staticClass:"radio-button",class:[t.radioClasses],on:{click:function click(e){return e.stopPropagation(),t.toggleCheck.apply(null,arguments)}}},[e("div",{staticClass:"radio-button__container",style:t.cssVars},[e("input",t._b({attrs:{type:"radio"}},"input",{id:t.id,name:t.name,disabled:t.disabled,value:t.value,checked:t.isSelected},!1))]),t._v(" "),e("label",{staticClass:"radio-button__label",attrs:{for:t.id},on:{click:function click(e){return e.preventDefault(),t.toggleCheck.apply(null,arguments)}}},[t._t("default")],2)])}),[],!1,null,null,null);e.default=s.exports},812:function(t,e,n){"use strict";n(792)},872:function(t,e,n){t.exports={}},998:function(t,e,n){"use strict";n(872)}}]);