@progress/kendo-vue-labels 3.5.0 → 3.5.1-dev.202208100944
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-labels.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/Error.d.ts +60 -0
- package/dist/esm/Error.js +62 -0
- package/dist/esm/FloatingLabel.d.ts +87 -0
- package/dist/esm/FloatingLabel.js +125 -0
- package/dist/esm/Hint.d.ts +60 -0
- package/dist/esm/Hint.js +60 -0
- package/dist/esm/Label.d.ts +77 -0
- package/dist/esm/Label.js +104 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/main.d.ts +5 -0
- package/dist/esm/main.js +5 -0
- package/dist/esm/messages/index.d.ts +10 -0
- package/dist/esm/messages/index.js +11 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/npm/Error.js +2 -2
- package/dist/npm/FloatingLabel.js +3 -3
- package/dist/npm/Hint.js +2 -2
- package/dist/npm/Label.js +3 -3
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing","@progress/kendo-vue-intl"],t):"object"==typeof exports?exports.KendoVueLabels=t(require("vue"),require("@progress/kendo-licensing"),require("@progress/kendo-vue-intl")):e.KendoVueLabels=t(e.Vue,e.KendoLicensing,e.KendoVueIntl)}(window,(function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=6)}([function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1659428877,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},function(e,t,n){"use strict";n.r(t),n.d(t,"getRef",(function(){return a})),n.d(t,"setRef",(function(){return l})),n.d(t,"classNames",(function(){return o})),n.d(t,"guid",(function(){return i})),n.d(t,"Keys",(function(){return u})),n.d(t,"noop",(function(){return K})),n.d(t,"isObject",(function(){return r})),n.d(t,"getListeners",(function(){return X})),n.d(t,"hasListener",(function(){return I})),n.d(t,"canUseDOM",(function(){return s})),n.d(t,"firstFocusableChild",(function(){return d})),n.d(t,"focusFirstFocusableChild",(function(){return p})),n.d(t,"lastFocusableChild",(function(){return f})),n.d(t,"focusLastFocusableChild",(function(){return v})),n.d(t,"focusContainer",(function(){return h})),n.d(t,"clone",(function(){return E})),n.d(t,"Draggable",(function(){return D})),n.d(t,"cloneArray",(function(){return T})),n.d(t,"cloneValue",(function(){return H})),n.d(t,"cloneObject",(function(){return F})),n.d(t,"cloneDate",(function(){return x})),n.d(t,"getTemplate",(function(){return J})),n.d(t,"templateRendering",(function(){return G})),n.d(t,"templateDefinition",(function(){return W})),n.d(t,"getTabIndex",(function(){return Z})),n.d(t,"getDefaultSlots",(function(){return $})),n.d(t,"isRtl",(function(){return ee})),n.d(t,"getDir",(function(){return te})),n.d(t,"getter",(function(){return R})),n.d(t,"setter",(function(){return q})),n.d(t,"validatePackage",(function(){return re})),n.d(t,"kendoThemeMaps",(function(){return oe}));var r=function(e){return"object"==typeof e},o=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?o.apply(void 0,e):r(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},i=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},u={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function a(e,t,n){return e.v3?e[t+"Ref"]:e.$refs[""+(n||t)]}function l(e,t,n){return e.v3?function(n){e[t+"Ref"]=n}:n||t}var c='input, [tabindex]:not([tabindex="-1"])',d=function(e){if(e){var t=e.querySelectorAll(c);if(t.length&&t[0].focus)return t[0]}},f=function(e){if(e){var t=e.querySelectorAll(c);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},p=function(e){if(e){var t=e.querySelectorAll(c);t.length&&t[0].focus&&t[0].focus()}},v=function(e){if(e){var t=e.querySelectorAll(c);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},h=function(e,t){var n=!0;if(e.keyCode!==u.enter&&e.target===t)return!1;if(e.keyCode===u.enter&&e.target===t)n=!0,setTimeout((function(){p(t)}),1);else if(e.keyCode===u.esc)n=!1,t.focus();else if(e.keyCode===u.tab){var r=d(t),o=f(t);o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus())}return n},m=n(0),g=function(e,t){return function(n){return t(e(n))}},b=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},y=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},_=function(){},O=function(e){return e.preventDefault()},k=/touch/;function j(e){return e.type.match(k)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var P=function(e){var t=this,n=e.press;void 0===n&&(n=_);var r=e.drag;void 0===r&&(r=_);var o=e.release;void 0===o&&(o=_);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=g(j,n),this._dragHandler=g(j,r),this._releaseHandler=g(j,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(b(t.document,"mousemove",t._mousemove),b(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){y(t.document,"mousemove",t._mousemove),y(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(b(t.document,"pointermove",t._pointermove),b(t.document,"pointerup",t._pointerup),b(t.document,"pointercancel",t._pointerup),b(t.document,"contextmenu",O),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(y(t.document,"pointermove",t._pointermove),y(t.document,"pointerup",t._pointerup),y(t.document,"pointercancel",t._pointerup),y(t.document,"contextmenu",O),t._releaseHandler(e))}},L={document:{configurable:!0}};P.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},L.document.get=function(){return this._element?this._element.ownerDocument:document},P.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},P.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?b(e,"pointerdown",this._pointerdown):(b(e,"mousedown",this._mousedown),this._mouseOnly||(b(e,"touchstart",this._touchstart),b(e,"touchmove",this._touchmove),b(e,"touchend",this._touchend)))},P.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return y(e,"pointerdown",this._pointerdown),y(this.document,"pointermove",this._pointermove),y(this.document,"pointerup",this._pointerup),y(this.document,"contextmenu",O),void y(this.document,"pointercancel",this._pointerup);y(e,"mousedown",this._mousedown),this._mouseOnly||(y(e,"touchstart",this._touchstart),y(e,"touchmove",this._touchmove),y(e,"touchend",this._touchend))},P.prototype._usePointers=function(){return!this._mouseOnly&&P.supportPointerEvent()},P.prototype.update=function(e){var t=e.press;void 0===t&&(t=_);var n=e.drag;void 0===n&&(n=_);var r=e.release;void 0===r&&(r=_);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=g(j,t),this._dragHandler=g(j,n),this._releaseHandler=g(j,r),this._mouseOnly=o},P.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(P.prototype,L),P.default=P;var w,S=P;function $(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var V=m,M=(V.h,V.version&&"3"===V.version[0]),D=(C(w={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new S({press:this.press,drag:this.drag,release:this.release})},setup:M?function(){return{v3:!!M}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:M?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",M?function(){return{v3:!!M}}:void 0),C(w,"render",(function(e){return $(this)})),w),x=function(e){return e?new Date(e.getTime()):null};function E(e){var t={};return F(e,t),t}function F(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=H(r,t[n])}}function H(e,t){if(Array.isArray(e))return T(e);if(e instanceof Date)return x(e);if(e&&r(e)){var n=t||{};return F(e,n),n}return e}function T(e){return e.map((function(e){return H(e,void 0)}))}var K=function(){},N=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,B={};function R(e){if(B[e])return B[e];var t=[];return e.replace(N,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),B[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},B[e]}B.undefined=function(){};var A={};function q(e){if(A[e])return A[e];var t=[];return e.replace(N,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),A[e]=function(e,n){for(var r=e,o=t.length-1,i=0;i<o&&r;i++)r=r[t[i]]=r[t[i]]||{};r[t[o]]=n},A[e]}function I(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function X(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}A.undefined=function(e){return e};var Y=function(){return(Y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},z=m,U=z.version&&"3"===z.version[0],W={type:[String,Function,Object,Boolean],default:function(){}};function G(e,t){if(e||!1===e){var n=U?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||r(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function J(e){var t,n,r,o=e.h,i=e.template,u=e.defaultRendering,s=e.defaultSlots,a=e.additionalProps,l=e.additionalListeners,c=e.swapDefaultSlots;if(!i||i&&!0===i.render)return u;if(U){var d=u?u.props:{};t=Y(Y({},Q(l)),i.listeners),n=Y(Y(Y({},d),a),t),r=Y(Y({},n),t)}else{var f=u&&u.componentOptions,p=f?u.componentOptions.listeners:{},v=f?u.componentOptions.propsData:{};t=Y(Y(Y(Y({},p),l),Q(l)),i.listeners),r={props:n=Y(Y(Y({},v),a),t),on:t}}if("slot"===i.type){var h=i.render({props:n,listeners:t,methods:t,defaultSlots:s});return h?h[0]:void 0}return"renderFunction"===i.type?c?i.render?i.render(o,u,s,n,t):void 0:i.render?i.render(o,u,n,t,s):void 0:o(i.render,r,U?function(){return[s]}:[s])}function Q(e){if(!e)return e;for(var t={},n=Object.keys(e),r=0;r<n.length;r++){var o=n[r];t["on"+o.charAt(0).toUpperCase()+o.slice(1)]=e[o]}return t}var Z=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0};function ee(e){return Boolean(s&&e&&"rtl"===getComputedStyle(e).direction)}function te(e,t){if(!t&&s&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var ne=n(3);function re(e){if(void 0!==ne)ne.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var oe={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},function(e,n){e.exports=t},function(e,t,n){"use strict";var r;Object.defineProperty(t,"__esModule",{value:!0}),t.messages=t.labelsOptional=void 0,t.labelsOptional="labels.optional",t.messages=((r={})[t.labelsOptional]="(Optional)",r)},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HintVue2=t.Hint=t.ErrorVue2=t.Error=t.LabelVue2=t.Label=t.FloatingLabelVue2=t.FloatingLabel=void 0;var r=n(7);Object.defineProperty(t,"Label",{enumerable:!0,get:function(){return r.Label}}),Object.defineProperty(t,"LabelVue2",{enumerable:!0,get:function(){return r.LabelVue2}});var o=n(8);Object.defineProperty(t,"Error",{enumerable:!0,get:function(){return o.Error}}),Object.defineProperty(t,"ErrorVue2",{enumerable:!0,get:function(){return o.ErrorVue2}});var i=n(9);Object.defineProperty(t,"Hint",{enumerable:!0,get:function(){return i.Hint}}),Object.defineProperty(t,"HintVue2",{enumerable:!0,get:function(){return i.HintVue2}});var u=n(10);Object.defineProperty(t,"FloatingLabel",{enumerable:!0,get:function(){return u.FloatingLabel}}),Object.defineProperty(t,"FloatingLabelVue2",{enumerable:!0,get:function(){return u.FloatingLabelVue2}})},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.LabelVue2=t.Label=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=u.inject,c=n(2),d=n(4),f=n(5),p=n(1),v={name:"KendoLabel",props:{id:String,editorId:String,editorRef:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,optional:Boolean},inject:{kendoLocalizationService:{default:null}},created:function(){c.validatePackage(p.packageMetadata)},computed:{labelClassName:function(){return{"k-label":!0,"k-label-empty":!this.defaultSlots,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":!0===this.$props.editorDisabled}}},methods:{onLabelClick:function(e){if(this.$props.editorRef&&this.$props.editorRef.current&&!this.$props.editorDisabled){this.$props.editorRef.current.focus&&(e.preventDefault(),this.$props.editorRef.current.focus());var t=this.$props.editorRef.current.actionElement;t&&(e.preventDefault(),t.click())}}},setup:a?function(){return{v3:!!a,kendoLocalizationService:l("kendoLocalizationService",{})}}:void 0,render:function(e){var t=s||e;this.defaultSlots=c.getDefaultSlots(this);var n=f.provideLocalizationService(this),r=this.$props,o=r.id,i=r.editorId,u=r.optional?n.toLanguageString(d.labelsOptional,d.messages[d.labelsOptional]):"",a=u&&t("span",{class:"k-label-optional"},[u]);return t("label",{id:o,attrs:this.v3?void 0:{id:o,for:i},for:i,onClick:this.onLabelClick,on:this.v3?void 0:{click:this.onLabelClick},class:this.labelClassName},[this.defaultSlots,a])}};t.LabelVue2=v;var h=v;t.Label=h},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ErrorVue2=t.Error=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=n(1),c=n(2),d={name:"KendoError",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created:function(){c.validatePackage(l.packageMetadata)},computed:{errorClassName:function(){return{"k-form-error":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},setup:a?function(){return{v3:!!a}}:void 0,render:function(e){var t=s||e,n=c.getDefaultSlots(this);return t("div",{id:this.$props.id,attrs:this.v3?void 0:{id:this.$props.id,role:"alert"},role:"alert",class:this.errorClassName},[n])}};t.ErrorVue2=d;var f=d;t.Error=f},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.HintVue2=t.Hint=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=n(1),c=n(2),d={name:"KendoHint",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created:function(){c.validatePackage(l.packageMetadata)},computed:{hintClassName:function(){return{"k-form-hint":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},setup:a?function(){return{v3:!!a}}:void 0,render:function(e){var t=s||e,n=c.getDefaultSlots(this);return t("div",{id:this.$props.id,attrs:this.v3?void 0:{id:this.$props.id},class:this.hintClassName},[n])}};t.HintVue2=d;var f=d;t.Hint=f},function(e,t,n){"use strict";var r=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.FloatingLabelVue2=t.FloatingLabel=void 0;var u=i(n(0)),s=u.h,a=u.version&&"3"===u.version[0],l=u.inject,c=n(2),d=n(5),f=n(4),p=n(1),v={name:"KendoFloatingLabel",props:{label:String,editorId:String,editorValue:[String,Boolean,Number],editorPlaceholder:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,id:String,optional:Boolean},data:function(){return{focused:!1}},inject:{kendoLocalizationService:{default:null}},created:function(){c.validatePackage(p.packageMetadata)},computed:{spanClassNames:function(){return{"k-floating-label-container":!0,"k-focus":this.focused,"k-empty":!this.$props.editorPlaceholder&&!this.$props.editorValue&&0!==this.$props.editorValue,"k-text-disabled":this.$props.editorDisabled,"k-rtl":"rtl"===this.$props.dir}},labelClassNames:function(){return{"k-label":!0,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":this.$props.editorDisabled}}},methods:{handleFocus:function(){this.focused=!0},handleBlur:function(){this.focused=!1}},setup:a?function(){return{v3:!!a,kendoLocalizationService:l("kendoLocalizationService",{})}}:void 0,render:function(e){var t=s||e,n=c.getDefaultSlots(this),r=this.$props,o=r.label,i=r.editorId,u=r.id,a=r.optional,l=d.provideLocalizationService(this),p=a?l.toLanguageString(f.labelsOptional,f.messages[f.labelsOptional]):"",v=p&&t("span",{class:"k-label-optional"},[p]);return t("span",{class:this.spanClassNames,onFocusin:this.handleFocus,on:this.v3?void 0:{focusin:this.handleFocus,focusout:this.handleBlur},onFocusout:this.handleBlur,dir:this.$props.dir,attrs:this.v3?void 0:{dir:this.$props.dir}},[n,o?i?t("label",{id:u,attrs:this.v3?void 0:{id:u,for:i},for:i,class:this.labelClassNames},[o,v]):t("span",{id:u,attrs:this.v3?void 0:{id:u},class:this.labelClassNames},[o,v]):null])}};t.FloatingLabelVue2=v;var h=v;t.FloatingLabel=h}])}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing","@progress/kendo-vue-intl"],t):"object"==typeof exports?exports.KendoVueLabels=t(require("vue"),require("@progress/kendo-licensing"),require("@progress/kendo-vue-intl")):e.KendoVueLabels=t(e.Vue,e.KendoLicensing,e.KendoVueIntl)}(self,(function(e,t,n){return(()=>{"use strict";var r={762:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.ErrorVue2=t.Error=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),a=i.h,s=i.version&&"3"===i.version[0],u=n(169),l=n(984),c={name:"KendoError",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created:function(){(0,l.validatePackage)(u.packageMetadata)},computed:{errorClassName:function(){return{"k-form-error":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},setup:s?function(){return{v3:!!s}}:void 0,render:function(e){var t=a||e,n=(0,l.getDefaultSlots)(this);return t("div",{id:this.$props.id,attrs:this.v3?void 0:{id:this.$props.id,role:"alert"},role:"alert",class:this.errorClassName},[n])}};t.ErrorVue2=c;var d=c;t.Error=d},493:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.FloatingLabelVue2=t.FloatingLabel=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),a=i.h,s=i.version&&"3"===i.version[0],u=i.inject,l=n(984),c=n(725),d=n(623),f=n(169),p={name:"KendoFloatingLabel",props:{label:String,editorId:String,editorValue:[String,Boolean,Number],editorPlaceholder:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,id:String,optional:Boolean},data:function(){return{focused:!1}},inject:{kendoLocalizationService:{default:null}},created:function(){(0,l.validatePackage)(f.packageMetadata)},computed:{spanClassNames:function(){return{"k-floating-label-container":!0,"k-focus":this.focused,"k-empty":!this.$props.editorPlaceholder&&!this.$props.editorValue&&0!==this.$props.editorValue,"k-text-disabled":this.$props.editorDisabled,"k-rtl":"rtl"===this.$props.dir}},labelClassNames:function(){return{"k-label":!0,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":this.$props.editorDisabled}}},methods:{handleFocus:function(){this.focused=!0},handleBlur:function(){this.focused=!1}},setup:s?function(){return{v3:!!s,kendoLocalizationService:u("kendoLocalizationService",{})}}:void 0,render:function(e){var t=a||e,n=(0,l.getDefaultSlots)(this),r=this.$props,o=r.label,i=r.editorId,s=r.id,u=r.optional,f=(0,c.provideLocalizationService)(this),p=u?f.toLanguageString(d.labelsOptional,d.messages[d.labelsOptional]):"",v=p&&t("span",{class:"k-label-optional"},[p]);return t("span",{class:this.spanClassNames,onFocusin:this.handleFocus,on:this.v3?void 0:{focusin:this.handleFocus,focusout:this.handleBlur},onFocusout:this.handleBlur,dir:this.$props.dir,attrs:this.v3?void 0:{dir:this.$props.dir}},[n,o?i?t("label",{id:s,attrs:this.v3?void 0:{id:s,for:i},for:i,class:this.labelClassNames},[o,v]):t("span",{id:s,attrs:this.v3?void 0:{id:s},class:this.labelClassNames},[o,v]):null])}};t.FloatingLabelVue2=p;var v=p;t.FloatingLabel=v},872:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.HintVue2=t.Hint=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),a=i.h,s=i.version&&"3"===i.version[0],u=n(169),l=n(984),c={name:"KendoHint",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created:function(){(0,l.validatePackage)(u.packageMetadata)},computed:{hintClassName:function(){return{"k-form-hint":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},setup:s?function(){return{v3:!!s}}:void 0,render:function(e){var t=a||e,n=(0,l.getDefaultSlots)(this);return t("div",{id:this.$props.id,attrs:this.v3?void 0:{id:this.$props.id},class:this.hintClassName},[n])}};t.HintVue2=c;var d=c;t.Hint=d},287:(e,t,n)=>{var r=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]},o=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.LabelVue2=t.Label=void 0;var i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t}(n(895)),a=i.h,s=i.version&&"3"===i.version[0],u=i.inject,l=n(984),c=n(623),d=n(725),f=n(169),p={name:"KendoLabel",props:{id:String,editorId:String,editorRef:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,optional:Boolean},inject:{kendoLocalizationService:{default:null}},created:function(){(0,l.validatePackage)(f.packageMetadata)},computed:{labelClassName:function(){return{"k-label":!0,"k-label-empty":!this.defaultSlots,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":!0===this.$props.editorDisabled}}},methods:{onLabelClick:function(e){if(this.$props.editorRef&&this.$props.editorRef.current&&!this.$props.editorDisabled){this.$props.editorRef.current.focus&&(e.preventDefault(),this.$props.editorRef.current.focus());var t=this.$props.editorRef.current.actionElement;t&&(e.preventDefault(),t.click())}}},setup:s?function(){return{v3:!!s,kendoLocalizationService:u("kendoLocalizationService",{})}}:void 0,render:function(e){var t=a||e;this.defaultSlots=(0,l.getDefaultSlots)(this);var n=(0,d.provideLocalizationService)(this),r=this.$props,o=r.id,i=r.editorId,s=r.optional?n.toLanguageString(c.labelsOptional,c.messages[c.labelsOptional]):"",u=s&&t("span",{class:"k-label-optional"},[s]);return t("label",{id:o,attrs:this.v3?void 0:{id:o,for:i},for:i,onClick:this.onLabelClick,on:this.v3?void 0:{click:this.onLabelClick},class:this.labelClassName},[this.defaultSlots,u])}};t.LabelVue2=p;var v=p;t.Label=v},623:(e,t)=>{var n;Object.defineProperty(t,"__esModule",{value:!0}),t.messages=t.labelsOptional=void 0,t.labelsOptional="labels.optional",t.messages=((n={})[t.labelsOptional]="(Optional)",n)},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1660123828,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},984:(e,t,n)=>{n.r(t),n.d(t,{Draggable:()=>V,Keys:()=>a,canUseDOM:()=>s,classNames:()=>o,clone:()=>x,cloneArray:()=>T,cloneDate:()=>E,cloneObject:()=>F,cloneValue:()=>H,firstFocusableChild:()=>d,focusContainer:()=>h,focusFirstFocusableChild:()=>p,focusLastFocusableChild:()=>v,getDefaultSlots:()=>S,getDir:()=>te,getListeners:()=>X,getRef:()=>u,getTabIndex:()=>Z,getTemplate:()=>J,getter:()=>R,guid:()=>i,hasListener:()=>I,isObject:()=>r,isRtl:()=>ee,kendoThemeMaps:()=>oe,lastFocusableChild:()=>f,noop:()=>K,setRef:()=>l,setter:()=>q,templateDefinition:()=>W,templateRendering:()=>G,validatePackage:()=>re});var r=function(e){return"object"==typeof e},o=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?o.apply(void 0,e):r(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},i=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},a={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function u(e,t,n){return e.v3?e["".concat(t,"Ref")]:e.$refs["".concat(n||t)]}function l(e,t,n){return e.v3?function(n){e["".concat(t,"Ref")]=n}:n||t}var c='input, [tabindex]:not([tabindex="-1"])',d=function(e){if(e){var t=e.querySelectorAll(c);if(t.length&&t[0].focus)return t[0]}},f=function(e){if(e){var t=e.querySelectorAll(c);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},p=function(e){if(e){var t=e.querySelectorAll(c);t.length&&t[0].focus&&t[0].focus()}},v=function(e){if(e){var t=e.querySelectorAll(c);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},h=function(e,t){var n=!0;if(e.keyCode!==a.enter&&e.target===t)return!1;if(e.keyCode===a.enter&&e.target===t)n=!0,setTimeout((function(){p(t)}),1);else if(e.keyCode===a.esc)n=!1,t.focus();else if(e.keyCode===a.tab){var r=d(t),o=f(t);o&&!e.shiftKey&&e.target===o&&(e.preventDefault(),r.focus()),r&&e.shiftKey&&e.target===r&&(e.preventDefault(),o.focus())}return n},m=n(895),g=function(e,t){return function(n){return t(e(n))}},b=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},y=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},_=function(){},O=function(e){return e.preventDefault()},k=/touch/;function j(e){return e.type.match(k)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var P=function(e){var t=this,n=e.press;void 0===n&&(n=_);var r=e.drag;void 0===r&&(r=_);var o=e.release;void 0===o&&(o=_);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=g(j,n),this._dragHandler=g(j,r),this._releaseHandler=g(j,o),this._ignoreMouse=!1,this._mouseOnly=i,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(b(t.document,"mousemove",t._mousemove),b(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){y(t.document,"mousemove",t._mousemove),y(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(b(t.document,"pointermove",t._pointermove),b(t.document,"pointerup",t._pointerup),b(t.document,"pointercancel",t._pointerup),b(t.document,"contextmenu",O),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(y(t.document,"pointermove",t._pointermove),y(t.document,"pointerup",t._pointerup),y(t.document,"pointercancel",t._pointerup),y(t.document,"contextmenu",O),t._releaseHandler(e))}},w={document:{configurable:!0}};P.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},w.document.get=function(){return this._element?this._element.ownerDocument:document},P.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},P.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?b(e,"pointerdown",this._pointerdown):(b(e,"mousedown",this._mousedown),this._mouseOnly||(b(e,"touchstart",this._touchstart),b(e,"touchmove",this._touchmove),b(e,"touchend",this._touchend)))},P.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return y(e,"pointerdown",this._pointerdown),y(this.document,"pointermove",this._pointermove),y(this.document,"pointerup",this._pointerup),y(this.document,"contextmenu",O),void y(this.document,"pointercancel",this._pointerup);y(e,"mousedown",this._mousedown),this._mouseOnly||(y(e,"touchstart",this._touchstart),y(e,"touchmove",this._touchmove),y(e,"touchend",this._touchend))},P.prototype._usePointers=function(){return!this._mouseOnly&&P.supportPointerEvent()},P.prototype.update=function(e){var t=e.press;void 0===t&&(t=_);var n=e.drag;void 0===n&&(n=_);var r=e.release;void 0===r&&(r=_);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=g(j,t),this._dragHandler=g(j,n),this._releaseHandler=g(j,r),this._mouseOnly=o},P.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(P.prototype,w),P.default=P;const L=P;function S(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}var $;function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var D=m,M=(D.h,D.version&&"3"===D.version[0]),V=(C($={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new L({press:this.press,drag:this.drag,release:this.release})},setup:M?function(){return{v3:!!M}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:M?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",M?function(){return{v3:!!M}}:void 0),C($,"render",(function(e){return S(this)})),$),E=function(e){return e?new Date(e.getTime()):null};function x(e){var t={};return F(e,t),t}function F(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=H(r,t[n])}}function H(e,t){if(Array.isArray(e))return T(e);if(e instanceof Date)return E(e);if(e&&r(e)){var n=t||{};return F(e,n),n}return e}function T(e){return e.map((function(e){return H(e,void 0)}))}var K=function(){},N=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,B={};function R(e){if(B[e])return B[e];var t=[];return e.replace(N,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),B[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},B[e]}B.undefined=function(){};var A={};function q(e){if(A[e])return A[e];var t=[];return e.replace(N,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),A[e]=function(e,n){for(var r=e,o=t.length-1,i=0;i<o&&r;i++)r=r[t[i]]=r[t[i]]||{};r[t[o]]=n},A[e]}function I(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function X(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}A.undefined=function(e){return e};var Y=function(){return Y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Y.apply(this,arguments)},z=m,U=z.version&&"3"===z.version[0],W={type:[String,Function,Object,Boolean],default:function(){}};function G(e,t){if(e||!1===e){var n=U?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||r(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function J(e){var t,n,r,o=e.h,i=e.template,a=e.defaultRendering,s=e.defaultSlots,u=e.additionalProps,l=e.additionalListeners,c=e.swapDefaultSlots;if(!i||i&&!0===i.render)return a;if(U){var d=a?a.props:{};t=Y(Y({},Q(l)),i.listeners),n=Y(Y(Y({},d),u),t),r=Y(Y({},n),t)}else{var f=a&&a.componentOptions,p=f?a.componentOptions.listeners:{},v=f?a.componentOptions.propsData:{};t=Y(Y(Y(Y({},p),l),Q(l)),i.listeners),r={props:n=Y(Y(Y({},v),u),t),on:t}}if("slot"===i.type){var h=i.render({props:n,listeners:t,methods:t,defaultSlots:s});return h?h[0]:void 0}return"renderFunction"===i.type?c?i.render?i.render(o,a,s,n,t):void 0:i.render?i.render(o,a,n,t,s):void 0:o(i.render,r,U?function(){return[s]}:[s])}function Q(e){if(!e)return e;for(var t={},n=Object.keys(e),r=0;r<n.length;r++){var o=n[r];t["on"+o.charAt(0).toUpperCase()+o.slice(1)]=e[o]}return t}var Z=function(e,t,n){var r="string"==typeof e?parseInt(e,void 0):e;if(NaN!==r)return void 0!==r?r:t?n?void 0:-1:0};function ee(e){return Boolean(s&&e&&"rtl"===getComputedStyle(e).direction)}function te(e,t){if(!t&&s&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var ne=n(302);function re(e){if(void 0!==ne)ne.validatePackage(e);else{var t="License activation failed for ".concat(e.name,"\n");t+="The @progress/kendo-licensing script is not loaded.\n",t+="See ".concat(e.licensingDocsUrl," for more information.\n"),console.warn(t)}}var oe={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},302:e=>{e.exports=t},725:e=>{e.exports=n},895:t=>{t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.HintVue2=e.Hint=e.ErrorVue2=e.Error=e.LabelVue2=e.Label=e.FloatingLabelVue2=e.FloatingLabel=void 0;var t=i(287);Object.defineProperty(e,"Label",{enumerable:!0,get:function(){return t.Label}}),Object.defineProperty(e,"LabelVue2",{enumerable:!0,get:function(){return t.LabelVue2}});var n=i(762);Object.defineProperty(e,"Error",{enumerable:!0,get:function(){return n.Error}}),Object.defineProperty(e,"ErrorVue2",{enumerable:!0,get:function(){return n.ErrorVue2}});var r=i(872);Object.defineProperty(e,"Hint",{enumerable:!0,get:function(){return r.Hint}}),Object.defineProperty(e,"HintVue2",{enumerable:!0,get:function(){return r.HintVue2}});var o=i(493);Object.defineProperty(e,"FloatingLabel",{enumerable:!0,get:function(){return o.FloatingLabel}}),Object.defineProperty(e,"FloatingLabelVue2",{enumerable:!0,get:function(){return o.FloatingLabelVue2}})})(),a})()}));
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-labels',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1660123828,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Represents the props of the Kendo UI for Vue Error component.
|
|
8
|
+
*/
|
|
9
|
+
export interface ErrorProps {
|
|
10
|
+
/**
|
|
11
|
+
* Represents the id of the Error element.
|
|
12
|
+
* The value should be also set to the editor's `ariaDescribedBy` property.
|
|
13
|
+
*/
|
|
14
|
+
id?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Specifies the alignment of the Error text.
|
|
17
|
+
*
|
|
18
|
+
* The possible values are:
|
|
19
|
+
* * (Default) `start`
|
|
20
|
+
* * `end`
|
|
21
|
+
*/
|
|
22
|
+
direction?: string;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
interface ErrorState {
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
interface ErrorData {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export interface ErrorMethods {
|
|
38
|
+
[key: string]: any;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* @hidden
|
|
42
|
+
*/
|
|
43
|
+
export interface ErrorComputed {
|
|
44
|
+
[key: string]: any;
|
|
45
|
+
errorClassName: object;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* @hidden
|
|
49
|
+
*/
|
|
50
|
+
export interface ErrorAll extends ErrorMethods, ErrorState, ErrorData, ErrorComputed, Vue2type {
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* @hidden
|
|
54
|
+
*/
|
|
55
|
+
declare const ErrorVue2: ComponentOptions<Vue2type, DefaultData<ErrorData>, DefaultMethods<ErrorAll>, ErrorComputed, RecordPropsDefinition<ErrorProps>>;
|
|
56
|
+
/**
|
|
57
|
+
* @hidden
|
|
58
|
+
*/
|
|
59
|
+
declare let Error: DefineComponent<ErrorProps, any, ErrorData, ErrorComputed, ErrorMethods, {}, {}, {}, string, ErrorProps, ErrorProps, {}>;
|
|
60
|
+
export { Error, ErrorVue2 };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
import { packageMetadata } from './package-metadata.js';
|
|
7
|
+
import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
var ErrorVue2 = {
|
|
13
|
+
name: 'KendoError',
|
|
14
|
+
props: {
|
|
15
|
+
id: String,
|
|
16
|
+
direction: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: 'start',
|
|
19
|
+
validator: function validator(value) {
|
|
20
|
+
return ['start', 'end'].includes(value);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
created: function created() {
|
|
25
|
+
validatePackage(packageMetadata);
|
|
26
|
+
},
|
|
27
|
+
computed: {
|
|
28
|
+
errorClassName: function errorClassName() {
|
|
29
|
+
return {
|
|
30
|
+
'k-form-error': true,
|
|
31
|
+
'k-text-start': this.$props.direction === 'start',
|
|
32
|
+
'k-text-end': this.$props.direction === 'end'
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
// @ts-ignore
|
|
37
|
+
setup: !isV3 ? undefined : function () {
|
|
38
|
+
var v3 = !!isV3;
|
|
39
|
+
return {
|
|
40
|
+
v3: v3
|
|
41
|
+
};
|
|
42
|
+
},
|
|
43
|
+
render: function render(createElement) {
|
|
44
|
+
var h = gh || createElement;
|
|
45
|
+
var defaultSlots = getDefaultSlots(this);
|
|
46
|
+
return h("div", {
|
|
47
|
+
id: this.$props.id,
|
|
48
|
+
attrs: this.v3 ? undefined : {
|
|
49
|
+
id: this.$props.id,
|
|
50
|
+
role: 'alert'
|
|
51
|
+
},
|
|
52
|
+
role: 'alert',
|
|
53
|
+
"class": this.errorClassName
|
|
54
|
+
}, [defaultSlots]);
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
|
|
61
|
+
var Error = ErrorVue2;
|
|
62
|
+
export { Error, ErrorVue2 };
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Represents the props of the kendo UI for Vue FloatingLabel component.
|
|
8
|
+
*/
|
|
9
|
+
export interface FloatingLabelProps {
|
|
10
|
+
/**
|
|
11
|
+
* Represent the `for` property, which will be set to the `label` element.
|
|
12
|
+
*/
|
|
13
|
+
editorId?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Specifies the value of the editor. Used to define if the editor is empty.
|
|
16
|
+
*/
|
|
17
|
+
editorValue?: any;
|
|
18
|
+
/**
|
|
19
|
+
* Specifies the placeholder of the editor. Used to define if the editor is empty.
|
|
20
|
+
*/
|
|
21
|
+
editorPlaceholder?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Specifies if the validity of the editor. Used to define the editor is invalid.
|
|
24
|
+
*/
|
|
25
|
+
editorValid?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Specifies if the editor is disabled.
|
|
28
|
+
*/
|
|
29
|
+
editorDisabled?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Adds a floating label that describes the editor.
|
|
32
|
+
*/
|
|
33
|
+
label?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Specifies the direction of the label.
|
|
36
|
+
*/
|
|
37
|
+
dir?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Represents the id of the label element.
|
|
40
|
+
* The value should be also set to the editor's `ariaLabelledBy` property.
|
|
41
|
+
* Can be used when the editor is not containing native form element.
|
|
42
|
+
*/
|
|
43
|
+
id?: string;
|
|
44
|
+
/**
|
|
45
|
+
* If enabled, marks the label as optional.
|
|
46
|
+
*/
|
|
47
|
+
optional?: boolean;
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
*/
|
|
52
|
+
export interface FloatingLabelState {
|
|
53
|
+
focused?: boolean;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* @hidden
|
|
57
|
+
*/
|
|
58
|
+
interface FloatingLabelData {
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* @hidden
|
|
62
|
+
*/
|
|
63
|
+
export interface FloatingLabelMethods {
|
|
64
|
+
[key: string]: any;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* @hidden
|
|
68
|
+
*/
|
|
69
|
+
export interface FloatingLabelComputed {
|
|
70
|
+
[key: string]: any;
|
|
71
|
+
spanClassNames: object;
|
|
72
|
+
labelClassNames: object;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* @hidden
|
|
76
|
+
*/
|
|
77
|
+
export interface FloatingLabelAll extends FloatingLabelMethods, FloatingLabelState, FloatingLabelData, FloatingLabelComputed, Vue2type {
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* @hidden
|
|
81
|
+
*/
|
|
82
|
+
declare const FloatingLabelVue2: ComponentOptions<Vue2type, DefaultData<FloatingLabelData>, DefaultMethods<FloatingLabelAll>, FloatingLabelComputed, RecordPropsDefinition<FloatingLabelProps>>;
|
|
83
|
+
/**
|
|
84
|
+
* @hidden
|
|
85
|
+
*/
|
|
86
|
+
declare let FloatingLabel: DefineComponent<FloatingLabelProps, any, FloatingLabelData, FloatingLabelComputed, FloatingLabelMethods, {}, {}, {}, string, FloatingLabelProps, FloatingLabelProps, {}>;
|
|
87
|
+
export { FloatingLabel, FloatingLabelVue2 };
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
var inject = allVue.inject;
|
|
7
|
+
import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
9
|
+
import { labelsOptional, messages } from './messages.js';
|
|
10
|
+
import { packageMetadata } from './package-metadata.js';
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
var FloatingLabelVue2 = {
|
|
16
|
+
name: 'KendoFloatingLabel',
|
|
17
|
+
props: {
|
|
18
|
+
label: String,
|
|
19
|
+
editorId: String,
|
|
20
|
+
editorValue: [String, Boolean, Number],
|
|
21
|
+
editorPlaceholder: String,
|
|
22
|
+
editorValid: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: undefined
|
|
25
|
+
},
|
|
26
|
+
editorDisabled: Boolean,
|
|
27
|
+
id: String,
|
|
28
|
+
optional: Boolean
|
|
29
|
+
},
|
|
30
|
+
data: function data() {
|
|
31
|
+
return {
|
|
32
|
+
focused: false
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
|
+
inject: {
|
|
36
|
+
kendoLocalizationService: {
|
|
37
|
+
default: null
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
created: function created() {
|
|
41
|
+
validatePackage(packageMetadata);
|
|
42
|
+
},
|
|
43
|
+
computed: {
|
|
44
|
+
spanClassNames: function spanClassNames() {
|
|
45
|
+
return {
|
|
46
|
+
'k-floating-label-container': true,
|
|
47
|
+
'k-focus': this.focused,
|
|
48
|
+
'k-empty': !this.$props.editorPlaceholder && !this.$props.editorValue && this.$props.editorValue !== 0,
|
|
49
|
+
'k-text-disabled': this.$props.editorDisabled,
|
|
50
|
+
'k-rtl': this.$props.dir === 'rtl'
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
labelClassNames: function labelClassNames() {
|
|
54
|
+
return {
|
|
55
|
+
'k-label': true,
|
|
56
|
+
'k-text-error': this.$props.editorValid === false,
|
|
57
|
+
'k-text-disabled': this.$props.editorDisabled
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
methods: {
|
|
62
|
+
handleFocus: function handleFocus() {
|
|
63
|
+
this.focused = true;
|
|
64
|
+
},
|
|
65
|
+
handleBlur: function handleBlur() {
|
|
66
|
+
this.focused = false;
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
// @ts-ignore
|
|
70
|
+
setup: !isV3 ? undefined : function () {
|
|
71
|
+
var v3 = !!isV3;
|
|
72
|
+
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
73
|
+
return {
|
|
74
|
+
v3: v3,
|
|
75
|
+
kendoLocalizationService: kendoLocalizationService
|
|
76
|
+
};
|
|
77
|
+
},
|
|
78
|
+
render: function render(createElement) {
|
|
79
|
+
var h = gh || createElement;
|
|
80
|
+
var defaultSlots = getDefaultSlots(this);
|
|
81
|
+
var _a = this.$props,
|
|
82
|
+
label = _a.label,
|
|
83
|
+
editorId = _a.editorId,
|
|
84
|
+
id = _a.id,
|
|
85
|
+
optional = _a.optional;
|
|
86
|
+
var ls = provideLocalizationService(this);
|
|
87
|
+
var localizedOptional = optional ? ls.toLanguageString(labelsOptional, messages[labelsOptional]) : '';
|
|
88
|
+
var optionalElement = localizedOptional && h("span", {
|
|
89
|
+
"class": 'k-label-optional'
|
|
90
|
+
}, [localizedOptional]);
|
|
91
|
+
return h("span", {
|
|
92
|
+
"class": this.spanClassNames,
|
|
93
|
+
onFocusin: this.handleFocus,
|
|
94
|
+
on: this.v3 ? undefined : {
|
|
95
|
+
"focusin": this.handleFocus,
|
|
96
|
+
"focusout": this.handleBlur
|
|
97
|
+
},
|
|
98
|
+
onFocusout: this.handleBlur,
|
|
99
|
+
dir: this.$props.dir,
|
|
100
|
+
attrs: this.v3 ? undefined : {
|
|
101
|
+
dir: this.$props.dir
|
|
102
|
+
}
|
|
103
|
+
}, [defaultSlots, label ? editorId ? h("label", {
|
|
104
|
+
id: id,
|
|
105
|
+
attrs: this.v3 ? undefined : {
|
|
106
|
+
id: id,
|
|
107
|
+
"for": editorId
|
|
108
|
+
},
|
|
109
|
+
"for": editorId,
|
|
110
|
+
"class": this.labelClassNames
|
|
111
|
+
}, [label, optionalElement]) : h("span", {
|
|
112
|
+
id: id,
|
|
113
|
+
attrs: this.v3 ? undefined : {
|
|
114
|
+
id: id
|
|
115
|
+
},
|
|
116
|
+
"class": this.labelClassNames
|
|
117
|
+
}, [label, optionalElement]) : null]);
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
/**
|
|
121
|
+
* @hidden
|
|
122
|
+
*/
|
|
123
|
+
|
|
124
|
+
var FloatingLabel = FloatingLabelVue2;
|
|
125
|
+
export { FloatingLabel, FloatingLabelVue2 };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Represents the props of the Kendo UI for Vue Hint component.
|
|
8
|
+
*/
|
|
9
|
+
export interface HintProps {
|
|
10
|
+
/**
|
|
11
|
+
* Represents the id of the Hint element.
|
|
12
|
+
* The value should be also set to the editor's `ariaDescribedBy` property.
|
|
13
|
+
*/
|
|
14
|
+
id?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Specifies the alignment of the Hint text.
|
|
17
|
+
*
|
|
18
|
+
* The possible values are:
|
|
19
|
+
* * (Default) `start`
|
|
20
|
+
* * `end`
|
|
21
|
+
*/
|
|
22
|
+
direction?: string;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
interface HintState {
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
interface HintData {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export interface HintMethods {
|
|
38
|
+
[key: string]: any;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* @hidden
|
|
42
|
+
*/
|
|
43
|
+
export interface HintComputed {
|
|
44
|
+
[key: string]: any;
|
|
45
|
+
hintClassName: object;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* @hidden
|
|
49
|
+
*/
|
|
50
|
+
export interface HintAll extends HintMethods, HintState, HintData, HintComputed, Vue2type {
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* @hidden
|
|
54
|
+
*/
|
|
55
|
+
declare const HintVue2: ComponentOptions<Vue2type, DefaultData<HintData>, DefaultMethods<HintAll>, HintComputed, RecordPropsDefinition<HintProps>>;
|
|
56
|
+
/**
|
|
57
|
+
* @hidden
|
|
58
|
+
*/
|
|
59
|
+
declare let Hint: DefineComponent<HintProps, any, HintData, HintComputed, HintMethods, {}, {}, {}, string, HintProps, HintProps, {}>;
|
|
60
|
+
export { Hint, HintVue2 };
|
package/dist/esm/Hint.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
import { packageMetadata } from './package-metadata.js';
|
|
7
|
+
import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
var HintVue2 = {
|
|
13
|
+
name: 'KendoHint',
|
|
14
|
+
props: {
|
|
15
|
+
id: String,
|
|
16
|
+
direction: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: 'start',
|
|
19
|
+
validator: function validator(value) {
|
|
20
|
+
return ['start', 'end'].includes(value);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
created: function created() {
|
|
25
|
+
validatePackage(packageMetadata);
|
|
26
|
+
},
|
|
27
|
+
computed: {
|
|
28
|
+
hintClassName: function hintClassName() {
|
|
29
|
+
return {
|
|
30
|
+
'k-form-hint': true,
|
|
31
|
+
'k-text-start': this.$props.direction === 'start',
|
|
32
|
+
'k-text-end': this.$props.direction === 'end'
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
// @ts-ignore
|
|
37
|
+
setup: !isV3 ? undefined : function () {
|
|
38
|
+
var v3 = !!isV3;
|
|
39
|
+
return {
|
|
40
|
+
v3: v3
|
|
41
|
+
};
|
|
42
|
+
},
|
|
43
|
+
render: function render(createElement) {
|
|
44
|
+
var h = gh || createElement;
|
|
45
|
+
var defaultSlots = getDefaultSlots(this);
|
|
46
|
+
return h("div", {
|
|
47
|
+
id: this.$props.id,
|
|
48
|
+
attrs: this.v3 ? undefined : {
|
|
49
|
+
id: this.$props.id
|
|
50
|
+
},
|
|
51
|
+
"class": this.hintClassName
|
|
52
|
+
}, [defaultSlots]);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
/**
|
|
56
|
+
* @hidden
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
var Hint = HintVue2;
|
|
60
|
+
export { Hint, HintVue2 };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Represents the props of the Kendo UI for Vue Label component.
|
|
8
|
+
*/
|
|
9
|
+
export interface LabelProps {
|
|
10
|
+
/**
|
|
11
|
+
* Represents the id of the label element.
|
|
12
|
+
* The value should be set to the editor `ariaLabelledBy` property.
|
|
13
|
+
* Can be used when the editor is not containing native form element.
|
|
14
|
+
*/
|
|
15
|
+
id?: string;
|
|
16
|
+
/**
|
|
17
|
+
* The id of the editor.
|
|
18
|
+
*/
|
|
19
|
+
editorId?: string;
|
|
20
|
+
/**
|
|
21
|
+
* An optional Vue ref to the editor.
|
|
22
|
+
* Used to redirect the click event to the editor when it does not contain native form element.
|
|
23
|
+
* To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
|
|
24
|
+
*/
|
|
25
|
+
editorRef?: any;
|
|
26
|
+
/**
|
|
27
|
+
* Specifies the validity of the editor. Used to define the editor is invalid.
|
|
28
|
+
*/
|
|
29
|
+
editorValid?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Specifies if the editor is disabled.
|
|
32
|
+
*/
|
|
33
|
+
editorDisabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* If enabled marks the label as optional.
|
|
36
|
+
*/
|
|
37
|
+
optional?: boolean;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
42
|
+
interface LabelState {
|
|
43
|
+
defaultSlots: any;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @hidden
|
|
47
|
+
*/
|
|
48
|
+
interface LabelData {
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
53
|
+
export interface LabelMethods {
|
|
54
|
+
[key: string]: any;
|
|
55
|
+
onLabelClick: (e: any) => void;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
export interface LabelComputed {
|
|
61
|
+
[key: string]: any;
|
|
62
|
+
labelClassName: object;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* @hidden
|
|
66
|
+
*/
|
|
67
|
+
export interface LabelAll extends LabelMethods, LabelState, LabelData, LabelComputed, Vue2type {
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
declare const LabelVue2: ComponentOptions<Vue2type, DefaultData<LabelData>, DefaultMethods<LabelAll>, LabelComputed, RecordPropsDefinition<LabelProps>>;
|
|
73
|
+
/**
|
|
74
|
+
* @hidden
|
|
75
|
+
*/
|
|
76
|
+
declare let Label: DefineComponent<LabelProps, any, LabelData, LabelComputed, LabelMethods, {}, {}, {}, string, LabelProps, LabelProps, {}>;
|
|
77
|
+
export { Label, LabelVue2 };
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
var inject = allVue.inject;
|
|
7
|
+
import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
import { labelsOptional, messages } from './messages.js';
|
|
9
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
10
|
+
import { packageMetadata } from './package-metadata.js';
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
var LabelVue2 = {
|
|
16
|
+
name: 'KendoLabel',
|
|
17
|
+
props: {
|
|
18
|
+
id: String,
|
|
19
|
+
editorId: String,
|
|
20
|
+
editorRef: String,
|
|
21
|
+
editorValid: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: undefined
|
|
24
|
+
},
|
|
25
|
+
editorDisabled: Boolean,
|
|
26
|
+
optional: Boolean
|
|
27
|
+
},
|
|
28
|
+
inject: {
|
|
29
|
+
kendoLocalizationService: {
|
|
30
|
+
default: null
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
created: function created() {
|
|
34
|
+
validatePackage(packageMetadata);
|
|
35
|
+
},
|
|
36
|
+
computed: {
|
|
37
|
+
labelClassName: function labelClassName() {
|
|
38
|
+
return {
|
|
39
|
+
'k-label': true,
|
|
40
|
+
'k-label-empty': !this.defaultSlots,
|
|
41
|
+
'k-text-error': this.$props.editorValid === false,
|
|
42
|
+
'k-text-disabled': this.$props.editorDisabled === true
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
methods: {
|
|
47
|
+
onLabelClick: function onLabelClick(e) {
|
|
48
|
+
if (this.$props.editorRef && this.$props.editorRef.current && !this.$props.editorDisabled) {
|
|
49
|
+
if (this.$props.editorRef.current.focus) {
|
|
50
|
+
e.preventDefault();
|
|
51
|
+
this.$props.editorRef.current.focus();
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var editorActionElement = this.$props.editorRef.current.actionElement;
|
|
55
|
+
|
|
56
|
+
if (editorActionElement) {
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
editorActionElement.click();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
// @ts-ignore
|
|
64
|
+
setup: !isV3 ? undefined : function () {
|
|
65
|
+
var v3 = !!isV3;
|
|
66
|
+
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
67
|
+
return {
|
|
68
|
+
v3: v3,
|
|
69
|
+
kendoLocalizationService: kendoLocalizationService
|
|
70
|
+
};
|
|
71
|
+
},
|
|
72
|
+
render: function render(createElement) {
|
|
73
|
+
var h = gh || createElement;
|
|
74
|
+
this.defaultSlots = getDefaultSlots(this);
|
|
75
|
+
var ls = provideLocalizationService(this);
|
|
76
|
+
var _a = this.$props,
|
|
77
|
+
id = _a.id,
|
|
78
|
+
editorId = _a.editorId,
|
|
79
|
+
optional = _a.optional;
|
|
80
|
+
var localizedOptional = optional ? ls.toLanguageString(labelsOptional, messages[labelsOptional]) : '';
|
|
81
|
+
var optionalElement = localizedOptional && h("span", {
|
|
82
|
+
"class": 'k-label-optional'
|
|
83
|
+
}, [localizedOptional]);
|
|
84
|
+
return h("label", {
|
|
85
|
+
id: id,
|
|
86
|
+
attrs: this.v3 ? undefined : {
|
|
87
|
+
id: id,
|
|
88
|
+
"for": editorId
|
|
89
|
+
},
|
|
90
|
+
"for": editorId,
|
|
91
|
+
onClick: this.onLabelClick,
|
|
92
|
+
on: this.v3 ? undefined : {
|
|
93
|
+
"click": this.onLabelClick
|
|
94
|
+
},
|
|
95
|
+
"class": this.labelClassName
|
|
96
|
+
}, [this.defaultSlots, optionalElement]);
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* @hidden
|
|
101
|
+
*/
|
|
102
|
+
|
|
103
|
+
var Label = LabelVue2;
|
|
104
|
+
export { Label, LabelVue2 };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import { DefineComponent } from 'vue';
|
|
3
|
+
// @ts-ignore
|
|
4
|
+
import * as Vue from 'vue';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
// @ts-ignore
|
|
10
|
+
type Vue2type = Vue.default;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
// @ts-ignore
|
|
16
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Label, LabelVue2, LabelProps } from './Label';
|
|
2
|
+
import { Error, ErrorVue2, ErrorProps } from './Error';
|
|
3
|
+
import { Hint, HintVue2, HintProps } from './Hint';
|
|
4
|
+
import { FloatingLabel, FloatingLabelVue2, FloatingLabelProps } from './FloatingLabel';
|
|
5
|
+
export { FloatingLabel, FloatingLabelVue2, FloatingLabelProps, Label, LabelVue2, LabelProps, Error, ErrorVue2, ErrorProps, Hint, HintVue2, HintProps };
|
package/dist/esm/main.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Label, LabelVue2 } from './Label.js';
|
|
2
|
+
import { Error, ErrorVue2 } from './Error.js';
|
|
3
|
+
import { Hint, HintVue2 } from './Hint.js';
|
|
4
|
+
import { FloatingLabel, FloatingLabelVue2 } from './FloatingLabel.js';
|
|
5
|
+
export { FloatingLabel, FloatingLabelVue2, Label, LabelVue2, Error, ErrorVue2, Hint, HintVue2 };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export var packageMetadata = {
|
|
5
|
+
name: '@progress/kendo-vue-labels',
|
|
6
|
+
productName: 'Kendo UI for Vue',
|
|
7
|
+
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
+
publishDate: 1660123828,
|
|
9
|
+
version: '',
|
|
10
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
|
+
};
|
package/dist/npm/Error.js
CHANGED
|
@@ -32,7 +32,7 @@ var ErrorVue2 = {
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
created: function created() {
|
|
35
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
35
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
36
36
|
},
|
|
37
37
|
computed: {
|
|
38
38
|
errorClassName: function errorClassName() {
|
|
@@ -52,7 +52,7 @@ var ErrorVue2 = {
|
|
|
52
52
|
},
|
|
53
53
|
render: function render(createElement) {
|
|
54
54
|
var h = gh || createElement;
|
|
55
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
55
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
56
56
|
return h("div", {
|
|
57
57
|
id: this.$props.id,
|
|
58
58
|
attrs: this.v3 ? undefined : {
|
|
@@ -50,7 +50,7 @@ var FloatingLabelVue2 = {
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
created: function created() {
|
|
53
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
53
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
54
54
|
},
|
|
55
55
|
computed: {
|
|
56
56
|
spanClassNames: function spanClassNames() {
|
|
@@ -89,13 +89,13 @@ var FloatingLabelVue2 = {
|
|
|
89
89
|
},
|
|
90
90
|
render: function render(createElement) {
|
|
91
91
|
var h = gh || createElement;
|
|
92
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
92
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
93
93
|
var _a = this.$props,
|
|
94
94
|
label = _a.label,
|
|
95
95
|
editorId = _a.editorId,
|
|
96
96
|
id = _a.id,
|
|
97
97
|
optional = _a.optional;
|
|
98
|
-
var ls = kendo_vue_intl_1.provideLocalizationService(this);
|
|
98
|
+
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
99
99
|
var localizedOptional = optional ? ls.toLanguageString(messages_1.labelsOptional, messages_1.messages[messages_1.labelsOptional]) : '';
|
|
100
100
|
var optionalElement = localizedOptional && h("span", {
|
|
101
101
|
"class": 'k-label-optional'
|
package/dist/npm/Hint.js
CHANGED
|
@@ -32,7 +32,7 @@ var HintVue2 = {
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
created: function created() {
|
|
35
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
35
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
36
36
|
},
|
|
37
37
|
computed: {
|
|
38
38
|
hintClassName: function hintClassName() {
|
|
@@ -52,7 +52,7 @@ var HintVue2 = {
|
|
|
52
52
|
},
|
|
53
53
|
render: function render(createElement) {
|
|
54
54
|
var h = gh || createElement;
|
|
55
|
-
var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
55
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
56
56
|
return h("div", {
|
|
57
57
|
id: this.$props.id,
|
|
58
58
|
attrs: this.v3 ? undefined : {
|
package/dist/npm/Label.js
CHANGED
|
@@ -43,7 +43,7 @@ var LabelVue2 = {
|
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
created: function created() {
|
|
46
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
46
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
47
47
|
},
|
|
48
48
|
computed: {
|
|
49
49
|
labelClassName: function labelClassName() {
|
|
@@ -83,8 +83,8 @@ var LabelVue2 = {
|
|
|
83
83
|
},
|
|
84
84
|
render: function render(createElement) {
|
|
85
85
|
var h = gh || createElement;
|
|
86
|
-
this.defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
|
|
87
|
-
var ls = kendo_vue_intl_1.provideLocalizationService(this);
|
|
86
|
+
this.defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
87
|
+
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
88
88
|
var _a = this.$props,
|
|
89
89
|
id = _a.id,
|
|
90
90
|
editorId = _a.editorId,
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-labels',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1660123828,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-labels",
|
|
3
3
|
"description": "Kendo UI for Vue Labels package",
|
|
4
|
-
"version": "3.5.
|
|
4
|
+
"version": "3.5.1-dev.202208100944",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"vue": "^2.6.12 || ^3.0.2"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@progress/kendo-vue-common": "3.5.
|
|
40
|
+
"@progress/kendo-vue-common": "3.5.1-dev.202208100944"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@progress/kendo-drawing": "^1.8.0",
|
|
44
44
|
"@progress/kendo-licensing": "^1.1.0",
|
|
45
|
-
"@progress/kendo-vue-dateinputs": "3.5.
|
|
46
|
-
"@progress/kendo-vue-dialogs": "3.5.
|
|
47
|
-
"@progress/kendo-vue-dropdowns": "3.5.
|
|
48
|
-
"@progress/kendo-vue-form": "3.5.
|
|
49
|
-
"@progress/kendo-vue-inputs": "3.5.
|
|
50
|
-
"@progress/kendo-vue-intl": "3.5.
|
|
51
|
-
"@progress/kendo-vue-upload": "3.5.
|
|
45
|
+
"@progress/kendo-vue-dateinputs": "3.5.1-dev.202208100944",
|
|
46
|
+
"@progress/kendo-vue-dialogs": "3.5.1-dev.202208100944",
|
|
47
|
+
"@progress/kendo-vue-dropdowns": "3.5.1-dev.202208100944",
|
|
48
|
+
"@progress/kendo-vue-form": "3.5.1-dev.202208100944",
|
|
49
|
+
"@progress/kendo-vue-inputs": "3.5.1-dev.202208100944",
|
|
50
|
+
"@progress/kendo-vue-intl": "3.5.1-dev.202208100944",
|
|
51
|
+
"@progress/kendo-vue-upload": "3.5.1-dev.202208100944"
|
|
52
52
|
},
|
|
53
53
|
"@progress": {
|
|
54
54
|
"friendlyName": "Labels",
|