@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 2.1 kB
JavaScript
var b=require("../assets/index45.css");const s=require("../chunks/actionText-bef01778.cjs"),a=require("../chunks/GenRandomId-67df40eb.cjs"),n=require("vue-material-design-icons/ArrowRight.vue"),l=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const o={name:"NcActionTextEditable",components:{ArrowRight:n},mixins:[s.ActionTextMixin],props:{id:{type:String,default:()=>"action-"+a.GenRandomId(),validator:t=>t.trim()!==""},disabled:{type:Boolean,default:!1},value:{type:String,default:""}},emits:["input","update:value","submit"],computed:{isFocusable(){return!this.disabled},computedId(){return a.GenRandomId()}},methods:{onInput(t){this.$emit("input",t),this.$emit("update:value",t.target.value)},onSubmit(t){if(t.preventDefault(),t.stopPropagation(),!this.disabled)this.$emit("submit",t);else return!1}}};var r=function(){var t=this,e=t._self._c;return e("li",{staticClass:"action",class:{"action--disabled":t.disabled}},[e("span",{staticClass:"action-text-editable",on:{click:t.onClick}},[t._t("icon",function(){return[e("span",{staticClass:"action-text-editable__icon",class:[t.isIconUrl?"action-text-editable__icon--url":t.icon],style:{backgroundImage:t.isIconUrl?`url(${t.icon})`:null}})]}),e("form",{ref:"form",staticClass:"action-text-editable__form",attrs:{disabled:t.disabled},on:{submit:function(i){return i.preventDefault(),t.onSubmit.apply(null,arguments)}}},[e("input",{staticClass:"action-text-editable__submit",attrs:{id:t.id,type:"submit"}}),t.name?e("label",{staticClass:"action-text-editable__name",attrs:{for:t.computedId}},[t._v(" "+t._s(t.name)+" ")]):t._e(),e("textarea",t._b({class:["action-text-editable__textarea",{focusable:t.isFocusable}],attrs:{id:t.computedId,disabled:t.disabled},domProps:{value:t.value},on:{input:t.onInput}},"textarea",t.$attrs,!1)),e("label",{directives:[{name:"show",rawName:"v-show",value:!t.disabled,expression:"!disabled"}],staticClass:"action-text-editable__label",attrs:{for:t.id}},[e("ArrowRight",{attrs:{size:20}})],1)])],2)])},d=[],u=l.normalizeComponent(o,r,d,!1,null,"b0b05af8",null,null);const c=u.exports;module.exports=c;