@progress/kendo-vue-inputs/signature/SignatureDialog.js

TODO

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),D=require("@progress/kendo-vue-dialogs"),y=require("./SignatureBottomActions.js"),N=require("./SignatureLine.js"),V=require("@progress/kendo-vue-buttons"),B=require("@progress/kendo-vue-intl"),o=require("@progress/kendo-vue-common"),$=require("@progress/kendo-svg-icons"),q=require("./SignatureCanvas.js"),n=require("../messages/main.js"),O=i.defineComponent({name:"KendoSignatureDialog",emits:{change:null,clear:null,close:null,focus:null,blur:null,overlayclick:null,draw:null,drawend:null},props:{openWrapperClass:Object,size:String,dir:String,popupWidth:Number,popupHeight:Number,showClear:Boolean,strokeWidth:Number,popupScale:Number,scale:Number,value:String,tabIndex:Number,disabled:Boolean,readOnly:Boolean,color:String,backgroundColor:String,elementSize:Function,smooth:Boolean},inject:{kendoLocalizationService:{default:null}},data(){return{isDrawing:!1}},mounted(){this.openCanvas=o.getRef(this,"openCanvas")},render(){const{showClear:e,popupWidth:r,popupHeight:s,dir:l,size:u,value:c,tabIndex:d,disabled:g,readOnly:h,color:p,backgroundColor:m,strokeWidth:C,smooth:k,popupScale:S,scale:b,elementSize:v}=this.$props,t=B.provideLocalizationService(this),a=t.toLanguageString(n.signatureMinimize,n.messages[n.signatureMinimize]),w=t.toLanguageString(n.signatureClear,n.messages[n.signatureClear]),f=!this.$props.hideLine&&i.createVNode(N.SignatureLine,null,null),z=i.createVNode(y.SignatureBottomActions,{showClear:e,size:u,onClear:this.onClear,title:w},null);return i.createVNode(D.Dialog,{ref:o.setRef(this,"dialog"),onOverlayclick:this.onOverlayClick},{default:()=>[i.createVNode("div",{style:{width:r+"px",height:s+"px"},dir:l,class:this.openWrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(q.SignatureCanvas,{ref:o.setRef(this,"openCanvas"),value:c,tabIndex:d,disabled:g,readOnly:h,color:p,backgroundColor:m,strokeWidth:C,smooth:k,popupScale:S,scale:b,onChange:this.onValueChange,elementSize:v,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[!this.isDrawing&&i.createVNode(V.Button,{class:"k-signature-action k-signature-minimize k-rotate-180",ref:o.setRef(this,"minimizeButton"),icon:"hyperlink-open",svgIcon:$.hyperlinkOpenIcon,shape:null,fillMode:"flat",size:this.$props.size,onClick:this.onMinimizeClick,"aria-label":a,title:a},null)]),f,z])]})},methods:{onDraw(){this.isDrawing=!0,this.$emit("draw")},onDrawEnd(){this.isDrawing=!1,this.$emit("drawend")},onValueChange(e){this.$emit("change",e)},onClear(){this.$emit("clear")},onMinimizeClick(){this.$emit("close")},onFocus(e){this.$emit("focus",e)},onBlur(e){this.$emit("blur",e)},onOverlayClick(e){this.$emit("overlayclick",e)}}});exports.SignatureDialog=O;