https://www.custtom.com/build/assets/ArticleText-Br9ACtUT.js

1import{r as _,w as Se,s as ke,v as ze,A as N,C as p,F as Y,W as be,B as U,L as Fe,S as Te,R as M,f as Ae,c as Z,D as $,M as Me,u as x,K as Ne,P as oe,_ as Ee,$ as Le,N as ne,G as me,Q as xe,a0 as Ie,H as Be,a1 as je,x as Oe,n as le}from"./inertia-prototypes-_0KFShPv.js";import{e as De}from"./index-BUijt7wr.js";import{v as He}from"./index-BAzMPhwh.js";import{u as Re}from"./usePasParCalc-Dufh3YIs.js";import{u as Ue}from"./articleStore-hB4tM4vH.js";import{u as Ke}from"./filesmetaStore-DLIp82wQ.js";import{u as Ve}from"./appPropertiesStore-C4AJNSeW.js";import{u as We}from"./commonComponentStateStore-CqGEfmWh.js";import{c as Xe}from"./popper-CMBiYTiD.js";function E(e,t,a){return Math.max(t,Math.min(e,a))}function m(e,t=2){return e.toFixed(t).replace(/\.?0+$/,"")}function _e(e){return e.endsWith(".")?NaN:(parseFloat(e)%360+360)%360/360}function we(e){return m(360*e)}function O(e){if(!e.endsWith("%"))return NaN;const t=e.substring(0,e.length-1);if(t.endsWith("."))return NaN;const a=parseFloat(t);return Number.isNaN(a)?NaN:E(a,0,100)/100}function G(e){return m(100*e)+"%"}function ie(e){if(e.endsWith("%"))return O(e);if(e.endsWith("."))return NaN;const t=parseFloat(e);return Number.isNaN(t)?NaN:E(t,0,255)/255}function se(e){return m(255*e)}function ce(e){return e.endsWith("%")?O(e):E(parseFloat(e),0,1)}function pe(e){return String(e)}const ge={hsl:{h:{to:we,from:_e},s:{to:G,from:O},l:{to:G,from:O},a:{to:pe,from:ce}},hwb:{h:{to:we,from:_e},w:{to:G,from:O},b:{to:G,from:O},a:{to:pe,from:ce}},rgb:{r:{to:se,from:ie},g:{to:se,from:ie},b:{to:se,from:ie},a:{to:pe,from:ce}}};function Q(e){const t=e.replace(/^#/,""),a=[],c=t.length>4?2:1;for(let h=0;h<t.length;h+=c){const b=t.slice(h,h+c);a.push(b.repeat(c%2+1))}a.length===3&&a.push("ff");const s=a.map(h=>parseInt(h,16)/255);return{r:s[0],g:s[1],b:s[2],a:s[3]}}function ue(e){const t=e.l<.5?e.l*(1+e.s):e.l+e.s-e.l*e.s,a=2*e.l-t;return{r:ve(a,t,e.h+1/3),g:ve(a,t,e.h),b:ve(a,t,e.h-1/3),a:e.a}}function ve(e,t,a){return a<0?a+=1:a>1&&(a-=1),a<1/6?e+6*(t-e)*a:a<.5?t:a<2/3?e+(t-e)*(2/3-a)*6:e}function R(e){return{r:de(5,e),g:de(3,e),b:de(1,e),a:e.a}}function de(e,t){const a=(e+6*t.h)%6;return t.v-t.v*t.s*Math.max(0,Math.min(a,4-a,1))}function B(e){return{h:e.h,s:e.b===1?0:1-e.w/(1-e.b),v:1-e.b,a:e.a}}function j(e){const t=Math.min(e.r,e.g,e.b),a=Math.max(e.r,e.g,e.b);let c;return c=a===t?0:a===e.r?(0+(e.g-e.b)/(a-t))/6:a===e.g?(2+(e.b-e.r)/(a-t))/6:(4+(e.r-e.g)/(a-t))/6,c<0&&(c+=1),{h:c,w:t,b:1-a,a:e.a}}function fe(e){const t=j(e),a=t.w,c=1-t.b,s=(c+a)/2;let h;return h=c===0||a===1?0:(c-s)/Math.min(s,1-s),{h:t.h,s:h,l:s,a:e.a}}function q(e){return"#"+Object.values(e).map(t=>{const a=255*t,c=Math.round(a).toString(16);return c.length===1?"0"+c:c}).join("")}const Ye={hex:[["hsl",e=>k(e,[Q,fe])],["hsv",e=>k(e,[Q,j,B])],["hwb",e=>k(e,[Q,j])],["rgb",Q]],hsl:[["hex",e=>k(e,[ue,q])],["hsv",function(e){const t=e.l+e.s*Math.min(e.l,1-e.l),a=t===0?0:2-2*e.l/t;return{h:e.h,s:a,v:t,a:e.a}}],["hwb",e=>k(e,[ue,j])],["rgb",ue]],hsv:[["hex",e=>k(e,[R,q])],["hsl",function(e){const t=e.v-e.v*e.s/2,a=Math.min(t,1-t),c=a===0?0:(e.v-t)/a;return{h:e.h,s:c,l:t,a:e.a}}],["hwb",function(e){return{h:e.h,w:(1-e.s)*e.v,b:1-e.v,a:e.a}}],["rgb",R]],hwb:[["hex",e=>k(e,[B,R,q])],["hsl",e=>k(e,[B,R,fe])],["hsv",B],["rgb",e=>k(e,[B,R])]],rgb:[["hex",q],["hsl",fe],["hsv",e=>k(e,[j,B])],["hwb",j]]};function k(e,t){return t.reduce((a,c)=>c(a),e)}function J(e){const t={};for(const a in e)t[a]=e[a];return t}const Ge={hex:(e,t)=>t&&[5,9].includes(e.length)?e.substring(0,e.length-(e.length-1)/4):e,hsl:(e,t)=>`hsl(${m(360*e.h)} ${m(100*e.s)}% ${m(100*e.l)}%`+(t?")":` / ${m(e.a)})`),hwb:(e,t)=>`hwb(${m(360*e.h)} ${m(100*e.w)}% ${m(100*e.b)}%`+(t?")":` / ${m(e.a)})`),rgb:(e,t)=>`rgb(${m(255*e.r)} ${m(255*e.g)} ${m(255*e.b)}`+(t?")":` / ${m(e.a)})`)};function ye(e,t,a){return Ge[t](e,a)}function Ce(e){return/^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e)}function Qe(e){if(typeof e!="string")return{format:function(i){return Object.prototype.hasOwnProperty.call(i,"r")?"rgb":Object.prototype.hasOwnProperty.call(i,"w")?"hwb":Object.prototype.hasOwnProperty.call(i,"v")?"hsv":"hsl"}(e),color:e};if(Ce(e))return{format:"hex",color:e};if(!e.includes("(")){const d=document.createElement("canvas").getContext("2d");d.fillStyle=e;const i=d.fillStyle;return i==="#000000"&&e!=="black"?null:{format:"hex",color:i}}const[t,a]=e.split("("),c=t.substring(0,3),s=a.replace(/[,/)]/g," ").replace(/\s+/g," ").trim().split(" ");s.length===3&&s.push("1");const h=(c+"a").split(""),b=Object.fromEntries(h.map((d,i)=>[d,ge[c][d].from(s[i])]));return{format:c,color:b}}const he=["hex","hsl","hwb","rgb"],qe=["show","hide"],Je={class:"vacp-range-input-group"},Ze=["for"],et={class:"vacp-range-input-label-text vacp-range-input-label-text--hue"}

1,tt=["id","value"],at=["for"],rt={class:"vacp-range-input-label-text vacp-range-input-label-text--alpha"},ot=["id","value"],nt=p("span",{class:"vacp-visually-hidden"},"Copy color",-1),lt=p("svg",{class:"vacp-icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"24",height:"24",viewBox:"0 0 32 32"},[p("path",{d:"M25.313 28v-18.688h-14.625v18.688h14.625zM25.313 6.688c1.438 0 2.688 1.188 2.688 2.625v18.688c0 1.438-1.25 2.688-2.688 2.688h-14.625c-1.438 0-2.688-1.25-2.688-2.688v-18.688c0-1.438 1.25-2.625 2.688-2.625h14.625zM21.313 1.313v2.688h-16v18.688h-2.625v-18.688c0-1.438 1.188-2.688 2.625-2.688h16z",fill:"currentColor"})],-1),it={class:"vacp-color-inputs"},st={class:"vacp-color-input-group"},ct=["for"],pt=p("span",{class:"vacp-color-input-label-text"}," Hex ",-1),ut=["id","value"],vt=["id","for","onInput"],dt={class:"vacp-color-input-label-text"},ft=["id","value","onInput"],ht=p("span",{class:"vacp-visually-hidden"},"Switch format",-1),gt=p("svg",{class:"vacp-icon","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"15"},[p("path",{d:"M8 15l5-5-1-1-4 2-4-2-1 1zm4-9l1-1-5-5-5 5 1 1 4-2z",fill:"currentColor"})],-1);var $e={__name:"ColorPicker",props:{color:{type:[String,Object],default:"#ffffffff"},id:{type:String,default:"color-picker"},visibleFormats:{type:Array,default:()=>he,validator:e=>e.length>0&&e.every(t=>he.includes(t))},defaultFormat:{type:String,default:"hsl",validator:e=>he.includes(e)},alphaChannel:{type:String,default:"show",validator:e=>qe.includes(e)}},emits:["color-change"],setup(e,{emit:t}){const a=e,c=_(null),s=_(null),h=_(null),b=_(!1),d=_(a.visibleFormats.includes(a.defaultFormat)?a.defaultFormat:a.visibleFormats[0]),i=Ae({hex:"#ffffffff",hsl:{h:0,s:0,l:1,a:1},hsv:{h:0,s:0,v:1,a:1},hwb:{h:0,w:1,b:0,a:1},rgb:{r:1,g:1,b:1,a:1}}),D=Z(function(){const n=Object.keys(i[d.value]);return d.value!=="hex"&&a.alphaChannel==="hide"?n.slice(0,3):n}),u=Z(function(){return a.alphaChannel==="hide"&&[5,9].includes(i.hex.length)?i.hex.substring(0,i.hex.length-(i.hex.length-1)/4):i.hex});function P(){const n=(a.visibleFormats.findIndex(l=>l===d.value)+1)%a.visibleFormats.length;d.value=a.visibleFormats[n]}function S(n){b.value=!0,L(n)}function ee(n){b.value=!0,F(n)}function z(){b.value=!1}function L(n){n.buttons===1&&b.value!==!1&&s.value instanceof HTMLElement&&w(s.value,n.clientX,n.clientY)}function F(n){if(b.value===!1||!(s.value instanceof HTMLElement))return;n.preventDefault();const l=n.touches[0];w(s.value,l.clientX,l.clientY)}function w(n,l,r){const o=function(g,f,I){const C=g.getBoundingClientRect(),X=f-C.left,y=I-C.top;return{x:C.width===0?0:E(X/C.width,0,1),y:C.height===0?0:E(1-y/C.height,0,1)}}(n,l,r),v=J(i.hsv);v.s=o.x,v.v=o.y,A("hsv",v)}function te(n){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(n.key))return;n.preventDefault();const l=["ArrowLeft","ArrowDown"].includes(n.key)?-1:1,r=["ArrowLeft","ArrowRight"].includes(n.key)?"s":"v",o=n.shiftKey?10:1,v=i.hsv[r]+l*o*.01,g=J(i.hsv);g[r]=E(v,0,1),A("hsv",g)}function K(n){const l=Qe(n);l!==null&&A(l.format,l.color)}function V(n,l){const r=n.currentTarget,o=J(i.hsv);o[l]=parseInt(r.value)/parseInt(r.max),A("hsv",o)}function T(n){const l=n.target;Ce(l.value)&&A("hex",l.value)}function H(n,l){const r=n.target,o=J(i[d.value]),v=ge[d.value][l].from(r.value);Number.isNaN(v)||v===void 0||(o[l]=v,A(d.value,o))}function A(n,l){let r=l;if(a.alphaChannel==="hide")if(typeof l!="string")l.a=1,r=l;else if([5,9].includes(l.length)){const o=(l.length-1)/4;r=l.substring(0,l.length-o)+"f".repeat(o)}else[4,7].includes(l.length)&&(r=l+"f".repeat((l.length-1)/3));if(!function(o,v){if(typeof o=="string"||typeof v=="string")return o===v;for(const g in o)if(o[g]!==v[g])return!1;return!0}(i[n],r)){(function(v,g){i[v]=g;for(const[f,I]of Ye[v])i[f]=I(i[v])})(n,r);const o=function(){const v=a.alphaChannel==="hide",g=ye(i[d.value],d.value,v);return{colors:i,cssColor:g}}();t("color-change",o)}(function(){c.value instanceof HTMLElement&&s.value instanceof HTMLElement&&h.value instanceof HTMLElement&&(c.value.style.setProperty("--vacp-hsl-h",String(i.hsl.h)),c.value.style.setProperty("--vacp-hsl-s",String(i.hsl.s)),c.value.style.setProperty("--vacp-hsl-l",String(i.hsl.l)),c.value.style.setProperty("--vacp-hsl-a",String(i.hsl.a)),s.value.style.position="relative",s.value.style.backgroundColor="hsl(calc(var(--vacp-hsl-h) * 360) 100% 50%)",s.value.style.backgroundImage="linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)",h.value.style.boxSizing="border-box",h.value.style.position="absolute",h.value.style.left=100*i.hsv.s+"%",h.value.style.bottom=100*i.hsv.v+"%")})()}

1async function ae(){const n=i[d.value],l=a.alphaChannel==="hide",r=ye(n,d.value,l);await window.navigator.clipboard.writeText(r)}function re(n,l){return ge[n][l].to(i[n][l])}function W(n){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(n.key)||!n.shiftKey)return;const l=n.currentTarget,r=parseFloat(l.step),o=["ArrowLeft","ArrowDown"].includes(n.key)?-1:1,v=E(parseFloat(l.value)+o*r*10,parseInt(l.min),parseInt(l.max));l.value=String(v-o*r)}return Se(()=>a.color,K),ke(function(){document.addEventListener("mousemove",L,{passive:!1}),document.addEventListener("touchmove",F,{passive:!1}),document.addEventListener("mouseup",z),document.addEventListener("touchend",z),K(a.color)}),ze(function(){document.removeEventListener("mousemove",L),document.removeEventListener("touchmove",F),document.removeEventListener("mouseup",z),document.removeEventListener("touchend",z)}),(n,l)=>($(),N("div",{ref_key:"colorPicker",ref:c,class:"vacp-color-picker"},[p("div",{ref_key:"colorSpace",ref:s,class:"vacp-color-space",onMousedown:S,onTouchstart:ee},[p("div",{ref_key:"thumb",ref:h,class:"vacp-color-space-thumb",tabindex:"0","aria-label":"Color space thumb",onKeydown:te},null,544)],544),p("div",Je,[p("label",{class:"vacp-range-input-label vacp-range-input-label--hue",for:`${e.id}-hue-slider`},[p("span",et,[Y(n.$slots,"hue-range-input-label",{},()=>[be("Hue")])]),p("input",{id:`${e.id}-hue-slider`,class:"vacp-range-input vacp-range-input--hue",value:360*i.hsv.h,type:"range",min:"0",max:"360",step:"1",onKeydownPassive:W,onInput:l[0]||(l[0]=r=>V(r,"h"))},null,40,tt)],8,Ze),e.alphaChannel==="show"?($(),N("label",{key:0,class:"vacp-range-input-label vacp-range-input-label--alpha",for:`${e.id}-alpha-slider`},[p("span",rt,[Y(n.$slots,"alpha-range-input-label",{},()=>[be("Alpha")])]),p("input",{id:`${e.id}-alpha-slider`,class:"vacp-range-input vacp-range-input--alpha",value:100*i.hsv.a,type:"range",min:"0",max:"100",step:"1",onKeydownPassive:W,onInput:l[1]||(l[1]=r=>V(r,"a"))},null,40,ot)],8,at)):U("v-if",!0)]),p("button",{class:"vacp-copy-button",type:"button",onClick:ae},[Y(n.$slots,"copy-button",{},()=>[nt,lt])]),p("div",it,[p("div",st,[d.value==="hex"?($(),N("label",{key:0,class:"vacp-color-input-label",for:`${e.id}-color-hex`},[pt,p("input",{id:`${e.id}-color-hex`,class:"vacp-color-input",type:"text",value:u.value,onInput:T},null,40,ut)],8,ct)):($(!0),N(Fe,{key:1},Te(D.value,r=>($(),N("label",{id:`${e.id}-color-${d.value}-${r}-label`,key:`${e.id}-color-${d.value}-${r}-label`,class:"vacp-color-input-label",for:`${e.id}-color-${d.value}-${r}`,onInput:o=>H(o,r)},[p("span",dt,M(r.toUpperCase()),1),p("input",{id:`${e.id}-color-${d.value}-${r}`,class:"vacp-color-input",type:"text",value:re(d.value,r),onInput:o=>H(o,r)},null,40,ft)],40,vt))),128))]),e.visibleFormats.length>1?($(),N("button",{key:0,class:"vacp-format-switch-button",type:"button",onClick:P},[Y(n.$slots,"format-switch-button",{},()=>[ht,gt])])):U("v-if",!0)])],512))}};(function(e,t){t===void 0&&(t={});var a=t.insertAt;if(typeof document<"u"){var c=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",a==="top"&&c.firstChild?c.insertBefore(s,c.firstChild):c.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}})(".vacp-color-picker{--vacp-color:hsl(calc(var(--vacp-hsl-h)*360) calc(var(--vacp-hsl-s)*100%) calc(var(--vacp-hsl-l)*100%)/var(--vacp-hsl-a));--vacp-focus-color:#19f;--vacp-focus-outline:2px solid var(--vacp-focus-color);--vacp-border-width:1px;--vacp-border-color:#000;--vacp-border:var(--vacp-border-width) solid var(--vacp-border-color);--vacp-color-space-width:300px;--vacp-spacing:6px;grid-gap:var(--vacp-spacing);background-color:#fff;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.8em;grid-template-columns:1fr min-content;max-width:var(--vacp-color-space-width);padding:var(--vacp-spacing)}.vacp-color-picker *,.vacp-color-picker :after,.vacp-color-picker :before{box-sizing:border-box}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}.vacp-color-picker :focus{outline:var(--vacp-focus-outline)}.vacp-color-space{grid-column:1/-1;height:calc(var(--vacp-color-space-width)*.6);overflow:hidden}.vacp-color-space-thumb{--vacp-thumb-size:calc(var(--vacp-spacing)*4);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-border-width) var(--vacp-border-color);height:var(--vacp-thumb-size);margin-bottom:calc(var(--vacp-thumb-size)*-1/2);margin-left:calc(var(--vacp-thumb-size)*-1/2);transform:rotate(0);width:var(--vacp-thumb-size)}.vacp-color-space-thumb:focus{box-shadow:0 0 0 var(--vacp-border-width) var(--vacp-border-color),

10 0 0 3px var(--vacp-focus-color);outline-color:transparent}.vacp-range-input-label{--vacp-slider-track-width:100%;--vacp-slider-track-height:calc(var(--vacp-spacing)*3);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-top:var(--vacp-spacing)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{background:none;border:none;display:block;height:var(--vacp-slider-track-height);margin-bottom:calc(var(--vacp-spacing)/2 + 1px);margin-left:0;margin-right:0;margin-top:calc(var(--vacp-spacing)/2 + 1px);padding:0;width:var(--vacp-slider-track-width)}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee);background-position:0 0,var(--vacp-spacing) var(--vacp-spacing);background-size:calc(var(--vacp-spacing)*2) calc(var(--vacp-spacing)*2)}.vacp-range-input::-moz-range-track{border:var(--vacp-border);box-sizing:content-box;height:var(--vacp-slider-track-height);width:var(--vacp-slider-track-width)}.vacp-range-input::-webkit-slider-runnable-track{border:var(--vacp-border);box-sizing:content-box;height:var(--vacp-slider-track-height);width:var(--vacp-slider-track-width)}.vacp-range-input::-ms-track{border:var(--vacp-border);box-sizing:content-box;height:var(--vacp-slider-track-height);width:var(--vacp-slider-track-width)}.vacp-range-input:focus::-moz-range-track{outline:var(--vacp-focus-outline)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:var(--vacp-focus-outline)}.vacp-range-input:focus::-ms-track{outline:var(--vacp-focus-outline)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(90deg,red 0,#ff0 16.66667%,#0f0 33.33333%,#0ff 50%,#00f 66.66667%,#f0f 83.33333%,red 100%)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(90deg,red 0,#ff0 16.66667%,#0f0 33.33333%,#0ff 50%,#00f 66.66667%,#f0f 83.33333%,red 100%)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(90deg,red 0,#ff0 16.66667%,#0f0 33.33333%,#0ff 50%,#00f 66.66667%,#f0f 83.33333%,red 100%)}.vacp-range-input::-moz-range-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-border-width) var(--vacp-border-color);box-sizing:content-box;height:var(--vacp-slider-track-height);isolation:isolate;width:var(--vacp-slider-track-height)}.vacp-range-input::-webkit-slider-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-border-width) var(--vacp-border-color);box-sizing:content-box;height:var(--vacp-slider-track-height);isolation:isolate;margin-top:calc((var(--vacp-spacing)/2)*-1);width:var(--vacp-slider-track-height)}.vacp-range-input::-ms-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-border-width) var(--vacp-border-color);box-sizing:content-box;height:var(--vacp-slider-track-height);isolation:isolate;margin-top:calc((var(--vacp-spacing)/2)*-1);width:var(--vacp-slider-track-height)}.vacp-copy-button{align-items:center;align-self:center;background-color:#fff;border:var(--vacp-border-width) solid transparent;border-radius:50%;display:flex;height:calc(var(--vacp-spacing)*6);justify-content:center;justify-self:center;overflow:hidden;position:relative;width:calc(var(--vacp-spacing)*6)}.vacp-copy-button:enabled:focus{border-color:var(--vacp-border-color);box-shadow:0 0 0 2px var(--vacp-focus-color);outline:none}.vacp-copy-button:enabled:hover{background-color:#0002}.vacp-color-inputs{align-items:center;display:flex;grid-column:1/-1}.vacp-color-inputs>:not(:first-child){margin-left:var(--vacp-spacing)}.vacp-color-input-group{column-gap:var(--vacp-spacing);display:grid;flex-grow:1;grid-auto-flow:column}.vacp-color-input-label{text-align:center}.vacp-color-input{border:var(--vacp-border);margin:0;margin-top:calc(var(--vacp-spacing)/2);text-align:center;width:100%}.vacp-color-input,.vacp-format-switch-button{background-color:#fff;color:inherit;font:inherit;padding:var(--vacp-spacing)}.vacp-format-switch-button{align-items:center;border:var(--vacp-border-width) solid transparent;border-radius:50%;display:flex;justify-content:center;margin:0}.vacp-format-switch-button:enabled:focus{border-color:var(--vacp-border-color)}.vacp-format-switch-button:enabled:hover{background-color:#0002}.vacp-visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}"),$e.__file="src/ColorPicker.vue";const bt={key:0,class:"text-options"},mt={class:"font-selection"},xt={class:"label"},_t={class:"text-inputs"},wt={class:"line-switch"},yt={class:"color-picker"},kt={key:0,class:"color-picker-dialog"},Ct={class:"label"},$t={class:"remove-line"},Pt={class:"label"},St={__name:"ArticleText",setup(e){const t=Ue(),a=Ke(),c=Ve(),s=We(),{calcStandardPassePartoutPaddingEditor:h}=Re(),b=Oe(),d=b==null?void 0:b.appContext.config.globalProperties.$constants,i=b==null?void 0:b.appContext.config.globalProperties.trans,D=b==null?void 0:b.appContext.config.globalProperties.$rollbar,u=_(),P=_(""),S=_(""),ee=_(null),z=_(""),L=_("bottom"),F=_(!1),w=Z({get:()=>{var r,o;return s.active_text_line==="title"?((r=u.value)==null?void 0:r.title)||"":((o=u.value)==null?void 0:o.subtitle)||""},set:r=>{u.value&&(s.active_text_line==="title"?u.value.title=r:u.value.subtitle=r)}}),te=()=>{F.value=!1},K=Z(()=>(t.passepartout_text||[]).map(({font_name:r,font_family:o})=>({font_name:r,font_family:o}))),V=r=>{P.value=r.cssColor,T()};ke(()=>{c.is_android&&c.is_in_app_browser==="1"?s.android_fb_alert=!0:(n("title"),T(),(t.passepartout_text||[]).forEac

1h(r=>{H(r.font_name)}),H("adobe_notdef"))});const T=()=>{var I,C,X;const r=d.passePartoutText.fallbackFont,o=d.passePartoutText.subfallbackFont,v=d.passePartoutText.fallbackColor,g=y=>(t.passepartout_text||[]).find(Pe=>Pe.font_name===y);if(!u.value)if(t.active_passepartout_text&&a.activeFileMeta!==null)u.value={...t.active_passepartout_text};else{const y=g(r)||(t.passepartout_text||[])[0]||{};u.value={...y}}u.value.article_id=t.active_article.article_id,(I=u.value).title??(I.title=i("app.passe-partout-text.placeholder.title")),(C=u.value).subtitle??(C.subtitle=i("app.passe-partout-text.placeholder.subtitle")),P.value||(P.value=u.value.active_color||v),u.value.active_color=P.value,S.value||(S.value=u.value.title_font_name||r);const f=g(S.value);if(f&&(u.value.title_font_name=f.font_name,u.value.title_font_family=f.font_family,u.value.uppercase=f.uppercase,u.value.size_pp_divider_title=f.size_pp_divider_title,u.value.size_pp_divider_subtitle=f.size_pp_divider_subtitle),!u.value.subtitle_font_name){const y=g(o);y&&(u.value.subtitle_font_name=y.font_name,u.value.subtitle_font_family=y.font_family,u.value.subtitle_uppercase=y.uppercase)}u.value.letter_spacing=h(t.active_article,t.active_options).pasparPX/u.value.size_pp_divider_title/d.passePartoutText.titleLetterSpacingBase/(h(t.active_article,t.active_options).pasparPX/u.value.size_pp_divider_title),u.value.subtitle_letter_spacing=h(t.active_article,t.active_options).pasparPX/u.value.size_pp_divider_subtitle/d.passePartoutText.subtitleLetterSpacingBase/(h(t.active_article,t.active_options).pasparPX/u.value.size_pp_divider_subtitle),(X=u.value).ppt_standard??(X.ppt_standard=h(t.active_article,t.active_options).pasparCM),t.active={...t.active,options:{...t.active.options,passepartout_text:{...u.value}}}},H=async r=>{if(![...document.fonts].some(o=>o.family===r))try{const o=new FontFace(r,`url(/fonts/${r}.ttf)`);await o.load(),document.fonts.add(o)}catch(o){console.error(`Error loading font ${r}:`,o),D==null||D.error(o,{function:"loadFont"})}},A=(r,o,{width:v})=>{r.style.width=v;const g=Xe(o.$refs.toggle,r,{placement:L.value,modifiers:[{name:"offset",options:{offset:[0,-1]}},{name:"toggleClass",enabled:!0,phase:"write",fn(){o.$el.classList.toggle("drop-up",L.value==="top")}}]});return()=>g.destroy()},ae=async r=>{const o=r.inputType==="insertFromPaste",v=r.inputType==="deleteContentBackward";await T(),le(()=>{!v&&s.isTextOverflow?(w.value=z.value,s.setAlert({header:i("app.alert.header.oops"),message:i(o?"app.message.exceeding-container-paste":"app.message.exceeding-container"),btn_text:i("app.alert.btn.close")}),T()):z.value=w.value})},re=r=>{if(r.key==="Enter"){le(()=>{r.preventDefault()});return}if(r.key==="Tab"){r.preventDefault(),s.active_text_line==="title"?s.active_text_line="subtitle":s.active_text_line="title";return}r.key!=="Backspace"&&le(()=>{s.isTextOverflow&&r.preventDefault()})},W=()=>{const r="☒",o=De(),v=w.value.replace(/^\s+|\s+$/gu,"").replace(o,r);w.value=v,T()},n=r=>{s.active_text_line=r,z.value=w.value},l=()=>{t.removeActivePassepartoutText(!1),s.product_option_active="sizes"};return(r,o)=>{var g;const v=Me("v-select");return x(t).active_passepartout_text!==void 0||!x(c).is_android&&x(c).is_in_app_browser!=="1"?($(),N("div",bt,[p("div",mt,[p("span",xt,M(x(i)("app.passe-partout-text.label.font")),1),Ne(v,{modelValue:S.value,"onUpdate:modelValue":o[0]||(o[0]=f=>S.value=f),options:K.value,label:"font_name",reduce:f=>f.font_name,searchable:!1,clearable:!1,"append-to-body":"","calculate-position":A,"onOption:selected":T},{"selected-option":oe(f=>[p("span",{style:ne(`font-family:${f.font_name};`)},M(f.font_family),5)]),option:oe(f=>[p("span",{style:ne(`font-family:${f.font_name};`)},M(f.font_family),5)]),"open-indicator":oe(({attributes:f})=>[p("span",Ee(Le(f))," ",16)]),_:1},8,["modelValue","options","reduce"])]),p("div",_t,[p("div",wt,[p("div",{class:me(["line-btn",{active:x(s).active_text_line==="title"}]),onClick:o[1]||(o[1]=f=>n("title"))},M(x(i)("app.passe-partout-text.text-select.title")),3),p("div",{class:me(["line-btn",{active:x(s).active_text_line==="subtitle"}]),onClick:o[2]||(o[2]=f=>n("subtitle"))},M(x(i)("app.passe-partout-text.text-select.subtitle")),3)]),xe(p("textarea",{ref_key:"textRef",ref:ee,"onUpdate:modelValue":o[3]||(o[3]=f=>w.value=f),class:"textarea-input",onKeydown:re,onInput:ae,onBlur:W},null,544),[[Ie,w.value]])]),p("div",yt,[F.value?xe(($(),N("div",kt,[((g=u.value)==null?void 0:g.active_color)!==void 0?($(),Be(x($e),{key:0,"visible-formats":["hex"],"default-format":"hex","alpha-channel":"hide",color:u.value.active_color,onColorChange:V},null,8,["color"])):U("",!0)])),[[x(He),te,void 0,{bubble:!0}]]):U("",!0),p("div",{class:"color-picker-icon",style:ne(`background-color: ${P.value}`),onClick:o[4]||(o[4]=je(f=>F.value=!F.value,["stop"]))},null,4),p("span",Ct,M(x(i)("app.passe-partout-text.label.color")),1)]),p("div",$t,[p("div",{class:"icon",onClick:l}),p("span",Pt,M(x(i)("app.passe-partout-text.label.remove-text")),1)])])):U("",!0)}}},Bt=Object.freeze(Object.defineProperty({__proto__:null,default:St},Symbol.toStringTag,{value:"Module"}));

1export{Bt as A,St as _,$e as s};