@bcc-code/component-library-vue 0.5.0 → 0.5.1
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.
|
@@ -6436,7 +6436,7 @@ const EG = /* @__PURE__ */ Ve({
|
|
|
6436
6436
|
border: t.border,
|
|
6437
6437
|
bordered: t.bordered,
|
|
6438
6438
|
squared: t.squared,
|
|
6439
|
-
"bcc-badge-text": e.$slots.default || String(t.value).length > 2
|
|
6439
|
+
"bcc-badge-text": e.$slots.default || (typeof t.value == "string" || typeof t.value == "number") && String(t.value).length > 2
|
|
6440
6440
|
}
|
|
6441
6441
|
]])
|
|
6442
6442
|
}, [
|
|
@@ -261,7 +261,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
261
261
|
.p-avatar-group .p-avatar-xl + .p-avatar-xl {
|
|
262
262
|
margin-inline-start: dt('avatar.xl.group.offset');
|
|
263
263
|
}
|
|
264
|
-
`,M2={root:function(e){var n=e.props;return["p-avatar p-component",{"p-avatar-image":n.image!=null,"p-avatar-circle":n.shape==="circle","p-avatar-lg":n.size==="large","p-avatar-xl":n.size==="xlarge"}]},label:"p-avatar-label",icon:"p-avatar-icon"},A2=C.extend({name:"avatar",style:D2,classes:M2}),V2={name:"BaseAvatar",extends:x,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:A2,provide:function(){return{$pcAvatar:this,$parentInstance:this}}};function hn(t){"@babel/helpers - typeof";return hn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},hn(t)}function Os(t,e,n){return(e=z2(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function z2(t){var e=R2(t,"string");return hn(e)=="symbol"?e:e+""}function R2(t,e){if(hn(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e);if(hn(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Ls={name:"Avatar",extends:V2,inheritAttrs:!1,emits:["error"],methods:{onError:function(e){this.$emit("error",e)}},computed:{dataP:function(){return V(Os(Os({},this.shape,this.shape),this.size,this.size))}}},F2=["aria-labelledby","aria-label","data-p"],N2=["data-p"],K2=["data-p"],j2=["src","alt","data-p"];function H2(t,e,n,r,a,i){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:t.cx("root"),"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel},t.ptmi("root"),{"data-p":i.dataP}),[o.renderSlot(t.$slots,"default",{},function(){return[t.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:t.cx("label")},t.ptm("label"),{"data-p":i.dataP}),o.toDisplayString(t.label),17,N2)):t.$slots.icon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.$slots.icon),{key:1,class:o.normalizeClass(t.cx("icon"))},null,8,["class"])):t.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:[t.cx("icon"),t.icon]},t.ptm("icon"),{"data-p":i.dataP}),null,16,K2)):t.image?(o.openBlock(),o.createElementBlock("img",o.mergeProps({key:3,src:t.image,alt:t.ariaLabel,onError:e[0]||(e[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},t.ptm("image"),{"data-p":i.dataP}),null,16,j2)):o.createCommentVNode("",!0)]})],16,F2)}Ls.render=H2;const U2=o.defineComponent({__name:"BccAvatar",props:{label:{},icon:{type:[String,Boolean,Function,Object]},image:{},ariaLabel:{},ariaLabelledby:{},dt:{},pt:{},ptOptions:{},unstyled:{type:Boolean},gender:{},child:{type:Boolean},squared:{type:Boolean},bordered:{type:Boolean},size:{}},setup(t){const e=t;return(n,r)=>(o.openBlock(),o.createBlock(o.unref(Ls),o.mergeProps(e,{class:["bcc-avatar",[t.gender,t.size,{child:t.child,bordered:t.bordered,squared:t.squared}]],shape:t.squared?"square":"circle"}),o.createSlots({_:2},[t.icon?{name:"icon",fn:o.withCtx(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(typeof t.icon=="boolean"?o.unref(S2):t.icon),{style:{width:"1em"}}))]),key:"0"}:void 0]),1040,["shape","class"]))}}),G2={key:1},ii=o.defineComponent({__name:"BccBadge",props:{value:{},size:{default:"md"},border:{type:Boolean},bordered:{type:Boolean},squared:{type:Boolean},context:{default:ti.neutral.subtle}},setup(t){return(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-badge",[`ctx-${t.context}`,t.size,{border:t.border,bordered:t.bordered,squared:t.squared,"bcc-badge-text":e.$slots.default||String(t.value).length>2}]])},[o.renderSlot(e.$slots,"default",{},()=>[typeof t.value=="function"||typeof t.value=="object"?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.value),{key:0,class:"bcc-badge-icon"})):t.value?(o.openBlock(),o.createElementBlock("span",G2,o.toDisplayString(t.value),1)):o.createCommentVNode("",!0)])],2))}});function ai(t,e=0,n=1e3){if(n<=.1)return{value:t};const r=o.ref(e);function a(i,l){const c=Date.now(),s=n,d=l-i,u=()=>{const p=Date.now()-c,f=W2(p,i,d,s);p<s?(r.value=Math.floor(f),window.requestAnimationFrame(u)):r.value=l};u()}return o.watch(t,i=>{a(r.value??e,i)},{immediate:!0}),{value:r}}function W2(t,e,n,r){return t/=r,-n*t*(t-2)+e}const q2=["stroke-dashoffset"],Y2=["stroke-dashoffset"],Z2=["y","font-size"],X2={key:3,d:"M14.4122 25.1588C13.1109 25.1588 12.017 24.6844 11.1305 23.7354C10.244 22.7864 9.80078 21.6525 9.80078 20.3337C9.80078 19.0287 10.2475 17.9121 11.1409 16.984C12.0343 16.0559 13.1247 15.5918 14.4122 15.5918C14.9358 15.5918 15.4424 15.679 15.9319 15.8533C16.4214 16.0277 16.8557 16.2965 17.2347 16.6597L19.0662 18.417L17.885 19.5628L16.1877 17.9045C15.9538 17.6704 15.6828 17.5015 15.3745 17.3978C15.0663 17.294 14.7475 17.2422 14.4182 17.2422C13.5803 17.2422 12.8763 17.5449 12.3063 18.1504C11.7362 18.756 11.4512 19.4851 11.4512 20.3379C11.4512 21.2047 11.7327 21.9497 12.2957 22.5732C12.8587 23.1967 13.566 23.5085 14.4176 23.5085C14.7413 23.5085 15.0554 23.4567 15.3599 23.3532C15.6644 23.2497 15.9391 23.088 16.1839 22.8681L22.7673 16.6597C23.1462 16.2965 23.5805 16.0277 24.07 15.8533C24.5596 15.679 25.0592 15.5918 25.5689 15.5918C26.8702 15.5918 27.9676 16.0559 28.861 16.984C29.7544 17.9121 30.2012 19.0287 30.2012 20.3337C30.2012 21.6525 29.7544 22.7864 28.861 23.7354C27.9676 24.6844 26.8702 25.1588 25.5689 25.1588C25.0592 25.1588 24.5561 25.0751 24.0596 24.9077C23.5631 24.7403 23.1324 24.475 22.7673 24.1117L20.9892 22.3545L22.1586 21.2087L23.8177 22.8681C24.0383 23.0885 24.3035 23.2503 24.6133 23.3536C24.9231 23.4568 25.2398 23.5085 25.5635 23.5085C26.4151 23.5085 27.1259 23.1961 27.6958 22.5714C28.2658 21.9467 28.5508 21.2021 28.5508 20.3377C28.5508 19.4872 28.2623 18.7586 27.6854 18.152C27.1085 17.5455 26.4012 17.2422 25.5635 17.2422C25.2398 17.2422 24.9257 17.3009 24.6212 17.4183C24.3167 17.5357 24.0489 17.7043 23.818 17.9242L17.2347 24.1326C16.8557 24.4819 16.418 24.7403 15.9215 24.9077C15.425 25.0751 14.9219 25.1588 14.4122 25.1588Z",fill:"currentColor",class:"text"},J2=o.defineComponent({__name:"BccCapacityIndicator",props:{total:{},used:{default:0},size:{default:"base"},animationDuration:{default:1e3},squared:{type:Boolean,default:!1},colored:{type:Boolean,default:!1}},setup(t){const e=t,{value:n}=ai(o.toRef(e,"used"),e.used,e.animationDuration),r=o.computed(()=>e.total===-1?-1:e.used>e.total||e.used===e.total?100:e.total>0?e.used/e.total*100:0),{value:a}=ai(r,r.value,e.animationDuration),i=Math.PI*18*2;return(l,c)=>(o.openBlock(),o.createElementBlock("svg",{width:"2em",height:"2em",viewBox:"0 0 40 40",class:o.normalizeClass(["bcc-capacity-indicator",[t.size,t.squared?"rounded":"rounded-full",{colored:t.colored,"is-full":o.unref(a)>=100,"is-warning":o.unref(a)>=50&&o.unref(a)<100}]])},[t.squared?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[c[0]||(c[0]=o.createElementVNode("rect",{width:"36",height:"36",x:"2",y:"2",rx:"4",fill:"none",stroke:"currentColor","stroke-width":"4",class:"circle"},null,-1)),o.unref(a)>0?(o.openBlock(),o.createElementBlock("path",{key:0,d:"M 20 2 h 14 a 4 4 0 0 1 4 4 v 28 a 4 4 0 0 1 -4 4 h -28 a 4 4 0 0 1 -4 -4 v -28 a 4 4 0 0 1 4 -4 h 14 z",fill:"none","stroke-width":"4","stroke-dasharray":137,"stroke-dashoffset":137*((100-o.unref(a))/100),stroke:"currentColor",class:"circle-used"},null,8,q2)):o.createCommentVNode("",!0)],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[c[1]||(c[1]=o.createElementVNode("circle",{cx:"20",cy:"20",r:"18",fill:"none","stroke-width":"3",stroke:"currentColor",class:"circle"},null,-1)),o.unref(a)>0?(o.openBlock(),o.createElementBlock("circle",{key:0,cx:"20",cy:"20",r:"18",fill:"none","stroke-width":"3","stroke-dasharray":i,"stroke-dashoffset":i*((100-o.unref(a))/100),stroke:"currentColor",transform:"rotate(-90 20 20)",class:"circle-used"},null,8,Y2)):o.createCommentVNode("",!0)],64)),o.unref(a)>-1?(o.openBlock(),o.createElementBlock("text",{key:2,"text-anchor":"middle",x:"20",y:t.squared||t.size=="xs"?26:25,"font-size":t.size=="xs"?18:t.squared||t.size=="sm"?16:14,"font-weight":"600",fill:"currentColor",class:"text"},o.toDisplayString(o.unref(a)<100?t.total-o.unref(n):0),9,Z2)):(o.openBlock(),o.createElementBlock("path",X2))],2))}}),Es=(t,e)=>{const n=t.__vccOpts||t;for(const[r,a]of e)n[r]=a;return n},Q2={},_2={fill:"none",viewBox:"0 0 58 58","aria-hidden":"true",class:"size-3"};function eC(t,e){return o.openBlock(),o.createElementBlock("svg",_2,[...e[0]||(e[0]=[o.createStaticVNode('<g transform="translate(2 1)" stroke="currentColor" stroke-width="1.5"><circle cx="42.601" cy="11.462" r="5" fill-opacity="1" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="1;0;0;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="49.063" cy="27.063" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;1;0;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="42.601" cy="42.663" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;1;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="27" cy="49.125" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;1;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="11.399" cy="42.663" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;1;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="4.938" cy="27.063" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;1;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="11.399" cy="11.462" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;0;1;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="27" cy="5" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;0;0;1" calcMode="linear" repeatCount="indefinite"></animate></circle></g>',1)])])}const li=Es(Q2,[["render",eC]]),tC={class:"bcc-knob-top-left"},nC={class:"bcc-knob-top-right"},oC={class:"bcc-knob-label"},rC=o.defineComponent({__name:"BccDialKnob",props:o.mergeModels({size:{default:400},arcWidth:{default:20},min:{default:-720},max:{default:720},steps:{default:1},colored:{type:Boolean,default:!1},showHandle:{type:Boolean,default:!1},hideArrows:{type:Boolean,default:!1},duration:{default:1e3},animateRotations:{default:2}},{modelValue:{required:!0},modelModifiers:{}}),emits:o.mergeModels(["drag:start","drag:update","drag:end"],["update:modelValue"]),setup(t,{emit:e}){const n=t,r=e,a={arc:"#EFEFEF",head:"#437571",tail:"#A9BABA",leftHead:"#9B4F44",leftTail:"#DBBEAC",rightHead:"#3E8E75",rightTail:"#B1DECC"},i=o.useModel(t,"modelValue"),l=o.ref(null),c=o.ref(null);let s=null,d=0;const u=o.ref(!1),p=o.ref(0),f=o.ref(0),m=o.ref(0),h=o.computed(()=>n.size/2),g=o.computed(()=>h.value-n.arcWidth),b=o.computed(()=>n.min/60*360),v=o.computed(()=>n.max/60*360),k=o.computed(()=>Math.max(-359.99,Math.min(359.99,Math.max(b.value,Math.min(p.value,v.value)))));o.watch(i,D=>{if(u.value)return;const z=D/(60/n.steps)*360;y(z)},{immediate:!0});function S(D,z){return F=>Math.round(D+(z-D)*F)}function y(D){if(u.value||D===p.value)return;const z=n.animateRotations;if(z>1){let Z=p.value;const ae=Math.round(Math.abs(Z-D)/360);ae>z&&(D<Z?Z-=360*(ae-z):Z+=360*(ae-z),p.value=Z)}const F=performance.now(),X=S(p.value,D);function K(Z){const ae=Z-F,Ie=Math.min(ae/n.duration,1);p.value=X(Ie),P(),Ie<1&&requestAnimationFrame(K)}requestAnimationFrame(K)}o.onMounted(()=>{J();const D=c.value;if(D){const z=Math.ceil(window.devicePixelRatio);D.width=n.size*z,D.height=n.size*z,s=D.getContext("2d"),s?.setTransform(z,0,0,z,0,0),P(),o.watch(n,P)}});function B(D){return(D-90)*Math.PI/180}function T(D,z=g.value){const F=D*Math.PI/180;return{x:h.value+z*Math.sin(F),y:h.value-z*Math.cos(F)}}function P(){if(!s)return;const D=p.value;if(s.clearRect(0,0,n.size,n.size),s.save(),s.shadowColor="rgba(0,0,0,0.2)",s.shadowBlur=4,s.beginPath(),s.arc(h.value,h.value,g.value,0,2*Math.PI),s.strokeStyle=a.arc,s.lineWidth=n.arcWidth,s.stroke(),s.restore(),!n.hideArrows){s.save(),s.strokeStyle=a.arc,s.lineWidth=3,s.beginPath(),s.arc(h.value,h.value,g.value+30,B(-30),B(-60),!0);const ce=T(-60,g.value+30);s.moveTo(ce.x-4,ce.y-16),s.lineTo(ce.x-1,ce.y+2),s.lineTo(ce.x+16,ce.y-4),s.stroke(),s.beginPath(),s.arc(h.value,h.value,g.value+30,B(30),B(60),!1);const Be=T(60,g.value+30);s.moveTo(Be.x-16,Be.y-4),s.lineTo(Be.x+1,Be.y+2),s.lineTo(Be.x+4,Be.y-16),s.stroke(),s.restore()}s.strokeStyle=a.arc,s.lineWidth=4;for(let ce=1;ce<=12;ce++){const Be=ce*30;s.save(),s.translate(h.value,h.value),s.rotate(Be*Math.PI/180),s.beginPath(),s.moveTo(0,-g.value+n.arcWidth*.8),s.lineTo(0,-g.value+n.arcWidth*2),s.stroke(),s.restore()}if(Math.abs(k.value)>=108){s.beginPath();const ce=k.value<0;s.arc(h.value,h.value,g.value,B(0),B(k.value),ce),n.colored?s.strokeStyle=ce?a.leftTail:a.rightTail:s.strokeStyle=a.tail,s.lineWidth=n.arcWidth,s.stroke()}let z;Math.abs(D)<108?z=0:z=D-Math.sign(D)*108;const F=D,X=n.arcWidth/2;s.save(),s.beginPath();const K=F<z;s.arc(h.value,h.value,g.value+X,B(z),B(F),K),s.arc(h.value,h.value,g.value-X,B(F),B(z),!K),s.closePath(),s.save(),s.clip();const Z=s.createConicGradient((D-90)*Math.PI/180,h.value,h.value);n.colored?(Z.addColorStop(0,a.leftHead),Z.addColorStop(100/360,a.leftTail),Z.addColorStop(260/360,a.rightTail),Z.addColorStop(1,a.rightHead)):(Z.addColorStop(0,a.head),Z.addColorStop(100/360,a.tail),Z.addColorStop(260/360,a.tail),Z.addColorStop(1,a.head)),s.fillStyle=Z,s.fillRect(0,0,n.size,n.size),s.restore(),s.restore();const ae=T(D,g.value),Ie=n.arcWidth*(n.showHandle?.8:.5);s.beginPath(),s.arc(ae.x,ae.y,Ie,0,2*Math.PI),(n.showHandle||i.value)&&(s.fillStyle=i.value?n.colored?K?a.leftHead:a.rightHead:a.head:"#000",s.fill()),n.showHandle&&(s.lineWidth=4,s.strokeStyle="#fff",s.stroke())}function L(D){if(!l.value)return 0;const z=l.value.getBoundingClientRect(),F=z.left+h.value,X=z.top+h.value;let K,Z;if("touches"in D&&D.touches.length)K=D.touches[0].clientX-F,Z=D.touches[0].clientY-X;else if("clientX"in D)K=D.clientX-F,Z=D.clientY-X;else return 0;return Math.atan2(K,-Z)*180/Math.PI}function G(D){u.value=!0,r("drag:start"),m.value=L(D)}function ee(D){u.value&&(d&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{const z=L(D);let F=z-m.value;F>180&&(F-=360),F<-180&&(F+=360);const X=Math.round(Math.max(b.value,Math.min(v.value,p.value+F)));if(X!==p.value){p.value=X,Math.abs(p.value)>Math.abs(f.value)&&(f.value=p.value),m.value=z;const K=Math.round(p.value/360*(60/n.steps));K!==i.value&&(i.value=K*n.steps,r("drag:update")),P()}}))}function W(){u.value=!1,r("drag:end")}function J(){if(l.value){const D=getComputedStyle(l.value);a.arc=D.getPropertyValue("--bcc-knob-arc-bg")||a.arc,a.head=D.getPropertyValue("--bcc-knob-head")||a.head,a.tail=D.getPropertyValue("--bcc-knob-tail")||a.tail,a.leftHead=D.getPropertyValue("--bcc-knob-left-head")||a.leftHead,a.leftTail=D.getPropertyValue("--bcc-knob-left-tail")||a.leftTail,a.rightHead=D.getPropertyValue("--bcc-knob-right-head")||a.rightHead,a.rightTail=D.getPropertyValue("--bcc-knob-right-tail")||a.rightTail}}if(typeof window<"u"&&window.matchMedia){const D=window.matchMedia("(prefers-color-scheme: dark)"),z=()=>J();D.addEventListener("change",z),o.onUnmounted(()=>{D.removeEventListener("change",z)})}return(D,z)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"knobContainer",ref:l,class:"bcc-knob",onMousedown:G,onTouchstart:G,onMousemove:ee,onTouchmove:ee,onMouseup:W,onTouchend:W,onMouseleave:W},[o.createElementVNode("canvas",{ref_key:"canvasEl",ref:c,class:"object-fit w-full"},null,512),o.createElementVNode("div",tC,[o.renderSlot(D.$slots,"left")]),o.createElementVNode("div",nC,[o.renderSlot(D.$slots,"right")]),o.createElementVNode("div",oC,[o.renderSlot(D.$slots,"default")])],544))}}),iC=o.defineComponent({__name:"BccFrame",props:{shadow:{type:Boolean},rounded:{type:Boolean},sunken:{type:Boolean},raised:{type:Boolean},overlay:{type:Boolean},center:{type:Boolean},between:{type:Boolean},left:{type:Boolean},right:{type:Boolean},top:{type:Boolean},bottom:{type:Boolean},stretch:{type:Boolean}},setup(t){return(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-frame",{"bcc-frame--shadow":t.shadow,"bcc-frame--rounded":t.rounded,"bcc-frame--raised":t.raised,"bcc-frame--overlay":t.overlay,"bcc-frame--sunken":t.sunken,center:t.center,col:!t.center,between:t.between,left:t.left,right:t.right,top:t.top,bottom:t.bottom,stretch:t.stretch}])},[o.renderSlot(e.$slots,"default")],2))}}),aC=["src"],lC=["src"],sC={class:"bcc-graphic-logo bcc-graphic-logo--loading"},cC={key:2,class:"corner top-left"},dC={key:3,class:"corner top-right"},uC={key:4,class:"corner bottom-right"},pC={key:5,class:"corner bottom-left"},si={ultraWide:"42.85%",wide:"56.25%",landscape:"75%",square:"100%",portrait:"133.33%"},ci={none:"",sm:"rounded-sm",base:"rounded",md:"rounded-md",xl:"rounded-xl"};function fC(t){if(t){if(t in si)return si[t];const e=t;if(e.includes("/")){const[n,r]=e.split("/").map(Number);if(n&&r)return`${(r/n*100).toFixed(2)}%`}return e}return si.wide}const mC=o.defineComponent({__name:"BccGraphic",props:{bannerSrc:{},logoSrc:{},rounding:{default:"xl"},ratio:{default:"wide"},grayscale:{type:Boolean}},setup(t){const e=t,n=o.ref(!1),r=o.ref(!1),a=o.computed(()=>fC(e.ratio));return(i,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-graphic",ci[t.rounding]]),style:o.normalizeStyle(`padding-bottom: ${a.value}`)},[t.bannerSrc?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.withDirectives(o.createElementVNode("img",{src:t.bannerSrc,defer:"",class:o.normalizeClass(["bcc-graphic-banner",ci[t.rounding]]),onLoad:l[0]||(l[0]=c=>n.value=!0)},null,42,aC),[[o.vShow,n.value]]),o.withDirectives(o.createElementVNode("div",{class:o.normalizeClass(["bcc-graphic-banner bcc-graphic-banner--loading",ci[t.rounding]])},null,2),[[o.vShow,!n.value]])],64)):o.createCommentVNode("",!0),t.logoSrc?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.withDirectives(o.createElementVNode("img",{src:t.logoSrc,defer:"",class:"bcc-graphic-logo",onLoad:l[1]||(l[1]=c=>r.value=!0)},null,40,lC),[[o.vShow,r.value]]),o.withDirectives(o.createElementVNode("div",sC,null,512),[[o.vShow,!r.value]])],64)):o.createCommentVNode("",!0),i.$slots.topLeft?(o.openBlock(),o.createElementBlock("div",cC,[o.renderSlot(i.$slots,"top-left")])):o.createCommentVNode("",!0),i.$slots.topRight?(o.openBlock(),o.createElementBlock("div",dC,[o.renderSlot(i.$slots,"top-right")])):o.createCommentVNode("",!0),i.$slots.bottomRight?(o.openBlock(),o.createElementBlock("div",uC,[o.renderSlot(i.$slots,"bottom-right")])):o.createCommentVNode("",!0),i.$slots.bottomLeft?(o.openBlock(),o.createElementBlock("div",pC,[o.renderSlot(i.$slots,"bottom-left")])):o.createCommentVNode("",!0)],6))}}),hC={class:"result-gauge",viewBox:"0 0 180 180",fill:"none",xmlns:"http://www.w3.org/2000/svg"},gC={class:"bcc-nps-result-labels--heading"},bC={class:"bcc-nps-result-labels--label"},yC=250,pr=-170,Ts=80,vC=o.defineComponent({__name:"BccNpsResult",props:{score:{},size:{default:"md"},display:{},underline:{},hideText:{type:Boolean,default:!1},animated:{type:Boolean,default:!0}},setup(t){const e=t;function n(i){const c=(i+100)/200*yC+pr;return c>Ts?Ts:c<pr?pr:c}const r=o.ref(!1);setTimeout(()=>{r.value=!0},150);const a=o.computed(()=>{const i=pr;return r.value&&e.score!==void 0?n(e.score):i});return(i,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-nps-result",{animated:t.animated}])},[(o.openBlock(),o.createElementBlock("svg",hC,[l[0]||(l[0]=o.createStaticVNode('<path d="M40.7001 85.7001C39.7001 97.3001 42.8001 108.9 49.5001 118.4L31.1001 131.3L16.4001 141.6C4.10011 124.3 -1.49989 103.2 0.300108 82.2001C2.10011 61.5001 11.1001 42.0001 25.6001 27.1001L38.3001 39.8001L54.2001 55.7001C46.4001 63.8001 41.6001 74.4001 40.6001 85.7001H40.7001Z" fill="var(--color-background-accent-red-subtler-default)"></path><path d="M89.0001 0V40.5C76.6001 40.7 64.7001 45.7 55.7001 54.3L39.8001 38.4L27.1001 25.7C43.6001 9.5 65.8001 0.3 89.0001 0Z" fill="var(--color-background-accent-orange-subtler-default)"></path><path d="M152.9 25.7L140.2 38.4L124.3 54.3C115.3 45.7 103.5 40.8 91 40.5V0C114.2 0.2 136.4 9.4 152.9 25.6V25.7Z" fill="var(--color-background-accent-yellow-subtler-default)"></path><path d="M180 89.0001H139.5C139.3 76.6001 134.3 64.7001 125.7 55.7001L141.6 39.8001L154.3 27.1001C170.5 43.7001 179.7 65.9001 179.9 89.0001H180Z" fill="var(--color-background-accent-blue-subtler-default)"></path><path d="M180 91C179.8 110.1 173.5 128.7 162 144L147.6 133.2L129.6 119.7C135.8 111.4 139.3 101.4 139.5 91H180Z" fill="var(--color-background-accent-green-subtler-default)"></path><path d="M31 131.3L16.3 141.6C4.10005 124.3 -1.49995 103.2 0.300047 82.2001C2.10005 61.5001 11.1 42.0001 25.6 27.1001L38.3 39.8001C26.7 51.7001 19.6 67.2001 18.2 83.7001C16.7 100.6 21.2 117.4 31 131.3Z" fill="var(--color-background-accent-red-subtle-default)"></path><path d="M89.0001 0V18C70.6001 18.2 53.0001 25.5 39.8001 38.4L27.1001 25.7C43.6001 9.5 65.8001 0.3 89.0001 0Z" fill="var(--color-background-accent-orange-subtle-default)"></path><path d="M152.9 25.7L140.2 38.4C127 25.6 109.4 18.3 91 18V0C114.2 0.2 136.4 9.4 152.9 25.6V25.7Z" fill="var(--color-background-accent-yellow-subtle-default)"></path><path d="M180 89.0001H162C161.8 70.6001 154.5 53.0001 141.6 39.8001L154.3 27.1001C170.5 43.7001 179.7 65.9001 179.9 89.0001H180Z" fill="var(--color-background-accent-blue-subtle-default)"></path><path d="M180 91C179.8 110.1 173.5 128.7 162 144L147.6 133.2C156.8 121 161.8 106.2 162 91H180Z" fill="var(--color-background-accent-green-subtle-default)"></path>',10)),o.createElementVNode("path",{d:"M128.292 49.4565L92.4146 83.7227C91.5428 83.4108 90.5855 83.2892 89.604 83.4082C86.2246 83.8177 83.816 86.8941 84.226 90.2772C84.636 93.6603 87.7097 96.0722 91.089 95.6627C94.4684 95.2532 96.877 92.1769 96.4671 88.7937C96.4262 88.4568 96.3578 88.1298 96.2663 87.8144L130.221 51.3721C131.359 50.0885 129.568 48.3071 128.292 49.4565Z",fill:"currentColor",class:"result-gauge-dial",style:o.normalizeStyle(`transform: rotate(${a.value}deg)`)},null,4)])),!t.hideText&&t.size!=="xs"?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["bcc-nps-result-labels",t.size])},[o.createElementVNode("h3",gC,o.toDisplayString(t.display??t.score),1),o.createElementVNode("label",bC,o.toDisplayString(t.underline),1)],2)):o.createCommentVNode("",!0)],2))}}),kC={class:"bcc-nps-score"},wC={class:"bcc-nps-score--label"},CC={class:"bcc-nps-score--label text-right"},xC=["disabled","onClick"],IC=o.defineComponent({__name:"BccNpsScore",props:o.mergeModels({reverse:{type:Boolean,default:!1},leftLabel:{default:"Not likely"},rightLabel:{default:"Very likely"},labelPosition:{default:"top"},min:{default:0},max:{default:10},disabled:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=o.useModel(t,"modelValue"),n=t;let r=null;function a(l){n.disabled||(e.value===null&&(e.value=0),r&&clearInterval(r),r=setInterval(()=>{if(e.value===l)return r&&clearInterval(r);e.value<l?++e.value:--e.value},20))}const i=o.computed(()=>{let l=[];for(let c=n.min;c<=n.max;c++)l.push(c);return l});return(l,c)=>(o.openBlock(),o.createElementBlock("div",kC,[o.createElementVNode("div",{class:o.normalizeClass(["bcc-nps-score--heading",t.labelPosition==="top"?"order-1":t.labelPosition==="bottom"?"order-last":""])},[o.createElementVNode("p",wC,o.toDisplayString(t.leftLabel),1),o.createElementVNode("p",CC,o.toDisplayString(t.rightLabel),1)],2),o.createElementVNode("div",{class:o.normalizeClass(["bcc-nps-score--bar order-2",{disabled:t.disabled,reverse:t.reverse}])},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,s=>(o.openBlock(),o.createElementBlock("button",{key:s,disabled:t.disabled,class:o.normalizeClass(["bcc-nps-score--number",{inactive:e.value===null||isNaN(e.value)||e.value<s,active:e.value===s}]),onClick:d=>a(s)},o.toDisplayString(s),11,xC))),128))],2)]))}}),SC={key:0,class:"body-sm mx-1"},$s=o.defineComponent({__name:"BccReactEmoji",props:{id:{},emoji:{},count:{},selected:{type:Boolean}},setup(t){const e=t,n=o.ref(!1);return o.watch(()=>e.count,()=>{n.value=!0,setTimeout(()=>{n.value=!1},1e3)}),(r,a)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["bcc-react-emoji-list-item",{selected:t.selected,"animate-wiggle":n.value}])},[o.createElementVNode("span",null,o.toDisplayString(t.emoji),1),t.count&&t.count>1?(o.openBlock(),o.createElementBlock("span",SC,o.toDisplayString(t.count),1)):o.createCommentVNode("",!0)],2))}}),BC={class:"bcc-react"},PC={key:"list",class:"bcc-react-list"},OC={key:1,class:"bcc-react-empty"},LC={class:"bcc-react-selector-emojis-container"},EC=["onClick"],TC={key:0,class:"bcc-react-selector-more"},$C={class:"bcc-react-dropdown"},DC=["onClick"],di=7,ui=36,MC=o.defineComponent({__name:"BccReact",props:{emojis:{},top:{type:Boolean,default:!1},placeholder:{default:"Be the first to react 😉"}},emits:["toggle"],setup(t,{emit:e}){const n=t,r=e,a=o.ref(!1),i=o.ref(!1),l=o.ref(null),c=o.ref(null),s=o.ref(null),d=o.ref(!1),u=o.computed(()=>{const v=n.emojis.filter(k=>k.count&&k.count>0);return v.sort((k,S)=>S.count-k.count),v}),p=o.computed(()=>n.emojis.filter(v=>!v.selected)),f=o.computed(()=>p.value.length>di),m=o.ref([]),h=o.ref([]);function g(v){l.value=v.id,r("toggle",v.id),setTimeout(()=>{a.value=!1,l.value=null},250)}function b(){if(!c.value)return;const v=c.value.getBoundingClientRect(),k=window.innerHeight||document.documentElement.clientHeight;d.value=v.bottom+200>k}return o.watch(a,async v=>{v&&(m.value=p.value.slice(0,di),h.value=p.value.slice(di),await o.nextTick(b))}),o.watch(i,async v=>{if(await o.nextTick(b),!c.value)return;const k=c.value;k.style.transition="height 0.3s ease, transform 0.3s ease",v?(k.style.height=`${ui}px`,k.style.transform="translateY(0)",k.offsetHeight,k.style.height=k.scrollHeight+"px",d.value&&(k.style.transform=`translateY(-${k.scrollHeight-ui}px)`)):(k.offsetHeight,k.style.height=k.scrollHeight+"px",k.style.height=`${ui}px`,d.value&&(k.style.transform="translateY(0)"))}),o.onMounted(()=>{function v(k){const S=k.target;!a.value||c.value?.contains(S)||s.value?.contains(S)||(a.value=!1)}document.addEventListener("click",v,!0),o.onUnmounted(()=>{document.removeEventListener("click",v,!0)})}),(v,k)=>(o.openBlock(),o.createElementBlock("div",BC,[o.createVNode(o.TransitionGroup,{name:"bcc-fade"},{default:o.withCtx(()=>[a.value||t.emojis.some(S=>!S.selected)?(o.openBlock(),o.createElementBlock("button",{key:"toggle",ref_key:"toggleButton",ref:s,class:o.normalizeClass(["bcc-react-toggle",[t.top?"rounded-b-full":"rounded-t-full"]]),onClick:k[0]||(k[0]=S=>a.value=!a.value)},[a.value?(o.openBlock(),o.createBlock(o.unref(b2),{key:0,class:"w-6"})):(o.openBlock(),o.createBlock(o.unref(y2),{key:1,class:"w-6"}))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",PC,[u.value.length?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(u.value,S=>(o.openBlock(),o.createBlock(o.KeepAlive,{key:S.id},[o.createVNode($s,o.mergeProps({ref_for:!0},S,{onClick:y=>g(S)}),null,16,["onClick"])],1024))),128)):n.placeholder?(o.openBlock(),o.createElementBlock("p",OC,[o.createVNode(o.unref(I2),{class:"mr-1 w-4"}),o.createTextVNode(" "+o.toDisplayString(n.placeholder),1)])):o.createCommentVNode("",!0)])]),_:1}),o.createVNode(o.Transition,{name:"bcc-scale-fast",onAfterLeave:k[2]||(k[2]=S=>i.value=!1)},{default:o.withCtx(()=>[a.value?(o.openBlock(),o.createElementBlock("div",{key:"selector",class:o.normalizeClass(["bcc-react-selector-container",{"bcc-react-selector-container--top":n.top}])},[o.createElementVNode("div",{ref_key:"selector",ref:c,class:"bcc-react-selector"},[o.createElementVNode("div",LC,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m.value,S=>(o.openBlock(),o.createElementBlock("button",{key:S.id,class:o.normalizeClass(["bcc-react-selector-item",{"bcc-react-selector-item--clicked":l.value===S.id}]),onClick:y=>g(S)},o.toDisplayString(S.emoji),11,EC))),128)),f.value?(o.openBlock(),o.createElementBlock("span",TC,[o.createElementVNode("button",{class:"bcc-react-selector-more-btn",onClick:k[1]||(k[1]=S=>i.value=!i.value)},[o.createVNode(o.unref(x2),{class:o.normalizeClass(["bcc-react-arrow-down-icon",{open:i.value}])},null,8,["class"])])])):o.createCommentVNode("",!0)]),f.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["bcc-react-dropdown-container",{"bcc-react-dropdown-container--top":n.top}])},[o.createElementVNode("div",$C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(h.value,S=>(o.openBlock(),o.createElementBlock("button",{key:S.id,class:o.normalizeClass(["bcc-react-selector-item",{"bcc-react-selector-item--clicked":l.value===S.id}]),onClick:y=>g(S)},o.toDisplayString(S.emoji),11,DC))),128))])],2)):o.createCommentVNode("",!0)],512)],2)):o.createCommentVNode("",!0)]),_:1})]))}});function gn(t){"@babel/helpers - typeof";return gn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gn(t)}function Ds(t,e){return RC(t)||zC(t,e)||VC(t,e)||AC()}function AC(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
264
|
+
`,M2={root:function(e){var n=e.props;return["p-avatar p-component",{"p-avatar-image":n.image!=null,"p-avatar-circle":n.shape==="circle","p-avatar-lg":n.size==="large","p-avatar-xl":n.size==="xlarge"}]},label:"p-avatar-label",icon:"p-avatar-icon"},A2=C.extend({name:"avatar",style:D2,classes:M2}),V2={name:"BaseAvatar",extends:x,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:A2,provide:function(){return{$pcAvatar:this,$parentInstance:this}}};function hn(t){"@babel/helpers - typeof";return hn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},hn(t)}function Os(t,e,n){return(e=z2(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function z2(t){var e=R2(t,"string");return hn(e)=="symbol"?e:e+""}function R2(t,e){if(hn(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e);if(hn(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Ls={name:"Avatar",extends:V2,inheritAttrs:!1,emits:["error"],methods:{onError:function(e){this.$emit("error",e)}},computed:{dataP:function(){return V(Os(Os({},this.shape,this.shape),this.size,this.size))}}},F2=["aria-labelledby","aria-label","data-p"],N2=["data-p"],K2=["data-p"],j2=["src","alt","data-p"];function H2(t,e,n,r,a,i){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:t.cx("root"),"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel},t.ptmi("root"),{"data-p":i.dataP}),[o.renderSlot(t.$slots,"default",{},function(){return[t.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:t.cx("label")},t.ptm("label"),{"data-p":i.dataP}),o.toDisplayString(t.label),17,N2)):t.$slots.icon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.$slots.icon),{key:1,class:o.normalizeClass(t.cx("icon"))},null,8,["class"])):t.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:[t.cx("icon"),t.icon]},t.ptm("icon"),{"data-p":i.dataP}),null,16,K2)):t.image?(o.openBlock(),o.createElementBlock("img",o.mergeProps({key:3,src:t.image,alt:t.ariaLabel,onError:e[0]||(e[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},t.ptm("image"),{"data-p":i.dataP}),null,16,j2)):o.createCommentVNode("",!0)]})],16,F2)}Ls.render=H2;const U2=o.defineComponent({__name:"BccAvatar",props:{label:{},icon:{type:[String,Boolean,Function,Object]},image:{},ariaLabel:{},ariaLabelledby:{},dt:{},pt:{},ptOptions:{},unstyled:{type:Boolean},gender:{},child:{type:Boolean},squared:{type:Boolean},bordered:{type:Boolean},size:{}},setup(t){const e=t;return(n,r)=>(o.openBlock(),o.createBlock(o.unref(Ls),o.mergeProps(e,{class:["bcc-avatar",[t.gender,t.size,{child:t.child,bordered:t.bordered,squared:t.squared}]],shape:t.squared?"square":"circle"}),o.createSlots({_:2},[t.icon?{name:"icon",fn:o.withCtx(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(typeof t.icon=="boolean"?o.unref(S2):t.icon),{style:{width:"1em"}}))]),key:"0"}:void 0]),1040,["shape","class"]))}}),G2={key:1},ii=o.defineComponent({__name:"BccBadge",props:{value:{},size:{default:"md"},border:{type:Boolean},bordered:{type:Boolean},squared:{type:Boolean},context:{default:ti.neutral.subtle}},setup(t){return(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-badge",[`ctx-${t.context}`,t.size,{border:t.border,bordered:t.bordered,squared:t.squared,"bcc-badge-text":e.$slots.default||(typeof t.value=="string"||typeof t.value=="number")&&String(t.value).length>2}]])},[o.renderSlot(e.$slots,"default",{},()=>[typeof t.value=="function"||typeof t.value=="object"?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.value),{key:0,class:"bcc-badge-icon"})):t.value?(o.openBlock(),o.createElementBlock("span",G2,o.toDisplayString(t.value),1)):o.createCommentVNode("",!0)])],2))}});function ai(t,e=0,n=1e3){if(n<=.1)return{value:t};const r=o.ref(e);function a(i,l){const c=Date.now(),s=n,d=l-i,u=()=>{const p=Date.now()-c,f=W2(p,i,d,s);p<s?(r.value=Math.floor(f),window.requestAnimationFrame(u)):r.value=l};u()}return o.watch(t,i=>{a(r.value??e,i)},{immediate:!0}),{value:r}}function W2(t,e,n,r){return t/=r,-n*t*(t-2)+e}const q2=["stroke-dashoffset"],Y2=["stroke-dashoffset"],Z2=["y","font-size"],X2={key:3,d:"M14.4122 25.1588C13.1109 25.1588 12.017 24.6844 11.1305 23.7354C10.244 22.7864 9.80078 21.6525 9.80078 20.3337C9.80078 19.0287 10.2475 17.9121 11.1409 16.984C12.0343 16.0559 13.1247 15.5918 14.4122 15.5918C14.9358 15.5918 15.4424 15.679 15.9319 15.8533C16.4214 16.0277 16.8557 16.2965 17.2347 16.6597L19.0662 18.417L17.885 19.5628L16.1877 17.9045C15.9538 17.6704 15.6828 17.5015 15.3745 17.3978C15.0663 17.294 14.7475 17.2422 14.4182 17.2422C13.5803 17.2422 12.8763 17.5449 12.3063 18.1504C11.7362 18.756 11.4512 19.4851 11.4512 20.3379C11.4512 21.2047 11.7327 21.9497 12.2957 22.5732C12.8587 23.1967 13.566 23.5085 14.4176 23.5085C14.7413 23.5085 15.0554 23.4567 15.3599 23.3532C15.6644 23.2497 15.9391 23.088 16.1839 22.8681L22.7673 16.6597C23.1462 16.2965 23.5805 16.0277 24.07 15.8533C24.5596 15.679 25.0592 15.5918 25.5689 15.5918C26.8702 15.5918 27.9676 16.0559 28.861 16.984C29.7544 17.9121 30.2012 19.0287 30.2012 20.3337C30.2012 21.6525 29.7544 22.7864 28.861 23.7354C27.9676 24.6844 26.8702 25.1588 25.5689 25.1588C25.0592 25.1588 24.5561 25.0751 24.0596 24.9077C23.5631 24.7403 23.1324 24.475 22.7673 24.1117L20.9892 22.3545L22.1586 21.2087L23.8177 22.8681C24.0383 23.0885 24.3035 23.2503 24.6133 23.3536C24.9231 23.4568 25.2398 23.5085 25.5635 23.5085C26.4151 23.5085 27.1259 23.1961 27.6958 22.5714C28.2658 21.9467 28.5508 21.2021 28.5508 20.3377C28.5508 19.4872 28.2623 18.7586 27.6854 18.152C27.1085 17.5455 26.4012 17.2422 25.5635 17.2422C25.2398 17.2422 24.9257 17.3009 24.6212 17.4183C24.3167 17.5357 24.0489 17.7043 23.818 17.9242L17.2347 24.1326C16.8557 24.4819 16.418 24.7403 15.9215 24.9077C15.425 25.0751 14.9219 25.1588 14.4122 25.1588Z",fill:"currentColor",class:"text"},J2=o.defineComponent({__name:"BccCapacityIndicator",props:{total:{},used:{default:0},size:{default:"base"},animationDuration:{default:1e3},squared:{type:Boolean,default:!1},colored:{type:Boolean,default:!1}},setup(t){const e=t,{value:n}=ai(o.toRef(e,"used"),e.used,e.animationDuration),r=o.computed(()=>e.total===-1?-1:e.used>e.total||e.used===e.total?100:e.total>0?e.used/e.total*100:0),{value:a}=ai(r,r.value,e.animationDuration),i=Math.PI*18*2;return(l,c)=>(o.openBlock(),o.createElementBlock("svg",{width:"2em",height:"2em",viewBox:"0 0 40 40",class:o.normalizeClass(["bcc-capacity-indicator",[t.size,t.squared?"rounded":"rounded-full",{colored:t.colored,"is-full":o.unref(a)>=100,"is-warning":o.unref(a)>=50&&o.unref(a)<100}]])},[t.squared?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[c[0]||(c[0]=o.createElementVNode("rect",{width:"36",height:"36",x:"2",y:"2",rx:"4",fill:"none",stroke:"currentColor","stroke-width":"4",class:"circle"},null,-1)),o.unref(a)>0?(o.openBlock(),o.createElementBlock("path",{key:0,d:"M 20 2 h 14 a 4 4 0 0 1 4 4 v 28 a 4 4 0 0 1 -4 4 h -28 a 4 4 0 0 1 -4 -4 v -28 a 4 4 0 0 1 4 -4 h 14 z",fill:"none","stroke-width":"4","stroke-dasharray":137,"stroke-dashoffset":137*((100-o.unref(a))/100),stroke:"currentColor",class:"circle-used"},null,8,q2)):o.createCommentVNode("",!0)],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[c[1]||(c[1]=o.createElementVNode("circle",{cx:"20",cy:"20",r:"18",fill:"none","stroke-width":"3",stroke:"currentColor",class:"circle"},null,-1)),o.unref(a)>0?(o.openBlock(),o.createElementBlock("circle",{key:0,cx:"20",cy:"20",r:"18",fill:"none","stroke-width":"3","stroke-dasharray":i,"stroke-dashoffset":i*((100-o.unref(a))/100),stroke:"currentColor",transform:"rotate(-90 20 20)",class:"circle-used"},null,8,Y2)):o.createCommentVNode("",!0)],64)),o.unref(a)>-1?(o.openBlock(),o.createElementBlock("text",{key:2,"text-anchor":"middle",x:"20",y:t.squared||t.size=="xs"?26:25,"font-size":t.size=="xs"?18:t.squared||t.size=="sm"?16:14,"font-weight":"600",fill:"currentColor",class:"text"},o.toDisplayString(o.unref(a)<100?t.total-o.unref(n):0),9,Z2)):(o.openBlock(),o.createElementBlock("path",X2))],2))}}),Es=(t,e)=>{const n=t.__vccOpts||t;for(const[r,a]of e)n[r]=a;return n},Q2={},_2={fill:"none",viewBox:"0 0 58 58","aria-hidden":"true",class:"size-3"};function eC(t,e){return o.openBlock(),o.createElementBlock("svg",_2,[...e[0]||(e[0]=[o.createStaticVNode('<g transform="translate(2 1)" stroke="currentColor" stroke-width="1.5"><circle cx="42.601" cy="11.462" r="5" fill-opacity="1" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="1;0;0;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="49.063" cy="27.063" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;1;0;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="42.601" cy="42.663" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;1;0;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="27" cy="49.125" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;1;0;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="11.399" cy="42.663" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;1;0;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="4.938" cy="27.063" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;1;0;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="11.399" cy="11.462" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;0;1;0" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="27" cy="5" r="5" fill-opacity="0" fill="currentColor"><animate attributeName="fill-opacity" begin="0s" dur="1.3s" values="0;0;0;0;0;0;0;1" calcMode="linear" repeatCount="indefinite"></animate></circle></g>',1)])])}const li=Es(Q2,[["render",eC]]),tC={class:"bcc-knob-top-left"},nC={class:"bcc-knob-top-right"},oC={class:"bcc-knob-label"},rC=o.defineComponent({__name:"BccDialKnob",props:o.mergeModels({size:{default:400},arcWidth:{default:20},min:{default:-720},max:{default:720},steps:{default:1},colored:{type:Boolean,default:!1},showHandle:{type:Boolean,default:!1},hideArrows:{type:Boolean,default:!1},duration:{default:1e3},animateRotations:{default:2}},{modelValue:{required:!0},modelModifiers:{}}),emits:o.mergeModels(["drag:start","drag:update","drag:end"],["update:modelValue"]),setup(t,{emit:e}){const n=t,r=e,a={arc:"#EFEFEF",head:"#437571",tail:"#A9BABA",leftHead:"#9B4F44",leftTail:"#DBBEAC",rightHead:"#3E8E75",rightTail:"#B1DECC"},i=o.useModel(t,"modelValue"),l=o.ref(null),c=o.ref(null);let s=null,d=0;const u=o.ref(!1),p=o.ref(0),f=o.ref(0),m=o.ref(0),h=o.computed(()=>n.size/2),g=o.computed(()=>h.value-n.arcWidth),b=o.computed(()=>n.min/60*360),v=o.computed(()=>n.max/60*360),k=o.computed(()=>Math.max(-359.99,Math.min(359.99,Math.max(b.value,Math.min(p.value,v.value)))));o.watch(i,D=>{if(u.value)return;const z=D/(60/n.steps)*360;y(z)},{immediate:!0});function S(D,z){return F=>Math.round(D+(z-D)*F)}function y(D){if(u.value||D===p.value)return;const z=n.animateRotations;if(z>1){let Z=p.value;const ae=Math.round(Math.abs(Z-D)/360);ae>z&&(D<Z?Z-=360*(ae-z):Z+=360*(ae-z),p.value=Z)}const F=performance.now(),X=S(p.value,D);function K(Z){const ae=Z-F,Ie=Math.min(ae/n.duration,1);p.value=X(Ie),P(),Ie<1&&requestAnimationFrame(K)}requestAnimationFrame(K)}o.onMounted(()=>{J();const D=c.value;if(D){const z=Math.ceil(window.devicePixelRatio);D.width=n.size*z,D.height=n.size*z,s=D.getContext("2d"),s?.setTransform(z,0,0,z,0,0),P(),o.watch(n,P)}});function B(D){return(D-90)*Math.PI/180}function T(D,z=g.value){const F=D*Math.PI/180;return{x:h.value+z*Math.sin(F),y:h.value-z*Math.cos(F)}}function P(){if(!s)return;const D=p.value;if(s.clearRect(0,0,n.size,n.size),s.save(),s.shadowColor="rgba(0,0,0,0.2)",s.shadowBlur=4,s.beginPath(),s.arc(h.value,h.value,g.value,0,2*Math.PI),s.strokeStyle=a.arc,s.lineWidth=n.arcWidth,s.stroke(),s.restore(),!n.hideArrows){s.save(),s.strokeStyle=a.arc,s.lineWidth=3,s.beginPath(),s.arc(h.value,h.value,g.value+30,B(-30),B(-60),!0);const ce=T(-60,g.value+30);s.moveTo(ce.x-4,ce.y-16),s.lineTo(ce.x-1,ce.y+2),s.lineTo(ce.x+16,ce.y-4),s.stroke(),s.beginPath(),s.arc(h.value,h.value,g.value+30,B(30),B(60),!1);const Be=T(60,g.value+30);s.moveTo(Be.x-16,Be.y-4),s.lineTo(Be.x+1,Be.y+2),s.lineTo(Be.x+4,Be.y-16),s.stroke(),s.restore()}s.strokeStyle=a.arc,s.lineWidth=4;for(let ce=1;ce<=12;ce++){const Be=ce*30;s.save(),s.translate(h.value,h.value),s.rotate(Be*Math.PI/180),s.beginPath(),s.moveTo(0,-g.value+n.arcWidth*.8),s.lineTo(0,-g.value+n.arcWidth*2),s.stroke(),s.restore()}if(Math.abs(k.value)>=108){s.beginPath();const ce=k.value<0;s.arc(h.value,h.value,g.value,B(0),B(k.value),ce),n.colored?s.strokeStyle=ce?a.leftTail:a.rightTail:s.strokeStyle=a.tail,s.lineWidth=n.arcWidth,s.stroke()}let z;Math.abs(D)<108?z=0:z=D-Math.sign(D)*108;const F=D,X=n.arcWidth/2;s.save(),s.beginPath();const K=F<z;s.arc(h.value,h.value,g.value+X,B(z),B(F),K),s.arc(h.value,h.value,g.value-X,B(F),B(z),!K),s.closePath(),s.save(),s.clip();const Z=s.createConicGradient((D-90)*Math.PI/180,h.value,h.value);n.colored?(Z.addColorStop(0,a.leftHead),Z.addColorStop(100/360,a.leftTail),Z.addColorStop(260/360,a.rightTail),Z.addColorStop(1,a.rightHead)):(Z.addColorStop(0,a.head),Z.addColorStop(100/360,a.tail),Z.addColorStop(260/360,a.tail),Z.addColorStop(1,a.head)),s.fillStyle=Z,s.fillRect(0,0,n.size,n.size),s.restore(),s.restore();const ae=T(D,g.value),Ie=n.arcWidth*(n.showHandle?.8:.5);s.beginPath(),s.arc(ae.x,ae.y,Ie,0,2*Math.PI),(n.showHandle||i.value)&&(s.fillStyle=i.value?n.colored?K?a.leftHead:a.rightHead:a.head:"#000",s.fill()),n.showHandle&&(s.lineWidth=4,s.strokeStyle="#fff",s.stroke())}function L(D){if(!l.value)return 0;const z=l.value.getBoundingClientRect(),F=z.left+h.value,X=z.top+h.value;let K,Z;if("touches"in D&&D.touches.length)K=D.touches[0].clientX-F,Z=D.touches[0].clientY-X;else if("clientX"in D)K=D.clientX-F,Z=D.clientY-X;else return 0;return Math.atan2(K,-Z)*180/Math.PI}function G(D){u.value=!0,r("drag:start"),m.value=L(D)}function ee(D){u.value&&(d&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{const z=L(D);let F=z-m.value;F>180&&(F-=360),F<-180&&(F+=360);const X=Math.round(Math.max(b.value,Math.min(v.value,p.value+F)));if(X!==p.value){p.value=X,Math.abs(p.value)>Math.abs(f.value)&&(f.value=p.value),m.value=z;const K=Math.round(p.value/360*(60/n.steps));K!==i.value&&(i.value=K*n.steps,r("drag:update")),P()}}))}function W(){u.value=!1,r("drag:end")}function J(){if(l.value){const D=getComputedStyle(l.value);a.arc=D.getPropertyValue("--bcc-knob-arc-bg")||a.arc,a.head=D.getPropertyValue("--bcc-knob-head")||a.head,a.tail=D.getPropertyValue("--bcc-knob-tail")||a.tail,a.leftHead=D.getPropertyValue("--bcc-knob-left-head")||a.leftHead,a.leftTail=D.getPropertyValue("--bcc-knob-left-tail")||a.leftTail,a.rightHead=D.getPropertyValue("--bcc-knob-right-head")||a.rightHead,a.rightTail=D.getPropertyValue("--bcc-knob-right-tail")||a.rightTail}}if(typeof window<"u"&&window.matchMedia){const D=window.matchMedia("(prefers-color-scheme: dark)"),z=()=>J();D.addEventListener("change",z),o.onUnmounted(()=>{D.removeEventListener("change",z)})}return(D,z)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"knobContainer",ref:l,class:"bcc-knob",onMousedown:G,onTouchstart:G,onMousemove:ee,onTouchmove:ee,onMouseup:W,onTouchend:W,onMouseleave:W},[o.createElementVNode("canvas",{ref_key:"canvasEl",ref:c,class:"object-fit w-full"},null,512),o.createElementVNode("div",tC,[o.renderSlot(D.$slots,"left")]),o.createElementVNode("div",nC,[o.renderSlot(D.$slots,"right")]),o.createElementVNode("div",oC,[o.renderSlot(D.$slots,"default")])],544))}}),iC=o.defineComponent({__name:"BccFrame",props:{shadow:{type:Boolean},rounded:{type:Boolean},sunken:{type:Boolean},raised:{type:Boolean},overlay:{type:Boolean},center:{type:Boolean},between:{type:Boolean},left:{type:Boolean},right:{type:Boolean},top:{type:Boolean},bottom:{type:Boolean},stretch:{type:Boolean}},setup(t){return(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-frame",{"bcc-frame--shadow":t.shadow,"bcc-frame--rounded":t.rounded,"bcc-frame--raised":t.raised,"bcc-frame--overlay":t.overlay,"bcc-frame--sunken":t.sunken,center:t.center,col:!t.center,between:t.between,left:t.left,right:t.right,top:t.top,bottom:t.bottom,stretch:t.stretch}])},[o.renderSlot(e.$slots,"default")],2))}}),aC=["src"],lC=["src"],sC={class:"bcc-graphic-logo bcc-graphic-logo--loading"},cC={key:2,class:"corner top-left"},dC={key:3,class:"corner top-right"},uC={key:4,class:"corner bottom-right"},pC={key:5,class:"corner bottom-left"},si={ultraWide:"42.85%",wide:"56.25%",landscape:"75%",square:"100%",portrait:"133.33%"},ci={none:"",sm:"rounded-sm",base:"rounded",md:"rounded-md",xl:"rounded-xl"};function fC(t){if(t){if(t in si)return si[t];const e=t;if(e.includes("/")){const[n,r]=e.split("/").map(Number);if(n&&r)return`${(r/n*100).toFixed(2)}%`}return e}return si.wide}const mC=o.defineComponent({__name:"BccGraphic",props:{bannerSrc:{},logoSrc:{},rounding:{default:"xl"},ratio:{default:"wide"},grayscale:{type:Boolean}},setup(t){const e=t,n=o.ref(!1),r=o.ref(!1),a=o.computed(()=>fC(e.ratio));return(i,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-graphic",ci[t.rounding]]),style:o.normalizeStyle(`padding-bottom: ${a.value}`)},[t.bannerSrc?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.withDirectives(o.createElementVNode("img",{src:t.bannerSrc,defer:"",class:o.normalizeClass(["bcc-graphic-banner",ci[t.rounding]]),onLoad:l[0]||(l[0]=c=>n.value=!0)},null,42,aC),[[o.vShow,n.value]]),o.withDirectives(o.createElementVNode("div",{class:o.normalizeClass(["bcc-graphic-banner bcc-graphic-banner--loading",ci[t.rounding]])},null,2),[[o.vShow,!n.value]])],64)):o.createCommentVNode("",!0),t.logoSrc?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.withDirectives(o.createElementVNode("img",{src:t.logoSrc,defer:"",class:"bcc-graphic-logo",onLoad:l[1]||(l[1]=c=>r.value=!0)},null,40,lC),[[o.vShow,r.value]]),o.withDirectives(o.createElementVNode("div",sC,null,512),[[o.vShow,!r.value]])],64)):o.createCommentVNode("",!0),i.$slots.topLeft?(o.openBlock(),o.createElementBlock("div",cC,[o.renderSlot(i.$slots,"top-left")])):o.createCommentVNode("",!0),i.$slots.topRight?(o.openBlock(),o.createElementBlock("div",dC,[o.renderSlot(i.$slots,"top-right")])):o.createCommentVNode("",!0),i.$slots.bottomRight?(o.openBlock(),o.createElementBlock("div",uC,[o.renderSlot(i.$slots,"bottom-right")])):o.createCommentVNode("",!0),i.$slots.bottomLeft?(o.openBlock(),o.createElementBlock("div",pC,[o.renderSlot(i.$slots,"bottom-left")])):o.createCommentVNode("",!0)],6))}}),hC={class:"result-gauge",viewBox:"0 0 180 180",fill:"none",xmlns:"http://www.w3.org/2000/svg"},gC={class:"bcc-nps-result-labels--heading"},bC={class:"bcc-nps-result-labels--label"},yC=250,pr=-170,Ts=80,vC=o.defineComponent({__name:"BccNpsResult",props:{score:{},size:{default:"md"},display:{},underline:{},hideText:{type:Boolean,default:!1},animated:{type:Boolean,default:!0}},setup(t){const e=t;function n(i){const c=(i+100)/200*yC+pr;return c>Ts?Ts:c<pr?pr:c}const r=o.ref(!1);setTimeout(()=>{r.value=!0},150);const a=o.computed(()=>{const i=pr;return r.value&&e.score!==void 0?n(e.score):i});return(i,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bcc-nps-result",{animated:t.animated}])},[(o.openBlock(),o.createElementBlock("svg",hC,[l[0]||(l[0]=o.createStaticVNode('<path d="M40.7001 85.7001C39.7001 97.3001 42.8001 108.9 49.5001 118.4L31.1001 131.3L16.4001 141.6C4.10011 124.3 -1.49989 103.2 0.300108 82.2001C2.10011 61.5001 11.1001 42.0001 25.6001 27.1001L38.3001 39.8001L54.2001 55.7001C46.4001 63.8001 41.6001 74.4001 40.6001 85.7001H40.7001Z" fill="var(--color-background-accent-red-subtler-default)"></path><path d="M89.0001 0V40.5C76.6001 40.7 64.7001 45.7 55.7001 54.3L39.8001 38.4L27.1001 25.7C43.6001 9.5 65.8001 0.3 89.0001 0Z" fill="var(--color-background-accent-orange-subtler-default)"></path><path d="M152.9 25.7L140.2 38.4L124.3 54.3C115.3 45.7 103.5 40.8 91 40.5V0C114.2 0.2 136.4 9.4 152.9 25.6V25.7Z" fill="var(--color-background-accent-yellow-subtler-default)"></path><path d="M180 89.0001H139.5C139.3 76.6001 134.3 64.7001 125.7 55.7001L141.6 39.8001L154.3 27.1001C170.5 43.7001 179.7 65.9001 179.9 89.0001H180Z" fill="var(--color-background-accent-blue-subtler-default)"></path><path d="M180 91C179.8 110.1 173.5 128.7 162 144L147.6 133.2L129.6 119.7C135.8 111.4 139.3 101.4 139.5 91H180Z" fill="var(--color-background-accent-green-subtler-default)"></path><path d="M31 131.3L16.3 141.6C4.10005 124.3 -1.49995 103.2 0.300047 82.2001C2.10005 61.5001 11.1 42.0001 25.6 27.1001L38.3 39.8001C26.7 51.7001 19.6 67.2001 18.2 83.7001C16.7 100.6 21.2 117.4 31 131.3Z" fill="var(--color-background-accent-red-subtle-default)"></path><path d="M89.0001 0V18C70.6001 18.2 53.0001 25.5 39.8001 38.4L27.1001 25.7C43.6001 9.5 65.8001 0.3 89.0001 0Z" fill="var(--color-background-accent-orange-subtle-default)"></path><path d="M152.9 25.7L140.2 38.4C127 25.6 109.4 18.3 91 18V0C114.2 0.2 136.4 9.4 152.9 25.6V25.7Z" fill="var(--color-background-accent-yellow-subtle-default)"></path><path d="M180 89.0001H162C161.8 70.6001 154.5 53.0001 141.6 39.8001L154.3 27.1001C170.5 43.7001 179.7 65.9001 179.9 89.0001H180Z" fill="var(--color-background-accent-blue-subtle-default)"></path><path d="M180 91C179.8 110.1 173.5 128.7 162 144L147.6 133.2C156.8 121 161.8 106.2 162 91H180Z" fill="var(--color-background-accent-green-subtle-default)"></path>',10)),o.createElementVNode("path",{d:"M128.292 49.4565L92.4146 83.7227C91.5428 83.4108 90.5855 83.2892 89.604 83.4082C86.2246 83.8177 83.816 86.8941 84.226 90.2772C84.636 93.6603 87.7097 96.0722 91.089 95.6627C94.4684 95.2532 96.877 92.1769 96.4671 88.7937C96.4262 88.4568 96.3578 88.1298 96.2663 87.8144L130.221 51.3721C131.359 50.0885 129.568 48.3071 128.292 49.4565Z",fill:"currentColor",class:"result-gauge-dial",style:o.normalizeStyle(`transform: rotate(${a.value}deg)`)},null,4)])),!t.hideText&&t.size!=="xs"?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["bcc-nps-result-labels",t.size])},[o.createElementVNode("h3",gC,o.toDisplayString(t.display??t.score),1),o.createElementVNode("label",bC,o.toDisplayString(t.underline),1)],2)):o.createCommentVNode("",!0)],2))}}),kC={class:"bcc-nps-score"},wC={class:"bcc-nps-score--label"},CC={class:"bcc-nps-score--label text-right"},xC=["disabled","onClick"],IC=o.defineComponent({__name:"BccNpsScore",props:o.mergeModels({reverse:{type:Boolean,default:!1},leftLabel:{default:"Not likely"},rightLabel:{default:"Very likely"},labelPosition:{default:"top"},min:{default:0},max:{default:10},disabled:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=o.useModel(t,"modelValue"),n=t;let r=null;function a(l){n.disabled||(e.value===null&&(e.value=0),r&&clearInterval(r),r=setInterval(()=>{if(e.value===l)return r&&clearInterval(r);e.value<l?++e.value:--e.value},20))}const i=o.computed(()=>{let l=[];for(let c=n.min;c<=n.max;c++)l.push(c);return l});return(l,c)=>(o.openBlock(),o.createElementBlock("div",kC,[o.createElementVNode("div",{class:o.normalizeClass(["bcc-nps-score--heading",t.labelPosition==="top"?"order-1":t.labelPosition==="bottom"?"order-last":""])},[o.createElementVNode("p",wC,o.toDisplayString(t.leftLabel),1),o.createElementVNode("p",CC,o.toDisplayString(t.rightLabel),1)],2),o.createElementVNode("div",{class:o.normalizeClass(["bcc-nps-score--bar order-2",{disabled:t.disabled,reverse:t.reverse}])},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,s=>(o.openBlock(),o.createElementBlock("button",{key:s,disabled:t.disabled,class:o.normalizeClass(["bcc-nps-score--number",{inactive:e.value===null||isNaN(e.value)||e.value<s,active:e.value===s}]),onClick:d=>a(s)},o.toDisplayString(s),11,xC))),128))],2)]))}}),SC={key:0,class:"body-sm mx-1"},$s=o.defineComponent({__name:"BccReactEmoji",props:{id:{},emoji:{},count:{},selected:{type:Boolean}},setup(t){const e=t,n=o.ref(!1);return o.watch(()=>e.count,()=>{n.value=!0,setTimeout(()=>{n.value=!1},1e3)}),(r,a)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["bcc-react-emoji-list-item",{selected:t.selected,"animate-wiggle":n.value}])},[o.createElementVNode("span",null,o.toDisplayString(t.emoji),1),t.count&&t.count>1?(o.openBlock(),o.createElementBlock("span",SC,o.toDisplayString(t.count),1)):o.createCommentVNode("",!0)],2))}}),BC={class:"bcc-react"},PC={key:"list",class:"bcc-react-list"},OC={key:1,class:"bcc-react-empty"},LC={class:"bcc-react-selector-emojis-container"},EC=["onClick"],TC={key:0,class:"bcc-react-selector-more"},$C={class:"bcc-react-dropdown"},DC=["onClick"],di=7,ui=36,MC=o.defineComponent({__name:"BccReact",props:{emojis:{},top:{type:Boolean,default:!1},placeholder:{default:"Be the first to react 😉"}},emits:["toggle"],setup(t,{emit:e}){const n=t,r=e,a=o.ref(!1),i=o.ref(!1),l=o.ref(null),c=o.ref(null),s=o.ref(null),d=o.ref(!1),u=o.computed(()=>{const v=n.emojis.filter(k=>k.count&&k.count>0);return v.sort((k,S)=>S.count-k.count),v}),p=o.computed(()=>n.emojis.filter(v=>!v.selected)),f=o.computed(()=>p.value.length>di),m=o.ref([]),h=o.ref([]);function g(v){l.value=v.id,r("toggle",v.id),setTimeout(()=>{a.value=!1,l.value=null},250)}function b(){if(!c.value)return;const v=c.value.getBoundingClientRect(),k=window.innerHeight||document.documentElement.clientHeight;d.value=v.bottom+200>k}return o.watch(a,async v=>{v&&(m.value=p.value.slice(0,di),h.value=p.value.slice(di),await o.nextTick(b))}),o.watch(i,async v=>{if(await o.nextTick(b),!c.value)return;const k=c.value;k.style.transition="height 0.3s ease, transform 0.3s ease",v?(k.style.height=`${ui}px`,k.style.transform="translateY(0)",k.offsetHeight,k.style.height=k.scrollHeight+"px",d.value&&(k.style.transform=`translateY(-${k.scrollHeight-ui}px)`)):(k.offsetHeight,k.style.height=k.scrollHeight+"px",k.style.height=`${ui}px`,d.value&&(k.style.transform="translateY(0)"))}),o.onMounted(()=>{function v(k){const S=k.target;!a.value||c.value?.contains(S)||s.value?.contains(S)||(a.value=!1)}document.addEventListener("click",v,!0),o.onUnmounted(()=>{document.removeEventListener("click",v,!0)})}),(v,k)=>(o.openBlock(),o.createElementBlock("div",BC,[o.createVNode(o.TransitionGroup,{name:"bcc-fade"},{default:o.withCtx(()=>[a.value||t.emojis.some(S=>!S.selected)?(o.openBlock(),o.createElementBlock("button",{key:"toggle",ref_key:"toggleButton",ref:s,class:o.normalizeClass(["bcc-react-toggle",[t.top?"rounded-b-full":"rounded-t-full"]]),onClick:k[0]||(k[0]=S=>a.value=!a.value)},[a.value?(o.openBlock(),o.createBlock(o.unref(b2),{key:0,class:"w-6"})):(o.openBlock(),o.createBlock(o.unref(y2),{key:1,class:"w-6"}))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",PC,[u.value.length?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(u.value,S=>(o.openBlock(),o.createBlock(o.KeepAlive,{key:S.id},[o.createVNode($s,o.mergeProps({ref_for:!0},S,{onClick:y=>g(S)}),null,16,["onClick"])],1024))),128)):n.placeholder?(o.openBlock(),o.createElementBlock("p",OC,[o.createVNode(o.unref(I2),{class:"mr-1 w-4"}),o.createTextVNode(" "+o.toDisplayString(n.placeholder),1)])):o.createCommentVNode("",!0)])]),_:1}),o.createVNode(o.Transition,{name:"bcc-scale-fast",onAfterLeave:k[2]||(k[2]=S=>i.value=!1)},{default:o.withCtx(()=>[a.value?(o.openBlock(),o.createElementBlock("div",{key:"selector",class:o.normalizeClass(["bcc-react-selector-container",{"bcc-react-selector-container--top":n.top}])},[o.createElementVNode("div",{ref_key:"selector",ref:c,class:"bcc-react-selector"},[o.createElementVNode("div",LC,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m.value,S=>(o.openBlock(),o.createElementBlock("button",{key:S.id,class:o.normalizeClass(["bcc-react-selector-item",{"bcc-react-selector-item--clicked":l.value===S.id}]),onClick:y=>g(S)},o.toDisplayString(S.emoji),11,EC))),128)),f.value?(o.openBlock(),o.createElementBlock("span",TC,[o.createElementVNode("button",{class:"bcc-react-selector-more-btn",onClick:k[1]||(k[1]=S=>i.value=!i.value)},[o.createVNode(o.unref(x2),{class:o.normalizeClass(["bcc-react-arrow-down-icon",{open:i.value}])},null,8,["class"])])])):o.createCommentVNode("",!0)]),f.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["bcc-react-dropdown-container",{"bcc-react-dropdown-container--top":n.top}])},[o.createElementVNode("div",$C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(h.value,S=>(o.openBlock(),o.createElementBlock("button",{key:S.id,class:o.normalizeClass(["bcc-react-selector-item",{"bcc-react-selector-item--clicked":l.value===S.id}]),onClick:y=>g(S)},o.toDisplayString(S.emoji),11,DC))),128))])],2)):o.createCommentVNode("",!0)],512)],2)):o.createCommentVNode("",!0)]),_:1})]))}});function gn(t){"@babel/helpers - typeof";return gn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gn(t)}function Ds(t,e){return RC(t)||zC(t,e)||VC(t,e)||AC()}function AC(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
265
265
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function VC(t,e){if(t){if(typeof t=="string")return Ms(t,e);var n={}.toString.call(t).slice(8,-1);return n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set"?Array.from(t):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ms(t,e):void 0}}function Ms(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function zC(t,e){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var r,a,i,l,c=[],s=!0,d=!1;try{if(i=(n=n.call(t)).next,e!==0)for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);s=!0);}catch(u){d=!0,a=u}finally{try{if(!s&&n.return!=null&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw a}}return c}}function RC(t){if(Array.isArray(t))return t}function As(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,r)}return n}function te(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?As(Object(n),!0).forEach(function(r){pi(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):As(Object(n)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))})}return t}function pi(t,e,n){return(e=FC(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function FC(t){var e=NC(t,"string");return gn(e)=="symbol"?e:e+""}function NC(t,e){if(gn(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e);if(gn(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var j={_getMeta:function(){return[Je(arguments.length<=0?void 0:arguments[0])||arguments.length<=0?void 0:arguments[0],ie(Je(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:arguments.length<=1?void 0:arguments[1])]},_getConfig:function(e,n){var r,a,i;return(r=(e==null||(a=e.instance)===null||a===void 0?void 0:a.$primevue)||(n==null||(i=n.ctx)===null||i===void 0||(i=i.appContext)===null||i===void 0||(i=i.config)===null||i===void 0||(i=i.globalProperties)===null||i===void 0?void 0:i.$primevue))===null||r===void 0?void 0:r.config},_getOptionValue:Nr,_getPTValue:function(){var e,n,r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"",l=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},c=arguments.length>4&&arguments[4]!==void 0?arguments[4]:!0,s=function(){var k=j._getOptionValue.apply(j,arguments);return Pe(k)||Kr(k)?{class:k}:k},d=((e=r.binding)===null||e===void 0||(e=e.value)===null||e===void 0?void 0:e.ptOptions)||((n=r.$primevueConfig)===null||n===void 0?void 0:n.ptOptions)||{},u=d.mergeSections,p=u===void 0?!0:u,f=d.mergeProps,m=f===void 0?!1:f,h=c?j._useDefaultPT(r,r.defaultPT(),s,i,l):void 0,g=j._usePT(r,j._getPT(a,r.$name),s,i,te(te({},l),{},{global:h||{}})),b=j._getPTDatasets(r,i);return p||!p&&g?m?j._mergeProps(r,m,h,g,b):te(te(te({},h),g),b):te(te({},g),b)},_getPTDatasets:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"",r="data-pc-";return te(te({},n==="root"&&pi({},"".concat(r,"name"),Qe(e.$name))),{},pi({},"".concat(r,"section"),Qe(n)))},_getPT:function(e){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"",r=arguments.length>2?arguments[2]:void 0,a=function(l){var c,s=r?r(l):l,d=Qe(n);return(c=s?.[d])!==null&&c!==void 0?c:s};return e&&Object.hasOwn(e,"_usept")?{_usept:e._usept,originalValue:a(e.originalValue),value:a(e.value)}:a(e)},_usePT:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0,l=function(b){return r(b,a,i)};if(n&&Object.hasOwn(n,"_usept")){var c,s=n._usept||((c=e.$primevueConfig)===null||c===void 0?void 0:c.ptOptions)||{},d=s.mergeSections,u=d===void 0?!0:d,p=s.mergeProps,f=p===void 0?!1:p,m=l(n.originalValue),h=l(n.value);return m===void 0&&h===void 0?void 0:Pe(h)?h:Pe(m)?m:u||!u&&h?f?j._mergeProps(e,f,m,h):te(te({},m),h):h}return l(n)},_useDefaultPT:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return j._usePT(e,n,r,a,i)},_loadStyles:function(){var e,n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,i=j._getConfig(r,a),l={nonce:i==null||(e=i.csp)===null||e===void 0?void 0:e.nonce};j._loadCoreStyles(n,l),j._loadThemeStyles(n,l),j._loadScopedThemeStyles(n,l),j._removeThemeListeners(n),n.$loadStyles=function(){return j._loadThemeStyles(n,l)},j._themeChangeListener(n.$loadStyles)},_loadCoreStyles:function(){var e,n,r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;if(!ht.isStyleNameLoaded((e=r.$style)===null||e===void 0?void 0:e.name)&&(n=r.$style)!==null&&n!==void 0&&n.name){var i;C.loadCSS(a),(i=r.$style)===null||i===void 0||i.loadCSS(a),ht.setLoadedStyleName(r.$style.name)}},_loadThemeStyles:function(){var e,n,r,a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},i=arguments.length>1?arguments[1]:void 0;if(!(a!=null&&a.isUnstyled()||(a==null||(e=a.theme)===null||e===void 0?void 0:e.call(a))==="none")){if(!ne.isStyleNameLoaded("common")){var l,c,s=((l=a.$style)===null||l===void 0||(c=l.getCommonTheme)===null||c===void 0?void 0:c.call(l))||{},d=s.primitive,u=s.semantic,p=s.global,f=s.style;C.load(d?.css,te({name:"primitive-variables"},i)),C.load(u?.css,te({name:"semantic-variables"},i)),C.load(p?.css,te({name:"global-variables"},i)),C.loadStyle(te({name:"global-style"},i),f),ne.setLoadedStyleName("common")}if(!ne.isStyleNameLoaded((n=a.$style)===null||n===void 0?void 0:n.name)&&(r=a.$style)!==null&&r!==void 0&&r.name){var m,h,g,b,v=((m=a.$style)===null||m===void 0||(h=m.getDirectiveTheme)===null||h===void 0?void 0:h.call(m))||{},k=v.css,S=v.style;(g=a.$style)===null||g===void 0||g.load(k,te({name:"".concat(a.$style.name,"-variables")},i)),(b=a.$style)===null||b===void 0||b.loadStyle(te({name:"".concat(a.$style.name,"-style")},i),S),ne.setLoadedStyleName(a.$style.name)}if(!ne.isStyleNameLoaded("layer-order")){var y,B,T=(y=a.$style)===null||y===void 0||(B=y.getLayerOrderThemeCSS)===null||B===void 0?void 0:B.call(y);C.load(T,te({name:"layer-order",first:!0},i)),ne.setLoadedStyleName("layer-order")}}},_loadScopedThemeStyles:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,r=e.preset();if(r&&e.$attrSelector){var a,i,l,c=((a=e.$style)===null||a===void 0||(i=a.getPresetTheme)===null||i===void 0?void 0:i.call(a,r,"[".concat(e.$attrSelector,"]")))||{},s=c.css,d=(l=e.$style)===null||l===void 0?void 0:l.load(s,te({name:"".concat(e.$attrSelector,"-").concat(e.$style.name)},n));e.scopedStyleEl=d.el}},_themeChangeListener:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(){};ht.clearLoadedStyleNames(),xe.on("theme:change",e)},_removeThemeListeners:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};xe.off("theme:change",e.$loadStyles),e.$loadStyles=void 0},_hook:function(e,n,r,a,i,l){var c,s,d="on".concat(Hf(n)),u=j._getConfig(a,i),p=r?.$instance,f=j._usePT(p,j._getPT(a==null||(c=a.value)===null||c===void 0?void 0:c.pt,e),j._getOptionValue,"hooks.".concat(d)),m=j._useDefaultPT(p,u==null||(s=u.pt)===null||s===void 0||(s=s.directives)===null||s===void 0?void 0:s[e],j._getOptionValue,"hooks.".concat(d)),h={el:r,binding:a,vnode:i,prevVnode:l};f?.(p,h),m?.(p,h)},_mergeProps:function(){for(var e=arguments.length>1?arguments[1]:void 0,n=arguments.length,r=new Array(n>2?n-2:0),a=2;a<n;a++)r[a-2]=arguments[a];return on(e)?e.apply(void 0,r):o.mergeProps.apply(void 0,r)},_extend:function(e){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=function(c,s,d,u,p){var f,m,h,g;s._$instances=s._$instances||{};var b=j._getConfig(d,u),v=s._$instances[e]||{},k=Y(v)?te(te({},n),n?.methods):{};s._$instances[e]=te(te({},v),{},{$name:e,$host:s,$binding:d,$modifiers:d?.modifiers,$value:d?.value,$el:v.$el||s||void 0,$style:te({classes:void 0,inlineStyles:void 0,load:function(){},loadCSS:function(){},loadStyle:function(){}},n?.style),$primevueConfig:b,$attrSelector:(f=s.$pd)===null||f===void 0||(f=f[e])===null||f===void 0?void 0:f.attrSelector,defaultPT:function(){return j._getPT(b?.pt,void 0,function(y){var B;return y==null||(B=y.directives)===null||B===void 0?void 0:B[e]})},isUnstyled:function(){var y,B;return((y=s._$instances[e])===null||y===void 0||(y=y.$binding)===null||y===void 0||(y=y.value)===null||y===void 0?void 0:y.unstyled)!==void 0?(B=s._$instances[e])===null||B===void 0||(B=B.$binding)===null||B===void 0||(B=B.value)===null||B===void 0?void 0:B.unstyled:b?.unstyled},theme:function(){var y;return(y=s._$instances[e])===null||y===void 0||(y=y.$primevueConfig)===null||y===void 0?void 0:y.theme},preset:function(){var y;return(y=s._$instances[e])===null||y===void 0||(y=y.$binding)===null||y===void 0||(y=y.value)===null||y===void 0?void 0:y.dt},ptm:function(){var y,B=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",T=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return j._getPTValue(s._$instances[e],(y=s._$instances[e])===null||y===void 0||(y=y.$binding)===null||y===void 0||(y=y.value)===null||y===void 0?void 0:y.pt,B,te({},T))},ptmo:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},B=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"",T=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return j._getPTValue(s._$instances[e],y,B,T,!1)},cx:function(){var y,B,T=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return(y=s._$instances[e])!==null&&y!==void 0&&y.isUnstyled()?void 0:j._getOptionValue((B=s._$instances[e])===null||B===void 0||(B=B.$style)===null||B===void 0?void 0:B.classes,T,te({},P))},sx:function(){var y,B=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",T=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,P=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return T?j._getOptionValue((y=s._$instances[e])===null||y===void 0||(y=y.$style)===null||y===void 0?void 0:y.inlineStyles,B,te({},P)):void 0}},k),s.$instance=s._$instances[e],(m=(h=s.$instance)[c])===null||m===void 0||m.call(h,s,d,u,p),s["$".concat(e)]=s.$instance,j._hook(e,c,s,d,u,p),s.$pd||(s.$pd={}),s.$pd[e]=te(te({},(g=s.$pd)===null||g===void 0?void 0:g[e]),{},{name:e,instance:s._$instances[e]})},a=function(c){var s,d,u,p=c._$instances[e],f=p?.watch,m=function(b){var v,k=b.newValue,S=b.oldValue;return f==null||(v=f.config)===null||v===void 0?void 0:v.call(p,k,S)},h=function(b){var v,k=b.newValue,S=b.oldValue;return f==null||(v=f["config.ripple"])===null||v===void 0?void 0:v.call(p,k,S)};p.$watchersCallback={config:m,"config.ripple":h},f==null||(s=f.config)===null||s===void 0||s.call(p,p?.$primevueConfig),mt.on("config:change",m),f==null||(d=f["config.ripple"])===null||d===void 0||d.call(p,p==null||(u=p.$primevueConfig)===null||u===void 0?void 0:u.ripple),mt.on("config:ripple:change",h)},i=function(c){var s=c._$instances[e].$watchersCallback;s&&(mt.off("config:change",s.config),mt.off("config:ripple:change",s["config.ripple"]),c._$instances[e].$watchersCallback=void 0)};return{created:function(c,s,d,u){c.$pd||(c.$pd={}),c.$pd[e]={name:e,attrSelector:We("pd")},r("created",c,s,d,u)},beforeMount:function(c,s,d,u){var p;j._loadStyles((p=c.$pd[e])===null||p===void 0?void 0:p.instance,s,d),r("beforeMount",c,s,d,u),a(c)},mounted:function(c,s,d,u){var p;j._loadStyles((p=c.$pd[e])===null||p===void 0?void 0:p.instance,s,d),r("mounted",c,s,d,u)},beforeUpdate:function(c,s,d,u){r("beforeUpdate",c,s,d,u)},updated:function(c,s,d,u){var p;j._loadStyles((p=c.$pd[e])===null||p===void 0?void 0:p.instance,s,d),r("updated",c,s,d,u)},beforeUnmount:function(c,s,d,u){var p;i(c),j._removeThemeListeners((p=c.$pd[e])===null||p===void 0?void 0:p.instance),r("beforeUnmount",c,s,d,u)},unmounted:function(c,s,d,u){var p;(p=c.$pd[e])===null||p===void 0||(p=p.instance)===null||p===void 0||(p=p.scopedStyleEl)===null||p===void 0||(p=p.value)===null||p===void 0||p.remove(),r("unmounted",c,s,d,u)}}},extend:function(){var e=j._getMeta.apply(j,arguments),n=Ds(e,2),r=n[0],a=n[1];return te({extend:function(){var l=j._getMeta.apply(j,arguments),c=Ds(l,2),s=c[0],d=c[1];return j.extend(s,te(te(te({},a),a?.methods),d))}},j._extend(r,a))}},KC=`
|
|
266
266
|
.p-ink {
|
|
267
267
|
display: block;
|
package/package.json
CHANGED