https://zapisy.seaquest.pl/build/assets/FormSelectColor-9c32626c-BKheEXjw.js

1import{j as x,p as v,E as C,y as V,d as D,e as F,a as _}from"./ButtonToolbarAiIconXs.vue_vue_type_style_index_0_scoped_e3ade220_lang-ef0738d2-C2_eWI-S.js";import{s as B,h as n,D as $,o as l,c as r,a as u,t as H,l as a,m as k,k as o,v as I,g as w,i as p,w as s,B as y,F as T,x as q}from"./_plugin-vue_export-helper-BGe_f5rW.js";import{m as E}from"./CheckIcon-a0d32b98-CbzAyRU_.js";const j={name:"FormTextArea",components:{FormNotification:x,HelpIcon:v,SlideDownTransition:C},props:{modelValue:{type:String,default:""},title:{type:String,default:""},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},error:{type:String,default:""},help:{type:String,default:""},required:{type:Boolean,default:!1},tooltip:{type:String,default:""},tooltipHtml:{type:Boolean,default:!1},rows:{type:Number,default:3}},emits:["update:modelValue","blur"],setup(t){return V(t)},data(){return{id:D()}},computed:{model:{get(){return this.modelValue},set(t){this.$emit("update:modelValue",t)}}}},z={"data-scroll":""},A=["for"],L={key:0,class:"ct-text-error"},M={class:"relative mt-2 rounded-lg shadow-sm shadow-gray-900/5"},U=["id","placeholder","disabled","rows"];function W(t,m,e,N,b,f){const S=n("HelpIcon"),h=n("FormNotification"),i=n("SlideDownTransition"),c=$("tooltip");return l(),r("div",z,[u("label",{for:b.id,class:"flex items-center text-sm font-medium leading-6 ct-text-2 space-x-1"},[u("span",null,H(e.title),1),e.required?(l(),r("span",L,"*")):a("",!0),e.tooltip?k((l(),o(S,{key:1,class:"cursor-pointer ct-fg-4 h-4 w-4"},null,512)),[[c,{content:e.tooltip,html:e.tooltipHtml}]]):a("",!0)],8,A),u("div",M,[k(u("textarea",{id:b.id,"onUpdate:modelValue":m[0]||(m[0]=g=>f.model=g),class:w(["ct-input",{"is-error":t.hasError}]),placeholder:e.placeholder,disabled:e.disabled,rows:e.rows,onBlur:m[1]||(m[1]=g=>t.$emit("blur",g))},null,42,U),[[I,f.model]])]),p(i,{speed:.25},{default:s(()=>[t.hasHelp?(l(),o(h,{key:0,message:e.help,help:""},{default:s(()=>[y(t.$slots,"help")]),_:3},8,["message"])):a("",!0)]),_:3}),p(i,{speed:.25},{default:s(()=>[t.hasError?(l(),o(h,{key:0,message:e.error,error:""},{default:s(()=>[y(t.$slots,"error")]),_:3},8,["message"])):a("",!0)]),_:3})])}const ae=B(j,[["render",W]]),G={name:"FormSelectColor",components:{CheckIcon:E,HelpIcon:v,FormNotification:x,SlideDownTransition:C},props:{modelValue:{type:String,default:""},title:{type:String,default:""},colors:{type:Array,default:()=>F},disabled:{type:Boolean,default:!1},error:{type:String,default:""},help:{type:String,default:""},warning:{type:String,default:""},success:{type:String,default:""},required:{type:Boolean,default:!1},tooltip:{type:String,default:""},tooltipHtml:{type:Boolean,default:!1}},emits:["update:modelValue","input","change"],setup(t){return V(t)},methods:{colorClass(t){return _[t]||""},selectColor(t){this.disabled||(this.$emit("input",t),this.$emit("change",t),this.$emit("update:modelValue",t))}}},J={"data-scroll":""},K=["disabled"],O={key:0,class:"mb-2 flex items-center space-x-1 text-sm font-medium leading-6 ct-text-2"},P={key:0},Q={key:1,class:"ct-text-error"},R=["aria-label"],X=["disabled","aria-label","aria-selected","title","onClick"];function Y(t,m,e,N,b,f){const S=n("HelpIcon"),h=n("CheckIcon"),i=n("FormNotification"),c=n("SlideDownTransition"),g=$("tooltip");return l(),r("div",J,[u("fieldset",{disabled:e.disabled},[e.title||e.required||e.tooltip?(l(),r("legend",O,[e.title?(l(),r("span",P,H(e.title),1)):a("",!0),e.required?(l(),r("span",Q,"*")):a("",!0),e.tooltip?k((l(),o(S,{key:2,class:"h-4 w-4 cursor-pointer ct-fg-4"},null,512)),[[g,{content:e.tooltip,html:e.tooltipHtml}]]):a("",!0)])):a("",!0),u("div",{class:w(["rounded-lg",{"opacity-60":e.disabled}])},[u("div",{class:"grid grid-cols-8 gap-3",role:"listbox","aria-label":e.title||"Select color"},[(l(!0),r(T,null,q(e.colors,d=>(l(),r("button",{key:d,type:"button",class:w(["relative inline-flex h-7 w-7 items-center justify-center rounded-full border ct-border-2 focus:outline-none focus:ct-ring-focus--shadow disabled:cursor-not-allowed",f.colorClass(d)]),disabled:e.disabled,"aria-label":`Select color ${d}`,"aria-selected":e.modelValue===d,title:d,onClick:Z=>f.selectColor(d)},[e.modelValue===d?(l(),o(h,{key:0,class:"h-4 w-4","aria-hidden":"true"})):a("",!0)],10,X))),128))],8,R)],2)],8,K),p(c,{speed:.25},{default:s(()=>[t.hasHelp?(l(),o(i,{key:0,message:e.help,help:""},{default:s(()=>[y(t.$slots,"help")]),_:3},8,["message"])):a("",!0)]),_:3}),p(c,{speed:.25},{default:s(()=>[t.hasError?(l(),o(i,{key:0,message:e.error,error:""},{default:s(()=>

1[y(t.$slots,"error")]),_:3},8,["message"])):a("",!0)]),_:3}),p(c,{speed:.25},{default:s(()=>[t.hasWarning?(l(),o(i,{key:0,message:e.warning,"inner-classes":"mt-2 text-sm ct-text-warning"},null,8,["message"])):a("",!0)]),_:1}),p(c,{speed:.25},{default:s(()=>[t.hasSuccess?(l(),o(i,{key:0,message:e.success,"inner-classes":"mt-2 text-sm ct-text-success"},null,8,["message"])):a("",!0)]),_:1})])}const se=B(G,[["render",Y]]);export{se as d,ae as n};