@26lights/orcha 0.36.12 → 0.36.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/orcha.cjs.js +1 -1
- package/dist/orcha.css +1 -1
- package/dist/orcha.es.js +198 -197
- package/dist/orcha.umd.js +2 -2
- package/package.json +2 -2
package/dist/orcha.cjs.js
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* vue-color-kit v1.0.6
|
|
3
3
|
* (c) 2023
|
|
4
4
|
* @license MIT
|
|
5
|
-
*/function Xe(a){let t={r:0,g:0,b:0,a:1};/#/.test(a)?t=av(a):/rgb/.test(a)?t=Wo(a):typeof a=="string"?t=Wo(`rgba(${a})`):Object.prototype.toString.call(a)==="[object Object]"&&(t=a);const{r:o,g:n,b:s,a:i}=t,{h:r,s:l,v:c}=ov(t);return{r:o,g:n,b:s,a:i===void 0?1:i,h:r,s:l,v:c}}function mo(a){const t=document.createElement("canvas"),o=t.getContext("2d"),n=a*2;return t.width=n,t.height=n,o.fillStyle="#ffffff",o.fillRect(0,0,n,n),o.fillStyle="#ccd5db",o.fillRect(0,0,a,a),o.fillRect(a,a,a,a),t}function Fa(a,t,o,n,s,i){const r=a==="l",l=t.createLinearGradient(0,0,r?o:0,r?0:n);l.addColorStop(.01,s),l.addColorStop(.99,i),t.fillStyle=l,t.fillRect(0,0,o,n)}function tv({r:a,g:t,b:o},n){const s=r=>("0"+Number(r).toString(16)).slice(-2),i=`#${s(a)}${s(t)}${s(o)}`;return n?i.toUpperCase():i}function av(a){a=a.slice(1);const t=o=>parseInt(o,16)||0;return{r:t(a.slice(0,2)),g:t(a.slice(2,4)),b:t(a.slice(4,6))}}function Wo(a){return typeof a=="string"?(a=(/rgba?\((.*?)\)/.exec(a)||["","0,0,0,1"])[1].split(","),{r:Number(a[0])||0,g:Number(a[1])||0,b:Number(a[2])||0,a:Number(a[3]?a[3]:1)}):a}function ov({r:a,g:t,b:o}){a=a/255,t=t/255,o=o/255;const n=Math.max(a,t,o),s=Math.min(a,t,o),i=n-s;let r=0;n===s?r=0:n===a?t>=o?r=60*(t-o)/i:r=60*(t-o)/i+360:n===t?r=60*(o-a)/i+120:n===o&&(r=60*(a-t)/i+240),r=Math.floor(r);let l=parseFloat((n===0?0:1-s/n).toFixed(2)),c=parseFloat(n.toFixed(2));return{h:r,s:l,v:c}}var po=e.defineComponent({props:{color:{type:String,default:"#000000"},hsv:{type:Object,default:null},size:{type:Number,default:152}},emits:["selectSaturation"],data(){return{slideSaturationStyle:{}}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasSaturation,t=this.size,o=a.getContext("2d");a.width=t,a.height=t,o.fillStyle=this.color,o.fillRect(0,0,t,t),Fa("l",o,t,t,"#FFFFFF","rgba(255,255,255,0)"),Fa("p",o,t,t,"rgba(0,0,0,0)","#000000")},renderSlide(){this.slideSaturationStyle={left:this.hsv.s*this.size-5+"px",top:(1-this.hsv.v)*this.size-5+"px"}},selectSaturation(a){const{top:t,left:o}=this.$el.getBoundingClientRect(),n=a.target.getContext("2d"),s=r=>{let l=r.clientX-o,c=r.clientY-t;l<0&&(l=0),c<0&&(c=0),l>this.size&&(l=this.size),c>this.size&&(c=this.size),this.slideSaturationStyle={left:l-5+"px",top:c-5+"px"};const u=n.getImageData(Math.min(l,this.size-1),Math.min(c,this.size-1),1,1),[d,p,m]=u.data;this.$emit("selectSaturation",{r:d,g:p,b:m})};s(a);const i=()=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",i)};document.addEventListener("mousemove",s),document.addEventListener("mouseup",i)}}});const nv={ref:"canvasSaturation"};function sv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"saturation",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectSaturation&&a.selectSaturation(...r),["prevent","stop"]))},[e.createVNode("canvas",nv,null,512),e.createVNode("div",{style:a.slideSaturationStyle,class:"slide"},null,4)],32)}po.render=sv;po.__file="src/color/Saturation.vue";var fo=e.defineComponent({props:{hsv:{type:Object,default:null},width:{type:Number,default:15},height:{type:Number,default:152}},emits:["selectHue"],data(){return{slideHueStyle:{}}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasHue,t=this.width,o=this.height,n=a.getContext("2d");a.width=t,a.height=o;const s=n.createLinearGradient(0,0,0,o);s.addColorStop(0,"#FF0000"),s.addColorStop(.17*1,"#FF00FF"),s.addColorStop(.17*2,"#0000FF"),s.addColorStop(.17*3,"#00FFFF"),s.addColorStop(.17*4,"#00FF00"),s.addColorStop(.17*5,"#FFFF00"),s.addColorStop(1,"#FF0000"),n.fillStyle=s,n.fillRect(0,0,t,o)},renderSlide(){this.slideHueStyle={top:(1-this.hsv.h/360)*this.height-2+"px"}},selectHue(a){const{top:t}=this.$el.getBoundingClientRect(),o=a.target.getContext("2d"),n=i=>{let r=i.clientY-t;r<0&&(r=0),r>this.height&&(r=this.height),this.slideHueStyle={top:r-2+"px"};const l=o.getImageData(0,Math.min(r,this.height-1),1,1),[c,u,d]=l.data;this.$emit("selectHue",{r:c,g:u,b:d})};n(a);const s=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",s)}}});const rv={ref:"canvasHue"};function iv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"hue",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectHue&&a.selectHue(...r),["prevent","stop"]))},[e.createVNode("canvas",rv,null,512),e.createVNode("div",{style:a.slideHueStyle,class:"slide"},null,4)],32)}fo.render=iv;fo.__file="src/color/Hue.vue";var vo=e.defineComponent({props:{color:{type:String,default:"#000000"},rgba:{type:Object,default:null},width:{type:Number,default:15},height:{type:Number,default:152}},emits:["selectAlpha"],data(){return{slideAlphaStyle:{},alphaSize:5}},watch:{color(){this.renderColor()},"rgba.a"(){this.renderSlide()}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasAlpha,t=this.width,o=this.height,n=this.alphaSize,s=mo(n),i=a.getContext("2d");a.width=t,a.height=o,i.fillStyle=i.createPattern(s,"repeat"),i.fillRect(0,0,t,o),Fa("p",i,t,o,"rgba(255,255,255,0)",this.color)},renderSlide(){this.slideAlphaStyle={top:this.rgba.a*this.height-2+"px"}},selectAlpha(a){const{top:t}=this.$el.getBoundingClientRect(),o=s=>{let i=s.clientY-t;i<0&&(i=0),i>this.height&&(i=this.height);let r=parseFloat((i/this.height).toFixed(2));this.$emit("selectAlpha",r)};o(a);const n=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",n)}}});const lv={ref:"canvasAlpha"};function cv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"color-alpha",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectAlpha&&a.selectAlpha(...r),["prevent","stop"]))},[e.createVNode("canvas",lv,null,512),e.createVNode("div",{style:a.slideAlphaStyle,class:"slide"},null,4)],32)}vo.render=cv;vo.__file="src/color/Alpha.vue";var ho=e.defineComponent({props:{color:{type:String,default:"#000000"},width:{type:Number,default:100},height:{type:Number,default:30}},data(){return{alphaSize:5}},watch:{color(){this.renderColor()}},mounted(){this.renderColor()},methods:{renderColor(){const a=this.$el,t=this.width,o=this.height,n=this.alphaSize,s=mo(n),i=a.getContext("2d");a.width=t,a.height=o,i.fillStyle=i.createPattern(s,"repeat"),i.fillRect(0,0,t,o),i.fillStyle=this.color,i.fillRect(0,0,t,o)}}});function dv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("canvas")}ho.render=dv;ho.__file="src/color/Preview.vue";var Co=e.defineComponent({props:{suckerCanvas:{type:Object,default:null},suckerArea:{type:Array,default:()=>[]}},data(){return{isOpenSucker:!1,suckerPreview:null,isSucking:!1}},watch:{suckerCanvas(a){this.isSucking=!1,this.suckColor(a)}},methods:{openSucker(){this.isOpenSucker?this.keydownHandler({keyCode:27}):(this.isOpenSucker=!0,this.isSucking=!0,this.$emit("openSucker",!0),document.addEventListener("keydown",this.keydownHandler))},keydownHandler(a){a.keyCode===27&&(this.isOpenSucker=!1,this.isSucking=!1,this.$emit("openSucker",!1),document.removeEventListener("keydown",this.keydownHandler),document.removeEventListener("mousemove",this.mousemoveHandler),document.removeEventListener("mouseup",this.mousemoveHandler),this.suckerPreview&&(document.body.removeChild(this.suckerPreview),this.suckerPreview=null))},mousemoveHandler(a){const{clientX:t,clientY:o}=a,{top:n,left:s,width:i,height:r}=this.suckerCanvas.getBoundingClientRect(),l=t-s,c=o-n,d=this.suckerCanvas.getContext("2d").getImageData(Math.min(l,i-1),Math.min(c,r-1),1,1);let[p,m,h,_]=d.data;_=parseFloat((_/255).toFixed(2));const g=this.suckerPreview.style;Object.assign(g,{position:"absolute",left:t+20+"px",top:o-36+"px",width:"24px",height:"24px",borderRadius:"50%",border:"2px solid #fff",boxShadow:"0 0 8px 0 rgba(0, 0, 0, 0.16)",background:`rgba(${p}, ${m}, ${h}, ${_})`,zIndex:95}),this.suckerArea.length&&t>=this.suckerArea[0]&&o>=this.suckerArea[1]&&t<=this.suckerArea[2]&&o<=this.suckerArea[3]?g.display="":g.display="none"},suckColor(a){a&&a.tagName!=="CANVAS"||(this.suckerPreview=document.createElement("div"),this.suckerPreview&&document.body.appendChild(this.suckerPreview),document.addEventListener("mousemove",this.mousemoveHandler),document.addEventListener("mouseup",this.mousemoveHandler),a.addEventListener("click",t=>{const{clientX:o,clientY:n}=t,{top:s,left:i,width:r,height:l}=a.getBoundingClientRect(),c=o-i,u=n-s,p=a.getContext("2d").getImageData(Math.min(c,r-1),Math.min(u,l-1),1,1);let[m,h,_,g]=p.data;g=parseFloat((g/255).toFixed(2)),this.$emit("selectSucker",{r:m,g:h,b:_,a:g})}))}}});const uv=e.createVNode("path",{d:"M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1"},null,-1),mv={key:1,class:"sucker",viewBox:"-16 -16 68 68",xmlns:"http://www.w3.org/2000/svg",stroke:"#9099a4"},pv=e.createVNode("g",{fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(1 1)","stroke-width":"4"},[e.createVNode("circle",{"stroke-opacity":".5",cx:"18",cy:"18",r:"18"}),e.createVNode("path",{d:"M36 18c0-9.94-8.06-18-18-18"},[e.createVNode("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})])])],-1);function fv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",null,[a.isSucking?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock("svg",{key:0,class:[{active:a.isOpenSucker},"sucker"],xmlns:"http://www.w3.org/2000/svg",viewBox:"-12 -12 48 48",onClick:t[1]||(t[1]=(...r)=>a.openSucker&&a.openSucker(...r))},[uv],2)),a.isSucking?(e.openBlock(),e.createBlock("svg",mv,[pv])):e.createCommentVNode("v-if",!0)])}Co.render=fv;Co.__file="src/color/Sucker.vue";var go=e.defineComponent({props:{name:{type:String,default:""},color:{type:String,default:""}},emits:["inputColor","inputFocus","inputBlur"],setup(a,{emit:t}){return{modelColor:e.computed({get(){return a.color||""},set(i){t("inputColor",i)}}),handleFocus:i=>{t("inputFocus",i)},handleBlur:i=>{t("inputBlur",i)}}}});const vv={class:"color-type"},hv={class:"name"};function Cv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",vv,[e.createVNode("span",hv,e.toDisplayString(a.name),1),e.withDirectives(e.createVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=r=>a.modelColor=r),class:"value",onFocus:t[2]||(t[2]=(...r)=>a.handleFocus&&a.handleFocus(...r)),onBlur:t[3]||(t[3]=(...r)=>a.handleBlur&&a.handleBlur(...r))},null,544),[[e.vModelText,a.modelColor]])])}go.render=Cv;go.__file="src/color/Box.vue";var _o=e.defineComponent({name:"ColorPicker",props:{color:{type:String,default:"#000000"},colorsDefault:{type:Array,default:()=>[]},colorsHistoryKey:{type:String,default:""}},emits:["selectColor"],setup(a,{emit:t}){const o=e.ref(),n=e.ref([]),s=e.ref();a.colorsHistoryKey&&localStorage&&(n.value=JSON.parse(localStorage.getItem(a.colorsHistoryKey))||[]),s.value=mo(4).toDataURL(),e.onUnmounted(()=>{i(o.value)});function i(l){if(!l)return;const c=n.value||[],u=c.indexOf(l);u>=0&&c.splice(u,1),c.length>=8&&(c.length=7),c.unshift(l),n.value=c||[],localStorage&&a.colorsHistoryKey&&localStorage.setItem(a.colorsHistoryKey,JSON.stringify(c))}function r(l){t("selectColor",l)}return{setColorsHistory:i,colorsHistory:n,color:o,imgAlphaBase64:s,selectColor:r}}});const gv={class:"colors"},_v={key:0,class:"colors history"};function yv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",null,[e.createVNode("ul",gv,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(a.colorsDefault,r=>(e.openBlock(),e.createBlock("li",{key:r,class:"item",onClick:l=>a.selectColor(r)},[e.createVNode("div",{style:{background:`url(${a.imgAlphaBase64})`},class:"alpha"},null,4),e.createVNode("div",{style:{background:r},class:"color"},null,4)],8,["onClick"]))),128))]),a.colorsHistory.length?(e.openBlock(),e.createBlock("ul",_v,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(a.colorsHistory,r=>(e.openBlock(),e.createBlock("li",{key:r,class:"item",onClick:l=>a.selectColor(r)},[e.createVNode("div",{style:{background:`url(${a.imgAlphaBase64})`},class:"alpha"},null,4),e.createVNode("div",{style:{background:r},class:"color"},null,4)],8,["onClick"]))),128))])):e.createCommentVNode("v-if",!0)])}_o.render=yv;_o.__file="src/color/Colors.vue";var ut=e.defineComponent({components:{Saturation:po,Hue:fo,Alpha:vo,Preview:ho,Sucker:Co,Box:go,Colors:_o},emits:["changeColor","openSucker","inputFocus","inputBlur"],props:{color:{type:String,default:"#000000"},theme:{type:String,default:"dark"},suckerHide:{type:Boolean,default:!0},suckerCanvas:{type:null,default:null},suckerArea:{type:Array,default:()=>[]},colorsDefault:{type:Array,default:()=>["#000000","#FFFFFF","#FF1900","#F47365","#FFB243","#FFE623","#6EFF2A","#1BC7B1","#00BEFF","#2E81FF","#5D61FF","#FF89CF","#FC3CAD","#BF3DCE","#8E00A7","rgba(0,0,0,0)"]},colorsHistoryKey:{type:String,default:"vue-colorpicker-history"}},data(){return{hueWidth:15,hueHeight:152,previewHeight:30,modelRgba:"",modelHex:"",r:0,g:0,b:0,a:1,h:0,s:0,v:0}},computed:{isLightTheme(){return this.theme==="light"},totalWidth(){return this.hueHeight+(this.hueWidth+8)*2},previewWidth(){return this.totalWidth-(this.suckerHide?0:this.previewHeight)},rgba(){return{r:this.r,g:this.g,b:this.b,a:this.a}},hsv(){return{h:this.h,s:this.s,v:this.v}},rgbString(){return`rgb(${this.r}, ${this.g}, ${this.b})`},rgbaStringShort(){return`${this.r}, ${this.g}, ${this.b}, ${this.a}`},rgbaString(){return`rgba(${this.rgbaStringShort})`},hexString(){return tv(this.rgba,!0)}},created(){Object.assign(this,Xe(this.color)),this.setText(),this.$watch("rgba",()=>{this.$emit("changeColor",{rgba:this.rgba,hsv:this.hsv,hex:this.modelHex})})},methods:{selectSaturation(a){const{r:t,g:o,b:n,h:s,s:i,v:r}=Xe(a);Object.assign(this,{r:t,g:o,b:n,h:s,s:i,v:r}),this.setText()},handleFocus(a){this.$emit("inputFocus",a)},handleBlur(a){this.$emit("inputBlur",a)},selectHue(a){const{r:t,g:o,b:n,h:s,s:i,v:r}=Xe(a);Object.assign(this,{r:t,g:o,b:n,h:s,s:i,v:r}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide()})},selectAlpha(a){this.a=a,this.setText()},inputHex(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.modelHex=a,this.modelRgba=this.rgbaStringShort,this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},inputRgba(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.modelHex=this.hexString,this.modelRgba=a,this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},setText(){this.modelHex=this.hexString,this.modelRgba=this.rgbaStringShort},openSucker(a){this.$emit("openSucker",a)},selectSucker(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},selectColor(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})}}});const bv={class:"color-set"};function wv(a,t,o,n,s,i){const r=e.resolveComponent("Saturation"),l=e.resolveComponent("Hue"),c=e.resolveComponent("Alpha"),u=e.resolveComponent("Preview"),d=e.resolveComponent("Sucker"),p=e.resolveComponent("Box"),m=e.resolveComponent("Colors");return e.openBlock(),e.createBlock("div",{class:["hu-color-picker",{light:a.isLightTheme}],style:{width:a.totalWidth+"px"}},[e.createVNode("div",bv,[e.createVNode(r,{ref:"saturation",color:a.rgbString,hsv:a.hsv,size:a.hueHeight,onSelectSaturation:a.selectSaturation},null,8,["color","hsv","size","onSelectSaturation"]),e.createVNode(l,{ref:"hue",hsv:a.hsv,width:a.hueWidth,height:a.hueHeight,onSelectHue:a.selectHue},null,8,["hsv","width","height","onSelectHue"]),e.createVNode(c,{ref:"alpha",color:a.rgbString,rgba:a.rgba,width:a.hueWidth,height:a.hueHeight,onSelectAlpha:a.selectAlpha},null,8,["color","rgba","width","height","onSelectAlpha"])]),e.createVNode("div",{style:{height:a.previewHeight+"px"},class:"color-show"},[e.createVNode(u,{color:a.rgbaString,width:a.previewWidth,height:a.previewHeight},null,8,["color","width","height"]),a.suckerHide?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(d,{key:0,"sucker-canvas":a.suckerCanvas,"sucker-area":a.suckerArea,onOpenSucker:a.openSucker,onSelectSucker:a.selectSucker},null,8,["sucker-canvas","sucker-area","onOpenSucker","onSelectSucker"]))],4),e.createVNode(p,{name:"HEX",color:a.modelHex,onInputColor:a.inputHex,onInputFocus:a.handleFocus,onInputBlur:a.handleBlur},null,8,["color","onInputColor","onInputFocus","onInputBlur"]),e.createVNode(p,{name:"RGBA",color:a.modelRgba,onInputColor:a.inputRgba,onInputFocus:a.handleFocus,onInputBlur:a.handleBlur},null,8,["color","onInputColor","onInputFocus","onInputBlur"]),e.createVNode(m,{color:a.rgbaString,"colors-default":a.colorsDefault,"colors-history-key":a.colorsHistoryKey,onSelectColor:a.selectColor},null,8,["color","colors-default","colors-history-key","onSelectColor"]),e.createCommentVNode(" custom options "),e.renderSlot(a.$slots,"default")],6)}ut.render=wv;ut.__file="src/color/ColorPicker.vue";ut.install=a=>{a.component(ut.name,ut)};const kv={components:{ColorPicker:ut},data(){return{color:"#59c7f9",showPicker:!1}},methods:{togglePicker(){this.showPicker=!this.showPicker},changeColor(a){const{r:t,g:o,b:n,a:s}=a.rgba;this.color=`rgba(${t}, ${o}, ${n}, ${s})`}}},Ev={class:"color-picker-wrapper",ref:"wrapper"};function $v(a,t,o,n,s,i){const r=e.resolveComponent("ColorPicker");return e.openBlock(),e.createElementBlock("div",Ev,[e.createElementVNode("button",{class:"color-button",onClick:t[0]||(t[0]=(...l)=>i.togglePicker&&i.togglePicker(...l))}),s.showPicker?(e.openBlock(),e.createBlock(r,{key:0,class:"color-picker",theme:"light",color:s.color,onChangeColor:i.changeColor},null,8,["color","onChangeColor"])):e.createCommentVNode("",!0)],512)}const Bv=I(kv,[["render",$v]]),Vv={class:"ao-project-milestone"},Sv={class:"ao-project-milestone__header"},Nv={class:"ao-project-milestone__header_line"},Mv={class:"ao-project-milestone__header_line"},Av={class:"ao-project-milestone__title"},Tv={key:0,class:"ao-fieldset ao-milestone__fieldset"},Ov={class:"ao-field__row ao-milestone__field-row"},Iv={class:"ao-field ao-field--inline"},Lv={class:"ao-field__row ao-milestone__field-row"},Dv={class:"ao-field ao-milestone__field-multiselect"},Pv={class:"ao-project-milestone__body"},Hv={key:0,class:"ao-project-milestone__footer"},qo=e.defineComponent({__name:"AoProjectOverviewMilestoneDetails",props:{milestoneId:{},users:{},projectId:{},phases:{},phaseId:{},isEditable:{type:Boolean},closedStatus:{}},emits:["close","addActivity","updateMilestone","updateActivity","archiveActivity","unarchiveActivity"],setup(a,{emit:t}){const o=a,{t:n}=nt(),s=e.computed(()=>{var f;return(f=o.phases)==null?void 0:f.find(k=>k.id===o.phaseId)}),i=e.computed(()=>{var f;return(f=o.phases)==null?void 0:f.flatMap(k=>k.milestones)}),r=e.computed(()=>{var f;return(f=i.value)==null?void 0:f.find(k=>k.id===o.milestoneId)}),l=e.computed(()=>{var f;return(f=r.value)==null?void 0:f.activities});e.watch(l,(f,k)=>{Ne(f,k)});const c=f=>{t("close",f)},u=()=>{const{name:f,rank:k}=dt(l.value??[],"activity",n);t("addActivity",{milestoneId:o.milestoneId,name:f,rank:k,projectId:o.projectId})},d=f=>{t("updateActivity",f)},p=f=>{l.value&&"moved"in f&&t("updateActivity",{id:f.moved.element.id,rank:mt(l.value,f.moved.newIndex)})},m=e.computed({get:()=>{var f;return((f=r==null?void 0:r.value)==null?void 0:f.deadline)??""},set:f=>{r.value&&t("updateMilestone",{id:r.value.id,deadline:f!=null&&f.length?f:null})}}),h=f=>o.closedStatus?qa(f,o.closedStatus):!1,_=e.computed(()=>{var f;return((f=o.users)==null?void 0:f.map(k=>({label:`${k.firstName} ${k.lastName}`,value:k.id,avatar:k.avatarUrl})))||[]}),g=e.computed({get(){var f,k;return(k=(f=r.value)==null?void 0:f.assignee)!=null&&k.id?[r.value.assignee.id]:[]},set(f){t("updateMilestone",{id:o.milestoneId,assigneeId:f[0]??null})}}),C=e.computed({get(){var f;return((f=r.value)==null?void 0:f.important)??!1},set(f){t("updateMilestone",{id:o.milestoneId,important:f})}});return(f,k)=>{var y;return e.openBlock(),e.createElementBlock("div",Vv,[e.createElementVNode("header",Sv,[e.createElementVNode("div",Nv,[e.createVNode(X,{"icon-name":"CloseRounded",variant:"ghost",size:"sm",class:"ao-milestone__close",onClick:c})]),e.createElementVNode("div",Mv,[e.createElementVNode("div",Av,[e.createVNode(oe,{title:((y=r.value)==null?void 0:y.name)||f.milestoneId,level:5},null,8,["title"]),e.createVNode(ja,{modelValue:C.value,"onUpdate:modelValue":k[0]||(k[0]=$=>C.value=$),modelModifiers:{lazy:!0},disabled:!f.isEditable,class:"ao-milestone__important",color:"danger",label:f.$t("activity.important.label"),"icon-name":"FlagRounded",variant:"ghost",size:"sm"},null,8,["modelValue","disabled","label"])])]),r.value?(e.openBlock(),e.createElementBlock("div",Tv,[e.createElementVNode("div",Ov,[e.createElementVNode("label",Iv,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":k[1]||(k[1]=$=>m.value=$),class:"ao-milestone__field ao-milestone__date-field",type:"date"},null,512),[[e.vModelText,m.value,void 0,{lazy:!0}]])])]),e.createElementVNode("div",Lv,[e.createElementVNode("label",Dv,[e.createVNode(se,{modelValue:g.value,"onUpdate:modelValue":k[2]||(k[2]=$=>g.value=$),options:_.value,"close-on-select":!0,searchable:!0,max:1,class:"ao-milestone__field ao-milestone__multiselect",placeholder:f.$t("activity.filters.assignee.placeholder"),mode:"tags",disabled:!f.isEditable,caret:f.isEditable},{tag:e.withCtx(({option:$,handleTagRemove:N})=>[e.createVNode(Ae,{"user-name":$.label,"avatar-url":$.avatar,"is-closable":!0,onClose:S=>N($,S)},null,8,["user-name","avatar-url","onClose"])]),_:1},8,["modelValue","options","placeholder","disabled","caret"])])]),e.createVNode(Bv)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Pv,[e.createVNode(e.unref(ze),e.mergeProps({class:"ao-project-milestone__activities",list:l.value,disabled:!f.isEditable,"item-key":"id",group:"kanban"},f.$attrs,{onChange:p}),{item:e.withCtx(({element:$})=>{var N,S,D,L;return[e.createVNode(uo,{id:$.id,name:$.name||$.id,"phase-name":(N=s.value)==null?void 0:N.name,"milestone-name":(S=r.value)==null?void 0:S.name,deadline:$.deadline,important:$.important,users:f.users,assignee:$.assignee,comments:(D=$.comments)==null?void 0:D.length,attachments:(L=$.attachments)==null?void 0:L.length,tasks:$.tasks,"is-editable":f.isEditable,"is-private":$.private,"is-closed":h($),onClick:H=>f.$router.push({name:f.projectOverviewRoutes.activity,params:{milestoneId:f.milestoneId,activityId:$.id}}),onUpdateActivity:d,onRemoveAssignee:()=>d({id:$.id,assigneeId:null})},e.createSlots({_:2},[f.isEditable?{name:"secondary",fn:e.withCtx(()=>[f.isEditable&&$.active?(e.openBlock(),e.createBlock(X,{key:0,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:f.$t("archive"),onClick:e.withModifiers(()=>f.$emit("archiveActivity",{id:$.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0),f.isEditable&&!$.active?(e.openBlock(),e.createBlock(X,{key:1,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:f.$t("feed.activity.unarchive"),onClick:e.withModifiers(()=>f.$emit("unarchiveActivity",{id:$.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["id","name","phase-name","milestone-name","deadline","important","users","assignee","comments","attachments","tasks","is-editable","is-private","is-closed","onClick","onRemoveAssignee"])]}),_:1},16,["list","disabled"]),f.isEditable?(e.openBlock(),e.createElementBlock("div",Hv,[e.createVNode(We,{"icon-name":"Add",label:f.$t("project.activity.add"),onClick:u},null,8,["label"])])):e.createCommentVNode("",!0)])])}}});const Rv=e.defineComponent({__name:"AoProjectOverviewActivityDetails",props:{phaseId:{},milestoneId:{},activityId:{},activityTypes:{},activities:{},isTaskCheckable:{type:Function},statuses:{},phases:{},users:{},project:{},userId:{},isEditable:{type:Boolean},attachmentEnabled:{type:Boolean}},emits:["update:activity","addSubtask","updateSubtask","deleteSubtask","addFiles","removeFile","addComment","updateComment","removeComment"],setup(a,{emit:t}){const o=a,n=e.computed(()=>{var C;return(C=o.phases)==null?void 0:C.find(f=>f.id===o.phaseId)}),s=e.computed(()=>{var C;return(C=o.phases)==null?void 0:C.flatMap(f=>f.milestones)}),i=e.computed(()=>{var C;return(C=s.value)==null?void 0:C.find(f=>f.id===o.milestoneId)}),r=e.computed(()=>{var C;return(C=o.activities)==null?void 0:C.find(f=>f.id===o.activityId)}),l=C=>{t("update:activity",C)},c=C=>{t("addSubtask",C)},u=C=>{t("updateSubtask",C)},d=C=>{t("deleteSubtask",C)},p=C=>{t("addFiles",C)},m=C=>{t("removeFile",C)},h=C=>{t("addComment",C)},_=C=>{t("updateComment",C)},g=C=>{t("removeComment",C)};return(C,f)=>{var k,y;return r.value?(e.openBlock(),e.createBlock(io,{key:0,activity:r.value,"activity-types":C.activityTypes,"milestone-id":C.milestoneId,"template-activities":C.activities,"is-template":!1,users:C.users,"user-id":C.userId,"is-task-checkable":C.isTaskCheckable,statuses:C.statuses,breadcrumbs:`${(k=n.value)==null?void 0:k.name} / ${(y=i.value)==null?void 0:y.name}`,"is-editable":C.isEditable,"attachment-enabled":C.attachmentEnabled,projects:[C.project],onClose:C.$router.back,"onUpdate:activity":l,onAddSubtask:c,onUpdateSubtask:u,onDeleteSubtask:d,onAddFiles:p,onRemoveFile:m,onAddComment:h,onUpdateComment:_,onRemoveComment:g},{default:e.withCtx($=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps($)))]),_:3},8,["activity","activity-types","milestone-id","template-activities","users","user-id","is-task-checkable","statuses","breadcrumbs","is-editable","attachment-enabled","projects","onClose"])):e.createCommentVNode("",!0)}}}),jv={class:"ao-col-header"},Fv=e.defineComponent({__name:"AoColHeader",props:{title:{},items:{}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("header",jv,[e.createVNode(oe,{title:t.title,class:"ao-col-header__title",level:4},null,8,["title"]),t.items?(e.openBlock(),e.createBlock(xa,{key:0,label:t.items,class:"ao-col-header__items",variant:"solid",color:"primary"},null,8,["label"])):e.createCommentVNode("",!0)]))}});function Uv(a){return e.getCurrentScope()?(e.onScopeDispose(a),!0):!1}function da(a){return typeof a=="function"?a():e.unref(a)}const Zv=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const xv=a=>a!=null,At=()=>{};function zv(a,t){function o(...n){return new Promise((s,i)=>{Promise.resolve(a(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(s).catch(i)})}return o}function Wv(a,t={}){let o,n,s=At;const i=l=>{clearTimeout(l),s(),s=At};return l=>{const c=da(a),u=da(t.maxWait);return o&&i(o),c<=0||u!==void 0&&u<=0?(n&&(i(n),n=null),Promise.resolve(l())):new Promise((d,p)=>{s=t.rejectOnCancel?p:d,u&&!n&&(n=setTimeout(()=>{o&&i(o),n=null,d(l())},u)),o=setTimeout(()=>{n&&i(n),n=null,d(l())},c)})}}function qv(a,t=200,o={}){return zv(Wv(t,o),a)}function La(a){var t;const o=da(a);return(t=o==null?void 0:o.$el)!=null?t:o}const Yv=Zv?window:void 0;function Kv(){const a=e.ref(!1),t=e.getCurrentInstance();return t&&e.onMounted(()=>{a.value=!0},t),a}function Gv(a){const t=Kv();return e.computed(()=>(t.value,!!a()))}function Xv(a,t,o={}){const{root:n,rootMargin:s="0px",threshold:i=.1,window:r=Yv,immediate:l=!0}=o,c=Gv(()=>r&&"IntersectionObserver"in r),u=e.computed(()=>{const _=da(a);return(Array.isArray(_)?_:[_]).map(La).filter(xv)});let d=At;const p=e.ref(l),m=c.value?e.watch(()=>[u.value,La(n),p.value],([_,g])=>{if(d(),!p.value||!_.length)return;const C=new IntersectionObserver(t,{root:La(g),rootMargin:s,threshold:i});_.forEach(f=>f&&C.observe(f)),d=()=>{C.disconnect(),d=At}},{immediate:l,flush:"post"}):At,h=()=>{d(),m(),p.value=!1};return Uv(h),{isSupported:c,isActive:p,pause(){d(),p.value=!1},resume(){p.value=!0},stop:h}}const Qv={class:e.normalizeClass(["ao-list-kanban"])},Jv={class:"ao-list-kanban__header"},e9={key:0,class:"ao-list-kanban__end ao-list-kanban__end--loading"},t9={key:1,class:"ao-list-kanban__end"},a9={key:0,class:"ao-list-kanban__no-more"},o9={key:1,class:"ao-list-kanban__divider"},n9={key:1,class:"ao-list-kanban__footer"},s9=e.defineComponent({__name:"AoListKanban",props:{list:{},status:{},users:{},userId:{},title:{},footerLabel:{},isLoading:{type:Boolean},hasMore:{type:Boolean},noMoreLabel:{},isEditable:{type:[Boolean,String]},tagType:{}},emits:["add","update:list","change:list","loadMore","selectActivity","archiveActivity","unarchiveActivity","updateActivity"],setup(a,{emit:t}){const o=a,n=e.ref(!1),s=e.ref(null);Xv(s,([{isIntersecting:d}])=>{n.value=d}),e.watch(n,d=>{d&&o.hasMore&&!o.isLoading&&t("loadMore")});const i=d=>{var p;return o.isEditable===!0?!0:o.userId&&o.isEditable==="only-own"?o.userId===((p=d.assignee)==null?void 0:p.id):!1},r=d=>{t("selectActivity",d)},l=d=>{t("updateActivity",d)},c=d=>{"added"in d?t("updateActivity",{id:d.added.element.id,statusId:o.status.id,rank:mt(o.list,d.added.newIndex)}):"removed"in d||"moved"in d&&t("updateActivity",{id:d.moved.element.id,rank:mt(o.list,d.moved.newIndex)})},u=e.ref(!1);return(d,p)=>(e.openBlock(),e.createElementBlock("div",Qv,[d.title||d.$slots.header?e.renderSlot(d.$slots,"header",{key:0},()=>{var m;return[e.createElementVNode("div",Jv,[d.title?(e.openBlock(),e.createBlock(Fv,{key:0,title:d.title,level:3,items:(m=d.list)==null?void 0:m.length},null,8,["title","items"])):e.createCommentVNode("",!0)])]}):e.createCommentVNode("",!0),e.createVNode(e.unref(ze),e.mergeProps({class:["ao-list-kanban__list",u.value?"ao-list-kanban__transition":void 0],list:d.list,"item-key":"id",group:"kanban","ghost-class":"ao-list-kanban__ghost",animation:"200"},d.$attrs,{draggable:".ao-list-draggable",disabled:!d.isEditable,onChange:c,onStart:p[0]||(p[0]=m=>u.value=!0),onEnd:p[1]||(p[1]=m=>u.value=!1),"component-data":{tag:"transition-group",name:"ao-list-kanban__transition"}}),{item:e.withCtx(({element:m})=>{var h,_,g,C,f,k,y,$;return[e.createVNode(uo,{class:e.normalizeClass(i(m)?"ao-list-draggable":""),id:m.id,name:m.name,"project-name":(h=m.project)==null?void 0:h.name,"project-color":(_=m.project)==null?void 0:_.color,"phase-name":(C=(g=m.milestone)==null?void 0:g.phase)==null?void 0:C.name,"milestone-name":(f=m.milestone)==null?void 0:f.name,deadline:m.deadline,rules:((k=m.rules)==null?void 0:k.length)||0,tasks:m.tasks,description:m.description,important:m.important,type:m.type,comments:(y=m.comments)==null?void 0:y.length,attachments:($=m.attachments)==null?void 0:$.length,users:d.users,assignee:m.assignee,"is-editable":i(m),"is-private":m.private,"tag-type":d.tagType,onUpdateActivity:[N=>i(m)&&l(N),()=>i(m)&&l],onClick:()=>r(m.id),onRemoveAssignee:()=>i(m)&&l({id:m.id,assigneeId:null})},{secondary:e.withCtx(()=>[i(m)&&m.active?(e.openBlock(),e.createBlock(X,{key:0,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:d.$t("feed.activity.archive"),onClick:e.withModifiers(()=>d.$emit("archiveActivity",{id:m.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0),i(m)&&!m.active?(e.openBlock(),e.createBlock(X,{key:1,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:d.$t("feed.activity.unarchive"),onClick:e.withModifiers(()=>d.$emit("unarchiveActivity",{id:m.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0)]),_:2},1032,["class","id","name","project-name","project-color","phase-name","milestone-name","deadline","rules","tasks","description","important","type","comments","attachments","users","assignee","is-editable","is-private","tag-type","onUpdateActivity","onClick","onRemoveAssignee"])]}),footer:e.withCtx(()=>[d.isLoading?(e.openBlock(),e.createElementBlock("div",e9,[e.createVNode(Q,{name:"Loading"})])):d.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"scrollEnd",ref:s,class:"ao-list-kanban__end"},null,512)):(e.openBlock(),e.createElementBlock("div",t9,[d.noMoreLabel?(e.openBlock(),e.createElementBlock("span",a9,e.toDisplayString(d.noMoreLabel),1)):d.isEditable?(e.openBlock(),e.createElementBlock("span",o9)):e.createCommentVNode("",!0)]))]),_:1},16,["class","list","disabled"]),d.$slots.footer||d.footerLabel?(e.openBlock(),e.createElementBlock("div",n9,[e.renderSlot(d.$slots,"footer",{},()=>[d.isEditable?(e.openBlock(),e.createBlock(We,{key:0,"icon-name":"AddBoxOutlineRounded",label:d.footerLabel,onClick:p[2]||(p[2]=m=>d.$emit("add"))},null,8,["label"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}});const r9={class:"ao-field ao-search-field"},i9=["value","placeholder","onKeypress"],l9=e.defineComponent({__name:"AoSearchField",props:{modelValue:{},delay:{default:250},placeholder:{default:"Search"}},emits:["update:modelValue","clear"],setup(a,{emit:t}){const o=a,n=async r=>{const c=r.target.value;t("update:modelValue",c,r)},s=qv(n,o.delay),i=r=>{t("clear",r)};return(r,l)=>(e.openBlock(),e.createElementBlock("div",r9,[e.createElementVNode("input",{value:r.modelValue,type:"text",class:"ao-field__input ao-search-field__input",placeholder:r.placeholder,onInput:l[0]||(l[0]=(...c)=>e.unref(s)&&e.unref(s)(...c)),onKeypress:e.withKeys(n,["enter"])},null,40,i9),e.createVNode(Q,{name:"SearchRounded",class:e.normalizeClass(`ao-search-field__icon ao-search-field__action ${r.modelValue?"":"ao-search-field__action--visible"}`)},null,8,["class"]),e.createVNode(X,{"icon-name":"CloseRounded",size:"sm",color:"primary",corners:"round",class:e.normalizeClass(`ao-search-field__button ao-search-field__action ${r.modelValue?"ao-search-field__action--visible":""}`),onClick:i},null,8,["class"])]))}});const c9={class:"ao-feed"},d9={class:"ao-feed__filters"},u9={class:"ao-feed__body"},Pn=e.defineComponent({__name:"AoFeed",props:{activities:{},statuses:{},project:{},projects:{},filters:{},activityTypes:{},users:{},userId:{},initialActivityId:{},searchText:{default:""},showsArchivedActivities:{type:Boolean},showsOnlyImportant:{type:Boolean},selectedActivity:{},isTaskCheckable:{type:Function,default:void 0},isEditable:{type:[Boolean,String]},attachmentEnabled:{type:Boolean,default:!0}},emits:["change:activities","addActivity","update:filters","selectActivity","update:activity","archiveActivity","unarchiveActivity","update:searchText","clear:searchText","update:showsArchivedActivities","update:showsOnlyImportant","addSubtask","updateSubtask","deleteSubtask","addFiles","removeFile","addComment","updateComment","removeComment"],setup(a,{emit:t}){const o=a,{t:n}=nt(),s=e.toRef(o,"activities"),i=async E=>{await t("selectActivity",E)},r=e.ref({}),l=e.ref(!1),c=e.ref(!1),u=e.computed(()=>o.project?"milestone":"project");e.watch([()=>o.statuses,()=>o.activities,()=>o.initialActivityId],async([E,O,w],[v,V])=>{r.value=Object.fromEntries(E.map(U=>[U.id,O.filter(Z=>{var K;return((K=Z.status)==null?void 0:K.id)===U.id})])),w&&!l.value&&(i(w),l.value=!0),c.value&&Ne(O,V)},{immediate:!0});const d=e.computed(()=>{var E;return!o.selectedActivity||!o.selectedActivity.milestone?"":`${((E=o.selectedActivity.milestone.phase)==null?void 0:E.name)??""} / ${o.selectedActivity.milestone.name??""}`}),p=E=>{var U,Z;const O=(U=o.activities)==null?void 0:U.at(-1),w=O?pe.LexoRank.parse(O.rank).genNext():pe.LexoRank.middle(),v=((Z=o.activities)==null?void 0:Z.length)??0,V={name:n("activity.defaultName",{idx:v+1}),rank:w.format(),statusId:E.id};o.filters.assigneeId.length>0&&(V.assigneeId=o.filters.assigneeId[0]),o.filters.projectId.length>0&&(V.projectId=o.filters.projectId[0]),o.filters.typeId.length>0&&(V.typeId=o.filters.typeId[0]),c.value=!0,t("addActivity",V)},m=(E,O)=>{c.value=!1,t("update:filters",{...o.filters,[E]:O})},h=e.computed(()=>o.project?[o.project]:o.projects??[]),_=e.computed(()=>h.value.map(E=>({value:E.id,label:E.name}))),g=e.computed(()=>{var E;return(E=o.activityTypes)==null?void 0:E.map(O=>({value:O.id,label:O.name}))}),C=e.computed(()=>o.users.map(E=>({value:E.id,label:`${E.firstName} ${E.lastName}`,avatar:E.avatarUrl}))),f=E=>{o.selectedActivity&&t("update:activity",E)},k=E=>{t("update:activity",E)},y=E=>{t("archiveActivity",E)},$=E=>{t("unarchiveActivity",E)},N=E=>{c.value=!1,t("update:searchText",E)},S=E=>{c.value=!1,t("clear:searchText",E)},D=E=>{o.selectedActivity&&t("addSubtask",E)},L=E=>{o.selectedActivity&&t("updateSubtask",E)},H=E=>{o.selectedActivity&&t("deleteSubtask",E)},B=E=>{t("addFiles",E)},j=E=>{t("removeFile",E)},T=E=>{o.selectedActivity&&t("addComment",{...E,activityId:o.selectedActivity.id})},P=E=>{const{id:O}=o.selectedActivity||{};O&&t("updateComment",E)},W=E=>{const{id:O}=o.selectedActivity||{};O&&t("removeComment",E)};return(E,O)=>{var w;return e.openBlock(),e.createElementBlock("div",c9,[e.createVNode(ha,null,{primary:e.withCtx(()=>[e.createElementVNode("div",d9,[o.project?(e.openBlock(),e.createBlock(Dn,{key:0,"is-left":!1,"right-label":E.$t("project.switch.feed"),"left-label":E.$t("project.switch.overview"),"onUpdate:isLeft":O[0]||(O[0]=v=>{v&&E.$router.push({name:e.unref(be).project})})},null,8,["right-label","left-label"])):e.createCommentVNode("",!0),e.createVNode(l9,{"model-value":E.searchText,placeholder:E.$t("feed.search.placeholder"),class:"ao-feed__search","onUpdate:modelValue":N,onClear:S},null,8,["model-value","placeholder"]),o.project?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se,{key:1,"model-value":E.filters[e.unref(Qe).project],mode:"tags",options:_.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__projects",placeholder:E.$t("feed.filters.project.placeholder"),"onUpdate:modelValue":O[1]||(O[1]=v=>m(e.unref(Qe).project,v))},null,8,["model-value","options","placeholder"])),g.value?(e.openBlock(),e.createBlock(se,{key:2,"model-value":E.filters[e.unref(Qe).type],mode:"tags",options:g.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__types",placeholder:E.$t("feed.filters.activityType.placeholder"),"onUpdate:modelValue":O[2]||(O[2]=v=>m(e.unref(Qe).type,v))},null,8,["model-value","options","placeholder"])):e.createCommentVNode("",!0),C.value.length?(e.openBlock(),e.createBlock(se,{key:3,"model-value":E.filters[e.unref(Qe).assignee],mode:"tags",options:C.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__assignees",placeholder:E.$t("feed.filters.assignee.placeholder"),"onUpdate:modelValue":O[3]||(O[3]=v=>m(e.unref(Qe).assignee,v))},{tag:e.withCtx(({option:v,handleTagRemove:V})=>[e.createVNode(Ae,{"user-name":v.label,"avatar-url":v.avatar,"is-closable":!0,onClose:U=>V(v,U)},null,8,["user-name","avatar-url","onClose"])]),_:1},8,["model-value","options","placeholder"])):e.createCommentVNode("",!0)]),e.createVNode(X,{class:"ao-feed__only-important",size:"sm","icon-name":E.showsOnlyImportant?"CheckBoxOutlineRounded":"CheckBoxOutlineBlank","icon-position":"start",color:"primary",variant:"ghost",label:E.$t("feed.filters.showsOnlyImportant.label"),role:"checkbox","aria-checked":E.showsOnlyImportant,onClick:O[4]||(O[4]=v=>E.$emit("update:showsOnlyImportant",!E.showsOnlyImportant))},null,8,["icon-name","label","aria-checked"]),e.createVNode(X,{class:"ao-feed__show-archived",size:"sm","icon-name":E.showsArchivedActivities?"CheckBoxOutlineRounded":"CheckBoxOutlineBlank","icon-position":"start",color:"primary",variant:"ghost",label:E.$t("feed.filters.showsArchivedActivities.label"),role:"checkbox","aria-checked":E.showsArchivedActivities,onClick:O[5]||(O[5]=v=>E.$emit("update:showsArchivedActivities",!E.showsArchivedActivities))},null,8,["icon-name","label","aria-checked"])]),_:1}),e.createElementVNode("div",u9,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.statuses,v=>(e.openBlock(),e.createBlock(s9,{key:v.id,status:v,list:r.value[v.id],title:v.name,"footer-label":E.$t("feed.activity.add"),users:E.users,"user-id":E.userId,"is-editable":E.isEditable,tagType:u.value,onAdd:()=>p(v),onSelectActivity:i,onArchiveActivity:y,onUnarchiveActivity:$,onUpdateActivity:k},null,8,["status","list","title","footer-label","users","user-id","is-editable","tagType","onAdd"]))),128))]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[E.selectedActivity?(e.openBlock(),e.createBlock(io,{key:0,activity:E.selectedActivity,"activity-types":E.activityTypes,"milestone-id":(w=E.selectedActivity.milestone)==null?void 0:w.id,"template-activities":s.value,users:E.users,"user-id":E.userId,"is-task-checkable":E.isTaskCheckable,statuses:E.statuses,breadcrumbs:d.value,"is-editable":E.isEditable,"attachment-enabled":E.attachmentEnabled,projects:h.value,onClose:O[6]||(O[6]=()=>i(null)),"onUpdate:activity":f,onAddSubtask:D,onUpdateSubtask:L,onDeleteSubtask:H,onAddFiles:B,onRemoveFile:j,onAddComment:T,onUpdateComment:P,onRemoveComment:W},{default:e.withCtx(v=>[e.renderSlot(E.$slots,"activityDetailsBody",e.normalizeProps(e.guardReactiveProps(v)))]),_:3},8,["activity","activity-types","milestone-id","template-activities","users","user-id","is-task-checkable","statuses","breadcrumbs","is-editable","attachment-enabled","projects"])):e.createCommentVNode("",!0)]))])}}});const et={TEMPLATES:"templates",TEMPLATE_DETAILS:"template_details",TEMPLATES_LIST:"templates_list"},m9=(a,t={})=>[{path:a,name:et.TEMPLATES,redirect:{name:et.TEMPLATES_LIST},...t,children:[{path:"",name:et.TEMPLATES_LIST,component:Hn},{path:":templateId/:phaseId?/:milestoneId?/:activityId?",name:et.TEMPLATE_DETAILS,component:In,props:!0}]}],be={project:"AoProject",feed:"AoProjectFeed",milestone:"AoMilestone",activity:"AoActivity"},p9=(a,t={})=>[{path:a,...t,redirect:{name:be.project},children:[{path:"",name:be.project,component:If,props:!0,children:[{path:":phaseId/:milestoneId",name:be.milestone,component:qo,props:!0},{path:":phaseId/:milestoneId/:activityId",name:be.activity,props:{default:!0,modal:!0},components:{default:qo,modal:Rv}}]},{path:"feed",name:be.feed,component:Pn,props:!0}]}],f9={class:"ao-templates"},Hn=e.defineComponent({__name:"AoTemplatesList",props:{templates:{}},emits:["addTemplate","updateTemplates","updateItem"],setup(a,{emit:t}){const o=a,{t:n}=nt();e.watch(()=>o.templates,(l,c)=>{Ne(l,c)});const s=()=>{var p,m;const l=(p=o.templates)==null?void 0:p.at(-1),c=l?pe.LexoRank.parse(l.rank).genNext():pe.LexoRank.middle(),u=((m=o.templates)==null?void 0:m.length)??0,d={name:n("template.defaultName.template",{idx:u+1}),rank:c.format()};t("addTemplate",d)},i=(l,c)=>{t("updateItem",{itemType:J.TEMPLATES,id:l,templateId:l,data:{name:c}})},r=l=>{if(l.moved){const c=jt(l,o.templates??[]);t("updateItem",{itemType:J.TEMPLATES,id:l.moved.element.id,templateId:l.moved.element.id,data:{rank:c}})}};return(l,c)=>(e.openBlock(),e.createElementBlock("div",f9,[e.createVNode(ha,null,{secondary:e.withCtx(()=>[e.createVNode(X,{label:l.$t("templates.new"),color:"primary","icon-name":"Add","icon-position":"start",onClick:s},null,8,["label"])]),_:1}),e.createVNode(e.unref(ze),{"model-value":l.templates,class:"ao-templates__list","item-key":"id",handle:".ao-card__drag",onChange:r},{item:e.withCtx(({element:u})=>{var d;return[e.createVNode(h3,{id:u.id,title:u.name,phases:u.phases,milestones:(d=u.phases)!=null&&d.length?e.unref(Z0)(u.phases):0,activities:u.phases?e.unref(x0)(u.phases):0,"updated-at":u.updatedAt,"updated-by":u.updatedBy,onUpdateTitle:p=>i(u.id,p),onClick:p=>l.$router.push({name:e.unref(et).TEMPLATE_DETAILS,params:{templateId:u.id}})},null,8,["id","title","phases","milestones","activities","updated-at","updated-by","onUpdateTitle","onClick"])]}),_:1},8,["model-value"])]))}});const v9={class:"ao-field__label"},Rn=e.defineComponent({__name:"AoField",props:{label:{},isMultiselect:{type:Boolean,default:!1}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["ao-field",{"ao-field--multiselect":t.isMultiselect}])},[e.createElementVNode("span",v9,e.toDisplayString(t.label),1),e.renderSlot(t.$slots,"default")],2))}}),h9=["type","value","disabled","readonly"],C9=e.defineComponent({__name:"AoInputField",props:{label:{default:""},type:{default:"text"},modelValue:{default:""},modelModifiers:{default:()=>({})},isDisabled:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,n=e.computed(()=>o.modelModifiers.lazy?"change":"input"),s=i=>{o.modelModifiers.number&&(i=Number(i)),t("update:modelValue",i)};return(i,r)=>(e.openBlock(),e.createBlock(Rn,{label:i.label},{default:e.withCtx(()=>[e.createElementVNode("input",e.mergeProps({class:"ao-field__input",type:i.type,value:i.modelValue,disabled:i.isDisabled,readonly:i.isReadonly},{[e.toHandlerKey(n.value)]:r[0]||(r[0]=l=>s(l.target.value))}),null,16,h9)]),_:1},8,["label"]))}}),g9={class:"ao-field"},_9={class:"ao-field__label"},y9=["checked","disabled"],b9=e.defineComponent({__name:"AoCheckboxField",props:{label:{default:""},modelValue:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("label",g9,[e.createElementVNode("span",_9,e.toDisplayString(t.label),1),e.createElementVNode("input",{class:"ao-field__input",type:"checkbox",checked:t.modelValue,disabled:t.isDisabled,onChange:o[0]||(o[0]=n=>{var s;return t.$emit("update:modelValue",((s=n.target)==null?void 0:s.checked)??!1)})},null,40,y9)]))}});exports.AoCardFeed=uo;exports.AoCheckboxField=b9;exports.AoFeed=Pn;exports.AoField=Rn;exports.AoInputField=C9;exports.AoMultiselect=se;exports.AoProjectPhases=Ln;exports.AoTemplateDetails=In;exports.AoTemplates=ns;exports.AoTemplatesList=Hn;exports.TemplateItemTypeEnum=en;exports.activityFeedStatus=n2;exports.durationTypes=o2;exports.feedFilterTypes=Qe;exports.getProjectOverviewRoutes=p9;exports.getTemplateRoutes=m9;exports.listUpdateTypes=s2;exports.milestoneStatus=aa;exports.projectOverviewRoutes=be;exports.ruleComparators=Xo;exports.ruleDurationUnits=Jo;exports.ruleTriggerTypes=Qo;exports.templateItemType=J;exports.templateRouteNames=et;
|
|
5
|
+
*/function Xe(a){let t={r:0,g:0,b:0,a:1};/#/.test(a)?t=av(a):/rgb/.test(a)?t=Wo(a):typeof a=="string"?t=Wo(`rgba(${a})`):Object.prototype.toString.call(a)==="[object Object]"&&(t=a);const{r:o,g:n,b:s,a:i}=t,{h:r,s:l,v:c}=ov(t);return{r:o,g:n,b:s,a:i===void 0?1:i,h:r,s:l,v:c}}function mo(a){const t=document.createElement("canvas"),o=t.getContext("2d"),n=a*2;return t.width=n,t.height=n,o.fillStyle="#ffffff",o.fillRect(0,0,n,n),o.fillStyle="#ccd5db",o.fillRect(0,0,a,a),o.fillRect(a,a,a,a),t}function Fa(a,t,o,n,s,i){const r=a==="l",l=t.createLinearGradient(0,0,r?o:0,r?0:n);l.addColorStop(.01,s),l.addColorStop(.99,i),t.fillStyle=l,t.fillRect(0,0,o,n)}function tv({r:a,g:t,b:o},n){const s=r=>("0"+Number(r).toString(16)).slice(-2),i=`#${s(a)}${s(t)}${s(o)}`;return n?i.toUpperCase():i}function av(a){a=a.slice(1);const t=o=>parseInt(o,16)||0;return{r:t(a.slice(0,2)),g:t(a.slice(2,4)),b:t(a.slice(4,6))}}function Wo(a){return typeof a=="string"?(a=(/rgba?\((.*?)\)/.exec(a)||["","0,0,0,1"])[1].split(","),{r:Number(a[0])||0,g:Number(a[1])||0,b:Number(a[2])||0,a:Number(a[3]?a[3]:1)}):a}function ov({r:a,g:t,b:o}){a=a/255,t=t/255,o=o/255;const n=Math.max(a,t,o),s=Math.min(a,t,o),i=n-s;let r=0;n===s?r=0:n===a?t>=o?r=60*(t-o)/i:r=60*(t-o)/i+360:n===t?r=60*(o-a)/i+120:n===o&&(r=60*(a-t)/i+240),r=Math.floor(r);let l=parseFloat((n===0?0:1-s/n).toFixed(2)),c=parseFloat(n.toFixed(2));return{h:r,s:l,v:c}}var po=e.defineComponent({props:{color:{type:String,default:"#000000"},hsv:{type:Object,default:null},size:{type:Number,default:152}},emits:["selectSaturation"],data(){return{slideSaturationStyle:{}}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasSaturation,t=this.size,o=a.getContext("2d");a.width=t,a.height=t,o.fillStyle=this.color,o.fillRect(0,0,t,t),Fa("l",o,t,t,"#FFFFFF","rgba(255,255,255,0)"),Fa("p",o,t,t,"rgba(0,0,0,0)","#000000")},renderSlide(){this.slideSaturationStyle={left:this.hsv.s*this.size-5+"px",top:(1-this.hsv.v)*this.size-5+"px"}},selectSaturation(a){const{top:t,left:o}=this.$el.getBoundingClientRect(),n=a.target.getContext("2d"),s=r=>{let l=r.clientX-o,c=r.clientY-t;l<0&&(l=0),c<0&&(c=0),l>this.size&&(l=this.size),c>this.size&&(c=this.size),this.slideSaturationStyle={left:l-5+"px",top:c-5+"px"};const u=n.getImageData(Math.min(l,this.size-1),Math.min(c,this.size-1),1,1),[d,p,m]=u.data;this.$emit("selectSaturation",{r:d,g:p,b:m})};s(a);const i=()=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",i)};document.addEventListener("mousemove",s),document.addEventListener("mouseup",i)}}});const nv={ref:"canvasSaturation"};function sv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"saturation",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectSaturation&&a.selectSaturation(...r),["prevent","stop"]))},[e.createVNode("canvas",nv,null,512),e.createVNode("div",{style:a.slideSaturationStyle,class:"slide"},null,4)],32)}po.render=sv;po.__file="src/color/Saturation.vue";var fo=e.defineComponent({props:{hsv:{type:Object,default:null},width:{type:Number,default:15},height:{type:Number,default:152}},emits:["selectHue"],data(){return{slideHueStyle:{}}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasHue,t=this.width,o=this.height,n=a.getContext("2d");a.width=t,a.height=o;const s=n.createLinearGradient(0,0,0,o);s.addColorStop(0,"#FF0000"),s.addColorStop(.17*1,"#FF00FF"),s.addColorStop(.17*2,"#0000FF"),s.addColorStop(.17*3,"#00FFFF"),s.addColorStop(.17*4,"#00FF00"),s.addColorStop(.17*5,"#FFFF00"),s.addColorStop(1,"#FF0000"),n.fillStyle=s,n.fillRect(0,0,t,o)},renderSlide(){this.slideHueStyle={top:(1-this.hsv.h/360)*this.height-2+"px"}},selectHue(a){const{top:t}=this.$el.getBoundingClientRect(),o=a.target.getContext("2d"),n=i=>{let r=i.clientY-t;r<0&&(r=0),r>this.height&&(r=this.height),this.slideHueStyle={top:r-2+"px"};const l=o.getImageData(0,Math.min(r,this.height-1),1,1),[c,u,d]=l.data;this.$emit("selectHue",{r:c,g:u,b:d})};n(a);const s=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",s)}}});const rv={ref:"canvasHue"};function iv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"hue",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectHue&&a.selectHue(...r),["prevent","stop"]))},[e.createVNode("canvas",rv,null,512),e.createVNode("div",{style:a.slideHueStyle,class:"slide"},null,4)],32)}fo.render=iv;fo.__file="src/color/Hue.vue";var vo=e.defineComponent({props:{color:{type:String,default:"#000000"},rgba:{type:Object,default:null},width:{type:Number,default:15},height:{type:Number,default:152}},emits:["selectAlpha"],data(){return{slideAlphaStyle:{},alphaSize:5}},watch:{color(){this.renderColor()},"rgba.a"(){this.renderSlide()}},mounted(){this.renderColor(),this.renderSlide()},methods:{renderColor(){const a=this.$refs.canvasAlpha,t=this.width,o=this.height,n=this.alphaSize,s=mo(n),i=a.getContext("2d");a.width=t,a.height=o,i.fillStyle=i.createPattern(s,"repeat"),i.fillRect(0,0,t,o),Fa("p",i,t,o,"rgba(255,255,255,0)",this.color)},renderSlide(){this.slideAlphaStyle={top:this.rgba.a*this.height-2+"px"}},selectAlpha(a){const{top:t}=this.$el.getBoundingClientRect(),o=s=>{let i=s.clientY-t;i<0&&(i=0),i>this.height&&(i=this.height);let r=parseFloat((i/this.height).toFixed(2));this.$emit("selectAlpha",r)};o(a);const n=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",n)}}});const lv={ref:"canvasAlpha"};function cv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",{class:"color-alpha",onMousedown:t[1]||(t[1]=e.withModifiers((...r)=>a.selectAlpha&&a.selectAlpha(...r),["prevent","stop"]))},[e.createVNode("canvas",lv,null,512),e.createVNode("div",{style:a.slideAlphaStyle,class:"slide"},null,4)],32)}vo.render=cv;vo.__file="src/color/Alpha.vue";var ho=e.defineComponent({props:{color:{type:String,default:"#000000"},width:{type:Number,default:100},height:{type:Number,default:30}},data(){return{alphaSize:5}},watch:{color(){this.renderColor()}},mounted(){this.renderColor()},methods:{renderColor(){const a=this.$el,t=this.width,o=this.height,n=this.alphaSize,s=mo(n),i=a.getContext("2d");a.width=t,a.height=o,i.fillStyle=i.createPattern(s,"repeat"),i.fillRect(0,0,t,o),i.fillStyle=this.color,i.fillRect(0,0,t,o)}}});function dv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("canvas")}ho.render=dv;ho.__file="src/color/Preview.vue";var Co=e.defineComponent({props:{suckerCanvas:{type:Object,default:null},suckerArea:{type:Array,default:()=>[]}},data(){return{isOpenSucker:!1,suckerPreview:null,isSucking:!1}},watch:{suckerCanvas(a){this.isSucking=!1,this.suckColor(a)}},methods:{openSucker(){this.isOpenSucker?this.keydownHandler({keyCode:27}):(this.isOpenSucker=!0,this.isSucking=!0,this.$emit("openSucker",!0),document.addEventListener("keydown",this.keydownHandler))},keydownHandler(a){a.keyCode===27&&(this.isOpenSucker=!1,this.isSucking=!1,this.$emit("openSucker",!1),document.removeEventListener("keydown",this.keydownHandler),document.removeEventListener("mousemove",this.mousemoveHandler),document.removeEventListener("mouseup",this.mousemoveHandler),this.suckerPreview&&(document.body.removeChild(this.suckerPreview),this.suckerPreview=null))},mousemoveHandler(a){const{clientX:t,clientY:o}=a,{top:n,left:s,width:i,height:r}=this.suckerCanvas.getBoundingClientRect(),l=t-s,c=o-n,d=this.suckerCanvas.getContext("2d").getImageData(Math.min(l,i-1),Math.min(c,r-1),1,1);let[p,m,h,_]=d.data;_=parseFloat((_/255).toFixed(2));const g=this.suckerPreview.style;Object.assign(g,{position:"absolute",left:t+20+"px",top:o-36+"px",width:"24px",height:"24px",borderRadius:"50%",border:"2px solid #fff",boxShadow:"0 0 8px 0 rgba(0, 0, 0, 0.16)",background:`rgba(${p}, ${m}, ${h}, ${_})`,zIndex:95}),this.suckerArea.length&&t>=this.suckerArea[0]&&o>=this.suckerArea[1]&&t<=this.suckerArea[2]&&o<=this.suckerArea[3]?g.display="":g.display="none"},suckColor(a){a&&a.tagName!=="CANVAS"||(this.suckerPreview=document.createElement("div"),this.suckerPreview&&document.body.appendChild(this.suckerPreview),document.addEventListener("mousemove",this.mousemoveHandler),document.addEventListener("mouseup",this.mousemoveHandler),a.addEventListener("click",t=>{const{clientX:o,clientY:n}=t,{top:s,left:i,width:r,height:l}=a.getBoundingClientRect(),c=o-i,u=n-s,p=a.getContext("2d").getImageData(Math.min(c,r-1),Math.min(u,l-1),1,1);let[m,h,_,g]=p.data;g=parseFloat((g/255).toFixed(2)),this.$emit("selectSucker",{r:m,g:h,b:_,a:g})}))}}});const uv=e.createVNode("path",{d:"M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1"},null,-1),mv={key:1,class:"sucker",viewBox:"-16 -16 68 68",xmlns:"http://www.w3.org/2000/svg",stroke:"#9099a4"},pv=e.createVNode("g",{fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(1 1)","stroke-width":"4"},[e.createVNode("circle",{"stroke-opacity":".5",cx:"18",cy:"18",r:"18"}),e.createVNode("path",{d:"M36 18c0-9.94-8.06-18-18-18"},[e.createVNode("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})])])],-1);function fv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",null,[a.isSucking?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock("svg",{key:0,class:[{active:a.isOpenSucker},"sucker"],xmlns:"http://www.w3.org/2000/svg",viewBox:"-12 -12 48 48",onClick:t[1]||(t[1]=(...r)=>a.openSucker&&a.openSucker(...r))},[uv],2)),a.isSucking?(e.openBlock(),e.createBlock("svg",mv,[pv])):e.createCommentVNode("v-if",!0)])}Co.render=fv;Co.__file="src/color/Sucker.vue";var go=e.defineComponent({props:{name:{type:String,default:""},color:{type:String,default:""}},emits:["inputColor","inputFocus","inputBlur"],setup(a,{emit:t}){return{modelColor:e.computed({get(){return a.color||""},set(i){t("inputColor",i)}}),handleFocus:i=>{t("inputFocus",i)},handleBlur:i=>{t("inputBlur",i)}}}});const vv={class:"color-type"},hv={class:"name"};function Cv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",vv,[e.createVNode("span",hv,e.toDisplayString(a.name),1),e.withDirectives(e.createVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=r=>a.modelColor=r),class:"value",onFocus:t[2]||(t[2]=(...r)=>a.handleFocus&&a.handleFocus(...r)),onBlur:t[3]||(t[3]=(...r)=>a.handleBlur&&a.handleBlur(...r))},null,544),[[e.vModelText,a.modelColor]])])}go.render=Cv;go.__file="src/color/Box.vue";var _o=e.defineComponent({name:"ColorPicker",props:{color:{type:String,default:"#000000"},colorsDefault:{type:Array,default:()=>[]},colorsHistoryKey:{type:String,default:""}},emits:["selectColor"],setup(a,{emit:t}){const o=e.ref(),n=e.ref([]),s=e.ref();a.colorsHistoryKey&&localStorage&&(n.value=JSON.parse(localStorage.getItem(a.colorsHistoryKey))||[]),s.value=mo(4).toDataURL(),e.onUnmounted(()=>{i(o.value)});function i(l){if(!l)return;const c=n.value||[],u=c.indexOf(l);u>=0&&c.splice(u,1),c.length>=8&&(c.length=7),c.unshift(l),n.value=c||[],localStorage&&a.colorsHistoryKey&&localStorage.setItem(a.colorsHistoryKey,JSON.stringify(c))}function r(l){t("selectColor",l)}return{setColorsHistory:i,colorsHistory:n,color:o,imgAlphaBase64:s,selectColor:r}}});const gv={class:"colors"},_v={key:0,class:"colors history"};function yv(a,t,o,n,s,i){return e.openBlock(),e.createBlock("div",null,[e.createVNode("ul",gv,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(a.colorsDefault,r=>(e.openBlock(),e.createBlock("li",{key:r,class:"item",onClick:l=>a.selectColor(r)},[e.createVNode("div",{style:{background:`url(${a.imgAlphaBase64})`},class:"alpha"},null,4),e.createVNode("div",{style:{background:r},class:"color"},null,4)],8,["onClick"]))),128))]),a.colorsHistory.length?(e.openBlock(),e.createBlock("ul",_v,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(a.colorsHistory,r=>(e.openBlock(),e.createBlock("li",{key:r,class:"item",onClick:l=>a.selectColor(r)},[e.createVNode("div",{style:{background:`url(${a.imgAlphaBase64})`},class:"alpha"},null,4),e.createVNode("div",{style:{background:r},class:"color"},null,4)],8,["onClick"]))),128))])):e.createCommentVNode("v-if",!0)])}_o.render=yv;_o.__file="src/color/Colors.vue";var ut=e.defineComponent({components:{Saturation:po,Hue:fo,Alpha:vo,Preview:ho,Sucker:Co,Box:go,Colors:_o},emits:["changeColor","openSucker","inputFocus","inputBlur"],props:{color:{type:String,default:"#000000"},theme:{type:String,default:"dark"},suckerHide:{type:Boolean,default:!0},suckerCanvas:{type:null,default:null},suckerArea:{type:Array,default:()=>[]},colorsDefault:{type:Array,default:()=>["#000000","#FFFFFF","#FF1900","#F47365","#FFB243","#FFE623","#6EFF2A","#1BC7B1","#00BEFF","#2E81FF","#5D61FF","#FF89CF","#FC3CAD","#BF3DCE","#8E00A7","rgba(0,0,0,0)"]},colorsHistoryKey:{type:String,default:"vue-colorpicker-history"}},data(){return{hueWidth:15,hueHeight:152,previewHeight:30,modelRgba:"",modelHex:"",r:0,g:0,b:0,a:1,h:0,s:0,v:0}},computed:{isLightTheme(){return this.theme==="light"},totalWidth(){return this.hueHeight+(this.hueWidth+8)*2},previewWidth(){return this.totalWidth-(this.suckerHide?0:this.previewHeight)},rgba(){return{r:this.r,g:this.g,b:this.b,a:this.a}},hsv(){return{h:this.h,s:this.s,v:this.v}},rgbString(){return`rgb(${this.r}, ${this.g}, ${this.b})`},rgbaStringShort(){return`${this.r}, ${this.g}, ${this.b}, ${this.a}`},rgbaString(){return`rgba(${this.rgbaStringShort})`},hexString(){return tv(this.rgba,!0)}},created(){Object.assign(this,Xe(this.color)),this.setText(),this.$watch("rgba",()=>{this.$emit("changeColor",{rgba:this.rgba,hsv:this.hsv,hex:this.modelHex})})},methods:{selectSaturation(a){const{r:t,g:o,b:n,h:s,s:i,v:r}=Xe(a);Object.assign(this,{r:t,g:o,b:n,h:s,s:i,v:r}),this.setText()},handleFocus(a){this.$emit("inputFocus",a)},handleBlur(a){this.$emit("inputBlur",a)},selectHue(a){const{r:t,g:o,b:n,h:s,s:i,v:r}=Xe(a);Object.assign(this,{r:t,g:o,b:n,h:s,s:i,v:r}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide()})},selectAlpha(a){this.a=a,this.setText()},inputHex(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.modelHex=a,this.modelRgba=this.rgbaStringShort,this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},inputRgba(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.modelHex=this.hexString,this.modelRgba=a,this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},setText(){this.modelHex=this.hexString,this.modelRgba=this.rgbaStringShort},openSucker(a){this.$emit("openSucker",a)},selectSucker(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})},selectColor(a){const{r:t,g:o,b:n,a:s,h:i,s:r,v:l}=Xe(a);Object.assign(this,{r:t,g:o,b:n,a:s,h:i,s:r,v:l}),this.setText(),this.$nextTick(()=>{this.$refs.saturation.renderColor(),this.$refs.saturation.renderSlide(),this.$refs.hue.renderSlide()})}}});const bv={class:"color-set"};function wv(a,t,o,n,s,i){const r=e.resolveComponent("Saturation"),l=e.resolveComponent("Hue"),c=e.resolveComponent("Alpha"),u=e.resolveComponent("Preview"),d=e.resolveComponent("Sucker"),p=e.resolveComponent("Box"),m=e.resolveComponent("Colors");return e.openBlock(),e.createBlock("div",{class:["hu-color-picker",{light:a.isLightTheme}],style:{width:a.totalWidth+"px"}},[e.createVNode("div",bv,[e.createVNode(r,{ref:"saturation",color:a.rgbString,hsv:a.hsv,size:a.hueHeight,onSelectSaturation:a.selectSaturation},null,8,["color","hsv","size","onSelectSaturation"]),e.createVNode(l,{ref:"hue",hsv:a.hsv,width:a.hueWidth,height:a.hueHeight,onSelectHue:a.selectHue},null,8,["hsv","width","height","onSelectHue"]),e.createVNode(c,{ref:"alpha",color:a.rgbString,rgba:a.rgba,width:a.hueWidth,height:a.hueHeight,onSelectAlpha:a.selectAlpha},null,8,["color","rgba","width","height","onSelectAlpha"])]),e.createVNode("div",{style:{height:a.previewHeight+"px"},class:"color-show"},[e.createVNode(u,{color:a.rgbaString,width:a.previewWidth,height:a.previewHeight},null,8,["color","width","height"]),a.suckerHide?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(d,{key:0,"sucker-canvas":a.suckerCanvas,"sucker-area":a.suckerArea,onOpenSucker:a.openSucker,onSelectSucker:a.selectSucker},null,8,["sucker-canvas","sucker-area","onOpenSucker","onSelectSucker"]))],4),e.createVNode(p,{name:"HEX",color:a.modelHex,onInputColor:a.inputHex,onInputFocus:a.handleFocus,onInputBlur:a.handleBlur},null,8,["color","onInputColor","onInputFocus","onInputBlur"]),e.createVNode(p,{name:"RGBA",color:a.modelRgba,onInputColor:a.inputRgba,onInputFocus:a.handleFocus,onInputBlur:a.handleBlur},null,8,["color","onInputColor","onInputFocus","onInputBlur"]),e.createVNode(m,{color:a.rgbaString,"colors-default":a.colorsDefault,"colors-history-key":a.colorsHistoryKey,onSelectColor:a.selectColor},null,8,["color","colors-default","colors-history-key","onSelectColor"]),e.createCommentVNode(" custom options "),e.renderSlot(a.$slots,"default")],6)}ut.render=wv;ut.__file="src/color/ColorPicker.vue";ut.install=a=>{a.component(ut.name,ut)};const kv={components:{ColorPicker:ut},data(){return{color:"#59c7f9",showPicker:!1}},methods:{togglePicker(){this.showPicker=!this.showPicker},changeColor(a){const{r:t,g:o,b:n,a:s}=a.rgba;this.color=`rgba(${t}, ${o}, ${n}, ${s})`}}},Ev={class:"color-picker-wrapper",ref:"wrapper"};function $v(a,t,o,n,s,i){const r=e.resolveComponent("ColorPicker");return e.openBlock(),e.createElementBlock("div",Ev,[e.createElementVNode("button",{style:e.normalizeStyle({backgroundColor:s.color}),class:"color-button",onClick:t[0]||(t[0]=(...l)=>i.togglePicker&&i.togglePicker(...l))},null,4),s.showPicker?(e.openBlock(),e.createBlock(r,{key:0,class:"color-picker",theme:"light",color:s.color,onChangeColor:i.changeColor},null,8,["color","onChangeColor"])):e.createCommentVNode("",!0)],512)}const Bv=I(kv,[["render",$v]]),Vv={class:"ao-project-milestone"},Sv={class:"ao-project-milestone__header"},Nv={class:"ao-project-milestone__header_line"},Mv={class:"ao-project-milestone__header_line"},Av={class:"ao-project-milestone__title"},Tv={key:0,class:"ao-fieldset ao-milestone__fieldset"},Ov={class:"ao-field__row ao-milestone__field-row"},Iv={class:"ao-field ao-field--inline"},Lv={class:"ao-field__row ao-milestone__field-row"},Dv={class:"ao-field ao-milestone__field-multiselect"},Pv={class:"ao-project-milestone__body"},Hv={key:0,class:"ao-project-milestone__footer"},qo=e.defineComponent({__name:"AoProjectOverviewMilestoneDetails",props:{milestoneId:{},users:{},projectId:{},phases:{},phaseId:{},isEditable:{type:Boolean},closedStatus:{}},emits:["close","addActivity","updateMilestone","updateActivity","archiveActivity","unarchiveActivity"],setup(a,{emit:t}){const o=a,{t:n}=nt(),s=e.computed(()=>{var f;return(f=o.phases)==null?void 0:f.find(k=>k.id===o.phaseId)}),i=e.computed(()=>{var f;return(f=o.phases)==null?void 0:f.flatMap(k=>k.milestones)}),r=e.computed(()=>{var f;return(f=i.value)==null?void 0:f.find(k=>k.id===o.milestoneId)}),l=e.computed(()=>{var f;return(f=r.value)==null?void 0:f.activities});e.watch(l,(f,k)=>{Ne(f,k)});const c=f=>{t("close",f)},u=()=>{const{name:f,rank:k}=dt(l.value??[],"activity",n);t("addActivity",{milestoneId:o.milestoneId,name:f,rank:k,projectId:o.projectId})},d=f=>{t("updateActivity",f)},p=f=>{l.value&&"moved"in f&&t("updateActivity",{id:f.moved.element.id,rank:mt(l.value,f.moved.newIndex)})},m=e.computed({get:()=>{var f;return((f=r==null?void 0:r.value)==null?void 0:f.deadline)??""},set:f=>{r.value&&t("updateMilestone",{id:r.value.id,deadline:f!=null&&f.length?f:null})}}),h=f=>o.closedStatus?qa(f,o.closedStatus):!1,_=e.computed(()=>{var f;return((f=o.users)==null?void 0:f.map(k=>({label:`${k.firstName} ${k.lastName}`,value:k.id,avatar:k.avatarUrl})))||[]}),g=e.computed({get(){var f,k;return(k=(f=r.value)==null?void 0:f.assignee)!=null&&k.id?[r.value.assignee.id]:[]},set(f){t("updateMilestone",{id:o.milestoneId,assigneeId:f[0]??null})}}),C=e.computed({get(){var f;return((f=r.value)==null?void 0:f.important)??!1},set(f){t("updateMilestone",{id:o.milestoneId,important:f})}});return(f,k)=>{var y;return e.openBlock(),e.createElementBlock("div",Vv,[e.createElementVNode("header",Sv,[e.createElementVNode("div",Nv,[e.createVNode(X,{"icon-name":"CloseRounded",variant:"ghost",size:"sm",class:"ao-milestone__close",onClick:c})]),e.createElementVNode("div",Mv,[e.createElementVNode("div",Av,[e.createVNode(oe,{title:((y=r.value)==null?void 0:y.name)||f.milestoneId,level:5},null,8,["title"]),e.createVNode(ja,{modelValue:C.value,"onUpdate:modelValue":k[0]||(k[0]=$=>C.value=$),modelModifiers:{lazy:!0},disabled:!f.isEditable,class:"ao-milestone__important",color:"danger",label:f.$t("activity.important.label"),"icon-name":"FlagRounded",variant:"ghost",size:"sm"},null,8,["modelValue","disabled","label"])])]),r.value?(e.openBlock(),e.createElementBlock("div",Tv,[e.createElementVNode("div",Ov,[e.createElementVNode("label",Iv,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":k[1]||(k[1]=$=>m.value=$),class:"ao-milestone__field ao-milestone__date-field",type:"date"},null,512),[[e.vModelText,m.value,void 0,{lazy:!0}]])])]),e.createElementVNode("div",Lv,[e.createElementVNode("label",Dv,[e.createVNode(se,{modelValue:g.value,"onUpdate:modelValue":k[2]||(k[2]=$=>g.value=$),options:_.value,"close-on-select":!0,searchable:!0,max:1,class:"ao-milestone__field ao-milestone__multiselect",placeholder:f.$t("activity.filters.assignee.placeholder"),mode:"tags",disabled:!f.isEditable,caret:f.isEditable},{tag:e.withCtx(({option:$,handleTagRemove:N})=>[e.createVNode(Ae,{"user-name":$.label,"avatar-url":$.avatar,"is-closable":!0,onClose:S=>N($,S)},null,8,["user-name","avatar-url","onClose"])]),_:1},8,["modelValue","options","placeholder","disabled","caret"])])]),e.createVNode(Bv)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Pv,[e.createVNode(e.unref(ze),e.mergeProps({class:"ao-project-milestone__activities",list:l.value,disabled:!f.isEditable,"item-key":"id",group:"kanban"},f.$attrs,{onChange:p}),{item:e.withCtx(({element:$})=>{var N,S,D,L;return[e.createVNode(uo,{id:$.id,name:$.name||$.id,"phase-name":(N=s.value)==null?void 0:N.name,"milestone-name":(S=r.value)==null?void 0:S.name,deadline:$.deadline,important:$.important,users:f.users,assignee:$.assignee,comments:(D=$.comments)==null?void 0:D.length,attachments:(L=$.attachments)==null?void 0:L.length,tasks:$.tasks,"is-editable":f.isEditable,"is-private":$.private,"is-closed":h($),onClick:H=>f.$router.push({name:f.projectOverviewRoutes.activity,params:{milestoneId:f.milestoneId,activityId:$.id}}),onUpdateActivity:d,onRemoveAssignee:()=>d({id:$.id,assigneeId:null})},e.createSlots({_:2},[f.isEditable?{name:"secondary",fn:e.withCtx(()=>[f.isEditable&&$.active?(e.openBlock(),e.createBlock(X,{key:0,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:f.$t("archive"),onClick:e.withModifiers(()=>f.$emit("archiveActivity",{id:$.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0),f.isEditable&&!$.active?(e.openBlock(),e.createBlock(X,{key:1,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:f.$t("feed.activity.unarchive"),onClick:e.withModifiers(()=>f.$emit("unarchiveActivity",{id:$.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["id","name","phase-name","milestone-name","deadline","important","users","assignee","comments","attachments","tasks","is-editable","is-private","is-closed","onClick","onRemoveAssignee"])]}),_:1},16,["list","disabled"]),f.isEditable?(e.openBlock(),e.createElementBlock("div",Hv,[e.createVNode(We,{"icon-name":"Add",label:f.$t("project.activity.add"),onClick:u},null,8,["label"])])):e.createCommentVNode("",!0)])])}}});const Rv=e.defineComponent({__name:"AoProjectOverviewActivityDetails",props:{phaseId:{},milestoneId:{},activityId:{},activityTypes:{},activities:{},isTaskCheckable:{type:Function},statuses:{},phases:{},users:{},project:{},userId:{},isEditable:{type:Boolean},attachmentEnabled:{type:Boolean}},emits:["update:activity","addSubtask","updateSubtask","deleteSubtask","addFiles","removeFile","addComment","updateComment","removeComment"],setup(a,{emit:t}){const o=a,n=e.computed(()=>{var C;return(C=o.phases)==null?void 0:C.find(f=>f.id===o.phaseId)}),s=e.computed(()=>{var C;return(C=o.phases)==null?void 0:C.flatMap(f=>f.milestones)}),i=e.computed(()=>{var C;return(C=s.value)==null?void 0:C.find(f=>f.id===o.milestoneId)}),r=e.computed(()=>{var C;return(C=o.activities)==null?void 0:C.find(f=>f.id===o.activityId)}),l=C=>{t("update:activity",C)},c=C=>{t("addSubtask",C)},u=C=>{t("updateSubtask",C)},d=C=>{t("deleteSubtask",C)},p=C=>{t("addFiles",C)},m=C=>{t("removeFile",C)},h=C=>{t("addComment",C)},_=C=>{t("updateComment",C)},g=C=>{t("removeComment",C)};return(C,f)=>{var k,y;return r.value?(e.openBlock(),e.createBlock(io,{key:0,activity:r.value,"activity-types":C.activityTypes,"milestone-id":C.milestoneId,"template-activities":C.activities,"is-template":!1,users:C.users,"user-id":C.userId,"is-task-checkable":C.isTaskCheckable,statuses:C.statuses,breadcrumbs:`${(k=n.value)==null?void 0:k.name} / ${(y=i.value)==null?void 0:y.name}`,"is-editable":C.isEditable,"attachment-enabled":C.attachmentEnabled,projects:[C.project],onClose:C.$router.back,"onUpdate:activity":l,onAddSubtask:c,onUpdateSubtask:u,onDeleteSubtask:d,onAddFiles:p,onRemoveFile:m,onAddComment:h,onUpdateComment:_,onRemoveComment:g},{default:e.withCtx($=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps($)))]),_:3},8,["activity","activity-types","milestone-id","template-activities","users","user-id","is-task-checkable","statuses","breadcrumbs","is-editable","attachment-enabled","projects","onClose"])):e.createCommentVNode("",!0)}}}),jv={class:"ao-col-header"},Fv=e.defineComponent({__name:"AoColHeader",props:{title:{},items:{}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("header",jv,[e.createVNode(oe,{title:t.title,class:"ao-col-header__title",level:4},null,8,["title"]),t.items?(e.openBlock(),e.createBlock(xa,{key:0,label:t.items,class:"ao-col-header__items",variant:"solid",color:"primary"},null,8,["label"])):e.createCommentVNode("",!0)]))}});function Uv(a){return e.getCurrentScope()?(e.onScopeDispose(a),!0):!1}function da(a){return typeof a=="function"?a():e.unref(a)}const Zv=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const xv=a=>a!=null,At=()=>{};function zv(a,t){function o(...n){return new Promise((s,i)=>{Promise.resolve(a(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(s).catch(i)})}return o}function Wv(a,t={}){let o,n,s=At;const i=l=>{clearTimeout(l),s(),s=At};return l=>{const c=da(a),u=da(t.maxWait);return o&&i(o),c<=0||u!==void 0&&u<=0?(n&&(i(n),n=null),Promise.resolve(l())):new Promise((d,p)=>{s=t.rejectOnCancel?p:d,u&&!n&&(n=setTimeout(()=>{o&&i(o),n=null,d(l())},u)),o=setTimeout(()=>{n&&i(n),n=null,d(l())},c)})}}function qv(a,t=200,o={}){return zv(Wv(t,o),a)}function La(a){var t;const o=da(a);return(t=o==null?void 0:o.$el)!=null?t:o}const Yv=Zv?window:void 0;function Kv(){const a=e.ref(!1),t=e.getCurrentInstance();return t&&e.onMounted(()=>{a.value=!0},t),a}function Gv(a){const t=Kv();return e.computed(()=>(t.value,!!a()))}function Xv(a,t,o={}){const{root:n,rootMargin:s="0px",threshold:i=.1,window:r=Yv,immediate:l=!0}=o,c=Gv(()=>r&&"IntersectionObserver"in r),u=e.computed(()=>{const _=da(a);return(Array.isArray(_)?_:[_]).map(La).filter(xv)});let d=At;const p=e.ref(l),m=c.value?e.watch(()=>[u.value,La(n),p.value],([_,g])=>{if(d(),!p.value||!_.length)return;const C=new IntersectionObserver(t,{root:La(g),rootMargin:s,threshold:i});_.forEach(f=>f&&C.observe(f)),d=()=>{C.disconnect(),d=At}},{immediate:l,flush:"post"}):At,h=()=>{d(),m(),p.value=!1};return Uv(h),{isSupported:c,isActive:p,pause(){d(),p.value=!1},resume(){p.value=!0},stop:h}}const Qv={class:e.normalizeClass(["ao-list-kanban"])},Jv={class:"ao-list-kanban__header"},e9={key:0,class:"ao-list-kanban__end ao-list-kanban__end--loading"},t9={key:1,class:"ao-list-kanban__end"},a9={key:0,class:"ao-list-kanban__no-more"},o9={key:1,class:"ao-list-kanban__divider"},n9={key:1,class:"ao-list-kanban__footer"},s9=e.defineComponent({__name:"AoListKanban",props:{list:{},status:{},users:{},userId:{},title:{},footerLabel:{},isLoading:{type:Boolean},hasMore:{type:Boolean},noMoreLabel:{},isEditable:{type:[Boolean,String]},tagType:{}},emits:["add","update:list","change:list","loadMore","selectActivity","archiveActivity","unarchiveActivity","updateActivity"],setup(a,{emit:t}){const o=a,n=e.ref(!1),s=e.ref(null);Xv(s,([{isIntersecting:d}])=>{n.value=d}),e.watch(n,d=>{d&&o.hasMore&&!o.isLoading&&t("loadMore")});const i=d=>{var p;return o.isEditable===!0?!0:o.userId&&o.isEditable==="only-own"?o.userId===((p=d.assignee)==null?void 0:p.id):!1},r=d=>{t("selectActivity",d)},l=d=>{t("updateActivity",d)},c=d=>{"added"in d?t("updateActivity",{id:d.added.element.id,statusId:o.status.id,rank:mt(o.list,d.added.newIndex)}):"removed"in d||"moved"in d&&t("updateActivity",{id:d.moved.element.id,rank:mt(o.list,d.moved.newIndex)})},u=e.ref(!1);return(d,p)=>(e.openBlock(),e.createElementBlock("div",Qv,[d.title||d.$slots.header?e.renderSlot(d.$slots,"header",{key:0},()=>{var m;return[e.createElementVNode("div",Jv,[d.title?(e.openBlock(),e.createBlock(Fv,{key:0,title:d.title,level:3,items:(m=d.list)==null?void 0:m.length},null,8,["title","items"])):e.createCommentVNode("",!0)])]}):e.createCommentVNode("",!0),e.createVNode(e.unref(ze),e.mergeProps({class:["ao-list-kanban__list",u.value?"ao-list-kanban__transition":void 0],list:d.list,"item-key":"id",group:"kanban","ghost-class":"ao-list-kanban__ghost",animation:"200"},d.$attrs,{draggable:".ao-list-draggable",disabled:!d.isEditable,onChange:c,onStart:p[0]||(p[0]=m=>u.value=!0),onEnd:p[1]||(p[1]=m=>u.value=!1),"component-data":{tag:"transition-group",name:"ao-list-kanban__transition"}}),{item:e.withCtx(({element:m})=>{var h,_,g,C,f,k,y,$;return[e.createVNode(uo,{class:e.normalizeClass(i(m)?"ao-list-draggable":""),id:m.id,name:m.name,"project-name":(h=m.project)==null?void 0:h.name,"project-color":(_=m.project)==null?void 0:_.color,"phase-name":(C=(g=m.milestone)==null?void 0:g.phase)==null?void 0:C.name,"milestone-name":(f=m.milestone)==null?void 0:f.name,deadline:m.deadline,rules:((k=m.rules)==null?void 0:k.length)||0,tasks:m.tasks,description:m.description,important:m.important,type:m.type,comments:(y=m.comments)==null?void 0:y.length,attachments:($=m.attachments)==null?void 0:$.length,users:d.users,assignee:m.assignee,"is-editable":i(m),"is-private":m.private,"tag-type":d.tagType,onUpdateActivity:[N=>i(m)&&l(N),()=>i(m)&&l],onClick:()=>r(m.id),onRemoveAssignee:()=>i(m)&&l({id:m.id,assigneeId:null})},{secondary:e.withCtx(()=>[i(m)&&m.active?(e.openBlock(),e.createBlock(X,{key:0,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:d.$t("feed.activity.archive"),onClick:e.withModifiers(()=>d.$emit("archiveActivity",{id:m.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0),i(m)&&!m.active?(e.openBlock(),e.createBlock(X,{key:1,color:"primary",variant:"ghost","icon-name":"ArchiveOutlineRounded",size:"sm","icon-position":"start",corners:"round",label:d.$t("feed.activity.unarchive"),onClick:e.withModifiers(()=>d.$emit("unarchiveActivity",{id:m.id}),["stop"])},null,8,["label","onClick"])):e.createCommentVNode("",!0)]),_:2},1032,["class","id","name","project-name","project-color","phase-name","milestone-name","deadline","rules","tasks","description","important","type","comments","attachments","users","assignee","is-editable","is-private","tag-type","onUpdateActivity","onClick","onRemoveAssignee"])]}),footer:e.withCtx(()=>[d.isLoading?(e.openBlock(),e.createElementBlock("div",e9,[e.createVNode(Q,{name:"Loading"})])):d.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"scrollEnd",ref:s,class:"ao-list-kanban__end"},null,512)):(e.openBlock(),e.createElementBlock("div",t9,[d.noMoreLabel?(e.openBlock(),e.createElementBlock("span",a9,e.toDisplayString(d.noMoreLabel),1)):d.isEditable?(e.openBlock(),e.createElementBlock("span",o9)):e.createCommentVNode("",!0)]))]),_:1},16,["class","list","disabled"]),d.$slots.footer||d.footerLabel?(e.openBlock(),e.createElementBlock("div",n9,[e.renderSlot(d.$slots,"footer",{},()=>[d.isEditable?(e.openBlock(),e.createBlock(We,{key:0,"icon-name":"AddBoxOutlineRounded",label:d.footerLabel,onClick:p[2]||(p[2]=m=>d.$emit("add"))},null,8,["label"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}});const r9={class:"ao-field ao-search-field"},i9=["value","placeholder","onKeypress"],l9=e.defineComponent({__name:"AoSearchField",props:{modelValue:{},delay:{default:250},placeholder:{default:"Search"}},emits:["update:modelValue","clear"],setup(a,{emit:t}){const o=a,n=async r=>{const c=r.target.value;t("update:modelValue",c,r)},s=qv(n,o.delay),i=r=>{t("clear",r)};return(r,l)=>(e.openBlock(),e.createElementBlock("div",r9,[e.createElementVNode("input",{value:r.modelValue,type:"text",class:"ao-field__input ao-search-field__input",placeholder:r.placeholder,onInput:l[0]||(l[0]=(...c)=>e.unref(s)&&e.unref(s)(...c)),onKeypress:e.withKeys(n,["enter"])},null,40,i9),e.createVNode(Q,{name:"SearchRounded",class:e.normalizeClass(`ao-search-field__icon ao-search-field__action ${r.modelValue?"":"ao-search-field__action--visible"}`)},null,8,["class"]),e.createVNode(X,{"icon-name":"CloseRounded",size:"sm",color:"primary",corners:"round",class:e.normalizeClass(`ao-search-field__button ao-search-field__action ${r.modelValue?"ao-search-field__action--visible":""}`),onClick:i},null,8,["class"])]))}});const c9={class:"ao-feed"},d9={class:"ao-feed__filters"},u9={class:"ao-feed__body"},Pn=e.defineComponent({__name:"AoFeed",props:{activities:{},statuses:{},project:{},projects:{},filters:{},activityTypes:{},users:{},userId:{},initialActivityId:{},searchText:{default:""},showsArchivedActivities:{type:Boolean},showsOnlyImportant:{type:Boolean},selectedActivity:{},isTaskCheckable:{type:Function,default:void 0},isEditable:{type:[Boolean,String]},attachmentEnabled:{type:Boolean,default:!0}},emits:["change:activities","addActivity","update:filters","selectActivity","update:activity","archiveActivity","unarchiveActivity","update:searchText","clear:searchText","update:showsArchivedActivities","update:showsOnlyImportant","addSubtask","updateSubtask","deleteSubtask","addFiles","removeFile","addComment","updateComment","removeComment"],setup(a,{emit:t}){const o=a,{t:n}=nt(),s=e.toRef(o,"activities"),i=async E=>{await t("selectActivity",E)},r=e.ref({}),l=e.ref(!1),c=e.ref(!1),u=e.computed(()=>o.project?"milestone":"project");e.watch([()=>o.statuses,()=>o.activities,()=>o.initialActivityId],async([E,O,w],[v,V])=>{r.value=Object.fromEntries(E.map(U=>[U.id,O.filter(Z=>{var K;return((K=Z.status)==null?void 0:K.id)===U.id})])),w&&!l.value&&(i(w),l.value=!0),c.value&&Ne(O,V)},{immediate:!0});const d=e.computed(()=>{var E;return!o.selectedActivity||!o.selectedActivity.milestone?"":`${((E=o.selectedActivity.milestone.phase)==null?void 0:E.name)??""} / ${o.selectedActivity.milestone.name??""}`}),p=E=>{var U,Z;const O=(U=o.activities)==null?void 0:U.at(-1),w=O?pe.LexoRank.parse(O.rank).genNext():pe.LexoRank.middle(),v=((Z=o.activities)==null?void 0:Z.length)??0,V={name:n("activity.defaultName",{idx:v+1}),rank:w.format(),statusId:E.id};o.filters.assigneeId.length>0&&(V.assigneeId=o.filters.assigneeId[0]),o.filters.projectId.length>0&&(V.projectId=o.filters.projectId[0]),o.filters.typeId.length>0&&(V.typeId=o.filters.typeId[0]),c.value=!0,t("addActivity",V)},m=(E,O)=>{c.value=!1,t("update:filters",{...o.filters,[E]:O})},h=e.computed(()=>o.project?[o.project]:o.projects??[]),_=e.computed(()=>h.value.map(E=>({value:E.id,label:E.name}))),g=e.computed(()=>{var E;return(E=o.activityTypes)==null?void 0:E.map(O=>({value:O.id,label:O.name}))}),C=e.computed(()=>o.users.map(E=>({value:E.id,label:`${E.firstName} ${E.lastName}`,avatar:E.avatarUrl}))),f=E=>{o.selectedActivity&&t("update:activity",E)},k=E=>{t("update:activity",E)},y=E=>{t("archiveActivity",E)},$=E=>{t("unarchiveActivity",E)},N=E=>{c.value=!1,t("update:searchText",E)},S=E=>{c.value=!1,t("clear:searchText",E)},D=E=>{o.selectedActivity&&t("addSubtask",E)},L=E=>{o.selectedActivity&&t("updateSubtask",E)},H=E=>{o.selectedActivity&&t("deleteSubtask",E)},B=E=>{t("addFiles",E)},j=E=>{t("removeFile",E)},T=E=>{o.selectedActivity&&t("addComment",{...E,activityId:o.selectedActivity.id})},P=E=>{const{id:O}=o.selectedActivity||{};O&&t("updateComment",E)},W=E=>{const{id:O}=o.selectedActivity||{};O&&t("removeComment",E)};return(E,O)=>{var w;return e.openBlock(),e.createElementBlock("div",c9,[e.createVNode(ha,null,{primary:e.withCtx(()=>[e.createElementVNode("div",d9,[o.project?(e.openBlock(),e.createBlock(Dn,{key:0,"is-left":!1,"right-label":E.$t("project.switch.feed"),"left-label":E.$t("project.switch.overview"),"onUpdate:isLeft":O[0]||(O[0]=v=>{v&&E.$router.push({name:e.unref(be).project})})},null,8,["right-label","left-label"])):e.createCommentVNode("",!0),e.createVNode(l9,{"model-value":E.searchText,placeholder:E.$t("feed.search.placeholder"),class:"ao-feed__search","onUpdate:modelValue":N,onClear:S},null,8,["model-value","placeholder"]),o.project?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se,{key:1,"model-value":E.filters[e.unref(Qe).project],mode:"tags",options:_.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__projects",placeholder:E.$t("feed.filters.project.placeholder"),"onUpdate:modelValue":O[1]||(O[1]=v=>m(e.unref(Qe).project,v))},null,8,["model-value","options","placeholder"])),g.value?(e.openBlock(),e.createBlock(se,{key:2,"model-value":E.filters[e.unref(Qe).type],mode:"tags",options:g.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__types",placeholder:E.$t("feed.filters.activityType.placeholder"),"onUpdate:modelValue":O[2]||(O[2]=v=>m(e.unref(Qe).type,v))},null,8,["model-value","options","placeholder"])):e.createCommentVNode("",!0),C.value.length?(e.openBlock(),e.createBlock(se,{key:3,"model-value":E.filters[e.unref(Qe).assignee],mode:"tags",options:C.value,"close-on-select":!1,searchable:!0,class:"ao-feed__filter ao-feed__filter__assignees",placeholder:E.$t("feed.filters.assignee.placeholder"),"onUpdate:modelValue":O[3]||(O[3]=v=>m(e.unref(Qe).assignee,v))},{tag:e.withCtx(({option:v,handleTagRemove:V})=>[e.createVNode(Ae,{"user-name":v.label,"avatar-url":v.avatar,"is-closable":!0,onClose:U=>V(v,U)},null,8,["user-name","avatar-url","onClose"])]),_:1},8,["model-value","options","placeholder"])):e.createCommentVNode("",!0)]),e.createVNode(X,{class:"ao-feed__only-important",size:"sm","icon-name":E.showsOnlyImportant?"CheckBoxOutlineRounded":"CheckBoxOutlineBlank","icon-position":"start",color:"primary",variant:"ghost",label:E.$t("feed.filters.showsOnlyImportant.label"),role:"checkbox","aria-checked":E.showsOnlyImportant,onClick:O[4]||(O[4]=v=>E.$emit("update:showsOnlyImportant",!E.showsOnlyImportant))},null,8,["icon-name","label","aria-checked"]),e.createVNode(X,{class:"ao-feed__show-archived",size:"sm","icon-name":E.showsArchivedActivities?"CheckBoxOutlineRounded":"CheckBoxOutlineBlank","icon-position":"start",color:"primary",variant:"ghost",label:E.$t("feed.filters.showsArchivedActivities.label"),role:"checkbox","aria-checked":E.showsArchivedActivities,onClick:O[5]||(O[5]=v=>E.$emit("update:showsArchivedActivities",!E.showsArchivedActivities))},null,8,["icon-name","label","aria-checked"])]),_:1}),e.createElementVNode("div",u9,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.statuses,v=>(e.openBlock(),e.createBlock(s9,{key:v.id,status:v,list:r.value[v.id],title:v.name,"footer-label":E.$t("feed.activity.add"),users:E.users,"user-id":E.userId,"is-editable":E.isEditable,tagType:u.value,onAdd:()=>p(v),onSelectActivity:i,onArchiveActivity:y,onUnarchiveActivity:$,onUpdateActivity:k},null,8,["status","list","title","footer-label","users","user-id","is-editable","tagType","onAdd"]))),128))]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[E.selectedActivity?(e.openBlock(),e.createBlock(io,{key:0,activity:E.selectedActivity,"activity-types":E.activityTypes,"milestone-id":(w=E.selectedActivity.milestone)==null?void 0:w.id,"template-activities":s.value,users:E.users,"user-id":E.userId,"is-task-checkable":E.isTaskCheckable,statuses:E.statuses,breadcrumbs:d.value,"is-editable":E.isEditable,"attachment-enabled":E.attachmentEnabled,projects:h.value,onClose:O[6]||(O[6]=()=>i(null)),"onUpdate:activity":f,onAddSubtask:D,onUpdateSubtask:L,onDeleteSubtask:H,onAddFiles:B,onRemoveFile:j,onAddComment:T,onUpdateComment:P,onRemoveComment:W},{default:e.withCtx(v=>[e.renderSlot(E.$slots,"activityDetailsBody",e.normalizeProps(e.guardReactiveProps(v)))]),_:3},8,["activity","activity-types","milestone-id","template-activities","users","user-id","is-task-checkable","statuses","breadcrumbs","is-editable","attachment-enabled","projects"])):e.createCommentVNode("",!0)]))])}}});const et={TEMPLATES:"templates",TEMPLATE_DETAILS:"template_details",TEMPLATES_LIST:"templates_list"},m9=(a,t={})=>[{path:a,name:et.TEMPLATES,redirect:{name:et.TEMPLATES_LIST},...t,children:[{path:"",name:et.TEMPLATES_LIST,component:Hn},{path:":templateId/:phaseId?/:milestoneId?/:activityId?",name:et.TEMPLATE_DETAILS,component:In,props:!0}]}],be={project:"AoProject",feed:"AoProjectFeed",milestone:"AoMilestone",activity:"AoActivity"},p9=(a,t={})=>[{path:a,...t,redirect:{name:be.project},children:[{path:"",name:be.project,component:If,props:!0,children:[{path:":phaseId/:milestoneId",name:be.milestone,component:qo,props:!0},{path:":phaseId/:milestoneId/:activityId",name:be.activity,props:{default:!0,modal:!0},components:{default:qo,modal:Rv}}]},{path:"feed",name:be.feed,component:Pn,props:!0}]}],f9={class:"ao-templates"},Hn=e.defineComponent({__name:"AoTemplatesList",props:{templates:{}},emits:["addTemplate","updateTemplates","updateItem"],setup(a,{emit:t}){const o=a,{t:n}=nt();e.watch(()=>o.templates,(l,c)=>{Ne(l,c)});const s=()=>{var p,m;const l=(p=o.templates)==null?void 0:p.at(-1),c=l?pe.LexoRank.parse(l.rank).genNext():pe.LexoRank.middle(),u=((m=o.templates)==null?void 0:m.length)??0,d={name:n("template.defaultName.template",{idx:u+1}),rank:c.format()};t("addTemplate",d)},i=(l,c)=>{t("updateItem",{itemType:J.TEMPLATES,id:l,templateId:l,data:{name:c}})},r=l=>{if(l.moved){const c=jt(l,o.templates??[]);t("updateItem",{itemType:J.TEMPLATES,id:l.moved.element.id,templateId:l.moved.element.id,data:{rank:c}})}};return(l,c)=>(e.openBlock(),e.createElementBlock("div",f9,[e.createVNode(ha,null,{secondary:e.withCtx(()=>[e.createVNode(X,{label:l.$t("templates.new"),color:"primary","icon-name":"Add","icon-position":"start",onClick:s},null,8,["label"])]),_:1}),e.createVNode(e.unref(ze),{"model-value":l.templates,class:"ao-templates__list","item-key":"id",handle:".ao-card__drag",onChange:r},{item:e.withCtx(({element:u})=>{var d;return[e.createVNode(h3,{id:u.id,title:u.name,phases:u.phases,milestones:(d=u.phases)!=null&&d.length?e.unref(Z0)(u.phases):0,activities:u.phases?e.unref(x0)(u.phases):0,"updated-at":u.updatedAt,"updated-by":u.updatedBy,onUpdateTitle:p=>i(u.id,p),onClick:p=>l.$router.push({name:e.unref(et).TEMPLATE_DETAILS,params:{templateId:u.id}})},null,8,["id","title","phases","milestones","activities","updated-at","updated-by","onUpdateTitle","onClick"])]}),_:1},8,["model-value"])]))}});const v9={class:"ao-field__label"},Rn=e.defineComponent({__name:"AoField",props:{label:{},isMultiselect:{type:Boolean,default:!1}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["ao-field",{"ao-field--multiselect":t.isMultiselect}])},[e.createElementVNode("span",v9,e.toDisplayString(t.label),1),e.renderSlot(t.$slots,"default")],2))}}),h9=["type","value","disabled","readonly"],C9=e.defineComponent({__name:"AoInputField",props:{label:{default:""},type:{default:"text"},modelValue:{default:""},modelModifiers:{default:()=>({})},isDisabled:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,n=e.computed(()=>o.modelModifiers.lazy?"change":"input"),s=i=>{o.modelModifiers.number&&(i=Number(i)),t("update:modelValue",i)};return(i,r)=>(e.openBlock(),e.createBlock(Rn,{label:i.label},{default:e.withCtx(()=>[e.createElementVNode("input",e.mergeProps({class:"ao-field__input",type:i.type,value:i.modelValue,disabled:i.isDisabled,readonly:i.isReadonly},{[e.toHandlerKey(n.value)]:r[0]||(r[0]=l=>s(l.target.value))}),null,16,h9)]),_:1},8,["label"]))}}),g9={class:"ao-field"},_9={class:"ao-field__label"},y9=["checked","disabled"],b9=e.defineComponent({__name:"AoCheckboxField",props:{label:{default:""},modelValue:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("label",g9,[e.createElementVNode("span",_9,e.toDisplayString(t.label),1),e.createElementVNode("input",{class:"ao-field__input",type:"checkbox",checked:t.modelValue,disabled:t.isDisabled,onChange:o[0]||(o[0]=n=>{var s;return t.$emit("update:modelValue",((s=n.target)==null?void 0:s.checked)??!1)})},null,40,y9)]))}});exports.AoCardFeed=uo;exports.AoCheckboxField=b9;exports.AoFeed=Pn;exports.AoField=Rn;exports.AoInputField=C9;exports.AoMultiselect=se;exports.AoProjectPhases=Ln;exports.AoTemplateDetails=In;exports.AoTemplates=ns;exports.AoTemplatesList=Hn;exports.TemplateItemTypeEnum=en;exports.activityFeedStatus=n2;exports.durationTypes=o2;exports.feedFilterTypes=Qe;exports.getProjectOverviewRoutes=p9;exports.getTemplateRoutes=m9;exports.listUpdateTypes=s2;exports.milestoneStatus=aa;exports.projectOverviewRoutes=be;exports.ruleComparators=Xo;exports.ruleDurationUnits=Jo;exports.ruleTriggerTypes=Qo;exports.templateItemType=J;exports.templateRouteNames=et;
|
package/dist/orcha.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}button{color:inherit;font-family:inherit}input,textarea{font-family:inherit}:root{--ao-color-blue-lightest: #ebf1ff;--ao-color-blue-lighter: #aabdff;--ao-color-blue-light: #7183ff;--ao-color-blue-base: #4952ff;--ao-color-blue-dark: #2226e7;--ao-color-blue-darker: #09099c;--ao-color-blue-darkest: #000033;--ao-color-grey-lightest: #e6e6e6;--ao-color-grey-light: #c8c8c8;--ao-color-grey-base: #ababab;--ao-color-grey-dark: #636363;--ao-color-grey-darkest: #1c1c1c;--ao-color-white: #fff;--ao-color-black: #000;--ao-color-sand-base: #d8a55a;--ao-color-red-light: #ff4f4f;--ao-color-teal-light: #64d9bb;--ao-color-primary-lightest: var(--ao-color-blue-lightest);--ao-color-primary-lighter: var(--ao-color-blue-lighter);--ao-color-primary-light: var(--ao-color-blue-light);--ao-color-primary-base: var(--ao-color-blue-base);--ao-color-primary-dark: var(--ao-color-blue-dark);--ao-color-primary-darker: var(--ao-color-blue-darker);--ao-color-primary-darkest: var(--ao-color-blue-darkest);--ao-color-neutral-lightest: var(--ao-color-grey-lightest);--ao-color-neutral-light: var(--ao-color-grey-light);--ao-color-neutral-base: var(--ao-color-grey-base);--ao-color-neutral-dark: var(--ao-color-grey-dark);--ao-color-neutral-darkest: var(--ao-color-grey-darkest);--ao-color-canvas: #f1f1f1;--ao-color-sheet: #f9f9f9;--ao-color-card: #f9f9f9;--ao-color-text: var(--ao-color-grey-darkest);--ao-color-danger: var(--ao-color-red-light);--ao-color-warning: var(--ao-color-sand-base);--ao-color-success: var(--ao-color-teal-light);--ao-color-text-contrast: var(--ao-color-white);--ao-color-group: rgba(255, 255, 255, .2);--ao-color-backdrop: rgba(0, 0, 0, .7);--ao-grid-size: 8px;--ao-space-xs: calc(var(--ao-grid-size) / 4);--ao-space-sm: calc(var(--ao-grid-size) / 2);--ao-space-md: calc(var(--ao-grid-size) * 1);--ao-space-lg: calc(var(--ao-grid-size) * 3 / 2);--ao-space-xl: calc(var(--ao-grid-size) * 2);--ao-space-xxl: calc(var(--ao-grid-size) * 4);--ao-border-width-sm: 1px;--ao-border-width-md: 2px;--ao-border-width-lg: 4px;--ao-border-width-xl: 6px;--ao-border-radius-xs: 2px;--ao-border-radius-sm: 4px;--ao-border-radius-md: 8px;--ao-border-radius-lg: 16px;--ao-border-radius-xl: 24px;--ao-border-radius-round: 100em;font-size:15px;--ao-font-size-base: 1rem;--ao-font-size-text: var(--ao-font-size-base);--ao-font-size-input: var(--ao-font-size-base);--ao-font-size-h5: var(--ao-font-size-base);--ao-font-size-h4: calc(var(--ao-font-size-base) * 1.25);--ao-font-size-h3: calc(var(--ao-font-size-h4) * 1.25);--ao-font-size-h2: calc(var(--ao-font-size-h3) * 1.25);--ao-font-size-h1: calc(var(--ao-font-size-h2) * 1.25);--ao-font-size-label: calc(var(--ao-font-size-base) / 1.25);--ao-font-size-tag: calc(var(--ao-font-size-label) / 1.25);--ao-font-size-button: var(--ao-font-size-base);--ao-font-weight-extra-light: 200;--ao-font-weight-regular: 400;--ao-font-weight-medium: 500;--ao-font-weight-semi-bold: 600;--ao-font-weight-bold: 800;--ao-font-weight-extra-bold: 900;--ao-font-stack-system-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--ao-font-stack-sans: "Kumbh Sans", var(--ao-font-stack-system-sans);--ao-icon-size-sm: calc(var(--ao-grid-size) * 9 / 5);--ao-icon-size-md: calc(var(--ao-grid-size) * 3);--ao-icon-size-lg: calc(var(--ao-grid-size) * 4);--ao-icon-size-xl: calc(var(--ao-grid-size) * 5);--ao-transition-ease: cubic-bezier(.215, .61, .355, 1);--ao-shadow-key-umbra-opacity: .2;--ao-shadow-key-penumbra-opacity: .14;--ao-shadow-ambient-shadow-opacity: .12;--ao-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 1px -2px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity)), 0 1px 5px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity));--ao-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 3px -2px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity)), 0 1px 8px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity));--ao-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 1px 10px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 2px 4px -1px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 1px 18px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 3px 5px -1px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 14px 2px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 5px 5px -3px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 6px 30px 5px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 8px 10px -5px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-24dp: 0 9px 46px 8px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 11px 15px -7px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 24px 38px 3px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity))}html,body{font-family:var(--ao-font-stack-sans)}[class^=ao-]{scrollbar-width:thin}[class^=ao-]::-webkit-scrollbar{background-color:transparent;width:var(--ao-space-md);height:var(--ao-space-md);border-radius:var(--ao-border-radius-round)}[class^=ao-]::-webkit-scrollbar-thumb{background:var(--ao-color-neutral-light);border-radius:var(--ao-border-radius-round);cursor:grab}:root{--ao-input-color: inherit;--ao-input-bg: #fff;--ao-input-border-radius: var(--ao-border-radius-sm);--ao-input-border-width: var(--ao-border-width-sm);--ao-input-border-color: var(--ao-color-neutral-light);--ao-textarea-bg: var(--ao-input-bg)}.ao-fieldset{border-width:0;padding:0;margin:0}.ao-fieldset+.ao-fieldset{margin-block-start:var(--ao-space-xl)}.ao-fieldset__title{display:flex;align-items:center;gap:var(--ao-space-sm);color:var(--ao-color-neutral-dark)}.ao-field__row{display:flex;flex-direction:row;gap:var(--ao-space-lg)}.ao-field__row+.ao-field__row{margin-block-start:var(--ao-space-lg)}.ao-field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ao-space-md)}.ao-field--full{flex:1;width:100%}.ao-field--multiselect{min-width:20ch}.ao-field--inline{flex-direction:row;align-items:center}.ao-field__label{font-size:var(--ao-font-size-label)}.ao-field__input{padding-inline:var(--ao-space-lg);padding-block:var(--ao-space-md);margin:0;border:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:var(--ao-input-border-radius);color:var(--ao-input-color);background-color:var(--ao-input-bg)}.ao-field__input:is(:focus,:active,:hover){--ao-input-border-color: var(--ao-color-primary-base)}.ao-field__textarea{padding:var(--ao-space-lg);border:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:var(--ao-input-border-radius);color:var(--ao-input-color);background-color:var(--ao-textarea-bg);flex:1;width:100%;resize:vertical}.ao-multiselect{--ms-font-size: var(--font-size-text);--ms-line-height: 1.2;--ms-border-color: var(--ao-color-neutral-lightest);--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: var(--ao-input-border-color);--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-md);--ms-py: var(--ao-space-md);--ms-px: var(--ao-space-lg);--ms-ring-color: var(--ao-color-primary-lightest);--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-tag-font-size: var(--ao-font-size-tag);--ms-tag-font-weight: var(--ao-font-weight-regular);--ms-tag-bg: var(--ao-color-primary-base);--ms-tag-radius: var(--ao-border-radius-xl);--ms-tag-py: var(--ao-space-sm);--ms-tag-my: 0;--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}input[readonly]{cursor:default}.is-disabled>.multiselect-wrapper{cursor:default}.ao-field__input::-webkit-outer-spin-button,.ao-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ao-field__input[type=number]{-moz-appearance:textfield}.multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default}.multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))}.multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)}.multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0}.multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap}.multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)}.multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-wrapper-break{white-space:normal;word-break:break-all}.multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.063)}.multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem}.multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative}.multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%}.multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%}.multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10}.multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0}.multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s}.multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem}.multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0);transition:transform .3s;z-index:10}.multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)}.multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100}.multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.multiselect-group{margin:0;padding:0}.multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{margin:0;padding:0}.multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)}.multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.multiselect-spacer{display:none}[dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0}[dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)}[dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)}[dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0}[dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)}[dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)}[dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes blink-ad6da4a9{0%,to{opacity:1}50%{opacity:0}}.dot[data-v-ad6da4a9]{animation:blink-ad6da4a9 1.5s ease-in-out infinite}.dot--1[data-v-ad6da4a9]{animation-delay:0}.dot--2[data-v-ad6da4a9]{animation-delay:.5s}.dot--3[data-v-ad6da4a9]{animation-delay:1s}.ao-icon{color:inherit;fill:currentColor;width:var(--ao-icon-size);height:var(--ao-icon-size)}.ao-icon *{fill:inherit}.ao-icon--sm{--ao-icon-size: var(--ao-icon-size-sm)}.ao-icon--md{--ao-icon-size: var(--ao-icon-size-md)}.ao-icon--lg{--ao-icon-size: var(--ao-icon-size-lg)}.ao-icon--xl{--ao-icon-size: var(--ao-icon-size-xl)}.ao-button{--ao-button-main-color: initial;--ao-button-secondary-color: initial;--ao-button-color: var(--ao-button-main-color);--ao-button-bg: var(--ao-button-secondary);--ao-button-border-color: transparent;--ao-button-padding: var(--ao-space-sm);--ao-button-label-padding: var(--ao-space-sm);--ao-button-border-radius: var(--ao-border-radius-md);--ao-button-line-height: var(--ao-icon-size-md);--ao-button-font-size: var(--ao-font-size-button);display:flex;padding:var(--ao-button-padding);align-items:center;border-width:var(--ao-border-width-md);border-style:solid;border-radius:var(--ao-button-border-radius);border-color:var(--ao-button-border-color);color:var(--ao-button-color);background-color:var(--ao-button-bg);cursor:pointer;font-size:var(--ao-button-font-size);font-weight:var(--ao-font-weight-semi-bold);line-height:var(--ao-button-line-height)}.ao-button--primary{--ao-button-main-color: var(--ao-color-primary-base)}.ao-button--secondary{--ao-button-main-color: var(--ao-color-success)}.ao-button--neutral{--ao-button-main-color: var(--ao-color-neutral-base)}.ao-button--black{--ao-button-main-color: var(--ao-color-neutral-darkest)}.ao-button--warning{--ao-button-main-color: var(--ao-color-warning)}.ao-button--danger{--ao-button-main-color: var(--ao-color-danger)}.ao-button--success{--ao-button-main-color: var(--ao-color-success)}.ao-button--ghost{--ao-border-color: transparent;--ao-background-color: transparent}.ao-button--outline{--ao-button-border-color: var(--ao-button-main-color)}.ao-button--solid{--ao-button-color: var(--ao-button-secondary-color);--ao-button-bg: var(--ao-button-main-color);--ao-button-border-color: var(--ao-button-main-color)}.ao-button--solid:is(.ao-button--primary,.ao-button--secondary,.ao-button--neutral,.ao-button--black){--ao-button-color: var(--ao-color-white)}.ao-button--icon-start{flex-direction:row-reverse}.ao-button--icon-end{flex-direction:row}.ao-button__icon{flex-shrink:0}.ao-button__label{padding-inline:var(--ao-button-label-padding);flex:1;width:100%}.ao-button--footer{width:100%}.ao-button--footer .ao-button__label{text-align:center}.ao-button--is-disabled{cursor:default}.ao-button--sm{--ao-button-padding: var(--ao-space-xs);--ao-button-label-padding: var(--ao-space-xs);--ao-button-line-height: var(--ao-icon-size-sm);--ao-button-font-size: var(--ao-font-size-label)}.ao-button--lg{--ao-button-line-height: var(--ao-icon-size-lg);--ao-button-font-size: var(--ao-font-size-h4)}.ao-button--xl{--ao-button-line-height: var(--ao-icon-size-xl);--ao-button-font-size: var(--ao-font-size-h3)}.ao-button--round{--ao-button-border-radius: var(--ao-border-radius-round)}.ao-title{--ao-title-color: inherit;margin:0;font-weight:var(--ao-font-weight-semi-bold);font-family:var(--ao-font-family-title);color:var(--ao-title-color);cursor:default}.ao-title--editable{cursor:text}.ao-title--readonly{padding-block:var(--ao-space-md);border:var(--ao-input-border-width) solid transparent}.ao-title--1{font-size:var(--ao-font-size-h1)}.ao-title--2{font-size:var(--ao-font-size-h2)}.ao-title--3{font-size:var(--ao-font-size-h3)}.ao-title--4{font-size:var(--ao-font-size-h4)}.ao-title--5{font-size:var(--ao-font-size-h5)}.ao-title--primary{--ao-title-color: var(--ao-color-primary-base)}.ao-title--neutral{--ao-title-color: var(--ao-color-neutral-base)}.ao-title--black{--ao-title-color: var(--ao-color-neutral-darkest)}.ao-title--editing{--ao-title-color: var(--ao-color-primary-dark);width:100%}.ao-card-horiz{--ao-card-horiz-bg-color: var(--ao-color-card);--ao-card-horiz-text-color: inherit;--ao-card-horiz-label-color: var(--ao-color-neutral-base);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"drag header secondary" "drag body body" "drag footer footer";border-radius:var(--ao-border-radius-md);color:var(--ao-card-horiz-text-color);background-color:var(--ao-card-horiz-bg-color);overflow:hidden;cursor:pointer;container:card-horiz / inline-size}.ao-card-horiz:hover{box-shadow:var(--ao-elevation-2dp)}.ao-card-horiz--active{--ao-card-horiz-bg-color: var(--ao-color-primary-base);--ao-card-horiz-text-color: var(--ao-color-white);box-shadow:var(--ao-elevation-2dp)}.ao-card-horiz__header{display:flex;align-items:center;padding-inline:var(--ao-space-md);padding-block-start:var(--ao-space-md);grid-area:header;width:100%}.ao-card-horiz__title-group{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.ao-card-horiz__title{min-width:2ch;min-height:1em}.ao-card-horiz__title,.ao-card-horiz__subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-self:flex-start}.ao-card-horiz__subtitle{margin-top:var(--ao-space-xs);font-size:var(--ao-font-size-body)}.ao-card-horiz__body{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-md);padding-block:var(--ao-space-md);grid-area:body}.ao-card-horiz__footer{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-md);padding-block-end:var(--ao-space-md);grid-area:footer}.ao-card-horiz__drag{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);cursor:grab;grid-area:drag}.ao-card-horiz__drag-handle{opacity:0;visibility:hidden}.ao-card-horiz:hover .ao-card-horiz__drag-handle{opacity:1;visibility:visible}.ao-card-horiz__secondary{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);opacity:0;visibility:hidden;grid-area:secondary}.ao-card-horiz:hover .ao-card-horiz__secondary{opacity:1;visibility:visible}@container column (min-width: 480px){.ao-card-horiz{display:flex;flex-direction:row}.ao-card-horiz__header{padding-block:var(--ao-space-md);padding-inline-end:0;flex-shrink:1;min-width:0}.ao-card-horiz__body{padding-inline-end:0;flex-shrink:0}.ao-card-horiz__footer{align-items:flex-end;padding-block:var(--ao-space-md);grid-area:footer;flex-shrink:0}}@container column (min-width: 768px){.ao-card-horiz__header{width:50%}}@container column (min-width: 1024px){.ao-card-horiz__header{width:33%}}@container column (min-width: 1280px){.ao-card-horiz__header{width:25%}}.ao-tag{--ao-tag-color: var(--ao-color-text-contrast);--ao-tag-bg: var(transparent);--ao-tag-border-radius: var(--ao-border-radius-xl);display:flex;flex-direction:row;align-items:stretch;border:var(--ao-border-width-sm) var(--ao-tag-bg) solid;border-radius:var(--ao-tag-border-radius);font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-tag--primary{--ao-tag-bg: var(--ao-color-primary-light)}.ao-tag--black{--ao-tag-bg: var(--ao-color-neutral-darkest)}.ao-tag--secondary{--ao-tag-bg: var(--ao-color-success)}.ao-tag--neutral{--ao-tag-bg: var(--ao-color-neutral-light)}.ao-tag--solid.ao-tag--neutral{--ao-tag-color: var(--ao-color-neutral-darkest)}.ao-tag--solid .ao-tag__label,.ao-tag--solid .ao-tag__close{background-color:var(--ao-tag-bg)}.ao-tag--clickable .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-neutral-lightest)}.ao-tag--clickable.ao-tag--primary .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-primary-lighter)}.ao-tag--clickable.ao-tag--black .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-neutral-dark)}.ao-tag--clickable .ao-tag__label{cursor:pointer}.ao-tag__label{padding:var(--ao-space-sm) var(--ao-space-md);color:var(--ao-tag-color);width:100%;border-radius:var(--ao-tag-border-radius);font-size:inherit;font-weight:inherit;text-align:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:transparent;border-width:0}.ao-tag--closable .ao-tag__label{border-top-right-radius:0;border-bottom-right-radius:0}.ao-tag__close{display:flex;border-width:0;border-top-right-radius:var(--ao-tag-border-radius);border-bottom-right-radius:var(--ao-tag-border-radius);color:var(--ao-tag-color);background-color:transparent;cursor:pointer}.ao-tag--close-icon{padding:var(--ao-space-xs) var(--ao-space-md)}.ao-avatar{--ao-avatar-bg: var(--ao-color-primary-base);--ao-avatar-color: var(--ao-color-neutral-lightest);--ao-avatar-font-weight: --ao-font-weight-medium;--ao-avatar-font-size: var(--ao-font-size-base);--ao-avatar-padding: .5em;color:var(--ao-avatar-color);background-color:var(--ao-avatar-bg);position:relative;border-radius:var(--ao-border-radius-round);line-height:1;display:grid;grid-template-areas:"center";align-items:center;justify-content:center;padding:var(--ao-avatar-padding);cursor:default;overflow:hidden;font-weight:var(--ao-avatar-font-weight);font-size:var(--ao-avatar-font-size);flex-shrink:0}.ao-avatar--sm{--ao-avatar-font-weight: var(--ao-font-weight-bold);--ao-avatar-font-size: var(--ao-font-size-tag);--ao-avatar-padding: .8em}.ao-avatar--lg{--ao-avatar-font-weight: var(--ao-font-weight-light);--ao-avatar-font-size: var(--ao-font-size-h3)}.ao-avatar--xl{--ao-avatar-font-weight: var(--ao-font-weight-extra-light);--ao-avatar-font-size: var(--ao-font-size-h1)}.ao-avatar--primary{--ao-avatar-bg: var(--ao-color-primary-base)}.ao-avatar--neutral{--ao-avatar-bg: var(--ao-color-neutral-base)}.ao-avatar--black{--ao-avatar-bg: var(--ao-color-neutral-darkest)}.ao-avatar__initials{display:flex;flex-direction:column;grid-area:center;justify-content:center;align-items:center;width:1em;height:1em;text-align:center;text-transform:uppercase}.ao-avatar__close{grid-area:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;visibility:hidden}.ao-avatar:hover,.ao-avatar-img:hover{z-index:1}.ao-avatar:hover .ao-avatar__close,.ao-avatar-img:hover .ao-avatar__close{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.ao-avatar-img--sm{width:var(--ao-icon-size-sm);height:var(--ao-icon-size-sm)}.ao-avatar-img--md{width:var(--ao-icon-size-md);height:var(--ao-icon-size-md)}.ao-avatar-img--lg{width:var(--ao-icon-size-lg);height:var(--ao-icon-size-lg)}.ao-avatar-img--xl{width:var(--ao-icon-size-xl);height:var(--ao-icon-size-xl)}.ao-avatar-img{position:relative;border-radius:var(--ao-border-radius-round);display:grid;grid-template-areas:"center";align-items:center;justify-content:center;cursor:default;overflow:hidden;flex-shrink:0}.ao-avatar__image{width:100%;height:100%}.ao-card-template__body{display:flex;flex-direction:row;align-items:center;flex:1}.ao-card-template__footer{display:flex;gap:var(--ao-space-md)}.ao-card-template__col-title{display:flex;align-items:center;gap:var(--ao-space-sm)}.ao-card-template__col-label{font-size:var(--ao-font-size-label);font-weight:600}.ao-card-template__col{display:flex;flex-direction:column;gap:var(--ao-space-md);color:var(--ao-color-neutral-dark);font-size:var(--ao-font-size-label)}.ao-card-template__col--phases{flex-grow:1;color:var(--ao-color-neutral-darkest)}.ao-card-template__phases-list{display:flex;gap:var(--ao-space-sm);padding:0;margin:0}.ao-card-template__col-body{display:flex;flex-direction:row;align-items:flex-start;flex:1}.ao-card-template__subitems{display:flex;margin:0;padding:0;gap:var(--ao-space-sm)}.ao-card-template__subitem{display:flex;align-items:center;list-style-type:none;font-size:var(--ao-font-size-label);font-weight:var(--ao-font-weight-semi-bold)}.ao-page-header{display:flex;container:header / inline-size;z-index:1}.ao-page-header-main{display:flex;gap:var(--ao-space-sm);flex-grow:1}.ao-page-header-secondary{display:flex;gap:var(--ao-space-sm)}@container header (min-width: 720px){.ao-page-header-main{flex-direction:row;align-items:center}.ao-page-header-secondary{margin-inline-start:auto;align-items:center;justify-content:flex-end;flex-grow:1}}.ao-button-card{--ao-button-card-color: inherit;--ao-button-card-bg: transparent;--ao-button-card-border-color: currentColor;--ao-button-card-padding: var(--ao-space-md);--ao-button-card-label-padding: var(--ao-space-sm);--ao-button-card-border-radius: var(--ao-border-radius-md);display:flex;width:100%;flex:1;justify-content:center;padding:var(--ao-button-card-padding);flex-direction:column-reverse;align-items:center;border-width:var(--ao-border-width-sm);border-style:dashed;border-radius:var(--ao-button-card-border-radius);border-color:var(--ao-button-card-border-color);color:var(--ao-button-card-color);background-color:var(--ao-button-card-bg);cursor:pointer;font-size:var(--ao-font-size-button);font-weight:var(--ao-font-weight-semi-bold)}.ao-button-card--primary{--ao-button-card-color: var(--ao-color-primary-base)}.ao-button-card--secondary{--ao-button-card-color: var(--ao-color-success)}.ao-button-card--neutral{--ao-button-card-color: var(--ao-color-neutral-base)}.ao-button-card--black{--ao-button-card-color: var(--ao-color-neutral-darkest)}.ao-button-card__icon{flex-shrink:0}.ao-button-card__label{padding-inline:var(--ao-button-card-label-padding);width:100%}.ao-button-card--footer{width:100%}.ao-button-card--footer .ao-button-card__label{text-align:center}.ao-button-card--is-disabled{cursor:default}.ao-button-card--sm{--ao-button-card-padding: var(--ao-space-xs);--ao-button-card-label-padding: var(--ao-space-xs)}.ao-button-card--round{--ao-button-card-border-radius: var(--ao-border-radius-round)}.ao-card-template-item__footer{display:flex;flex:1;padding:0;margin:0;justify-content:flex-end;gap:var(--ao-space-sm);align-items:center}.ao-card-template-item__subitem{display:flex;align-items:center}.ao-card-template-item__subitem{font-size:var(--ao-font-size-label);font-weight:var(--ao-font-weight-bold)}.ao-modal__wrapper{--ao-modal-z-index: 100;--ao-modal-padding-x: var(--ao-space-sm);display:grid;grid-template-columns:5% 1fr 5%;grid-template-rows:5vh 1fr 5vh;position:absolute;top:0;left:0;width:100%;height:100%;justify-items:center;align-items:flex-start;z-index:var(--ao-modal-z-index)}.ao-modal__wrapper.ao-modal__wrapper--sm{grid-template-columns:10% 1fr 10%;grid-template-rows:15vh auto 25vh}.ao-modal__backdrop{width:100%;height:100%;grid-column:1 / -1;grid-row:1 / -1;background-color:var(--ao-color-backdrop)}.ao-modal{display:flex;width:100%;max-width:768px;height:100%;min-height:0;flex-direction:column;overflow-y:auto;grid-column:1 / -1;grid-row:1 / -1;background-color:var(--ao-color-sheet);container:modal / inline-size}.ao-modal__wrapper--sm .ao-modal{height:auto}.ao-modal__header{display:flex;flex-direction:column;padding-inline:var(--ao-modal-padding-x)}.ao-modal__header-meta{display:flex;justify-content:flex-end}.ao-modal__body{display:flex;height:100%;min-height:0;flex-direction:column;flex-grow:1}.ao-modal__footer{display:flex;flex-direction:column}@media screen and (min-width: 480px){.ao-modal__wrapper{--ao-modal-padding-x: var(--ao-space-lg)}.ao-modal{grid-column:2;grid-row:2;border-radius:var(--ao-border-radius-sm)}.ao-modal__body{flex-direction:row;overflow-y:auto}}@media screen and (min-width: 720px){.ao-modal__wrapper{--ao-modal-padding-x: var(--ao-space-xl)}.ao-modal{grid-column:2;grid-row:2;border-radius:var(--ao-border-radius-sm)}.ao-modal__body{flex-direction:row;overflow:hidden}}.ao-tasks{display:flex;flex-direction:column}.ao-tasks__list{display:flex;flex-direction:column;padding-inline-start:0;margin-block:0;gap:var(--ao-space-md)}.ao-tasks__list-footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block-start:var(--ao-space-md)}.ao-tasks__list-footer .ao-button{padding-left:0}.ao-subtask{display:flex;list-style-type:none;gap:var(--ao-space-md)}.ao-subtask__check{padding-left:0}.ao-subtask__field{flex-grow:1;border:0;border-bottom:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:0}.ao-subtask__field--checked{text-decoration:line-through}.ao-subtask__field:focus{outline:none;border-bottom:var(--ao-border-width-md) solid var(--ao-input-border-color)}.ao-subtask__assignees{width:30%}.ao-subtask__assignees .multiselect-tags{flex-wrap:nowrap;overflow-x:auto;gap:var(--ao-space-xs)}.ao-subtask__assignees .multiselect-wrapper{justify-content:flex-start}.ao-subtask__delete{opacity:0;visibility:hidden}.ao-subtask:is(:hover,:focus-within) .ao-subtask__delete{opacity:1;visibility:visible}.ao-files__wrapper{--ao-input-file-color: var(--ao-color-neutral-darkest);--ao-input-file-border-color: transparent;--ao-input-file-placeholder-color: var(--ao-color-neutral-base);--ao-input-file-bg: transparent;position:relative;display:flex;width:100%;flex-direction:column;flex:1;border:var(--ao-border-width-md) solid var(--ao-input-file-border-color);border-radius:var(--ao-border-radius-md);background-color:var(--ao-input-file-bg);font-family:inherit;font-size:var(--ao-font-size-text);color:var(--ao-input-file-color);overflow-y:auto}.ao-files__wrapper--drop-active{--ao-input-file-border-color: var(--ao-color-primary-base);--ao-input-file-bg: var(--ao-color-primary-lightest);outline:0}.input-field{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ao-files__input{display:flex}.ao-files__placeholder{width:100%;margin-block-start:var(--ao-space-md);text-align:center;color:var(--ao-color-neutral-base)}.ao-files__list{display:flex;padding:0;padding-block-start:var(--ao-space-md);margin:0;gap:var(--ao-space-sm);flex-wrap:wrap}.ao-file{display:flex;position:relative;padding:0;padding-inline-end:var(--ao-space-xl);list-style-type:none;background-color:var(--ao-color-primary-lighter);border-radius:var(--ao-border-radius-md)}.ao-files__delete-button{position:absolute;top:50%;right:0;transform:translateY(-50%) scale(0);transition:50ms var(--ao-transition-ease)}.ao-file:is(:hover,:focus-within) .ao-files__delete-button{transform:translateY(-50%) scale(1)}.ao-file__link{width:100%;display:flex;flex:1;align-items:center;padding-block:var(--ao-space-md);padding-inline-start:var(--ao-space-md);color:var(--ao-color-primary-darker);text-decoration:none}.ao-file__icon{flex:0}.ao-file__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ao-font-size-label)}.ao-files__dropzone{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--ao-color-backdrop)}.ao-files__dropzone-label{font-size:var(--ao-font-size-text);color:var(--ao-color-text-contrast)}.ao-comment{--ao-comment-border-radius: var(--ao-border-radius-md);--ao-comment-bg: var(--ao-color-neutral-lightest);display:grid;gap:var(--ao-space-sm);grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;font-size:var(--ao-font-size-text)}.ao-comment__avatar{grid-row:2;align-self:flex-start}.ao-comment__body{padding:0 var(--ao-space-sm);grid-column:2}.ao-comment__content-wrapper{width:100%}.ao-comment__content{display:inline;width:100%;margin:0;white-space:pre-line}.ao-comment__created-at{grid-column:2;padding:0 var(--ao-space-sm);font-size:var(--ao-font-size-tag);color:var(--ao-color-neutral-light)}.ao-comment__footer{grid-column:2;display:flex;gap:var(--ao-space-sm)}.ao-comments{flex:3;overflow-y:auto}.ao-comments__list{display:flex;flex-direction:column-reverse;min-height:0;gap:var(--ao-space-lg);padding:0;padding-block-start:var(--ao-space-md);margin:0}.ao-comments__form{display:grid;gap:var(--ao-space-md);grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:flex-end}.ao-comments__form-textarea{grid-column:1/ -1;grid-row:1/ -1}.ao-comments__form-submit{padding:var(--ao-space-md);grid-column:2;grid-row:2;display:flex;justify-content:flex-end}.ao-activity-details{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex-grow:1;overflow-y:auto}.ao-activity-details__header{display:flex;flex-direction:column;padding:var(--ao-space-xl) var(--ao-space-lg) var(--ao-space-md)}.ao-activity-details__main{flex-grow:1;padding:var(--ao-space-lg)}.ao-activity__category{font-weight:var(--ao-font-weight-regular)}.ao-activity-details__content{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-lg)}.ao-activity-details__aside{border-top:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest);margin-block-start:var(--ao-space-lg);padding-block-start:var(--ao-space-lg);display:flex;flex-direction:column}.ao-activity-details__aside-section:not(:empty){padding:var(--ao-space-xl) var(--ao-space-lg)}.ao-activity-details__aside-section+.ao-activity-details__aside-section:not(:empty){border-block-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-light)}.ao-field__input--estim{width:8ch}@container modal (min-width: 480px){.ao-activity-details__content{overflow-y:auto}.ao-activity-details__aside{margin-block-start:0;border-top:0}}@container modal (min-width: 720px){.ao-activity-details{display:flex;flex-direction:column;height:auto;min-height:auto;flex-grow:1;overflow-y:none;flex-direction:row}.ao-activity-details__main{height:100%;min-height:0;flex-grow:1;overflow-y:auto}.ao-activity-details__aside{width:33%;background-color:var(--ao-color-canvas);padding-block-end:var(--ao-space-xl);padding-block-start:var(--ao-space-sm)}.ao-activity-details__aside>:nth-child(2){padding-block-start:var(--ao-space-md)}.ao-activity-details__close-button{display:flex;flex-direction:row;justify-content:end;margin-inline-end:var(--ao-space-sm)}.ao-activity-details__close-button *{cursor:pointer}.ao-activity-details__aside-section--created-by{margin-block-start:auto;border-block-start-width:0}.ao-activity-details__multiselect .multiselect-tags-search{background-color:transparent}.ao-activity-details__multiselect.ao-multiselect{--ms-font-size: var(--ao-font-size-label);--ms-bg: transparent;--ms-line-height: 1;--ms-border-color: none;--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: none;--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-sm);--ms-py: var(--ao-space-sm);--ms-px: var(--ao-space-sm);--ms-ring-color: transparent;--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}.ao-field__input:not(.ao-field__input--estim){background-color:transparent;border-color:transparent}}.ao-activity__created-by{display:flex;align-items:center;gap:var(--ao-space-sm)}.ao-rule-line{display:flex}.ao-rule-line__remove{visibility:hidden;opacity:0}.ao-rule-line:hover .ao-rule-line__remove{visibility:visible;opacity:1}.ao-template-rules__body{display:flex;flex-direction:column;flex:1;align-items:stretch;gap:var(--ao-space-lg)}.ao-template-rules__list{padding:0;margin:0;display:flex;flex-direction:column;flex:1;gap:var(--ao-space-md)}.ao-template-rule{list-style:none}.ao-template-details__cols{display:flex;list-style-type:none;padding:0;margin:0;container:columns / inline-size;overflow-x:auto}.ao-template-details__col{width:100%;padding-inline:var(--ao-space-md);flex-shrink:0}@container columns (min-width: 480px){.ao-template-details__col{width:50%}}@container columns (min-width: 960px){.ao-template-details__col{width:calc(1 / 3 * 100%)}}.ao-card{--ao-card-bg: var(--ao-color-card);--ao-card-color: inherit;--ao-card-padding: var(--ao-space-md);--ao-card-elevation: var(--ao-elevation-2dp);display:flex;flex-direction:column;border-radius:var(--ao-border-radius-md);background-color:var(--ao-card-bg);color:var(--ao-card-color);box-shadow:var(--ao-card-elevation);transform:translateY(0)}:not(.ao-list-kanban__transition)>.ao-card{transition:all .15s var(--ao-transition-ease)}.ao-card--clickable{cursor:pointer}.ao-card--clickable:is(:hover,:focus-within){--ao-card-elevation: var(--ao-elevation-4dp);transform:translateY(-2px)}.ao-card__header{display:flex;flex-direction:column;padding-block-start:var(--ao-card-padding);padding-inline:var(--ao-card-padding)}.ao-card__body{display:flex;flex-direction:column;flex:1;padding-inline:var(--ao-card-padding)}.ao-card__footer{display:flex;flex-direction:column;padding-block-end:var(--ao-card-padding);padding-inline:var(--ao-card-padding)}.ao-card--highlight{--ao-card-bg: var(--ao-color-primary-light);--ao-card-color: var(--ao-color-text-contrast)}.ao-progress{--ao-progress-bg: var(--ao-color-neutral-lightest);--ao-progress-height: var(--ao-grid-size);--ao-progress-color: var(--ao-color-primary-base);--ao-progress-border-radius: var(--ao-border-radius-md);height:var(--ao-progress-height);width:100%;display:grid;grid-column:1 / -1;grid-row:2;background-color:var(--ao-progress-bg);border-radius:var(--ao-progress-border-radius)}.ao-progress__progress{grid-column:1;grid-row:1;border-radius:var(--ao-progress-border-radius);background-color:var(--ao-progress-color);opacity:.2}.ao-progress--success{--ao-progress-color: var(--ao-color-success)}.ao-progress--warning{--ao-progress-color: var(--ao-color-warning)}.ao-progress--danger{--ao-progress-color: var(--ao-color-danger)}.ao-progress__progress:nth-child(1){opacity:1;z-index:1}.ao-card-project-phase__header{display:flex;justify-content:flex-end}.ao-card-project-phase__footer{display:flex;flex-direction:column}.ao-card-project-phase__footer-row{display:grid;grid-template-columns:auto;grid-template-rows:auto;gap:var(--ao-space-md);justify-items:start;position:relative}.ao-card-project-phase__archive{opacity:0;visibility:hidden}.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__archive{opacity:1;visibility:visible}.ao-card-project-phase__deadline{font-size:var(--ao-font-size-label);padding:var(--ao-space-sm);grid-column:1;grid-row:1}.ao-card-project-phase__deadline--input{padding:var(--ao-space-sm);border-width:0;background-color:transparent}.ao-card-project-phase__deadline--readonly{letter-spacing:.1em}.ao-card-project-phase__footer-row.ao-card-project-phase__no_deadline,.ao-card-project-phase__deadline--input,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__deadline{opacity:0;visibility:hidden}.ao-card-project-phase__deadline--readonly,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__deadline--input,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__no_deadline{opacity:1;visibility:visible}.ao-card-project-phase__title{padding-block:0}.ao-card-project-phase__secondary{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-project-phase__footer-row--progress{padding-block:var(--ao-space-sm)}.ao-card-project-phase__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-project-phase__progress{flex-grow:1}.ao-card-project-milestone{--ao-card-project-milestone-border-color: transparent;padding:0;border:var(--ao-border-width-md) solid var(--ao-card-project-milestone-border-color)}.ao-card-project-milestone--selected{--ao-card-project-milestone-border-color: var(--ao-color-text-contrast)}.ao-card-project-milestone__default{display:flex;justify-content:space-between}.ao-card-project-milestone__archive{display:none;height:fit-content;padding-block:var(--ao-space-md)}.ao-card-project-milestone:hover .ao-card-project-milestone__archive{display:flex}.ao-card-project-milestone__activities{display:flex;flex-direction:column}.ao-card-project-milestone__activities-row{display:flex;gap:var(--ao-space-md);align-items:center;position:relative}.ao-card-project-milestone__secondary{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-project-milestone:hover .ao-card-project-milestone__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-project-milestone__activities-row+.ao-card-project-milestone__activities-row{margin-block-start:var(--ao-space-md)}.ao-card-project-milestone__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-project-milestone__progress{flex-grow:1}.ao-card-project-milestone__title{max-width:fit-content}.ao-card-project-milestone__footer{display:flex;align-items:center;padding-block-start:var(--ao-space-sm);gap:var(--ao-space-sm)}.ao-card-project-milestone__assignee{display:flex;justify-content:flex-start;margin-inline-start:auto}.ao-card-project-milestone__deadline{padding-block:var(--ao-space-sm)}.ao-card-project-milestone__important{color:var(--ao-color-danger)}.ao-card-project-milestone__important--selected{color:var(--ao-color-white)}.ao-project-phase__drag-handle{opacity:0;visibility:hidden}.ao-project-phase__drag{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);cursor:grab;grid-area:drag}.ao-project-phase:hover .ao-project-phase__drag-handle{opacity:1;visibility:visible}.ao-project-phase{display:flex;flex-direction:column;padding-block:var(--ao-space-md)}.ao-project-phase--selected .ao-project-phase__col-phase{background-color:var(--ao-color-primary-lightest)}.ao-project-phase__col-phase{display:flex;flex-shrink:0;flex-direction:column;padding:var(--ao-space-xl) var(--ao-space-xxl);margin-inline-end:var(--ao-space-md);justify-content:center;border-radius:var(--ao-border-radius-md)}.ao-project-phase__col-milestones{display:flex;flex:1;padding:var(--ao-space-md);gap:var(--ao-space-md);overflow-x:auto;scroll-snap-type:x mandatory}.ao-project-phase__milestones,.ao-project-phase__milestones-list{display:contents}.ao-project-phase__milestone{scroll-snap-align:center;width:90%;flex-shrink:0}.ao-project-phase__milestones-list-footer{display:flex;scroll-snap-align:center}@container page (min-width: 480px){.ao-project-phase__milestones-list{grid-auto-columns:45%;overflow-x:auto}.ao-project-phase__milestone{width:45%}}@container page (min-width: 720px){.ao-project-phase{flex-direction:row}.ao-project-phase__col-phase{width:20em}.ao-project-phase+.ao-project-phase{border-block-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-project-phase__col-milestones{flex-direction:column;border-inline-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest);overflow:hidden}.ao-project-phase__milestones{display:flex;width:100%;flex-direction:row;align-items:center;height:100%;padding:var(--ao-space-md);border-radius:var(--ao-border-radius-md);background-color:var(--ao-color-sheet)}.ao-project-phase--selected .ao-project-phase__milestones{background-color:var(--ao-color-primary-lightest)}.ao-project-phase__milestones-list{display:grid;padding:var(--ao-space-md);flex-shrink:1;max-width:100%;min-width:0;grid-auto-columns:minmax(max(20%,147px),196px);grid-auto-flow:column;align-items:stretch;gap:var(--ao-space-md);scroll-snap-type:x mandatory;scroll-snap-padding:var(--ao-space-md)}.ao-project-phase__milestone{width:100%;scroll-snap-align:start}.ao-project-phase__milestones-list-footer{align-items:center;padding:var(--ao-space-md)}.ao-project-phase__milestone-add{flex-grow:0;flex-shrink:0}}.ao-project__phases{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding-inline-start:0;margin-block:0}.ao-project-phase__phases-list{overflow:auto}.ao-project-phase__add-phase{padding:var(--ao-space-lg)}@container page (min-width: 720px){.ao-project-phase__phases-list-footer{display:flex}.ao-project-phase__empty_drag{width:40px}.ao-project-phase__phases-list-footer .ao-project-phase__col-phase{max-width:20em;padding:var(--ao-space-md)}.ao-project-phase__phases-list-footer .ao-project-phase__col-milestones{border:none}}.ao-add-template-modal__form{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;margin-block-start:var(--ao-space-md)}.ao-add-template-modal__form-body{display:flex;flex-direction:column;height:100%;min-height:0}.ao-add-template-modal__form-footer{display:flex;justify-content:flex-end;margin-block-start:var(--ao-space-lg)}.toggle-wrapper[data-v-cbe33527]{display:flex;align-items:center;margin:0;font-size:var(--ao-font-size-h3);padding:var(--ao-space-sm);border-radius:var(--ao-border-radius-md);background-color:var(--ao-color-neutral-lightest)}.button[data-v-cbe33527]{background-color:var(--ao-color-primary-base);border:none;padding:var(--ao-space-sm) var(--ao-space-md);color:var(--ao-color-white);border-radius:var(--ao-border-radius-sm)}.button--inactive[data-v-cbe33527]{color:var(--ao-color-black);background-color:transparent}.ao-project-overview__add-template{margin-left:auto;margin-right:var(--ao-space-md)}.ao-project-overview{display:grid;grid-template-columns:1fr auto;height:100%;min-height:0;container:page / inline-size}.ao-project{display:flex;flex-direction:column;gap:var(--ao-space-md);padding-block:var(--ao-space-lg);height:100%;min-height:0;flex-grow:1;overflow:hidden}.ao-project__body{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;min-width:0;flex-grow:1;align-items:flex-start;padding-block:var(--ao-space-md);overflow:hidden}@container page (min-width: 720px){.ao-project{padding-inline:var(--ao-space-lg)}}.ao-card-feed{cursor:pointer}.ao-card-feed__header{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:flex-start}.ao-card-feed__header-secondary{grid-column:2;grid-row:1}.ao-card-feed__header-icons{margin-inline-start:auto}.ao-card-feed__title-group{display:flex;align-items:center}.ao-card-feed__body{display:flex;flex-direction:column;align-items:flex-start}.ao-card-feed__project{max-width:100%}.ao-card-feed__breadcrumbs{font-size:var(--ao-font-size-label)}.ao-card-feed_deadline{color:var(--ao-color-neutral-base);font-size:var(--ao-font-size-label)}.ao-card-feed__important{margin-inline-start:auto;color:var(--ao-color-danger)}.ao-card-feed__warning{color:var(--ao-color-warning)}.ao-card-feed__footer{display:flex;flex-direction:column}.ao-card-feed__footer-row{display:flex;gap:var(--ao-space-md);align-items:center;position:relative}.ao-card-feed__secondary{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-feed:hover .ao-card-feed__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-feed__footer-row+.ao-card-feed__footer-row{margin-block-start:var(--ao-space-md)}.ao-assignees{display:flex;margin:0;padding:0}.ao-assignee{list-style-type:none}.ao-card-feed__subitems{margin:0;margin-inline-start:auto;padding:0;display:flex;gap:var(--ao-space-sm);align-items:center}.ao-card-feed__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-feed__progress-wrapper{display:flex;width:100%;align-items:center;gap:var(--ao-space-md)}.ao-card-feed__progress{flex-grow:1}.ao-card-feed__closed{color:var(--ao-color-primary-base)}.ao-card-feed--closed :is(.ao-card-feed__body,.ao-card-feed__footer,.ao-card-feed__project,.ao-card-feed__header-icons > *:not(.ao-card-feed__closed)){opacity:.3}.hu-color-picker{padding:10px;background:#1d2024;border-radius:4px;box-shadow:0 0 16px #00000029;z-index:1}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{color:#666;background:#eceef0}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{margin-top:8px;display:flex}.saturation{position:relative;cursor:pointer}.saturation .slide{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px #0000004d;pointer-events:none}.color-type{display:flex;margin-top:8px;font-size:12px}.color-type .name{width:60px;height:30px;float:left;display:flex;justify-content:center;align-items:center;color:#999;background:#252930}.color-type .value{flex:1;height:30px;min-width:100px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.color-alpha{position:relative;margin-left:8px;cursor:pointer}.color-alpha .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors{padding:0;margin:0}.colors.history{margin-top:10px;border-top:1px solid #2e333a}.colors .item{position:relative;width:16px;height:16px;margin:10px 0 0 10px;border-radius:3px;box-sizing:border-box;vertical-align:top;display:inline-block;transition:all .1s;cursor:pointer}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{height:100%;border-radius:4px}.colors .item .color{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px}.hue{position:relative;margin-left:8px;cursor:pointer}.hue .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.color-picker-wrapper{position:relative;display:inline-block}.color-button{cursor:pointer;padding:0;width:24px;height:24px;display:inline-block;border-radius:50%;border:1px solid #ccc}.color-picker{box-sizing:content-box;position:absolute;top:40px;z-index:1000;box-shadow:0 2px 6px #00000026}.ao-project-milestone{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;width:24em;background-color:var(--ao-color-sheet);padding:var(--ao-space-lg)}.ao-project-milestone__header{display:flex;align-items:flex-start;flex-direction:column}.ao-project-milestone__header_line{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.ao-project-milestone__title{display:flex;padding-inline:var(--ao-space-lg);width:100%}.ao-project-milestone__body{display:flex;flex-direction:column;height:100%;min-height:0}.ao-project-milestone__activities{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-md);margin-block:0;overflow-y:auto}.ao-project-milestone__footer{display:flex;flex-direction:column;padding:var(--ao-space-md)}.ao-milestone__fieldset{width:100%;padding:var(--ao-space-md);border-block-end:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-milestone__field-row{width:100%;align-items:center}.ao-milestone__field-row+.ao-milestone__field-row{margin-block-start:var(--ao-space-sm)}.ao-milestone__field{padding:var(--ao-space-sm);font-size:var(--ao-font-size-label);background-color:transparent;border-width:0}.ao-milestone__field-multiselect{width:14ch;background-color:transparent}.ao-milestone__field-multiselect .multiselect-tags-search{background-color:transparent}.ao-milestone__field-multiselect .ao-multiselect{--ms-font-size: var(--ao-font-size-label);--ms-line-height: 1;--ms-border-color: none;--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: none;--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-sm);--ms-py: var(--ao-space-sm);--ms-px: var(--ao-space-sm);--ms-ring-color: transparent;--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}.ao-milestone__important,.ao-milestone__close{margin-inline-start:auto}.ao-col-header{--ao-col-header-bg: var(--ao-color-card);display:flex;background-color:var(--ao-col-header-bg);border-radius:var(--ao-border-radius-md);align-items:center;padding:var(--ao-space-md)}.ao-col-header__title{flex:1}.ao-col-header__items{flex-shrink:0}.ao-list-kanban{display:flex;flex-direction:column;gap:var(--ao-space-lg);height:100%;min-height:0;scroll-snap-align:start end}.ao-list-kanban__list{display:flex;flex-direction:column;gap:var(--ao-space-md);min-height:0;overflow-y:auto;padding-inline:var(--ao-space-md)}.ao-list-kanban__header,.ao-list-kanban__footer{padding-inline:var(--ao-space-md)}.ao-list-kanban__end{display:flex;flex-direction:column;padding:var(--ao-space-md);align-items:center;justify-items:center;flex-shrink:0}.ao-list-kanban__divider{width:50%;height:2px;background-color:var(--ao-color-neutral-lightest)}.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-move,.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-enter-active,.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-leave-active{transition:all .5s ease}.ao-list-kanban__transition-leave-active{position:absolute}.ao-list-kanban__ghost{opacity:.5;background:var(--ao-color-primary-lightest)}.ao-search-field{--ao-search-field-icon-size: var(--ao-icon-size-md);--ao-search-field-icon-slot-size: calc( var(--ao-search-field-icon-size) + var(--ao-space-xl) );--ao-search-field-placeholder-color: var(--ao-color-black);--ao-input-border-color: var(--ao-color-neutral-lightest);display:grid;grid-template-columns:1fr var(--ao-search-field-icon-slot-size);align-items:center;gap:var(--ao-space-sm);flex:1}.ao-search-field__input{grid-column:1 / -1;grid-row:1;width:100%;padding-inline-end:var(--ao-search-field-icon-slot-size);font-size:var(--ao-font-size-button);border-radius:var(--ao-border-radius-md)}.ao-search-field__input:focus{color:var(--ao-color-primary-base);outline-color:var(--ao-color-primary-lightest)}.ao-search-field__input::placeholder{color:var(--ao-search-field-placeholder-color);opacity:1}.ao-search-field__action{grid-column:2;grid-row:1;justify-self:center;transform:scale(0);transition:transform .15s var(--ao-transition-ease);transform-origin:50%}.ao-search-field__action--visible{transform:scale(1)}.ao-search-field__icon{width:var(--ao-search-field-icon-size);height:var(--ao-search-field-icon-size);color:var(--ao-color-neutral-dark);pointer-events:none}.ao-feed{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-lg);height:100%;min-height:0;flex-grow:1;container:page / inline-size}.ao-feed__body{display:grid;grid-auto-flow:column;grid-auto-columns:100%;height:100%;min-height:0;flex-grow:1;overflow-x:auto;align-items:flex-start;padding-block:var(--ao-space-md);scroll-snap-type:x mandatory}.ao-feed__activity-details__header{display:flex;gap:var(--ao-space-md)}.ao-feed__activity-details__project{flex:2}.ao-feed__activity-details__status{flex:1}@container page (min-width: 420px){.ao-feed__body{grid-auto-columns:50cqi}}@container page (min-width: 768px){.ao-feed__body{grid-auto-columns:33cqi}}@container page (min-width: 1024px){.ao-feed__body{grid-auto-columns:minmax(calc(var(--ao-grid-size) * 32),calc(var(--ao-grid-size) * 32))}}.ao-kanban__col{display:flex;flex-direction:column;gap:var(--ao-space-md);max-height:100%;min-height:0;overflow-y:auto;padding:var(--ao-space-lg)}.ao-feed__filters{flex:1;display:flex;gap:1%;align-items:center;flex-direction:column}.ao-feed__filter .multiselect-tags{flex-wrap:nowrap;overflow-x:auto;gap:var(--ao-space-xs)}.ao-feed__filter .multiselect-wrapper{justify-content:flex-start}.ao-feed__show-archived{flex:0 auto}@container header (min-width: 720px){.ao-feed__filters{flex-direction:row}.ao-feed__search{padding-inline-end:var(--ao-space-md);border-right:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-feed__search,.ao-feed__filter__projects{max-width:33%}.ao-feed__filter__assignees,.ao-feed__filter__types{max-width:15%}}.ao-templates{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-lg)}.ao-templates__header{display:flex;padding:var(--ao-space-sm)}.ao-templates__list{display:flex;margin:0;padding:var(--ao-space-sm);list-style-type:none;flex-direction:column;gap:var(--ao-space-md);container:column / inline-size}
|
|
1
|
+
*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}button{color:inherit;font-family:inherit}input,textarea{font-family:inherit}:root{--ao-color-blue-lightest: #ebf1ff;--ao-color-blue-lighter: #aabdff;--ao-color-blue-light: #7183ff;--ao-color-blue-base: #4952ff;--ao-color-blue-dark: #2226e7;--ao-color-blue-darker: #09099c;--ao-color-blue-darkest: #000033;--ao-color-grey-lightest: #e6e6e6;--ao-color-grey-light: #c8c8c8;--ao-color-grey-base: #ababab;--ao-color-grey-dark: #636363;--ao-color-grey-darkest: #1c1c1c;--ao-color-white: #fff;--ao-color-black: #000;--ao-color-sand-base: #d8a55a;--ao-color-red-light: #ff4f4f;--ao-color-teal-light: #64d9bb;--ao-color-primary-lightest: var(--ao-color-blue-lightest);--ao-color-primary-lighter: var(--ao-color-blue-lighter);--ao-color-primary-light: var(--ao-color-blue-light);--ao-color-primary-base: var(--ao-color-blue-base);--ao-color-primary-dark: var(--ao-color-blue-dark);--ao-color-primary-darker: var(--ao-color-blue-darker);--ao-color-primary-darkest: var(--ao-color-blue-darkest);--ao-color-neutral-lightest: var(--ao-color-grey-lightest);--ao-color-neutral-light: var(--ao-color-grey-light);--ao-color-neutral-base: var(--ao-color-grey-base);--ao-color-neutral-dark: var(--ao-color-grey-dark);--ao-color-neutral-darkest: var(--ao-color-grey-darkest);--ao-color-canvas: #f1f1f1;--ao-color-sheet: #f9f9f9;--ao-color-card: #f9f9f9;--ao-color-text: var(--ao-color-grey-darkest);--ao-color-danger: var(--ao-color-red-light);--ao-color-warning: var(--ao-color-sand-base);--ao-color-success: var(--ao-color-teal-light);--ao-color-text-contrast: var(--ao-color-white);--ao-color-group: rgba(255, 255, 255, .2);--ao-color-backdrop: rgba(0, 0, 0, .7);--ao-grid-size: 8px;--ao-space-xs: calc(var(--ao-grid-size) / 4);--ao-space-sm: calc(var(--ao-grid-size) / 2);--ao-space-md: calc(var(--ao-grid-size) * 1);--ao-space-lg: calc(var(--ao-grid-size) * 3 / 2);--ao-space-xl: calc(var(--ao-grid-size) * 2);--ao-space-xxl: calc(var(--ao-grid-size) * 4);--ao-border-width-sm: 1px;--ao-border-width-md: 2px;--ao-border-width-lg: 4px;--ao-border-width-xl: 6px;--ao-border-radius-xs: 2px;--ao-border-radius-sm: 4px;--ao-border-radius-md: 8px;--ao-border-radius-lg: 16px;--ao-border-radius-xl: 24px;--ao-border-radius-round: 100em;font-size:15px;--ao-font-size-base: 1rem;--ao-font-size-text: var(--ao-font-size-base);--ao-font-size-input: var(--ao-font-size-base);--ao-font-size-h5: var(--ao-font-size-base);--ao-font-size-h4: calc(var(--ao-font-size-base) * 1.25);--ao-font-size-h3: calc(var(--ao-font-size-h4) * 1.25);--ao-font-size-h2: calc(var(--ao-font-size-h3) * 1.25);--ao-font-size-h1: calc(var(--ao-font-size-h2) * 1.25);--ao-font-size-label: calc(var(--ao-font-size-base) / 1.25);--ao-font-size-tag: calc(var(--ao-font-size-label) / 1.25);--ao-font-size-button: var(--ao-font-size-base);--ao-font-weight-extra-light: 200;--ao-font-weight-regular: 400;--ao-font-weight-medium: 500;--ao-font-weight-semi-bold: 600;--ao-font-weight-bold: 800;--ao-font-weight-extra-bold: 900;--ao-font-stack-system-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--ao-font-stack-sans: "Kumbh Sans", var(--ao-font-stack-system-sans);--ao-icon-size-sm: calc(var(--ao-grid-size) * 9 / 5);--ao-icon-size-md: calc(var(--ao-grid-size) * 3);--ao-icon-size-lg: calc(var(--ao-grid-size) * 4);--ao-icon-size-xl: calc(var(--ao-grid-size) * 5);--ao-transition-ease: cubic-bezier(.215, .61, .355, 1);--ao-shadow-key-umbra-opacity: .2;--ao-shadow-key-penumbra-opacity: .14;--ao-shadow-ambient-shadow-opacity: .12;--ao-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 1px -2px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity)), 0 1px 5px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity));--ao-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 3px -2px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity)), 0 1px 8px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity));--ao-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 1px 10px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 2px 4px -1px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 1px 18px 0 rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 3px 5px -1px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 3px 14px 2px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 5px 5px -3px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 6px 30px 5px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 8px 10px -5px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity));--ao-elevation-24dp: 0 9px 46px 8px rgba(0, 0, 0, var(--ao-shadow-key-penumbra-opacity)), 0 11px 15px -7px rgba(0, 0, 0, var(--ao-shadow-ambient-shadow-opacity)), 0 24px 38px 3px rgba(0, 0, 0, var(--ao-shadow-key-umbra-opacity))}html,body{font-family:var(--ao-font-stack-sans)}[class^=ao-]{scrollbar-width:thin}[class^=ao-]::-webkit-scrollbar{background-color:transparent;width:var(--ao-space-md);height:var(--ao-space-md);border-radius:var(--ao-border-radius-round)}[class^=ao-]::-webkit-scrollbar-thumb{background:var(--ao-color-neutral-light);border-radius:var(--ao-border-radius-round);cursor:grab}:root{--ao-input-color: inherit;--ao-input-bg: #fff;--ao-input-border-radius: var(--ao-border-radius-sm);--ao-input-border-width: var(--ao-border-width-sm);--ao-input-border-color: var(--ao-color-neutral-light);--ao-textarea-bg: var(--ao-input-bg)}.ao-fieldset{border-width:0;padding:0;margin:0}.ao-fieldset+.ao-fieldset{margin-block-start:var(--ao-space-xl)}.ao-fieldset__title{display:flex;align-items:center;gap:var(--ao-space-sm);color:var(--ao-color-neutral-dark)}.ao-field__row{display:flex;flex-direction:row;gap:var(--ao-space-lg)}.ao-field__row+.ao-field__row{margin-block-start:var(--ao-space-lg)}.ao-field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ao-space-md)}.ao-field--full{flex:1;width:100%}.ao-field--multiselect{min-width:20ch}.ao-field--inline{flex-direction:row;align-items:center}.ao-field__label{font-size:var(--ao-font-size-label)}.ao-field__input{padding-inline:var(--ao-space-lg);padding-block:var(--ao-space-md);margin:0;border:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:var(--ao-input-border-radius);color:var(--ao-input-color);background-color:var(--ao-input-bg)}.ao-field__input:is(:focus,:active,:hover){--ao-input-border-color: var(--ao-color-primary-base)}.ao-field__textarea{padding:var(--ao-space-lg);border:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:var(--ao-input-border-radius);color:var(--ao-input-color);background-color:var(--ao-textarea-bg);flex:1;width:100%;resize:vertical}.ao-multiselect{--ms-font-size: var(--font-size-text);--ms-line-height: 1.2;--ms-border-color: var(--ao-color-neutral-lightest);--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: var(--ao-input-border-color);--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-md);--ms-py: var(--ao-space-md);--ms-px: var(--ao-space-lg);--ms-ring-color: var(--ao-color-primary-lightest);--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-tag-font-size: var(--ao-font-size-tag);--ms-tag-font-weight: var(--ao-font-weight-regular);--ms-tag-bg: var(--ao-color-primary-base);--ms-tag-radius: var(--ao-border-radius-xl);--ms-tag-py: var(--ao-space-sm);--ms-tag-my: 0;--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}input[readonly]{cursor:default}.is-disabled>.multiselect-wrapper{cursor:default}.ao-field__input::-webkit-outer-spin-button,.ao-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ao-field__input[type=number]{-moz-appearance:textfield}.multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default}.multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))}.multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)}.multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0}.multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap}.multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)}.multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-wrapper-break{white-space:normal;word-break:break-all}.multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.063)}.multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem}.multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative}.multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%}.multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%}.multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10}.multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0}.multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s}.multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem}.multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0);transition:transform .3s;z-index:10}.multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)}.multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100}.multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.multiselect-group{margin:0;padding:0}.multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{margin:0;padding:0}.multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)}.multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.multiselect-spacer{display:none}[dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0}[dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)}[dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)}[dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0}[dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)}[dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)}[dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes blink-ad6da4a9{0%,to{opacity:1}50%{opacity:0}}.dot[data-v-ad6da4a9]{animation:blink-ad6da4a9 1.5s ease-in-out infinite}.dot--1[data-v-ad6da4a9]{animation-delay:0}.dot--2[data-v-ad6da4a9]{animation-delay:.5s}.dot--3[data-v-ad6da4a9]{animation-delay:1s}.ao-icon{color:inherit;fill:currentColor;width:var(--ao-icon-size);height:var(--ao-icon-size)}.ao-icon *{fill:inherit}.ao-icon--sm{--ao-icon-size: var(--ao-icon-size-sm)}.ao-icon--md{--ao-icon-size: var(--ao-icon-size-md)}.ao-icon--lg{--ao-icon-size: var(--ao-icon-size-lg)}.ao-icon--xl{--ao-icon-size: var(--ao-icon-size-xl)}.ao-button{--ao-button-main-color: initial;--ao-button-secondary-color: initial;--ao-button-color: var(--ao-button-main-color);--ao-button-bg: var(--ao-button-secondary);--ao-button-border-color: transparent;--ao-button-padding: var(--ao-space-sm);--ao-button-label-padding: var(--ao-space-sm);--ao-button-border-radius: var(--ao-border-radius-md);--ao-button-line-height: var(--ao-icon-size-md);--ao-button-font-size: var(--ao-font-size-button);display:flex;padding:var(--ao-button-padding);align-items:center;border-width:var(--ao-border-width-md);border-style:solid;border-radius:var(--ao-button-border-radius);border-color:var(--ao-button-border-color);color:var(--ao-button-color);background-color:var(--ao-button-bg);cursor:pointer;font-size:var(--ao-button-font-size);font-weight:var(--ao-font-weight-semi-bold);line-height:var(--ao-button-line-height)}.ao-button--primary{--ao-button-main-color: var(--ao-color-primary-base)}.ao-button--secondary{--ao-button-main-color: var(--ao-color-success)}.ao-button--neutral{--ao-button-main-color: var(--ao-color-neutral-base)}.ao-button--black{--ao-button-main-color: var(--ao-color-neutral-darkest)}.ao-button--warning{--ao-button-main-color: var(--ao-color-warning)}.ao-button--danger{--ao-button-main-color: var(--ao-color-danger)}.ao-button--success{--ao-button-main-color: var(--ao-color-success)}.ao-button--ghost{--ao-border-color: transparent;--ao-background-color: transparent}.ao-button--outline{--ao-button-border-color: var(--ao-button-main-color)}.ao-button--solid{--ao-button-color: var(--ao-button-secondary-color);--ao-button-bg: var(--ao-button-main-color);--ao-button-border-color: var(--ao-button-main-color)}.ao-button--solid:is(.ao-button--primary,.ao-button--secondary,.ao-button--neutral,.ao-button--black){--ao-button-color: var(--ao-color-white)}.ao-button--icon-start{flex-direction:row-reverse}.ao-button--icon-end{flex-direction:row}.ao-button__icon{flex-shrink:0}.ao-button__label{padding-inline:var(--ao-button-label-padding);flex:1;width:100%}.ao-button--footer{width:100%}.ao-button--footer .ao-button__label{text-align:center}.ao-button--is-disabled{cursor:default}.ao-button--sm{--ao-button-padding: var(--ao-space-xs);--ao-button-label-padding: var(--ao-space-xs);--ao-button-line-height: var(--ao-icon-size-sm);--ao-button-font-size: var(--ao-font-size-label)}.ao-button--lg{--ao-button-line-height: var(--ao-icon-size-lg);--ao-button-font-size: var(--ao-font-size-h4)}.ao-button--xl{--ao-button-line-height: var(--ao-icon-size-xl);--ao-button-font-size: var(--ao-font-size-h3)}.ao-button--round{--ao-button-border-radius: var(--ao-border-radius-round)}.ao-title{--ao-title-color: inherit;margin:0;font-weight:var(--ao-font-weight-semi-bold);font-family:var(--ao-font-family-title);color:var(--ao-title-color);cursor:default}.ao-title--editable{cursor:text}.ao-title--readonly{padding-block:var(--ao-space-md);border:var(--ao-input-border-width) solid transparent}.ao-title--1{font-size:var(--ao-font-size-h1)}.ao-title--2{font-size:var(--ao-font-size-h2)}.ao-title--3{font-size:var(--ao-font-size-h3)}.ao-title--4{font-size:var(--ao-font-size-h4)}.ao-title--5{font-size:var(--ao-font-size-h5)}.ao-title--primary{--ao-title-color: var(--ao-color-primary-base)}.ao-title--neutral{--ao-title-color: var(--ao-color-neutral-base)}.ao-title--black{--ao-title-color: var(--ao-color-neutral-darkest)}.ao-title--editing{--ao-title-color: var(--ao-color-primary-dark);width:100%}.ao-card-horiz{--ao-card-horiz-bg-color: var(--ao-color-card);--ao-card-horiz-text-color: inherit;--ao-card-horiz-label-color: var(--ao-color-neutral-base);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"drag header secondary" "drag body body" "drag footer footer";border-radius:var(--ao-border-radius-md);color:var(--ao-card-horiz-text-color);background-color:var(--ao-card-horiz-bg-color);overflow:hidden;cursor:pointer;container:card-horiz / inline-size}.ao-card-horiz:hover{box-shadow:var(--ao-elevation-2dp)}.ao-card-horiz--active{--ao-card-horiz-bg-color: var(--ao-color-primary-base);--ao-card-horiz-text-color: var(--ao-color-white);box-shadow:var(--ao-elevation-2dp)}.ao-card-horiz__header{display:flex;align-items:center;padding-inline:var(--ao-space-md);padding-block-start:var(--ao-space-md);grid-area:header;width:100%}.ao-card-horiz__title-group{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.ao-card-horiz__title{min-width:2ch;min-height:1em}.ao-card-horiz__title,.ao-card-horiz__subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-self:flex-start}.ao-card-horiz__subtitle{margin-top:var(--ao-space-xs);font-size:var(--ao-font-size-body)}.ao-card-horiz__body{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-md);padding-block:var(--ao-space-md);grid-area:body}.ao-card-horiz__footer{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-md);padding-block-end:var(--ao-space-md);grid-area:footer}.ao-card-horiz__drag{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);cursor:grab;grid-area:drag}.ao-card-horiz__drag-handle{opacity:0;visibility:hidden}.ao-card-horiz:hover .ao-card-horiz__drag-handle{opacity:1;visibility:visible}.ao-card-horiz__secondary{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);opacity:0;visibility:hidden;grid-area:secondary}.ao-card-horiz:hover .ao-card-horiz__secondary{opacity:1;visibility:visible}@container column (min-width: 480px){.ao-card-horiz{display:flex;flex-direction:row}.ao-card-horiz__header{padding-block:var(--ao-space-md);padding-inline-end:0;flex-shrink:1;min-width:0}.ao-card-horiz__body{padding-inline-end:0;flex-shrink:0}.ao-card-horiz__footer{align-items:flex-end;padding-block:var(--ao-space-md);grid-area:footer;flex-shrink:0}}@container column (min-width: 768px){.ao-card-horiz__header{width:50%}}@container column (min-width: 1024px){.ao-card-horiz__header{width:33%}}@container column (min-width: 1280px){.ao-card-horiz__header{width:25%}}.ao-tag{--ao-tag-color: var(--ao-color-text-contrast);--ao-tag-bg: var(transparent);--ao-tag-border-radius: var(--ao-border-radius-xl);display:flex;flex-direction:row;align-items:stretch;border:var(--ao-border-width-sm) var(--ao-tag-bg) solid;border-radius:var(--ao-tag-border-radius);font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-tag--primary{--ao-tag-bg: var(--ao-color-primary-light)}.ao-tag--black{--ao-tag-bg: var(--ao-color-neutral-darkest)}.ao-tag--secondary{--ao-tag-bg: var(--ao-color-success)}.ao-tag--neutral{--ao-tag-bg: var(--ao-color-neutral-light)}.ao-tag--solid.ao-tag--neutral{--ao-tag-color: var(--ao-color-neutral-darkest)}.ao-tag--solid .ao-tag__label,.ao-tag--solid .ao-tag__close{background-color:var(--ao-tag-bg)}.ao-tag--clickable .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-neutral-lightest)}.ao-tag--clickable.ao-tag--primary .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-primary-lighter)}.ao-tag--clickable.ao-tag--black .ao-tag__label:hover{--ao-tag-bg: var(--ao-color-neutral-dark)}.ao-tag--clickable .ao-tag__label{cursor:pointer}.ao-tag__label{padding:var(--ao-space-sm) var(--ao-space-md);color:var(--ao-tag-color);width:100%;border-radius:var(--ao-tag-border-radius);font-size:inherit;font-weight:inherit;text-align:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:transparent;border-width:0}.ao-tag--closable .ao-tag__label{border-top-right-radius:0;border-bottom-right-radius:0}.ao-tag__close{display:flex;border-width:0;border-top-right-radius:var(--ao-tag-border-radius);border-bottom-right-radius:var(--ao-tag-border-radius);color:var(--ao-tag-color);background-color:transparent;cursor:pointer}.ao-tag--close-icon{padding:var(--ao-space-xs) var(--ao-space-md)}.ao-avatar{--ao-avatar-bg: var(--ao-color-primary-base);--ao-avatar-color: var(--ao-color-neutral-lightest);--ao-avatar-font-weight: --ao-font-weight-medium;--ao-avatar-font-size: var(--ao-font-size-base);--ao-avatar-padding: .5em;color:var(--ao-avatar-color);background-color:var(--ao-avatar-bg);position:relative;border-radius:var(--ao-border-radius-round);line-height:1;display:grid;grid-template-areas:"center";align-items:center;justify-content:center;padding:var(--ao-avatar-padding);cursor:default;overflow:hidden;font-weight:var(--ao-avatar-font-weight);font-size:var(--ao-avatar-font-size);flex-shrink:0}.ao-avatar--sm{--ao-avatar-font-weight: var(--ao-font-weight-bold);--ao-avatar-font-size: var(--ao-font-size-tag);--ao-avatar-padding: .8em}.ao-avatar--lg{--ao-avatar-font-weight: var(--ao-font-weight-light);--ao-avatar-font-size: var(--ao-font-size-h3)}.ao-avatar--xl{--ao-avatar-font-weight: var(--ao-font-weight-extra-light);--ao-avatar-font-size: var(--ao-font-size-h1)}.ao-avatar--primary{--ao-avatar-bg: var(--ao-color-primary-base)}.ao-avatar--neutral{--ao-avatar-bg: var(--ao-color-neutral-base)}.ao-avatar--black{--ao-avatar-bg: var(--ao-color-neutral-darkest)}.ao-avatar__initials{display:flex;flex-direction:column;grid-area:center;justify-content:center;align-items:center;width:1em;height:1em;text-align:center;text-transform:uppercase}.ao-avatar__close{grid-area:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;visibility:hidden}.ao-avatar:hover,.ao-avatar-img:hover{z-index:1}.ao-avatar:hover .ao-avatar__close,.ao-avatar-img:hover .ao-avatar__close{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.ao-avatar-img--sm{width:var(--ao-icon-size-sm);height:var(--ao-icon-size-sm)}.ao-avatar-img--md{width:var(--ao-icon-size-md);height:var(--ao-icon-size-md)}.ao-avatar-img--lg{width:var(--ao-icon-size-lg);height:var(--ao-icon-size-lg)}.ao-avatar-img--xl{width:var(--ao-icon-size-xl);height:var(--ao-icon-size-xl)}.ao-avatar-img{position:relative;border-radius:var(--ao-border-radius-round);display:grid;grid-template-areas:"center";align-items:center;justify-content:center;cursor:default;overflow:hidden;flex-shrink:0}.ao-avatar__image{width:100%;height:100%}.ao-card-template__body{display:flex;flex-direction:row;align-items:center;flex:1}.ao-card-template__footer{display:flex;gap:var(--ao-space-md)}.ao-card-template__col-title{display:flex;align-items:center;gap:var(--ao-space-sm)}.ao-card-template__col-label{font-size:var(--ao-font-size-label);font-weight:600}.ao-card-template__col{display:flex;flex-direction:column;gap:var(--ao-space-md);color:var(--ao-color-neutral-dark);font-size:var(--ao-font-size-label)}.ao-card-template__col--phases{flex-grow:1;color:var(--ao-color-neutral-darkest)}.ao-card-template__phases-list{display:flex;gap:var(--ao-space-sm);padding:0;margin:0}.ao-card-template__col-body{display:flex;flex-direction:row;align-items:flex-start;flex:1}.ao-card-template__subitems{display:flex;margin:0;padding:0;gap:var(--ao-space-sm)}.ao-card-template__subitem{display:flex;align-items:center;list-style-type:none;font-size:var(--ao-font-size-label);font-weight:var(--ao-font-weight-semi-bold)}.ao-page-header{display:flex;container:header / inline-size;z-index:1}.ao-page-header-main{display:flex;gap:var(--ao-space-sm);flex-grow:1}.ao-page-header-secondary{display:flex;gap:var(--ao-space-sm)}@container header (min-width: 720px){.ao-page-header-main{flex-direction:row;align-items:center}.ao-page-header-secondary{margin-inline-start:auto;align-items:center;justify-content:flex-end;flex-grow:1}}.ao-button-card{--ao-button-card-color: inherit;--ao-button-card-bg: transparent;--ao-button-card-border-color: currentColor;--ao-button-card-padding: var(--ao-space-md);--ao-button-card-label-padding: var(--ao-space-sm);--ao-button-card-border-radius: var(--ao-border-radius-md);display:flex;width:100%;flex:1;justify-content:center;padding:var(--ao-button-card-padding);flex-direction:column-reverse;align-items:center;border-width:var(--ao-border-width-sm);border-style:dashed;border-radius:var(--ao-button-card-border-radius);border-color:var(--ao-button-card-border-color);color:var(--ao-button-card-color);background-color:var(--ao-button-card-bg);cursor:pointer;font-size:var(--ao-font-size-button);font-weight:var(--ao-font-weight-semi-bold)}.ao-button-card--primary{--ao-button-card-color: var(--ao-color-primary-base)}.ao-button-card--secondary{--ao-button-card-color: var(--ao-color-success)}.ao-button-card--neutral{--ao-button-card-color: var(--ao-color-neutral-base)}.ao-button-card--black{--ao-button-card-color: var(--ao-color-neutral-darkest)}.ao-button-card__icon{flex-shrink:0}.ao-button-card__label{padding-inline:var(--ao-button-card-label-padding);width:100%}.ao-button-card--footer{width:100%}.ao-button-card--footer .ao-button-card__label{text-align:center}.ao-button-card--is-disabled{cursor:default}.ao-button-card--sm{--ao-button-card-padding: var(--ao-space-xs);--ao-button-card-label-padding: var(--ao-space-xs)}.ao-button-card--round{--ao-button-card-border-radius: var(--ao-border-radius-round)}.ao-card-template-item__footer{display:flex;flex:1;padding:0;margin:0;justify-content:flex-end;gap:var(--ao-space-sm);align-items:center}.ao-card-template-item__subitem{display:flex;align-items:center}.ao-card-template-item__subitem{font-size:var(--ao-font-size-label);font-weight:var(--ao-font-weight-bold)}.ao-modal__wrapper{--ao-modal-z-index: 100;--ao-modal-padding-x: var(--ao-space-sm);display:grid;grid-template-columns:5% 1fr 5%;grid-template-rows:5vh 1fr 5vh;position:absolute;top:0;left:0;width:100%;height:100%;justify-items:center;align-items:flex-start;z-index:var(--ao-modal-z-index)}.ao-modal__wrapper.ao-modal__wrapper--sm{grid-template-columns:10% 1fr 10%;grid-template-rows:15vh auto 25vh}.ao-modal__backdrop{width:100%;height:100%;grid-column:1 / -1;grid-row:1 / -1;background-color:var(--ao-color-backdrop)}.ao-modal{display:flex;width:100%;max-width:768px;height:100%;min-height:0;flex-direction:column;overflow-y:auto;grid-column:1 / -1;grid-row:1 / -1;background-color:var(--ao-color-sheet);container:modal / inline-size}.ao-modal__wrapper--sm .ao-modal{height:auto}.ao-modal__header{display:flex;flex-direction:column;padding-inline:var(--ao-modal-padding-x)}.ao-modal__header-meta{display:flex;justify-content:flex-end}.ao-modal__body{display:flex;height:100%;min-height:0;flex-direction:column;flex-grow:1}.ao-modal__footer{display:flex;flex-direction:column}@media screen and (min-width: 480px){.ao-modal__wrapper{--ao-modal-padding-x: var(--ao-space-lg)}.ao-modal{grid-column:2;grid-row:2;border-radius:var(--ao-border-radius-sm)}.ao-modal__body{flex-direction:row;overflow-y:auto}}@media screen and (min-width: 720px){.ao-modal__wrapper{--ao-modal-padding-x: var(--ao-space-xl)}.ao-modal{grid-column:2;grid-row:2;border-radius:var(--ao-border-radius-sm)}.ao-modal__body{flex-direction:row;overflow:hidden}}.ao-tasks{display:flex;flex-direction:column}.ao-tasks__list{display:flex;flex-direction:column;padding-inline-start:0;margin-block:0;gap:var(--ao-space-md)}.ao-tasks__list-footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block-start:var(--ao-space-md)}.ao-tasks__list-footer .ao-button{padding-left:0}.ao-subtask{display:flex;list-style-type:none;gap:var(--ao-space-md)}.ao-subtask__check{padding-left:0}.ao-subtask__field{flex-grow:1;border:0;border-bottom:var(--ao-input-border-width) solid var(--ao-input-border-color);border-radius:0}.ao-subtask__field--checked{text-decoration:line-through}.ao-subtask__field:focus{outline:none;border-bottom:var(--ao-border-width-md) solid var(--ao-input-border-color)}.ao-subtask__assignees{width:30%}.ao-subtask__assignees .multiselect-tags{flex-wrap:nowrap;overflow-x:auto;gap:var(--ao-space-xs)}.ao-subtask__assignees .multiselect-wrapper{justify-content:flex-start}.ao-subtask__delete{opacity:0;visibility:hidden}.ao-subtask:is(:hover,:focus-within) .ao-subtask__delete{opacity:1;visibility:visible}.ao-files__wrapper{--ao-input-file-color: var(--ao-color-neutral-darkest);--ao-input-file-border-color: transparent;--ao-input-file-placeholder-color: var(--ao-color-neutral-base);--ao-input-file-bg: transparent;position:relative;display:flex;width:100%;flex-direction:column;flex:1;border:var(--ao-border-width-md) solid var(--ao-input-file-border-color);border-radius:var(--ao-border-radius-md);background-color:var(--ao-input-file-bg);font-family:inherit;font-size:var(--ao-font-size-text);color:var(--ao-input-file-color);overflow-y:auto}.ao-files__wrapper--drop-active{--ao-input-file-border-color: var(--ao-color-primary-base);--ao-input-file-bg: var(--ao-color-primary-lightest);outline:0}.input-field{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ao-files__input{display:flex}.ao-files__placeholder{width:100%;margin-block-start:var(--ao-space-md);text-align:center;color:var(--ao-color-neutral-base)}.ao-files__list{display:flex;padding:0;padding-block-start:var(--ao-space-md);margin:0;gap:var(--ao-space-sm);flex-wrap:wrap}.ao-file{display:flex;position:relative;padding:0;padding-inline-end:var(--ao-space-xl);list-style-type:none;background-color:var(--ao-color-primary-lighter);border-radius:var(--ao-border-radius-md)}.ao-files__delete-button{position:absolute;top:50%;right:0;transform:translateY(-50%) scale(0);transition:50ms var(--ao-transition-ease)}.ao-file:is(:hover,:focus-within) .ao-files__delete-button{transform:translateY(-50%) scale(1)}.ao-file__link{width:100%;display:flex;flex:1;align-items:center;padding-block:var(--ao-space-md);padding-inline-start:var(--ao-space-md);color:var(--ao-color-primary-darker);text-decoration:none}.ao-file__icon{flex:0}.ao-file__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ao-font-size-label)}.ao-files__dropzone{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--ao-color-backdrop)}.ao-files__dropzone-label{font-size:var(--ao-font-size-text);color:var(--ao-color-text-contrast)}.ao-comment{--ao-comment-border-radius: var(--ao-border-radius-md);--ao-comment-bg: var(--ao-color-neutral-lightest);display:grid;gap:var(--ao-space-sm);grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;font-size:var(--ao-font-size-text)}.ao-comment__avatar{grid-row:2;align-self:flex-start}.ao-comment__body{padding:0 var(--ao-space-sm);grid-column:2}.ao-comment__content-wrapper{width:100%}.ao-comment__content{display:inline;width:100%;margin:0;white-space:pre-line}.ao-comment__created-at{grid-column:2;padding:0 var(--ao-space-sm);font-size:var(--ao-font-size-tag);color:var(--ao-color-neutral-light)}.ao-comment__footer{grid-column:2;display:flex;gap:var(--ao-space-sm)}.ao-comments{flex:3;overflow-y:auto}.ao-comments__list{display:flex;flex-direction:column-reverse;min-height:0;gap:var(--ao-space-lg);padding:0;padding-block-start:var(--ao-space-md);margin:0}.ao-comments__form{display:grid;gap:var(--ao-space-md);grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:flex-end}.ao-comments__form-textarea{grid-column:1/ -1;grid-row:1/ -1}.ao-comments__form-submit{padding:var(--ao-space-md);grid-column:2;grid-row:2;display:flex;justify-content:flex-end}.ao-activity-details{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex-grow:1;overflow-y:auto}.ao-activity-details__header{display:flex;flex-direction:column;padding:var(--ao-space-xl) var(--ao-space-lg) var(--ao-space-md)}.ao-activity-details__main{flex-grow:1;padding:var(--ao-space-lg)}.ao-activity__category{font-weight:var(--ao-font-weight-regular)}.ao-activity-details__content{display:flex;flex-direction:column;flex-grow:1;padding-inline:var(--ao-space-lg)}.ao-activity-details__aside{border-top:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest);margin-block-start:var(--ao-space-lg);padding-block-start:var(--ao-space-lg);display:flex;flex-direction:column}.ao-activity-details__aside-section:not(:empty){padding:var(--ao-space-xl) var(--ao-space-lg)}.ao-activity-details__aside-section+.ao-activity-details__aside-section:not(:empty){border-block-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-light)}.ao-field__input--estim{width:8ch}@container modal (min-width: 480px){.ao-activity-details__content{overflow-y:auto}.ao-activity-details__aside{margin-block-start:0;border-top:0}}@container modal (min-width: 720px){.ao-activity-details{display:flex;flex-direction:column;height:auto;min-height:auto;flex-grow:1;overflow-y:none;flex-direction:row}.ao-activity-details__main{height:100%;min-height:0;flex-grow:1;overflow-y:auto}.ao-activity-details__aside{width:33%;background-color:var(--ao-color-canvas);padding-block-end:var(--ao-space-xl);padding-block-start:var(--ao-space-sm)}.ao-activity-details__aside>:nth-child(2){padding-block-start:var(--ao-space-md)}.ao-activity-details__close-button{display:flex;flex-direction:row;justify-content:end;margin-inline-end:var(--ao-space-sm)}.ao-activity-details__close-button *{cursor:pointer}.ao-activity-details__aside-section--created-by{margin-block-start:auto;border-block-start-width:0}.ao-activity-details__multiselect .multiselect-tags-search{background-color:transparent}.ao-activity-details__multiselect.ao-multiselect{--ms-font-size: var(--ao-font-size-label);--ms-bg: transparent;--ms-line-height: 1;--ms-border-color: none;--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: none;--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-sm);--ms-py: var(--ao-space-sm);--ms-px: var(--ao-space-sm);--ms-ring-color: transparent;--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}.ao-field__input:not(.ao-field__input--estim){background-color:transparent;border-color:transparent}}.ao-activity__created-by{display:flex;align-items:center;gap:var(--ao-space-sm)}.ao-rule-line{display:flex}.ao-rule-line__remove{visibility:hidden;opacity:0}.ao-rule-line:hover .ao-rule-line__remove{visibility:visible;opacity:1}.ao-template-rules__body{display:flex;flex-direction:column;flex:1;align-items:stretch;gap:var(--ao-space-lg)}.ao-template-rules__list{padding:0;margin:0;display:flex;flex-direction:column;flex:1;gap:var(--ao-space-md)}.ao-template-rule{list-style:none}.ao-template-details__cols{display:flex;list-style-type:none;padding:0;margin:0;container:columns / inline-size;overflow-x:auto}.ao-template-details__col{width:100%;padding-inline:var(--ao-space-md);flex-shrink:0}@container columns (min-width: 480px){.ao-template-details__col{width:50%}}@container columns (min-width: 960px){.ao-template-details__col{width:calc(1 / 3 * 100%)}}.ao-card{--ao-card-bg: var(--ao-color-card);--ao-card-color: inherit;--ao-card-padding: var(--ao-space-md);--ao-card-elevation: var(--ao-elevation-2dp);display:flex;flex-direction:column;border-radius:var(--ao-border-radius-md);background-color:var(--ao-card-bg);color:var(--ao-card-color);box-shadow:var(--ao-card-elevation);transform:translateY(0)}:not(.ao-list-kanban__transition)>.ao-card{transition:all .15s var(--ao-transition-ease)}.ao-card--clickable{cursor:pointer}.ao-card--clickable:is(:hover,:focus-within){--ao-card-elevation: var(--ao-elevation-4dp);transform:translateY(-2px)}.ao-card__header{display:flex;flex-direction:column;padding-block-start:var(--ao-card-padding);padding-inline:var(--ao-card-padding)}.ao-card__body{display:flex;flex-direction:column;flex:1;padding-inline:var(--ao-card-padding)}.ao-card__footer{display:flex;flex-direction:column;padding-block-end:var(--ao-card-padding);padding-inline:var(--ao-card-padding)}.ao-card--highlight{--ao-card-bg: var(--ao-color-primary-light);--ao-card-color: var(--ao-color-text-contrast)}.ao-progress{--ao-progress-bg: var(--ao-color-neutral-lightest);--ao-progress-height: var(--ao-grid-size);--ao-progress-color: var(--ao-color-primary-base);--ao-progress-border-radius: var(--ao-border-radius-md);height:var(--ao-progress-height);width:100%;display:grid;grid-column:1 / -1;grid-row:2;background-color:var(--ao-progress-bg);border-radius:var(--ao-progress-border-radius)}.ao-progress__progress{grid-column:1;grid-row:1;border-radius:var(--ao-progress-border-radius);background-color:var(--ao-progress-color);opacity:.2}.ao-progress--success{--ao-progress-color: var(--ao-color-success)}.ao-progress--warning{--ao-progress-color: var(--ao-color-warning)}.ao-progress--danger{--ao-progress-color: var(--ao-color-danger)}.ao-progress__progress:nth-child(1){opacity:1;z-index:1}.ao-card-project-phase__header{display:flex;justify-content:flex-end}.ao-card-project-phase__footer{display:flex;flex-direction:column}.ao-card-project-phase__footer-row{display:grid;grid-template-columns:auto;grid-template-rows:auto;gap:var(--ao-space-md);justify-items:start;position:relative}.ao-card-project-phase__archive{opacity:0;visibility:hidden}.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__archive{opacity:1;visibility:visible}.ao-card-project-phase__deadline{font-size:var(--ao-font-size-label);padding:var(--ao-space-sm);grid-column:1;grid-row:1}.ao-card-project-phase__deadline--input{padding:var(--ao-space-sm);border-width:0;background-color:transparent}.ao-card-project-phase__deadline--readonly{letter-spacing:.1em}.ao-card-project-phase__footer-row.ao-card-project-phase__no_deadline,.ao-card-project-phase__deadline--input,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__deadline{opacity:0;visibility:hidden}.ao-card-project-phase__deadline--readonly,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__deadline--input,.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__no_deadline{opacity:1;visibility:visible}.ao-card-project-phase__title{padding-block:0}.ao-card-project-phase__secondary{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-project-phase:is(:hover,:focus-within) .ao-card-project-phase__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-project-phase__footer-row--progress{padding-block:var(--ao-space-sm)}.ao-card-project-phase__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-project-phase__progress{flex-grow:1}.ao-card-project-milestone{--ao-card-project-milestone-border-color: transparent;padding:0;border:var(--ao-border-width-md) solid var(--ao-card-project-milestone-border-color)}.ao-card-project-milestone--selected{--ao-card-project-milestone-border-color: var(--ao-color-text-contrast)}.ao-card-project-milestone__default{display:flex;justify-content:space-between}.ao-card-project-milestone__archive{display:none;height:fit-content;padding-block:var(--ao-space-md)}.ao-card-project-milestone:hover .ao-card-project-milestone__archive{display:flex}.ao-card-project-milestone__activities{display:flex;flex-direction:column}.ao-card-project-milestone__activities-row{display:flex;gap:var(--ao-space-md);align-items:center;position:relative}.ao-card-project-milestone__secondary{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-project-milestone:hover .ao-card-project-milestone__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-project-milestone__activities-row+.ao-card-project-milestone__activities-row{margin-block-start:var(--ao-space-md)}.ao-card-project-milestone__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-project-milestone__progress{flex-grow:1}.ao-card-project-milestone__title{max-width:fit-content}.ao-card-project-milestone__footer{display:flex;align-items:center;padding-block-start:var(--ao-space-sm);gap:var(--ao-space-sm)}.ao-card-project-milestone__assignee{display:flex;justify-content:flex-start;margin-inline-start:auto}.ao-card-project-milestone__deadline{padding-block:var(--ao-space-sm)}.ao-card-project-milestone__important{color:var(--ao-color-danger)}.ao-card-project-milestone__important--selected{color:var(--ao-color-white)}.ao-project-phase__drag-handle{opacity:0;visibility:hidden}.ao-project-phase__drag{display:flex;justify-content:center;align-items:center;padding-inline:var(--ao-space-md);cursor:grab;grid-area:drag}.ao-project-phase:hover .ao-project-phase__drag-handle{opacity:1;visibility:visible}.ao-project-phase{display:flex;flex-direction:column;padding-block:var(--ao-space-md)}.ao-project-phase--selected .ao-project-phase__col-phase{background-color:var(--ao-color-primary-lightest)}.ao-project-phase__col-phase{display:flex;flex-shrink:0;flex-direction:column;padding:var(--ao-space-xl) var(--ao-space-xxl);margin-inline-end:var(--ao-space-md);justify-content:center;border-radius:var(--ao-border-radius-md)}.ao-project-phase__col-milestones{display:flex;flex:1;padding:var(--ao-space-md);gap:var(--ao-space-md);overflow-x:auto;scroll-snap-type:x mandatory}.ao-project-phase__milestones,.ao-project-phase__milestones-list{display:contents}.ao-project-phase__milestone{scroll-snap-align:center;width:90%;flex-shrink:0}.ao-project-phase__milestones-list-footer{display:flex;scroll-snap-align:center}@container page (min-width: 480px){.ao-project-phase__milestones-list{grid-auto-columns:45%;overflow-x:auto}.ao-project-phase__milestone{width:45%}}@container page (min-width: 720px){.ao-project-phase{flex-direction:row}.ao-project-phase__col-phase{width:20em}.ao-project-phase+.ao-project-phase{border-block-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-project-phase__col-milestones{flex-direction:column;border-inline-start:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest);overflow:hidden}.ao-project-phase__milestones{display:flex;width:100%;flex-direction:row;align-items:center;height:100%;padding:var(--ao-space-md);border-radius:var(--ao-border-radius-md);background-color:var(--ao-color-sheet)}.ao-project-phase--selected .ao-project-phase__milestones{background-color:var(--ao-color-primary-lightest)}.ao-project-phase__milestones-list{display:grid;padding:var(--ao-space-md);flex-shrink:1;max-width:100%;min-width:0;grid-auto-columns:minmax(max(20%,147px),196px);grid-auto-flow:column;align-items:stretch;gap:var(--ao-space-md);scroll-snap-type:x mandatory;scroll-snap-padding:var(--ao-space-md)}.ao-project-phase__milestone{width:100%;scroll-snap-align:start}.ao-project-phase__milestones-list-footer{align-items:center;padding:var(--ao-space-md)}.ao-project-phase__milestone-add{flex-grow:0;flex-shrink:0}}.ao-project__phases{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding-inline-start:0;margin-block:0}.ao-project-phase__phases-list{overflow:auto}.ao-project-phase__add-phase{padding:var(--ao-space-lg)}@container page (min-width: 720px){.ao-project-phase__phases-list-footer{display:flex}.ao-project-phase__empty_drag{width:40px}.ao-project-phase__phases-list-footer .ao-project-phase__col-phase{max-width:20em;padding:var(--ao-space-md)}.ao-project-phase__phases-list-footer .ao-project-phase__col-milestones{border:none}}.ao-add-template-modal__form{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;margin-block-start:var(--ao-space-md)}.ao-add-template-modal__form-body{display:flex;flex-direction:column;height:100%;min-height:0}.ao-add-template-modal__form-footer{display:flex;justify-content:flex-end;margin-block-start:var(--ao-space-lg)}.toggle-wrapper[data-v-cbe33527]{display:flex;align-items:center;margin:0;font-size:var(--ao-font-size-h3);padding:var(--ao-space-sm);border-radius:var(--ao-border-radius-md);background-color:var(--ao-color-neutral-lightest)}.button[data-v-cbe33527]{background-color:var(--ao-color-primary-base);border:none;padding:var(--ao-space-sm) var(--ao-space-md);color:var(--ao-color-white);border-radius:var(--ao-border-radius-sm)}.button--inactive[data-v-cbe33527]{color:var(--ao-color-black);background-color:transparent}.ao-project-overview__add-template{margin-left:auto;margin-right:var(--ao-space-md)}.ao-project-overview{display:grid;grid-template-columns:1fr auto;height:100%;min-height:0;container:page / inline-size}.ao-project{display:flex;flex-direction:column;gap:var(--ao-space-md);padding-block:var(--ao-space-lg);height:100%;min-height:0;flex-grow:1;overflow:hidden}.ao-project__body{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;min-width:0;flex-grow:1;align-items:flex-start;padding-block:var(--ao-space-md);overflow:hidden}@container page (min-width: 720px){.ao-project{padding-inline:var(--ao-space-lg)}}.ao-card-feed{cursor:pointer}.ao-card-feed__header{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:flex-start}.ao-card-feed__header-secondary{grid-column:2;grid-row:1}.ao-card-feed__header-icons{margin-inline-start:auto}.ao-card-feed__title-group{display:flex;align-items:center}.ao-card-feed__body{display:flex;flex-direction:column;align-items:flex-start}.ao-card-feed__project{max-width:100%}.ao-card-feed__breadcrumbs{font-size:var(--ao-font-size-label)}.ao-card-feed_deadline{color:var(--ao-color-neutral-base);font-size:var(--ao-font-size-label)}.ao-card-feed__important{margin-inline-start:auto;color:var(--ao-color-danger)}.ao-card-feed__warning{color:var(--ao-color-warning)}.ao-card-feed__footer{display:flex;flex-direction:column}.ao-card-feed__footer-row{display:flex;gap:var(--ao-space-md);align-items:center;position:relative}.ao-card-feed__secondary{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:var(--ao-card-bg);opacity:0;visibility:hidden;pointer-events:none}.ao-card-feed:hover .ao-card-feed__secondary{opacity:1;visibility:visible;pointer-events:all}.ao-card-feed__footer-row+.ao-card-feed__footer-row{margin-block-start:var(--ao-space-md)}.ao-assignees{display:flex;margin:0;padding:0}.ao-assignee{list-style-type:none}.ao-card-feed__subitems{margin:0;margin-inline-start:auto;padding:0;display:flex;gap:var(--ao-space-sm);align-items:center}.ao-card-feed__subitem{display:flex;flex-shrink:0;font-size:var(--ao-font-size-tag);font-weight:var(--ao-font-weight-semi-bold)}.ao-card-feed__progress-wrapper{display:flex;width:100%;align-items:center;gap:var(--ao-space-md)}.ao-card-feed__progress{flex-grow:1}.ao-card-feed__closed{color:var(--ao-color-primary-base)}.ao-card-feed--closed :is(.ao-card-feed__body,.ao-card-feed__footer,.ao-card-feed__project,.ao-card-feed__header-icons > *:not(.ao-card-feed__closed)){opacity:.3}.hu-color-picker{padding:10px;background:#1d2024;border-radius:4px;box-shadow:0 0 16px #00000029;z-index:1}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{color:#666;background:#eceef0}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{margin-top:8px;display:flex}.saturation{position:relative;cursor:pointer}.saturation .slide{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px #0000004d;pointer-events:none}.color-type{display:flex;margin-top:8px;font-size:12px}.color-type .name{width:60px;height:30px;float:left;display:flex;justify-content:center;align-items:center;color:#999;background:#252930}.color-type .value{flex:1;height:30px;min-width:100px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.color-alpha{position:relative;margin-left:8px;cursor:pointer}.color-alpha .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors{padding:0;margin:0}.colors.history{margin-top:10px;border-top:1px solid #2e333a}.colors .item{position:relative;width:16px;height:16px;margin:10px 0 0 10px;border-radius:3px;box-sizing:border-box;vertical-align:top;display:inline-block;transition:all .1s;cursor:pointer}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{height:100%;border-radius:4px}.colors .item .color{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px}.hue{position:relative;margin-left:8px;cursor:pointer}.hue .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.color-picker-wrapper{position:relative;display:inline-block}.color-button{cursor:pointer;padding:0;width:72px;height:24px;display:inline-block;border-radius:10%;border:1px solid #ccc}.color-picker{box-sizing:content-box;position:absolute;top:40px;z-index:1000;box-shadow:0 2px 6px #00000026}.ao-project-milestone{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;width:24em;background-color:var(--ao-color-sheet);padding:var(--ao-space-lg)}.ao-project-milestone__header{display:flex;align-items:flex-start;flex-direction:column}.ao-project-milestone__header_line{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.ao-project-milestone__title{display:flex;padding-inline:var(--ao-space-lg);width:100%}.ao-project-milestone__body{display:flex;flex-direction:column;height:100%;min-height:0}.ao-project-milestone__activities{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-md);margin-block:0;overflow-y:auto}.ao-project-milestone__footer{display:flex;flex-direction:column;padding:var(--ao-space-md)}.ao-milestone__fieldset{width:100%;padding:var(--ao-space-md);border-block-end:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-milestone__field-row{width:100%;align-items:center}.ao-milestone__field-row+.ao-milestone__field-row{margin-block-start:var(--ao-space-sm)}.ao-milestone__field{padding:var(--ao-space-sm);font-size:var(--ao-font-size-label);background-color:transparent;border-width:0}.ao-milestone__field-multiselect{width:14ch;background-color:transparent}.ao-milestone__field-multiselect .multiselect-tags-search{background-color:transparent}.ao-milestone__field-multiselect .ao-multiselect{--ms-font-size: var(--ao-font-size-label);--ms-line-height: 1;--ms-border-color: none;--ms-border-width: var(--ao-input-border-width);--ms-border-color-active: none;--ms-border-width-active: var(--ao-input-border-width);--ms-radius: var(--ao-border-radius-sm);--ms-py: var(--ao-space-sm);--ms-px: var(--ao-space-sm);--ms-ring-color: transparent;--ms-placeholder-color: var(--ao-color-black);--ms-spinner-color: var(--ao-color-primary-base);--ms-dropdown-radius: var(--ao-border-radius-sm);--ms-option-bg-selected: var(--ao-color-primary-base);--ms-option-bg-selected-pointed: var(--ao-color-primary-light)}.ao-milestone__important,.ao-milestone__close{margin-inline-start:auto}.ao-col-header{--ao-col-header-bg: var(--ao-color-card);display:flex;background-color:var(--ao-col-header-bg);border-radius:var(--ao-border-radius-md);align-items:center;padding:var(--ao-space-md)}.ao-col-header__title{flex:1}.ao-col-header__items{flex-shrink:0}.ao-list-kanban{display:flex;flex-direction:column;gap:var(--ao-space-lg);height:100%;min-height:0;scroll-snap-align:start end}.ao-list-kanban__list{display:flex;flex-direction:column;gap:var(--ao-space-md);min-height:0;overflow-y:auto;padding-inline:var(--ao-space-md)}.ao-list-kanban__header,.ao-list-kanban__footer{padding-inline:var(--ao-space-md)}.ao-list-kanban__end{display:flex;flex-direction:column;padding:var(--ao-space-md);align-items:center;justify-items:center;flex-shrink:0}.ao-list-kanban__divider{width:50%;height:2px;background-color:var(--ao-color-neutral-lightest)}.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-move,.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-enter-active,.ao-list-kanban .ao-list-kanban__list .ao-list-kanban__transition-leave-active{transition:all .5s ease}.ao-list-kanban__transition-leave-active{position:absolute}.ao-list-kanban__ghost{opacity:.5;background:var(--ao-color-primary-lightest)}.ao-search-field{--ao-search-field-icon-size: var(--ao-icon-size-md);--ao-search-field-icon-slot-size: calc( var(--ao-search-field-icon-size) + var(--ao-space-xl) );--ao-search-field-placeholder-color: var(--ao-color-black);--ao-input-border-color: var(--ao-color-neutral-lightest);display:grid;grid-template-columns:1fr var(--ao-search-field-icon-slot-size);align-items:center;gap:var(--ao-space-sm);flex:1}.ao-search-field__input{grid-column:1 / -1;grid-row:1;width:100%;padding-inline-end:var(--ao-search-field-icon-slot-size);font-size:var(--ao-font-size-button);border-radius:var(--ao-border-radius-md)}.ao-search-field__input:focus{color:var(--ao-color-primary-base);outline-color:var(--ao-color-primary-lightest)}.ao-search-field__input::placeholder{color:var(--ao-search-field-placeholder-color);opacity:1}.ao-search-field__action{grid-column:2;grid-row:1;justify-self:center;transform:scale(0);transition:transform .15s var(--ao-transition-ease);transform-origin:50%}.ao-search-field__action--visible{transform:scale(1)}.ao-search-field__icon{width:var(--ao-search-field-icon-size);height:var(--ao-search-field-icon-size);color:var(--ao-color-neutral-dark);pointer-events:none}.ao-feed{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-lg);height:100%;min-height:0;flex-grow:1;container:page / inline-size}.ao-feed__body{display:grid;grid-auto-flow:column;grid-auto-columns:100%;height:100%;min-height:0;flex-grow:1;overflow-x:auto;align-items:flex-start;padding-block:var(--ao-space-md);scroll-snap-type:x mandatory}.ao-feed__activity-details__header{display:flex;gap:var(--ao-space-md)}.ao-feed__activity-details__project{flex:2}.ao-feed__activity-details__status{flex:1}@container page (min-width: 420px){.ao-feed__body{grid-auto-columns:50cqi}}@container page (min-width: 768px){.ao-feed__body{grid-auto-columns:33cqi}}@container page (min-width: 1024px){.ao-feed__body{grid-auto-columns:minmax(calc(var(--ao-grid-size) * 32),calc(var(--ao-grid-size) * 32))}}.ao-kanban__col{display:flex;flex-direction:column;gap:var(--ao-space-md);max-height:100%;min-height:0;overflow-y:auto;padding:var(--ao-space-lg)}.ao-feed__filters{flex:1;display:flex;gap:1%;align-items:center;flex-direction:column}.ao-feed__filter .multiselect-tags{flex-wrap:nowrap;overflow-x:auto;gap:var(--ao-space-xs)}.ao-feed__filter .multiselect-wrapper{justify-content:flex-start}.ao-feed__show-archived{flex:0 auto}@container header (min-width: 720px){.ao-feed__filters{flex-direction:row}.ao-feed__search{padding-inline-end:var(--ao-space-md);border-right:var(--ao-border-width-sm) solid var(--ao-color-neutral-lightest)}.ao-feed__search,.ao-feed__filter__projects{max-width:33%}.ao-feed__filter__assignees,.ao-feed__filter__types{max-width:15%}}.ao-templates{display:flex;flex-direction:column;gap:var(--ao-space-md);padding:var(--ao-space-lg)}.ao-templates__header{display:flex;padding:var(--ao-space-sm)}.ao-templates__list{display:flex;margin:0;padding:var(--ao-space-sm);list-style-type:none;flex-direction:column;gap:var(--ao-space-md);container:column / inline-size}
|