38993eb5b5
Note that CSS module filenames in this release have an extra 'Cdx' prefix - this is a known bug that will be resolved with the next release. For now, these files are not used directly, and are properly tracked by the manifest, so there should be no discernible changes. See T366206. Bug: T363432 Bug: T363858 Bug: T364611 Bug: T364636 Bug: T364762 Bug: T364789 Bug: T364894 Bug: T364927 Bug: T364929 Bug: T364934 Bug: T365003 Bug: T365363 Bug: T366097 Depends-On: I04c1250aef3afbff43c11a012194263ec6b0f533 Change-Id: I4988a93e8cb0f33c198303403dde8d92223d63c4
1 line
2.9 KiB
JavaScript
1 line
2.9 KiB
JavaScript
"use strict";var p=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var x=(e,o)=>{var n={};for(var a in e)g.call(e,a)&&o.indexOf(a)<0&&(n[a]=e[a]);if(e!=null&&p)for(var a of p(e))o.indexOf(a)<0&&S.call(e,a)&&(n[a]=e[a]);return n};const t=require("vue"),V=require("./Icon.js"),_=require("./useSplitAttributes.cjs"),k=require("./useModelWrapper.cjs"),A=require("./useFieldData.cjs"),i=require("./constants.js"),B=require("./_plugin-vue_export-helper.js"),q=i.makeStringTypeValidator(i.ValidationStatusTypes),M=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:V.CdxIcon},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:q},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:o,emit:n}){const a=k(t.toRef(e,"modelValue"),n),l=o.id,{computedDisabled:u,computedStatus:r,computedInputId:s}=A(t.toRef(e,"disabled"),t.toRef(e,"status"),l),m=t.inject(i.FieldDescriptionIdKey,void 0),f=t.computed(()=>({"cdx-text-area__textarea--has-value":!!a.value,"cdx-text-area__textarea--is-autosize":e.autosize})),v=t.computed(()=>({"cdx-text-area--status-default":r.value==="default","cdx-text-area--status-error":r.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:I,rootStyle:y,otherAttrs:b}=_(o,v),C=t.computed(()=>{const c=b.value,{id:$}=c;return x(c,["id"])}),d=t.ref();function h(){d.value&&e.autosize&&(d.value.style.height="auto",d.value.style.height="".concat(d.value.scrollHeight,"px"))}return{rootClasses:I,rootStyle:y,wrappedModel:a,computedDisabled:u,computedInputId:s,descriptionId:m,textareaClasses:f,otherAttrsMinusId:C,textarea:d,onInput:h}}}),z=["id","aria-describedby","disabled"];function D(e,o,n,a,l,u){const r=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":o[0]||(o[0]=s=>e.wrappedModel=s),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:o[1]||(o[1]=(...s)=>e.onInput&&e.onInput(...s))}),null,16,z),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(r,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(r,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const T=B._export_sfc(M,[["render",D]]);module.exports=T;
|