https://1wiwec.com/resources/v1/app/assets/checkbox-C4oDjsuI.js

1import{defineComponent as k,useCssVars as y,useId as C,useModel as f,toRef as v,openBlock as r,createElementBlock as c,normalizeClass as t,createElementVNode as l,withDirectives as $,unref as d,vModelCheckbox as x,createVNode as q,toDisplayString as V,createCommentVNode as b,createBlock as B,mergeModels as u}from"vue";import{H as M}from"./hint-C-pjU_97.js";import{C as E}from"./checkmark-kj0XwK1V.js";import{Z as L}from"./logger-B4OCWT-4.js";const g=["id","data-testid","disabled"],N=k({__name:"checkbox",props:u({testId:{},disabled:{type:Boolean},label:{},hint:{},status:{},labelColor:{default:"primary"},showError:{type:Boolean}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:u(["clickLink"],["update:modelValue"]),setup(o){y(e=>({v32e73dc9:h[e.labelColor]}));const n=o,p=C(),i=f(o,"modelValue"),m=v(()=>n.showError&&n.status==="error"),h={primary:"var(--color-content-base-primary)",secondary:"var(--color-content-base-secondary)"};return(e,s)=>(r(),c("label",{class:t([e.$style.root,m.value&&e.$style.error])},[l("div",{class:t(e.$style.inputWrapper)},[$(l("input",{id:d(p),"onUpdate:modelValue":s[0]||(s[0]=a=>i.value=a),"data-testid":o.testId,class:t(e.$style.input),type:"checkbox",disabled:o.disabled},null,10,g),[[x,i.value]]),l("div",{class:t([e.$style.box,o.disabled&&e.$style.disabled])},[q(d(E),{class:t(e.$style.icon),size:"s"},null,8,["class"])],2)],2),l("div",null,[o.label?(r(),c("div",{key:0,class:t(e.$style.label)},V(o.label),3)):b("",!0),o.hint?(r(),B(M,{key:1,class:t(e.$style.hint),hint:o.hint,onClick:s[1]||(s[1]=a=>{a.target.tagName==="A"&&e.$emit("clickLink")})},null,8,["class","hint"])):b("",!0)])],2))}}),W="checkbox_root-qop45",w="checkbox_hint-qop45",A="checkbox_box-qop45",I="checkbox_disabled-qop45",z="checkbox_error-qop45",D="checkbox_label-qop45",H="checkbox_inputWrapper-qop45",O="checkbox_icon-qop45",R="checkbox_input-qop45",P={root:W,hint:w,box:A,disabled:I,error:z,label:D,inputWrapper:H,icon:O,input:R},S={$style:P},G=L(N,[["__cssModules",S]]);export{G as C};
2(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".checkbox_root-qop45{gap:var(--spacing-8);-webkit-user-select:none;user-select:none;display:flex}.checkbox_hint-qop45{margin-top:var(--spacing-2)}.checkbox_hint-qop45 a{color:var(--content-button-accent-color-fg-default)}.checkbox_box-qop45{border:var(--border-s) solid var(--checkbox-color-unchecked-stroke-default);border-radius:var(--rounding-component-checkbox);background:var(--checkbox-color-unchecked-bg-default);transition:background-color .2s;position:absolute;inset:0}.checkbox_box-qop45.checkbox_disabled-qop45{cursor:unset;opacity:var(--opacity-item-disabled)}.checkbox_error-qop45 .checkbox_box-qop45{border:var(--border-s) solid var(--color-border-sentiment-negative-default)}.checkbox_error-qop45 .checkbox_hint-qop45{color:var(--color-solid-sentiment-negative-default)}:is(.checkbox_error-qop45 .checkbox_hint-qop45) a{color:var(--color-content-base-secondary)}.checkbox_box-qop45:not(.checkbox_disabled-qop45){cursor:pointer}.checkbox_box-qop45:not(.checkbox_disabled-qop45):hover{background-color:var(--checkbox-color-unchecked-bg-hover)}.checkbox_box-qop45:not(.checkbox_disabled-qop45):active{opacity:var(--opacity-item-active)}.checkbox_label-qop45{color:var(--v32e73dc9);font-family:var(--font-body-font-family);font-size:var(--font-body-regular-font-size);font-weight:var(--font-body-regular-font-weight);letter-spacing:var(--font-body-regular-letter-spacing);line-height:var(--font-body-regular-line-height)}.checkbox_inputWrapper-qop45{flex-shrink:0;width:20px;height:20px;position:relative}.checkbox_icon-qop45{color:var(--color-content-base-static-white);inset:var(--spacing-2);pointer-events:none;display:none;position:absolute}.checkbox_input-qop45{opacity:0;width:0;height:0}.checkbox_input-qop45:checked+.checkbox_box-qop45{border:var(--border-none);background-color:var(--checkbox-color-checked-bg-default)}:is(.checkbox_input-qop45:checked+.checkbox_box-qop45) .checkbox_icon-qop45{color:var(--checkbox-color-checked-fg);display:block}

2:is(.checkbox_input-qop45:checked+.checkbox_box-qop45):hover{background-color:var(--checkbox-color-checked-bg-hover)}.checkbox_input-qop45:focus-visible+.checkbox_box-qop45{outline:none}@supports not (width:1lh){:is(.checkbox_input-qop45:focus-visible+.checkbox_box-qop45){box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){:is(.checkbox_input-qop45:focus-visible+.checkbox_box-qop45){outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:var(--spacing-2)}}@supports not selector(:focus-visible){.checkbox_input-qop45:focus+.checkbox_box-qop45{outline:none}@supports not (width:1lh){:is(.checkbox_input-qop45:focus+.checkbox_box-qop45){box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)}}@supports (width:1lh){:is(.checkbox_input-qop45:focus+.checkbox_box-qop45){outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);outline-offset:var(--spacing-2)}}}")),document.head.appendChild(o)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();