@progress/kendo-vue-indicators 3.2.1 → 3.2.2-dev.202204181420
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-indicators.js +1 -1
- package/dist/es/main.d.ts +2 -0
- package/dist/es/main.js +2 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/skeleton/Skeleton.d.ts +51 -0
- package/dist/es/skeleton/Skeleton.js +63 -0
- package/dist/es/skeleton/SkeletonProps.d.ts +46 -0
- package/dist/es/skeleton/SkeletonProps.js +0 -0
- package/dist/npm/main.d.ts +2 -0
- package/dist/npm/main.js +2 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/skeleton/Skeleton.d.ts +51 -0
- package/dist/npm/skeleton/Skeleton.js +74 -0
- package/dist/npm/skeleton/SkeletonProps.d.ts +46 -0
- package/dist/npm/skeleton/SkeletonProps.js +2 -0
- package/package.json +8 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueIndicators=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueIndicators=t(e.Vue,e.KendoLicensing)}(window,(function(e,t){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=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},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=function(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(3),t),o(n(5),t),o(n(6),t),o(n(7),t),o(n(8),t)},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.LoaderVue2=t.Loader=void 0;var u=i(n(0)).h,s=n(9),a=n(4),c={pulsing:2,"infinite-spinner":3,"converging-spinner":4},d={name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created:function(){s.validatePackage(a.packageMetadata)},computed:{loaderClasses:function(){var e=this.$props,t=e.type,n=e.size,r=e.themeColor;return{"k-loader":!0,"k-loader-sm":"small"===n,"k-loader-md":"medium"===n,"k-loader-lg":"large"===n,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===t,"k-loader-spinner-3":"infinite-spinner"===t,"k-loader-spinner-4":"converging-spinner"===t}}},setup:u?function(){return{v3:!!u}}:void 0,render:function(e){var t=u||e,n=this.$props.type,r=new Array(c[n]);return r.fill(0,0,c[n]),t("div",{class:this.loaderClasses},[t("div",{class:"k-loader-canvas"},[r.map((function(e,n){return t("span",{key:n,class:"k-loader-segment"})}),this)])])},methods:{focus:function(e){this.$el&&this.$el.focus(e)}}};t.LoaderVue2=d;var l=d;t.Loader=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1650008133,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";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";n.r(t),n.d(t,"classNames",(function(){return r})),n.d(t,"guid",(function(){return o})),n.d(t,"Keys",(function(){return i})),n.d(t,"noop",(function(){return L})),n.d(t,"getListeners",(function(){return H})),n.d(t,"hasListener",(function(){return E})),n.d(t,"canUseDOM",(function(){return u})),n.d(t,"focusFirstFocusableChild",(function(){return s})),n.d(t,"clone",(function(){return j})),n.d(t,"Draggable",(function(){return O})),n.d(t,"cloneArray",(function(){return C})),n.d(t,"cloneValue",(function(){return M})),n.d(t,"cloneObject",(function(){return P})),n.d(t,"cloneDate",(function(){return k})),n.d(t,"getTemplate",(function(){return A})),n.d(t,"templateRendering",(function(){return Y})),n.d(t,"getTabIndex",(function(){return V})),n.d(t,"getDefaultSlots",(function(){return _})),n.d(t,"isRtl",(function(){return F})),n.d(t,"getDir",(function(){return I})),n.d(t,"getter",(function(){return T})),n.d(t,"setter",(function(){return D})),n.d(t,"validatePackage",(function(){return q})),n.d(t,"kendoThemeMaps",(function(){return z}));var r=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)?r.apply(void 0,e):"object"==typeof 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(" ")},o=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},i={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},u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),s=function(e){if(e){var t=e.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');t.length&&t[0].focus&&t[0].focus()}},a=n(0),c=function(e,t){return function(n){return t(e(n))}},d=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},l=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},f=function(){},p=function(e){return e.preventDefault()},m=/touch/;function h(e){return e.type.match(m)?{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 v=function(e){var t=this,n=e.press;void 0===n&&(n=f);var r=e.drag;void 0===r&&(r=f);var o=e.release;void 0===o&&(o=f);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=c(h,n),this._dragHandler=c(h,r),this._releaseHandler=c(h,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||(d(document,"mousemove",t._mousemove),d(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){l(document,"mousemove",t._mousemove),l(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(d(document,"pointermove",t._pointermove),d(document,"pointerup",t._pointerup),d(document,"pointercancel",t._pointerup),d(document,"contextmenu",p),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(l(document,"pointermove",t._pointermove),l(document,"pointerup",t._pointerup),l(document,"pointercancel",t._pointerup),l(document,"contextmenu",p),t._releaseHandler(e))}};v.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},v.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},v.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?d(e,"pointerdown",this._pointerdown):(d(e,"mousedown",this._mousedown),this._mouseOnly||(d(e,"touchstart",this._touchstart),d(e,"touchmove",this._touchmove),d(e,"touchend",this._touchend)))},v.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return l(e,"pointerdown",this._pointerdown),l(document,"pointermove",this._pointermove),l(document,"pointerup",this._pointerup),l(document,"contextmenu",p),void l(document,"pointercancel",this._pointerup);l(e,"mousedown",this._mousedown),this._mouseOnly||(l(e,"touchstart",this._touchstart),l(e,"touchmove",this._touchmove),l(e,"touchend",this._touchend))},v.prototype._usePointers=function(){return!this._mouseOnly&&v.supportPointerEvent()},v.prototype.update=function(e){var t=e.press;void 0===t&&(t=f);var n=e.drag;void 0===n&&(n=f);var r=e.release;void 0===r&&(r=f);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=c(h,t),this._dragHandler=c(h,n),this._releaseHandler=c(h,r),this._mouseOnly=o},v.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},v.default=v;var g,y=v;function _(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=a.h,O=(b(g={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new y({press:this.press,drag:this.drag,release:this.release})},setup:w?function(){return{v3:!!w}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:w?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",w?function(){return{v3:!!w}}:void 0),b(g,"render",(function(e){return _(this)})),g),k=function(e){return e?new Date(e.getTime()):null};function j(e){var t={};return P(e,t),t}function P(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=M(r,t[n])}}function M(e,t){if(Array.isArray(e))return C(e);if(e instanceof Date)return k(e);if(e&&"object"==typeof e){var n=t||{};return P(e,n),n}return e}function C(e){return e.map((function(e){return M(e,void 0)}))}var L=function(){},$=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,S={};function T(e){if(S[e])return S[e];var t=[];return e.replace($,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),S[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},S[e]}S.undefined=function(){};var x={};function D(e){if(x[e])return x[e];var t=[];return e.replace($,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),x[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},x[e]}function E(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 H(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}x.undefined=function(e){return e};var K=function(){return(K=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)},X=a.h;function Y(e,t){if(e){var n=X?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?{type:"slot",render:n,listeners:t}:"string"==typeof e||"object"==typeof e||"function"==typeof e&&e.component?{type:"component",render:e,listeners:t}:{type:"renderFunction",render:e,listeners:t}}}function A(e){var t,n,r,o=e.h,i=e.template,u=e.defaultRendering,s=e.defaultSlots,a=e.additionalProps,c=e.additionalListeners,d=e.swapDefaultSlots;if(!i)return u;if(X){var l=u?u.props:{};t=K(K({},U(c)),i.listeners),n=K(K(K({},l),a),t),r=K(K({},n),t)}else{var f=u&&u.componentOptions,p=f?u.componentOptions.listeners:{},m=f?u.componentOptions.propsData:{};t=K(K(K(K({},p),c),U(c)),i.listeners),r={props:n=K(K(K({},m),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?d?i.render(o,u,s,n,t):i.render(o,u,n,t,s):o(i.render,r,X?function(){return[s]}:[s])}function U(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 V=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 F(e){return Boolean(u&&e&&"rtl"===getComputedStyle(e).direction)}function I(e,t){if(!t&&u&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var N=n(1);function q(e){if(void 0!==N)N.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 z={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}}])}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueIndicators=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueIndicators=t(e.Vue,e.KendoLicensing)}(window,(function(e,t){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=4)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1650291353,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,"classNames",(function(){return r})),n.d(t,"guid",(function(){return o})),n.d(t,"Keys",(function(){return i})),n.d(t,"noop",(function(){return C})),n.d(t,"getListeners",(function(){return H})),n.d(t,"hasListener",(function(){return E})),n.d(t,"canUseDOM",(function(){return u})),n.d(t,"focusFirstFocusableChild",(function(){return s})),n.d(t,"clone",(function(){return j})),n.d(t,"Draggable",(function(){return w})),n.d(t,"cloneArray",(function(){return S})),n.d(t,"cloneValue",(function(){return M})),n.d(t,"cloneObject",(function(){return P})),n.d(t,"cloneDate",(function(){return O})),n.d(t,"getTemplate",(function(){return Y})),n.d(t,"templateRendering",(function(){return X})),n.d(t,"getTabIndex",(function(){return U})),n.d(t,"getDefaultSlots",(function(){return _})),n.d(t,"isRtl",(function(){return F})),n.d(t,"getDir",(function(){return I})),n.d(t,"getter",(function(){return $})),n.d(t,"setter",(function(){return D})),n.d(t,"validatePackage",(function(){return q})),n.d(t,"kendoThemeMaps",(function(){return z}));var r=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)?r.apply(void 0,e):"object"==typeof 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(" ")},o=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},i={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},u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),s=function(e){if(e){var t=e.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');t.length&&t[0].focus&&t[0].focus()}},a=n(0),c=function(e,t){return function(n){return t(e(n))}},l=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},d=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},f=function(){},p=function(e){return e.preventDefault()},m=/touch/;function h(e){return e.type.match(m)?{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 v=function(e){var t=this,n=e.press;void 0===n&&(n=f);var r=e.drag;void 0===r&&(r=f);var o=e.release;void 0===o&&(o=f);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=c(h,n),this._dragHandler=c(h,r),this._releaseHandler=c(h,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||(l(document,"mousemove",t._mousemove),l(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){d(document,"mousemove",t._mousemove),d(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(l(document,"pointermove",t._pointermove),l(document,"pointerup",t._pointerup),l(document,"pointercancel",t._pointerup),l(document,"contextmenu",p),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(d(document,"pointermove",t._pointermove),d(document,"pointerup",t._pointerup),d(document,"pointercancel",t._pointerup),d(document,"contextmenu",p),t._releaseHandler(e))}};v.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},v.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},v.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?l(e,"pointerdown",this._pointerdown):(l(e,"mousedown",this._mousedown),this._mouseOnly||(l(e,"touchstart",this._touchstart),l(e,"touchmove",this._touchmove),l(e,"touchend",this._touchend)))},v.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return d(e,"pointerdown",this._pointerdown),d(document,"pointermove",this._pointermove),d(document,"pointerup",this._pointerup),d(document,"contextmenu",p),void d(document,"pointercancel",this._pointerup);d(e,"mousedown",this._mousedown),this._mouseOnly||(d(e,"touchstart",this._touchstart),d(e,"touchmove",this._touchmove),d(e,"touchend",this._touchend))},v.prototype._usePointers=function(){return!this._mouseOnly&&v.supportPointerEvent()},v.prototype.update=function(e){var t=e.press;void 0===t&&(t=f);var n=e.drag;void 0===n&&(n=f);var r=e.release;void 0===r&&(r=f);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=c(h,t),this._dragHandler=c(h,n),this._releaseHandler=c(h,r),this._mouseOnly=o},v.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},v.default=v;var g,y=v;function _(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=a.h,w=(b(g={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new y({press:this.press,drag:this.drag,release:this.release})},setup:k?function(){return{v3:!!k}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:k?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",k?function(){return{v3:!!k}}:void 0),b(g,"render",(function(e){return _(this)})),g),O=function(e){return e?new Date(e.getTime()):null};function j(e){var t={};return P(e,t),t}function P(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];t[n]=M(r,t[n])}}function M(e,t){if(Array.isArray(e))return S(e);if(e instanceof Date)return O(e);if(e&&"object"==typeof e){var n=t||{};return P(e,n),n}return e}function S(e){return e.map((function(e){return M(e,void 0)}))}var C=function(){},x=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,L={};function $(e){if(L[e])return L[e];var t=[];return e.replace(x,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),L[e]=function(e){for(var n=e,r=0;r<t.length&&n;r++)n=n[t[r]];return n},L[e]}L.undefined=function(){};var T={};function D(e){if(T[e])return T[e];var t=[];return e.replace(x,(function(e,n,r,o){t.push(void 0!==n?n:r||o)})),T[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},T[e]}function E(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 H(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}T.undefined=function(e){return e};var K=function(){return(K=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)},V=a.h;function X(e,t){if(e){var n=V?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?{type:"slot",render:n,listeners:t}:"string"==typeof e||"object"==typeof e||"function"==typeof e&&e.component?{type:"component",render:e,listeners:t}:{type:"renderFunction",render:e,listeners:t}}}function Y(e){var t,n,r,o=e.h,i=e.template,u=e.defaultRendering,s=e.defaultSlots,a=e.additionalProps,c=e.additionalListeners,l=e.swapDefaultSlots;if(!i)return u;if(V){var d=u?u.props:{};t=K(K({},A(c)),i.listeners),n=K(K(K({},d),a),t),r=K(K({},n),t)}else{var f=u&&u.componentOptions,p=f?u.componentOptions.listeners:{},m=f?u.componentOptions.propsData:{};t=K(K(K(K({},p),c),A(c)),i.listeners),r={props:n=K(K(K({},m),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?l?i.render(o,u,s,n,t):i.render(o,u,n,t,s):o(i.render,r,V?function(){return[s]}:[s])}function A(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 U=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 F(e){return Boolean(u&&e&&"rtl"===getComputedStyle(e).direction)}function I(e,t){if(!t&&u&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var N=n(1);function q(e){if(void 0!==N)N.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 z={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},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=function(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(5),t),o(n(6),t),o(n(7),t),o(n(8),t),o(n(9),t),o(n(10),t),o(n(11),t)},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.LoaderVue2=t.Loader=void 0;var u=i(n(0)).h,s=n(3),a=n(2),c={pulsing:2,"infinite-spinner":3,"converging-spinner":4},l={name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created:function(){s.validatePackage(a.packageMetadata)},computed:{loaderClasses:function(){var e=this.$props,t=e.type,n=e.size,r=e.themeColor;return{"k-loader":!0,"k-loader-sm":"small"===n,"k-loader-md":"medium"===n,"k-loader-lg":"large"===n,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===t,"k-loader-spinner-3":"infinite-spinner"===t,"k-loader-spinner-4":"converging-spinner"===t}}},setup:u?function(){return{v3:!!u}}:void 0,render:function(e){var t=u||e,n=this.$props.type,r=new Array(c[n]);return r.fill(0,0,c[n]),t("div",{class:this.loaderClasses},[t("div",{class:"k-loader-canvas"},[r.map((function(e,n){return t("span",{key:n,class:"k-loader-segment"})}),this)])])},methods:{focus:function(e){this.$el&&this.$el.focus(e)}}};t.LoaderVue2=l;var d=l;t.Loader=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=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]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},u=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)&&o(t,e,n);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.SkeletonVue2=t.Skeleton=void 0;var s=u(n(0)).h,a=n(3),c=n(2),l={name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return["wave","pulse"].includes(e.type)}},shape:{type:String,default:"text",validator:function(e){return["circle","rectangle","text"].includes(e)}}},created:function(){a.validatePackage(c.packageMetadata)},computed:{skeletonClasses:function(){return{"k-skeleton":!0,"k-skeleton-circle":"circle"===this.shape,"k-skeleton-rectangle":"rectangle"===this.shape,"k-skeleton-text":"text"===this.shape,"k-skeleton-pulse":"object"===r(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":"object"===r(this.animation)&&"wave"===this.animation.type||!0===this.animation}}},setup:s?function(){return{v3:!!s}}:void 0,render:function(e){return(s||e)("span",{class:this.skeletonClasses})}};t.SkeletonVue2=l;var d=l;t.Skeleton=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})}])}));
|
package/dist/es/main.d.ts
CHANGED
package/dist/es/main.js
CHANGED
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-indicators',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1650291353,
|
|
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,51 @@
|
|
|
1
|
+
import { DefineComponent } from '../additionalTypes';
|
|
2
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
import { SkeletonProps } from './SkeletonProps';
|
|
8
|
+
/**
|
|
9
|
+
* The Skeleton ref.
|
|
10
|
+
*/
|
|
11
|
+
export interface SkeletonHandle {
|
|
12
|
+
/**
|
|
13
|
+
* The Skeleton element.
|
|
14
|
+
*/
|
|
15
|
+
element: HTMLSpanElement | null;
|
|
16
|
+
/**
|
|
17
|
+
* Focus the Skeleton.
|
|
18
|
+
*/
|
|
19
|
+
focus: () => void;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
export interface SkeletonState {
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export interface SkeletonComputed {
|
|
30
|
+
[key: string]: any;
|
|
31
|
+
skeletonClasses: object;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export interface SkeletonMethods {
|
|
37
|
+
[key: string]: any;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
42
|
+
export interface SkeletonData {
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
*/
|
|
47
|
+
export interface SkeletonAll extends Vue, SkeletonMethods, SkeletonData, SkeletonComputed, SkeletonState {
|
|
48
|
+
}
|
|
49
|
+
declare let SkeletonVue2: ComponentOptions<SkeletonAll, DefaultData<SkeletonData>, DefaultMethods<SkeletonAll>, SkeletonComputed, RecordPropsDefinition<SkeletonProps>>;
|
|
50
|
+
declare const Skeleton: DefineComponent<SkeletonProps, any, SkeletonData, SkeletonComputed, SkeletonMethods, {}, {}, {}, string, SkeletonProps, SkeletonProps, {}>;
|
|
51
|
+
export { Skeleton, SkeletonVue2 };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
|
|
3
|
+
// @ts-ignore
|
|
4
|
+
import * as Vue from 'vue';
|
|
5
|
+
var allVue = Vue;
|
|
6
|
+
var gh = allVue.h;
|
|
7
|
+
import { validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length
|
|
9
|
+
|
|
10
|
+
var SkeletonVue2 = {
|
|
11
|
+
name: 'KendoSkeleton',
|
|
12
|
+
props: {
|
|
13
|
+
animation: {
|
|
14
|
+
type: [Object, Boolean],
|
|
15
|
+
default: function _default() {
|
|
16
|
+
return {
|
|
17
|
+
type: 'pulse'
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
validator: function validator(value) {
|
|
21
|
+
return ['wave', 'pulse'].includes(value.type);
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
shape: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: 'text',
|
|
27
|
+
validator: function validator(value) {
|
|
28
|
+
return ['circle', 'rectangle', 'text'].includes(value);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
created: function created() {
|
|
33
|
+
validatePackage(packageMetadata);
|
|
34
|
+
},
|
|
35
|
+
computed: {
|
|
36
|
+
skeletonClasses: function skeletonClasses() {
|
|
37
|
+
return {
|
|
38
|
+
'k-skeleton': true,
|
|
39
|
+
'k-skeleton-circle': this.shape === 'circle',
|
|
40
|
+
'k-skeleton-rectangle': this.shape === 'rectangle',
|
|
41
|
+
'k-skeleton-text': this.shape === 'text',
|
|
42
|
+
'k-skeleton-pulse': _typeof(this.animation) === 'object' && this.animation.type === 'pulse',
|
|
43
|
+
'k-skeleton-wave': _typeof(this.animation) === 'object' && this.animation.type === 'wave' || this.animation === true
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
// @ts-ignore
|
|
48
|
+
setup: !gh ? undefined : function () {
|
|
49
|
+
var v3 = !!gh;
|
|
50
|
+
return {
|
|
51
|
+
v3: v3
|
|
52
|
+
};
|
|
53
|
+
},
|
|
54
|
+
// @ts-ignore
|
|
55
|
+
render: function render(createElement) {
|
|
56
|
+
var h = gh || createElement;
|
|
57
|
+
return h("span", {
|
|
58
|
+
"class": this.skeletonClasses
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
var Skeleton = SkeletonVue2;
|
|
63
|
+
export { Skeleton, SkeletonVue2 };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents the props of the [KendoReact Skeleton component]({% slug overview_skeleton %}).
|
|
3
|
+
*/
|
|
4
|
+
export interface SkeletonProps {
|
|
5
|
+
/**
|
|
6
|
+
* Specifies the animation settings of the Skeleton.
|
|
7
|
+
*
|
|
8
|
+
* The possible keys are:
|
|
9
|
+
* * `type`—Defines the type of the Skeleton animation.
|
|
10
|
+
* * `wave`—Shows wave animation effect.
|
|
11
|
+
* * `pulse`(Default)—Shows pulse animation effect.
|
|
12
|
+
*
|
|
13
|
+
* To disable the animation, set the property to `false`.
|
|
14
|
+
*
|
|
15
|
+
*/
|
|
16
|
+
animation?: boolean | SkeletonAnimation;
|
|
17
|
+
/**
|
|
18
|
+
* Specifies the shape of the Skeleton.
|
|
19
|
+
*
|
|
20
|
+
* The possible values are:
|
|
21
|
+
* * `circle`—Renders a circular Skeleton.
|
|
22
|
+
* * `text`(Default)—Renders a line Skeleton.
|
|
23
|
+
* * `rectangle`—Renders a rectangular Skeleton.
|
|
24
|
+
*
|
|
25
|
+
*/
|
|
26
|
+
shape?: SkeletonShape | string;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Specifies the shape of the Skeleton.
|
|
30
|
+
*
|
|
31
|
+
* The possible values are:
|
|
32
|
+
* * `circle`—Renders a circular Skeleton.
|
|
33
|
+
* * `text`(Default)—Renders a line Skeleton.
|
|
34
|
+
* * `rectangle`—Renders a rectangular Skeleton.
|
|
35
|
+
*
|
|
36
|
+
*/
|
|
37
|
+
export declare type SkeletonShape = 'circle' | 'text' | 'rectangle';
|
|
38
|
+
/**
|
|
39
|
+
* Specifies the animation settings of the Skeleton.
|
|
40
|
+
*/
|
|
41
|
+
export interface SkeletonAnimation {
|
|
42
|
+
/**
|
|
43
|
+
* Specifies the type of the Skeleton animation. Defaults to `pulse`.
|
|
44
|
+
*/
|
|
45
|
+
type?: 'wave' | 'pulse';
|
|
46
|
+
}
|
|
File without changes
|
package/dist/npm/main.d.ts
CHANGED
package/dist/npm/main.js
CHANGED
|
@@ -15,3 +15,5 @@ __exportStar(require("./loader/LoaderProps"), exports);
|
|
|
15
15
|
__exportStar(require("./loader/models/size"), exports);
|
|
16
16
|
__exportStar(require("./loader/models/theme-color"), exports);
|
|
17
17
|
__exportStar(require("./loader/models/type"), exports);
|
|
18
|
+
__exportStar(require("./skeleton/Skeleton"), exports);
|
|
19
|
+
__exportStar(require("./skeleton/SkeletonProps"), exports);
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-indicators',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1650291353,
|
|
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
|
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { DefineComponent } from '../additionalTypes';
|
|
2
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
import { SkeletonProps } from './SkeletonProps';
|
|
8
|
+
/**
|
|
9
|
+
* The Skeleton ref.
|
|
10
|
+
*/
|
|
11
|
+
export interface SkeletonHandle {
|
|
12
|
+
/**
|
|
13
|
+
* The Skeleton element.
|
|
14
|
+
*/
|
|
15
|
+
element: HTMLSpanElement | null;
|
|
16
|
+
/**
|
|
17
|
+
* Focus the Skeleton.
|
|
18
|
+
*/
|
|
19
|
+
focus: () => void;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
export interface SkeletonState {
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export interface SkeletonComputed {
|
|
30
|
+
[key: string]: any;
|
|
31
|
+
skeletonClasses: object;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export interface SkeletonMethods {
|
|
37
|
+
[key: string]: any;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
42
|
+
export interface SkeletonData {
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
*/
|
|
47
|
+
export interface SkeletonAll extends Vue, SkeletonMethods, SkeletonData, SkeletonComputed, SkeletonState {
|
|
48
|
+
}
|
|
49
|
+
declare let SkeletonVue2: ComponentOptions<SkeletonAll, DefaultData<SkeletonData>, DefaultMethods<SkeletonAll>, SkeletonComputed, RecordPropsDefinition<SkeletonProps>>;
|
|
50
|
+
declare const Skeleton: DefineComponent<SkeletonProps, any, SkeletonData, SkeletonComputed, SkeletonMethods, {}, {}, {}, string, SkeletonProps, SkeletonProps, {}>;
|
|
51
|
+
export { Skeleton, SkeletonVue2 };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.SkeletonVue2 = exports.Skeleton = void 0; // @ts-ignore
|
|
9
|
+
|
|
10
|
+
var Vue = require("vue");
|
|
11
|
+
|
|
12
|
+
var allVue = Vue;
|
|
13
|
+
var gh = allVue.h;
|
|
14
|
+
|
|
15
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
+
|
|
17
|
+
var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
var SkeletonVue2 = {
|
|
21
|
+
name: 'KendoSkeleton',
|
|
22
|
+
props: {
|
|
23
|
+
animation: {
|
|
24
|
+
type: [Object, Boolean],
|
|
25
|
+
default: function _default() {
|
|
26
|
+
return {
|
|
27
|
+
type: 'pulse'
|
|
28
|
+
};
|
|
29
|
+
},
|
|
30
|
+
validator: function validator(value) {
|
|
31
|
+
return ['wave', 'pulse'].includes(value.type);
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
shape: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: 'text',
|
|
37
|
+
validator: function validator(value) {
|
|
38
|
+
return ['circle', 'rectangle', 'text'].includes(value);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
created: function created() {
|
|
43
|
+
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
44
|
+
},
|
|
45
|
+
computed: {
|
|
46
|
+
skeletonClasses: function skeletonClasses() {
|
|
47
|
+
return {
|
|
48
|
+
'k-skeleton': true,
|
|
49
|
+
'k-skeleton-circle': this.shape === 'circle',
|
|
50
|
+
'k-skeleton-rectangle': this.shape === 'rectangle',
|
|
51
|
+
'k-skeleton-text': this.shape === 'text',
|
|
52
|
+
'k-skeleton-pulse': _typeof(this.animation) === 'object' && this.animation.type === 'pulse',
|
|
53
|
+
'k-skeleton-wave': _typeof(this.animation) === 'object' && this.animation.type === 'wave' || this.animation === true
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
// @ts-ignore
|
|
58
|
+
setup: !gh ? undefined : function () {
|
|
59
|
+
var v3 = !!gh;
|
|
60
|
+
return {
|
|
61
|
+
v3: v3
|
|
62
|
+
};
|
|
63
|
+
},
|
|
64
|
+
// @ts-ignore
|
|
65
|
+
render: function render(createElement) {
|
|
66
|
+
var h = gh || createElement;
|
|
67
|
+
return h("span", {
|
|
68
|
+
"class": this.skeletonClasses
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
exports.SkeletonVue2 = SkeletonVue2;
|
|
73
|
+
var Skeleton = SkeletonVue2;
|
|
74
|
+
exports.Skeleton = Skeleton;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents the props of the [KendoReact Skeleton component]({% slug overview_skeleton %}).
|
|
3
|
+
*/
|
|
4
|
+
export interface SkeletonProps {
|
|
5
|
+
/**
|
|
6
|
+
* Specifies the animation settings of the Skeleton.
|
|
7
|
+
*
|
|
8
|
+
* The possible keys are:
|
|
9
|
+
* * `type`—Defines the type of the Skeleton animation.
|
|
10
|
+
* * `wave`—Shows wave animation effect.
|
|
11
|
+
* * `pulse`(Default)—Shows pulse animation effect.
|
|
12
|
+
*
|
|
13
|
+
* To disable the animation, set the property to `false`.
|
|
14
|
+
*
|
|
15
|
+
*/
|
|
16
|
+
animation?: boolean | SkeletonAnimation;
|
|
17
|
+
/**
|
|
18
|
+
* Specifies the shape of the Skeleton.
|
|
19
|
+
*
|
|
20
|
+
* The possible values are:
|
|
21
|
+
* * `circle`—Renders a circular Skeleton.
|
|
22
|
+
* * `text`(Default)—Renders a line Skeleton.
|
|
23
|
+
* * `rectangle`—Renders a rectangular Skeleton.
|
|
24
|
+
*
|
|
25
|
+
*/
|
|
26
|
+
shape?: SkeletonShape | string;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Specifies the shape of the Skeleton.
|
|
30
|
+
*
|
|
31
|
+
* The possible values are:
|
|
32
|
+
* * `circle`—Renders a circular Skeleton.
|
|
33
|
+
* * `text`(Default)—Renders a line Skeleton.
|
|
34
|
+
* * `rectangle`—Renders a rectangular Skeleton.
|
|
35
|
+
*
|
|
36
|
+
*/
|
|
37
|
+
export declare type SkeletonShape = 'circle' | 'text' | 'rectangle';
|
|
38
|
+
/**
|
|
39
|
+
* Specifies the animation settings of the Skeleton.
|
|
40
|
+
*/
|
|
41
|
+
export interface SkeletonAnimation {
|
|
42
|
+
/**
|
|
43
|
+
* Specifies the type of the Skeleton animation. Defaults to `pulse`.
|
|
44
|
+
*/
|
|
45
|
+
type?: 'wave' | 'pulse';
|
|
46
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-indicators",
|
|
3
3
|
"description": "Kendo UI for Vue Indicators package",
|
|
4
|
-
"version": "3.2.
|
|
4
|
+
"version": "3.2.2-dev.202204181420",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -36,16 +36,15 @@
|
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@progress/kendo-drawing": "^1.8.0",
|
|
38
38
|
"@progress/kendo-licensing": "^1.0.1",
|
|
39
|
-
"@progress/kendo-vue-animation": "3.2.
|
|
40
|
-
"@progress/kendo-vue-buttons": "3.2.
|
|
41
|
-
"@progress/kendo-vue-dropdowns": "3.2.
|
|
42
|
-
"@progress/kendo-vue-intl": "3.2.
|
|
43
|
-
"@progress/kendo-vue-layout": "3.2.
|
|
44
|
-
"@progress/kendo-vue-progressbars": "3.2.
|
|
39
|
+
"@progress/kendo-vue-animation": "3.2.2-dev.202204181420",
|
|
40
|
+
"@progress/kendo-vue-buttons": "3.2.2-dev.202204181420",
|
|
41
|
+
"@progress/kendo-vue-dropdowns": "3.2.2-dev.202204181420",
|
|
42
|
+
"@progress/kendo-vue-intl": "3.2.2-dev.202204181420",
|
|
43
|
+
"@progress/kendo-vue-layout": "3.2.2-dev.202204181420",
|
|
44
|
+
"@progress/kendo-vue-progressbars": "3.2.2-dev.202204181420"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@progress/kendo-vue-common": "3.2.
|
|
48
|
-
"prop-types": "^15.6.0"
|
|
47
|
+
"@progress/kendo-vue-common": "3.2.2-dev.202204181420"
|
|
49
48
|
},
|
|
50
49
|
"@progress": {
|
|
51
50
|
"friendlyName": "Indicators",
|