@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 2.24 kB
JavaScript
var m=require("../assets/NcInputConfirmCancel.css");const a=require("../Components/NcButton.cjs"),r=require("./l10n-46d0c1c0.cjs"),l=require("vue-material-design-icons/ArrowRight.vue"),o=require("vue-material-design-icons/Close.vue"),i=require("./_plugin-vue2_normalizer-764a4c12.cjs");const u={name:"NcInputConfirmCancel",components:{NcButton:a,ArrowRight:l,Close:o},props:{placeholder:{default:"",type:String},value:{default:"",type:String}},emits:["input","confirm","cancel"],data(){return{labelConfirm:r.t("Confirm changes"),labelCancel:r.t("Cancel changes")}},computed:{valueModel:{get(){return this.value},set(t){this.$emit("input",t)}}},methods:{confirm(){this.$emit("confirm")},cancel(){this.$emit("cancel")},focusInput(){this.$refs.input.focus()}}};var c=function(){var t=this,n=t._self._c;return n("div",{staticClass:"app-navigation-input-confirm"},[n("form",{on:{submit:function(e){return e.preventDefault(),t.confirm.apply(null,arguments)},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey?null:(e.stopPropagation(),e.preventDefault(),t.cancel.apply(null,arguments))},click:function(e){e.stopPropagation(),e.preventDefault()}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueModel,expression:"valueModel"}],ref:"input",staticClass:"app-navigation-input-confirm__input",attrs:{type:"text",placeholder:t.placeholder},domProps:{value:t.valueModel},on:{input:function(e){e.target.composing||(t.valueModel=e.target.value)}}}),n("NcButton",{attrs:{"native-type":"submit",type:"primary","aria-label":t.labelConfirm},on:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.confirm.apply(null,arguments)}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("ArrowRight",{attrs:{size:20}})]},proxy:!0}])}),n("NcButton",{attrs:{"native-type":"reset",type:"tertiary","aria-label":t.labelCancel},on:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.cancel.apply(null,arguments)}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("Close",{attrs:{size:20}})]},proxy:!0}])})],1)])},p=[],s=i.normalizeComponent(u,c,p,!1,null,null,null,null);const f=s.exports;exports.NcInputConfirmCancel=f;