@progress/kendo-angular-icons - npm Package Compare versions

Comparing version 0.1.1-dev.202009141403 to 0.2.0-dev.202009151511

dist/cdn/js/kendo-angular-icons.js

@@ -5,3 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common"],t):"object"==typeof exports?exports.KendoAngularIcons=t(require("@angular/core"),require("@angular/common")):e.KendoAngularIcons=t(e["@angular/core"],e["@angular/common"])}(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(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return o})),n.d(t,"__assign",(function(){return i})),n.d(t,"__rest",(function(){return a})),n.d(t,"__decorate",(function(){return u})),n.d(t,"__param",(function(){return c})),n.d(t,"__metadata",(function(){return l})),n.d(t,"__awaiter",(function(){return f})),n.d(t,"__generator",(function(){return s})),n.d(t,"__createBinding",(function(){return d})),n.d(t,"__exportStar",(function(){return p})),n.d(t,"__values",(function(){return y})),n.d(t,"__read",(function(){return _})),n.d(t,"__spread",(function(){return m})),n.d(t,"__spreadArrays",(function(){return h})),n.d(t,"__await",(function(){return b})),n.d(t,"__asyncGenerator",(function(){return v})),n.d(t,"__asyncDelegator",(function(){return g})),n.d(t,"__asyncValues",(function(){return w})),n.d(t,"__makeTemplateObject",(function(){return O})),n.d(t,"__importStar",(function(){return j})),n.d(t,"__importDefault",(function(){return P})),n.d(t,"__classPrivateFieldGet",(function(){return x})),n.d(t,"__classPrivateFieldSet",(function(){return S}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/platform-browser"],t):"object"==typeof exports?exports.KendoAngularIcons=t(require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):e.KendoAngularIcons=t(e["@angular/core"],e["@angular/common"],e["@angular/platform-browser"])}(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=8)}([function(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return o})),n.d(t,"__assign",(function(){return i})),n.d(t,"__rest",(function(){return a})),n.d(t,"__decorate",(function(){return u})),n.d(t,"__param",(function(){return c})),n.d(t,"__metadata",(function(){return l})),n.d(t,"__awaiter",(function(){return s})),n.d(t,"__generator",(function(){return f})),n.d(t,"__createBinding",(function(){return d})),n.d(t,"__exportStar",(function(){return p})),n.d(t,"__values",(function(){return _})),n.d(t,"__read",(function(){return y})),n.d(t,"__spread",(function(){return m})),n.d(t,"__spreadArrays",(function(){return h})),n.d(t,"__await",(function(){return v})),n.d(t,"__asyncGenerator",(function(){return g})),n.d(t,"__asyncDelegator",(function(){return b})),n.d(t,"__asyncValues",(function(){return w})),n.d(t,"__makeTemplateObject",(function(){return O})),n.d(t,"__importStar",(function(){return S})),n.d(t,"__importDefault",(function(){return j})),n.d(t,"__classPrivateFieldGet",(function(){return I})),n.d(t,"__classPrivateFieldSet",(function(){return x}));
 /*! *****************************************************************************
@@ -21,2 +21,2 @@ Copyright (c) Microsoft Corporation.
 ***************************************************************************** */
-var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function o(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return(i=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)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function f(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function u(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,u)}c((r=r.apply(e,t||[])).next())}))}function s(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}function d(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}function p(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||(t[n]=e[n])}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function h(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,u=i.length;a<u;a++,o++)r[o]=i[a];return r}function b(e){return this instanceof b?(this.v=e,this):new b(e)}function v(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),i=[];return r={},a("next"),a("throw"),a("return"),r[Symbol.asyncIterator]=function(){return this},r;function a(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){i.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof b?Promise.resolve(n.value.v).then(c,l):f(i[0][2],n)}catch(e){f(i[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function f(e,t){e(t),i.shift(),i.length&&u(i[0][0],i[0][1])}}function g(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:b(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function w(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function j(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function P(e){return e&&e.__esModule?e:{default:e}}function x(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function S(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n}},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=function(){function e(e,t){this.element=e,this.renderer=t,this.hostClass=!0}return Object.defineProperty(e.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),r.__decorate([o.HostBinding("class.k-icon"),r.__metadata("design:type",Boolean)],e.prototype,"hostClass",void 0),r.__decorate([o.HostBinding("class.k-flip-h"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"horizontalFlip",null),r.__decorate([o.HostBinding("class.k-flip-v"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"verticalFlip",null),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],e.prototype,"themeColor",null),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],e.prototype,"name",null),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],e.prototype,"size",null),r.__decorate([o.Input(),r.__metadata("design:type",String)],e.prototype,"flip",void 0),e=r.__decorate([o.Component({selector:"kendo-icon",template:""}),r.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2])],e)}();t.IconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(5),a=[n(2).IconComponent],u=a.slice(),c=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[u],exports:[a],imports:[i.CommonModule]})],e)}();t.IconModule=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.IconComponent=r.IconComponent;var o=n(3);t.IconModule=o.IconModule;var i=n(6);t.IconsModule=i.IconsModule},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(3),a=function(){function e(){}return e=r.__decorate([o.NgModule({exports:[i.IconModule]})],e)}();t.IconsModule=a}])}));
+var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function o(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return(i=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)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function u(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,u)}c((r=r.apply(e,t||[])).next())}))}function f(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}function d(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}function p(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||(t[n]=e[n])}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(y(arguments[t]));return e}function h(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,u=i.length;a<u;a++,o++)r[o]=i[a];return r}function v(e){return this instanceof v?(this.v=e,this):new v(e)}function g(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),i=[];return r={},a("next"),a("throw"),a("return"),r[Symbol.asyncIterator]=function(){return this},r;function a(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){i.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof v?Promise.resolve(n.value.v).then(c,l):s(i[0][2],n)}catch(e){s(i[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function s(e,t){e(t),i.shift(),i.length&&u(i[0][0],i[0][1])}}function b(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:v(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function w(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=_(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function S(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function j(e){return e&&e.__esModule?e:{default:e}}function I(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function x(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n}},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=function(e){function t(t,n){var r=e.call(this,t,n)||this;return r.element=t,r.renderer=n,r.hostClass=!0,r}return r.__extends(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),r.__decorate([o.HostBinding("class.k-icon"),r.__metadata("design:type",Boolean)],t.prototype,"hostClass",void 0),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],t.prototype,"name",null),t=r.__decorate([o.Component({selector:"kendo-icon",template:""}),r.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2])],t)}(n(3).IconBase);t.IconComponent=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=function(){function e(e,t){this.element=e,this.renderer=t}return Object.defineProperty(e.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),r.__decorate([o.HostBinding("class.k-flip-h"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"horizontalFlip",null),r.__decorate([o.HostBinding("class.k-flip-v"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"verticalFlip",null),r.__decorate([o.Input(),r.__metadata("design:type",String)],e.prototype,"flip",void 0),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],e.prototype,"themeColor",null),r.__decorate([o.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],e.prototype,"size",null),e}();t.IconBase=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(9),a=function(e){function t(t,n,r){var o=e.call(this,n,r)||this;return o.domSanitizer=t,o.element=n,o.renderer=r,o.hostClass=!0,o}return r.__extends(t,e),Object.defineProperty(t.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.element.nativeElement;this._icon&&this._icon.name&&this.renderer.removeClass(t,"k-svg-i-"+this._icon.name),this._icon=e,this.renderer.addClass(t,"k-svg-i-"+this._icon.name)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"content",{get:function(){if(this.icon)return this.safeContent=this.safeContent||this.domSanitizer.bypassSecurityTrustHtml(this.icon.content),this.safeContent},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this.verifyIconProperty()},t.prototype.verifyIconProperty=function(){if(o.isDevMode()&&!this._icon)throw new Error("\n                Invalid configuration.\n                The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n            ")},r.__decorate([o.HostBinding("class.k-svg-icon"),r.__metadata("design:type",Boolean)],t.prototype,"hostClass",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object),r.__metadata("design:paramtypes",[Object])],t.prototype,"icon",null),t=r.__decorate([o.Component({selector:"kendo-svg-icon",template:'\n        <svg xmlns="http://www.w3.org/2000/svg"\n        xmlns:xlink="http://www.w3.org/1999/xlink"\n        [attr.viewBox]="icon.viewBox" [innerHTML]="content">\n        </svg>'}),r.__metadata("design:paramtypes",[i.DomSanitizer,o.ElementRef,o.Renderer2])],t)}(n(3).IconBase);t.SVGIconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(6),a=[n(2).IconComponent],u=a.slice(),c=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[u],exports:[a],imports:[i.CommonModule]})],e)}();t.IconModule=c},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(6),a=[n(4).SVGIconComponent],u=a.slice(),c=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[u],exports:[a],imports:[i.CommonModule]})],e)}();t.SVGIconModule=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.IconComponent=r.IconComponent;var o=n(4);t.SVGIconComponent=o.SVGIconComponent;var i=n(5);t.IconModule=i.IconModule;var a=n(7);t.SVGIconModule=a.SVGIconModule;var u=n(10);t.IconsModule=u.IconsModule},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(5),a=n(7),u=function(){function e(){}return e=r.__decorate([o.NgModule({exports:[i.IconModule,a.SVGIconModule]})],e)}();t.IconsModule=u}])}));

dist/cdn/main.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/common"],t):"object"==typeof exports?exports.KendoAngularIcons=t(require("tslib"),require("@angular/core"),require("@angular/common")):e.KendoAngularIcons=t(e.tslib,e["@angular/core"],e["@angular/common"])}(window,(function(e,t,n){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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});var o=n(0),r=n(1),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=function(){function e(e,t){this.element=e,this.renderer=t,this.hostClass=!0}return Object.defineProperty(e.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-icon"),o.__metadata("design:type",Boolean)],e.prototype,"hostClass",void 0),o.__decorate([r.HostBinding("class.k-flip-h"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],e.prototype,"horizontalFlip",null),o.__decorate([r.HostBinding("class.k-flip-v"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],e.prototype,"verticalFlip",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],e.prototype,"themeColor",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],e.prototype,"name",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],e.prototype,"size",null),o.__decorate([r.Input(),o.__metadata("design:type",String)],e.prototype,"flip",void 0),e=o.__decorate([r.Component({selector:"kendo-icon",template:""}),o.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2])],e)}();t.IconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(5),a=[n(2).IconComponent],l=a.slice(),u=function(){function e(){}return e=o.__decorate([r.NgModule({declarations:[l],exports:[a],imports:[i.CommonModule]})],e)}();t.IconModule=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2);t.IconComponent=o.IconComponent;var r=n(3);t.IconModule=r.IconModule;var i=n(6);t.IconsModule=i.IconsModule},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(3),a=function(){function e(){}return e=o.__decorate([r.NgModule({exports:[i.IconModule]})],e)}();t.IconsModule=a}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/common","@angular/platform-browser"],t):"object"==typeof exports?exports.KendoAngularIcons=t(require("tslib"),require("@angular/core"),require("@angular/common"),require("@angular/platform-browser")):e.KendoAngularIcons=t(e.tslib,e["@angular/core"],e["@angular/common"],e["@angular/platform-browser"])}(window,(function(e,t,n,o){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=8)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=function(e){function t(t,n){var o=e.call(this,t,n)||this;return o.element=t,o.renderer=n,o.hostClass=!0,o}return o.__extends(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-icon"),o.__metadata("design:type",Boolean)],t.prototype,"hostClass",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],t.prototype,"name",null),t=o.__decorate([r.Component({selector:"kendo-icon",template:""}),o.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2])],t)}(n(3).IconBase);t.IconComponent=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=function(){function e(e,t){this.element=e,this.renderer=t}return Object.defineProperty(e.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-flip-h"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],e.prototype,"horizontalFlip",null),o.__decorate([r.HostBinding("class.k-flip-v"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],e.prototype,"verticalFlip",null),o.__decorate([r.Input(),o.__metadata("design:type",String)],e.prototype,"flip",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],e.prototype,"themeColor",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],e.prototype,"size",null),e}();t.IconBase=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(9),a=function(e){function t(t,n,o){var r=e.call(this,n,o)||this;return r.domSanitizer=t,r.element=n,r.renderer=o,r.hostClass=!0,r}return o.__extends(t,e),Object.defineProperty(t.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.element.nativeElement;this._icon&&this._icon.name&&this.renderer.removeClass(t,"k-svg-i-"+this._icon.name),this._icon=e,this.renderer.addClass(t,"k-svg-i-"+this._icon.name)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"content",{get:function(){if(this.icon)return this.safeContent=this.safeContent||this.domSanitizer.bypassSecurityTrustHtml(this.icon.content),this.safeContent},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this.verifyIconProperty()},t.prototype.verifyIconProperty=function(){if(r.isDevMode()&&!this._icon)throw new Error("\n                Invalid configuration.\n                The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n            ")},o.__decorate([r.HostBinding("class.k-svg-icon"),o.__metadata("design:type",Boolean)],t.prototype,"hostClass",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Object),o.__metadata("design:paramtypes",[Object])],t.prototype,"icon",null),t=o.__decorate([r.Component({selector:"kendo-svg-icon",template:'\n        <svg xmlns="http://www.w3.org/2000/svg"\n        xmlns:xlink="http://www.w3.org/1999/xlink"\n        [attr.viewBox]="icon.viewBox" [innerHTML]="content">\n        </svg>'}),o.__metadata("design:paramtypes",[i.DomSanitizer,r.ElementRef,r.Renderer2])],t)}(n(3).IconBase);t.SVGIconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(6),a=[n(2).IconComponent],s=a.slice(),c=function(){function e(){}return e=o.__decorate([r.NgModule({declarations:[s],exports:[a],imports:[i.CommonModule]})],e)}();t.IconModule=c},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(6),a=[n(4).SVGIconComponent],s=a.slice(),c=function(){function e(){}return e=o.__decorate([r.NgModule({declarations:[s],exports:[a],imports:[i.CommonModule]})],e)}();t.SVGIconModule=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2);t.IconComponent=o.IconComponent;var r=n(4);t.SVGIconComponent=r.SVGIconComponent;var i=n(5);t.IconModule=i.IconModule;var a=n(7);t.SVGIconModule=a.SVGIconModule;var s=n(10);t.IconsModule=s.IconsModule},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(5),a=n(7),s=function(){function e(){}return e=o.__decorate([r.NgModule({exports:[i.IconModule,a.SVGIconModule]})],e)}();t.IconsModule=s}])}));

dist/es/icon/icon.component.js

@@ -5,66 +5,17 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
-var sizeClasses = {
-    'default': 'k-icon',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl'
-};
+import { IconBase } from '../common/icon-base';
 /**
  * Represents the Kendo UI Icon component for Angular.
  */
-var IconComponent = /** @class */ (function () {
+var IconComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(IconComponent, _super);
     function IconComponent(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        this.hostClass = true;
+        var _this = _super.call(this, element, renderer) || this;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.hostClass = true;
+        return _this;
     }
-    Object.defineProperty(IconComponent.prototype, "horizontalFlip", {
-        get: function () {
-            return this.flip === 'horizontal' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconComponent.prototype, "verticalFlip", {
-        get: function () {
-            return this.flip === 'vertical' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconComponent.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color for the Icon.
-         *
-         * The possible values are:
-         * * `inherit` (Default)—Applies coloring based on the current color.
-         * * `primary` —Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `info`—Applies coloring based on info theme color.
-         * * `success`— Applies coloring based on success theme color.
-         * * `warning`— Applies coloring based on warning theme color.
-         * * `error`— Applies coloring based on error theme color.
-         * * `dark`— Applies coloring based on dark theme color.
-         * * `light`— Applies coloring based on light theme color.
-         * * `inverted`— Applies coloring based on inverted theme color.
-         *
-         */
-        set: function (themeColor) {
-            var element = this.element.nativeElement;
-            this._themeColor = themeColor;
-            this.renderer.removeClass(element, "k-color-" + themeColor);
-            if (themeColor) {
-                this.renderer.addClass(element, "k-color-" + themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(IconComponent.prototype, "name", {
@@ -89,30 +40,2 @@ get: function () {
     });
-    Object.defineProperty(IconComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the Icon.
-         *
-         * The possible values are:
-         * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-         * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-         * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-         * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-         * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-         * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-         *
-         */
-        set: function (size) {
-            var element = this.element.nativeElement;
-            this._size = size;
-            var sizeClass = sizeClasses[this.size];
-            this.renderer.removeClass(element, sizeClass);
-            if (size !== 'default') {
-                this.renderer.addClass(element, sizeClass);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     IconComponent.decorators = [
@@ -131,11 +54,6 @@ { type: Component, args: [{
         hostClass: [{ type: HostBinding, args: ['class.k-icon',] }],
-        horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
-        verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
-        themeColor: [{ type: Input }],
-        name: [{ type: Input }],
-        size: [{ type: Input }],
-        flip: [{ type: Input }]
+        name: [{ type: Input }]
     };
     return IconComponent;
-}());
+}(IconBase));
 export { IconComponent };

dist/es/icons.module.js

@@ -7,3 +7,3 @@ /**-----------------------------------------------------------------------------------------
 import { IconModule } from './icon.module';
-//import { SVGIconModule }     from './svg-icon.module';
+import { SVGIconModule } from './svg-icon.module';
 /**
@@ -46,4 +46,4 @@ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
                     exports: [
-                        IconModule //,
-                        //SVGIconModule
+                        IconModule,
+                        SVGIconModule
                     ]
@@ -50,0 +50,0 @@ },] },

dist/es/index.js

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { IconBase } from './common/icon-base';

dist/es/main.js

@@ -6,3 +6,5 @@ /**-----------------------------------------------------------------------------------------
 export { IconComponent } from './icon/icon.component';
+export { SVGIconComponent } from './svg-icon/svg-icon.component';
 export { IconModule } from './icon.module';
+export { SVGIconModule } from './svg-icon.module';
 export { IconsModule } from './icons.module';

dist/es2015/icon/icon.component.d.ts

@@ -6,33 +6,11 @@ /**-----------------------------------------------------------------------------------------
 import { ElementRef, Renderer2 } from '@angular/core';
-import { IconThemeColor } from './models/theme-color';
-import { IconSize } from './models/size';
-import { IconFlip } from './models/flip';
+import { IconBase } from '../common/icon-base';
 /**
  * Represents the Kendo UI Icon component for Angular.
  */
-export declare class IconComponent {
-    private element;
-    private renderer;
+export declare class IconComponent extends IconBase {
+    element: ElementRef;
+    renderer: Renderer2;
     hostClass: boolean;
-    readonly horizontalFlip: boolean;
-    readonly verticalFlip: boolean;
     /**
-     * Specifies the theme color for the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)—Applies coloring based on the current color.
-     * * `primary` —Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverted`— Applies coloring based on inverted theme color.
-     *
-     */
-    themeColor: IconThemeColor;
-    /**
      * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
@@ -42,23 +20,4 @@ * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
     name: string;
-    /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-     * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-     * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-     *
-     */
-    size: IconSize;
-    /**
-     * Flips the icon horizontally, vertically or in both directions.
-     */
-    flip: IconFlip;
     private _name;
-    private _themeColor;
-    private _size;
     constructor(element: ElementRef, renderer: Renderer2);
 }

dist/es2015/icon/icon.component.js

@@ -6,15 +6,9 @@ /**-----------------------------------------------------------------------------------------
 import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
-const sizeClasses = {
-    'default': 'k-icon',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl'
-};
+import { IconBase } from '../common/icon-base';
 /**
  * Represents the Kendo UI Icon component for Angular.
  */
-export class IconComponent {
+export class IconComponent extends IconBase {
     constructor(element, renderer) {
+        super(element, renderer);
         this.element = element;
@@ -24,37 +18,3 @@ this.renderer = renderer;
     }
-    get horizontalFlip() {
-        return this.flip === 'horizontal' || this.flip === 'both';
-    }
-    get verticalFlip() {
-        return this.flip === 'vertical' || this.flip === 'both';
-    }
     /**
-     * Specifies the theme color for the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)—Applies coloring based on the current color.
-     * * `primary` —Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverted`— Applies coloring based on inverted theme color.
-     *
-     */
-    set themeColor(themeColor) {
-        const element = this.element.nativeElement;
-        this._themeColor = themeColor;
-        this.renderer.removeClass(element, `k-color-${themeColor}`);
-        if (themeColor) {
-            this.renderer.addClass(element, `k-color-${themeColor}`);
-        }
-    }
-    get themeColor() {
-        return this._themeColor;
-    }
-    /**
      * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
@@ -74,26 +34,2 @@ * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
     }
-    /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-     * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-     * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-     *
-     */
-    set size(size) {
-        const element = this.element.nativeElement;
-        this._size = size;
-        var sizeClass = sizeClasses[this.size];
-        this.renderer.removeClass(element, sizeClass);
-        if (size !== 'default') {
-            this.renderer.addClass(element, sizeClass);
-        }
-    }
-    get size() {
-        return this._size;
-    }
 }
@@ -113,8 +49,3 @@ IconComponent.decorators = [
     hostClass: [{ type: HostBinding, args: ['class.k-icon',] }],
-    horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
-    verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
-    themeColor: [{ type: Input }],
-    name: [{ type: Input }],
-    size: [{ type: Input }],
-    flip: [{ type: Input }]
+    name: [{ type: Input }]
 };

dist/es2015/icons.module.js

@@ -7,3 +7,3 @@ /**-----------------------------------------------------------------------------------------
 import { IconModule } from './icon.module';
-//import { SVGIconModule }     from './svg-icon.module';
+import { SVGIconModule } from './svg-icon.module';
 /**
@@ -45,6 +45,6 @@ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
                 exports: [
-                    IconModule //,
-                    //SVGIconModule
+                    IconModule,
+                    SVGIconModule
                 ]
             },] },
 ];

dist/es2015/index.d.ts

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { IconBase } from './common/icon-base';

dist/es2015/index.js

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { IconBase } from './common/icon-base';

dist/es2015/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"IconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"kendo-icon","template":""}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":5},"arguments":["class.k-icon"]}]}],"horizontalFlip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["class.k-flip-h"]}]}],"verticalFlip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":5},"arguments":["class.k-flip-v"]}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"flip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":122,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":122,"character":63}]}]}},"IconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"IconComponent"}]],"exports":[[{"__symbolic":"reference","name":"IconComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":15}]}]}],"members":{}},"IconsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"IconModule"}]}]}],"members":{}}},"origins":{"IconComponent":"./icon/icon.component","IconModule":"./icon.module","IconsModule":"./icons.module"},"importAs":"@progress/kendo-angular-icons"}
+{"__symbolic":"module","version":4,"metadata":{"IconComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"IconBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"kendo-icon","template":""}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":5},"arguments":["class.k-icon"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":38,"character":61}]}]}},"SVGIconComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"IconBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kendo-svg-icon","template":"\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        [attr.viewBox]=\"icon.viewBox\" [innerHTML]=\"content\">\n        </svg>"}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["class.k-svg-icon"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":59,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":59,"character":68},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":59,"character":97}]}],"ngOnInit":[{"__symbolic":"method"}],"verifyIconProperty":[{"__symbolic":"method"}]}},"IconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"IconComponent"}]],"exports":[[{"__symbolic":"reference","name":"IconComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":15}]}]}],"members":{}},"SVGIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":44,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"SVGIconComponent"}]],"exports":[[{"__symbolic":"reference","name":"SVGIconComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":47,"character":15}]}]}],"members":{}},"IconsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"IconModule"},{"__symbolic":"reference","name":"SVGIconModule"}]}]}],"members":{}},"IconBase":{"__symbolic":"class","members":{"horizontalFlip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":5},"arguments":["class.k-flip-h"]}]}],"verticalFlip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":5},"arguments":["class.k-flip-v"]}]}],"flip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":97,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":97,"character":61}]}]}}},"origins":{"IconComponent":"./icon/icon.component","SVGIconComponent":"./svg-icon/svg-icon.component","IconModule":"./icon.module","SVGIconModule":"./svg-icon.module","IconsModule":"./icons.module","IconBase":"./common/icon-base"},"importAs":"@progress/kendo-angular-icons"}

dist/es2015/main.d.ts

@@ -6,3 +6,5 @@ /**-----------------------------------------------------------------------------------------
 export { IconComponent } from './icon/icon.component';
+export { SVGIconComponent } from './svg-icon/svg-icon.component';
 export { IconModule } from './icon.module';
+export { SVGIconModule } from './svg-icon.module';
 export { IconsModule } from './icons.module';

dist/es2015/main.js

@@ -6,3 +6,5 @@ /**-----------------------------------------------------------------------------------------
 export { IconComponent } from './icon/icon.component';
+export { SVGIconComponent } from './svg-icon/svg-icon.component';
 export { IconModule } from './icon.module';
+export { SVGIconModule } from './svg-icon.module';
 export { IconsModule } from './icons.module';

dist/fesm2015/index.js

@@ -5,3 +5,4 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Renderer2, HostBinding, Input, NgModule } from '@angular/core';
+import { HostBinding, Input, Component, ElementRef, Renderer2, isDevMode, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
@@ -18,9 +19,8 @@
 /**
- * Represents the Kendo UI Icon component for Angular.
+ * @hidden
  */
-class IconComponent {
+class IconBase {
     constructor(element, renderer) {
         this.element = element;
         this.renderer = renderer;
-        this.hostClass = true;
     }
@@ -62,17 +62,2 @@ get horizontalFlip() {
     /**
-     * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
-     */
-    set name(name) {
-        const element = this.element.nativeElement;
-        this._name = name;
-        this.renderer.removeClass(element, `k-i-${this.name}`);
-        if (name) {
-            this.renderer.addClass(element, `k-i-${this.name}`);
-        }
-    }
-    get name() {
-        return this._name;
-    }
-    /**
      * Specifies the size of the Icon.
@@ -92,3 +77,3 @@ *
         this._size = size;
-        var sizeClass = sizeClasses[this.size];
+        const sizeClass = sizeClasses[this.size];
         this.renderer.removeClass(element, sizeClass);
@@ -103,2 +88,36 @@ if (size !== 'default') {
 }
+IconBase.propDecorators = {
+    horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
+    verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
+    flip: [{ type: Input }],
+    themeColor: [{ type: Input }],
+    size: [{ type: Input }]
+};
+
+/**
+ * Represents the Kendo UI Icon component for Angular.
+ */
+class IconComponent extends IconBase {
+    constructor(element, renderer) {
+        super(element, renderer);
+        this.element = element;
+        this.renderer = renderer;
+        this.hostClass = true;
+    }
+    /**
+     * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
+     * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
+     */
+    set name(name) {
+        const element = this.element.nativeElement;
+        this._name = name;
+        this.renderer.removeClass(element, `k-i-${this.name}`);
+        if (name) {
+            this.renderer.addClass(element, `k-i-${this.name}`);
+        }
+    }
+    get name() {
+        return this._name;
+    }
+}
 IconComponent.decorators = [
@@ -117,10 +136,74 @@ { type: Component, args: [{
     hostClass: [{ type: HostBinding, args: ['class.k-icon',] }],
-    horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
-    verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
-    themeColor: [{ type: Input }],
-    name: [{ type: Input }],
-    size: [{ type: Input }],
-    flip: [{ type: Input }]
+    name: [{ type: Input }]
 };
 
+/**
+ * Represents the Kendo UI SVG Icon component for Angular.
+ */
+class SVGIconComponent extends IconBase {
+    constructor(domSanitizer, element, renderer) {
+        super(element, renderer);
+        this.domSanitizer = domSanitizer;
+        this.element = element;
+        this.renderer = renderer;
+        this.hostClass = true;
+    }
+    /**
+     * Defines the SVG icon, which will be rendered.
+     */
+    set icon(icon) {
+        const element = this.element.nativeElement;
+        if (this._icon && this._icon.name) {
+            this.renderer.removeClass(element, `k-svg-i-${this._icon.name}`);
+        }
+        this._icon = icon;
+        this.renderer.addClass(element, `k-svg-i-${this._icon.name}`);
+    }
+    get icon() {
+        return this._icon;
+    }
+    get content() {
+        if (!this.icon) {
+            return;
+        }
+        this.safeContent = this.safeContent || this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
+        return this.safeContent;
+    }
+    ngOnInit() {
+        this.verifyIconProperty();
+    }
+    verifyIconProperty() {
+        if (!isDevMode()) {
+            return;
+        }
+        if (!this._icon) {
+            throw new Error(`
+                Invalid configuration.
+                The input [icon] is required for the Kendo UI SVG Icon component for Angular.
+                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon
+            `);
+        }
+    }
+}
+SVGIconComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'kendo-svg-icon',
+                template: `
+        <svg xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        [attr.viewBox]="icon.viewBox" [innerHTML]="content">
+        </svg>`
+            },] },
+];
+/** @nocollapse */
+SVGIconComponent.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+SVGIconComponent.propDecorators = {
+    hostClass: [{ type: HostBinding, args: ['class.k-svg-icon',] }],
+    icon: [{ type: Input }]
+};
+
 const exportedModules = [
@@ -146,5 +229,51 @@ IconComponent
 
-//import { SVGIconModule }     from './svg-icon.module';
+const exportedModules$1 = [
+    SVGIconComponent
+];
+const declarations$1 = [
+    ...exportedModules$1
+];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the SVG Icon component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the SVG Icon module
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, SVGIconModule], // import SVG Icon module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+class SVGIconModule {
+}
+SVGIconModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [declarations$1],
+                exports: [exportedModules$1],
+                imports: [CommonModule]
+            },] },
+];
+
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Icons components.
@@ -184,4 +313,4 @@ *
                 exports: [
-                    IconModule //,
-                    //SVGIconModule
+                    IconModule,
+                    SVGIconModule
                 ]
@@ -195,2 +324,2 @@ },] },
 
-export { IconComponent, IconModule, IconsModule };
+export { IconBase, IconComponent, SVGIconComponent, IconModule, SVGIconModule, IconsModule };

dist/fesm5/index.js

@@ -5,3 +5,5 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Renderer2, HostBinding, Input, NgModule } from '@angular/core';
+import { __extends } from 'tslib';
+import { HostBinding, Input, Component, ElementRef, Renderer2, isDevMode, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
@@ -18,11 +20,10 @@
 /**
- * Represents the Kendo UI Icon component for Angular.
+ * @hidden
  */
-var IconComponent = /** @class */ (function () {
-    function IconComponent(element, renderer) {
+var IconBase = /** @class */ (function () {
+    function IconBase(element, renderer) {
         this.element = element;
         this.renderer = renderer;
-        this.hostClass = true;
     }
-    Object.defineProperty(IconComponent.prototype, "horizontalFlip", {
+    Object.defineProperty(IconBase.prototype, "horizontalFlip", {
         get: function () {
@@ -34,3 +35,3 @@ return this.flip === 'horizontal' || this.flip === 'both';
     });
-    Object.defineProperty(IconComponent.prototype, "verticalFlip", {
+    Object.defineProperty(IconBase.prototype, "verticalFlip", {
         get: function () {
@@ -42,3 +43,3 @@ return this.flip === 'vertical' || this.flip === 'both';
     });
-    Object.defineProperty(IconComponent.prototype, "themeColor", {
+    Object.defineProperty(IconBase.prototype, "themeColor", {
         get: function () {
@@ -75,23 +76,4 @@ return this._themeColor;
     });
-    Object.defineProperty(IconComponent.prototype, "name", {
+    Object.defineProperty(IconBase.prototype, "size", {
         get: function () {
-            return this._name;
-        },
-        /**
-         * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-         * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
-         */
-        set: function (name) {
-            var element = this.element.nativeElement;
-            this._name = name;
-            this.renderer.removeClass(element, "k-i-" + this.name);
-            if (name) {
-                this.renderer.addClass(element, "k-i-" + this.name);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconComponent.prototype, "size", {
-        get: function () {
             return this._size;
@@ -123,2 +105,43 @@ },
     });
+    IconBase.propDecorators = {
+        horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
+        verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
+        flip: [{ type: Input }],
+        themeColor: [{ type: Input }],
+        size: [{ type: Input }]
+    };
+    return IconBase;
+}());
+
+/**
+ * Represents the Kendo UI Icon component for Angular.
+ */
+var IconComponent = /** @class */ (function (_super) {
+    __extends(IconComponent, _super);
+    function IconComponent(element, renderer) {
+        var _this = _super.call(this, element, renderer) || this;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.hostClass = true;
+        return _this;
+    }
+    Object.defineProperty(IconComponent.prototype, "name", {
+        get: function () {
+            return this._name;
+        },
+        /**
+         * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
+         * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
+         */
+        set: function (name) {
+            var element = this.element.nativeElement;
+            this._name = name;
+            this.renderer.removeClass(element, "k-i-" + this.name);
+            if (name) {
+                this.renderer.addClass(element, "k-i-" + this.name);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     IconComponent.decorators = [
@@ -137,12 +160,79 @@ { type: Component, args: [{
         hostClass: [{ type: HostBinding, args: ['class.k-icon',] }],
-        horizontalFlip: [{ type: HostBinding, args: ['class.k-flip-h',] }],
-        verticalFlip: [{ type: HostBinding, args: ['class.k-flip-v',] }],
-        themeColor: [{ type: Input }],
-        name: [{ type: Input }],
-        size: [{ type: Input }],
-        flip: [{ type: Input }]
+        name: [{ type: Input }]
     };
     return IconComponent;
-}());
+}(IconBase));
 
+/**
+ * Represents the Kendo UI SVG Icon component for Angular.
+ */
+var SVGIconComponent = /** @class */ (function (_super) {
+    __extends(SVGIconComponent, _super);
+    function SVGIconComponent(domSanitizer, element, renderer) {
+        var _this = _super.call(this, element, renderer) || this;
+        _this.domSanitizer = domSanitizer;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.hostClass = true;
+        return _this;
+    }
+    Object.defineProperty(SVGIconComponent.prototype, "icon", {
+        get: function () {
+            return this._icon;
+        },
+        /**
+         * Defines the SVG icon, which will be rendered.
+         */
+        set: function (icon) {
+            var element = this.element.nativeElement;
+            if (this._icon && this._icon.name) {
+                this.renderer.removeClass(element, "k-svg-i-" + this._icon.name);
+            }
+            this._icon = icon;
+            this.renderer.addClass(element, "k-svg-i-" + this._icon.name);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SVGIconComponent.prototype, "content", {
+        get: function () {
+            if (!this.icon) {
+                return;
+            }
+            this.safeContent = this.safeContent || this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
+            return this.safeContent;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SVGIconComponent.prototype.ngOnInit = function () {
+        this.verifyIconProperty();
+    };
+    SVGIconComponent.prototype.verifyIconProperty = function () {
+        if (!isDevMode()) {
+            return;
+        }
+        if (!this._icon) {
+            throw new Error("\n                Invalid configuration.\n                The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n            ");
+        }
+    };
+    SVGIconComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'kendo-svg-icon',
+                    template: "\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        [attr.viewBox]=\"icon.viewBox\" [innerHTML]=\"content\">\n        </svg>"
+                },] },
+    ];
+    /** @nocollapse */
+    SVGIconComponent.ctorParameters = function () { return [
+        { type: DomSanitizer },
+        { type: ElementRef },
+        { type: Renderer2 }
+    ]; };
+    SVGIconComponent.propDecorators = {
+        hostClass: [{ type: HostBinding, args: ['class.k-svg-icon',] }],
+        icon: [{ type: Input }]
+    };
+    return SVGIconComponent;
+}(IconBase));
+
 var exportedModules = [
@@ -169,5 +259,52 @@ IconComponent
 
-//import { SVGIconModule }     from './svg-icon.module';
+var exportedModules$1 = [
+    SVGIconComponent
+];
+var declarations$1 = exportedModules$1.slice();
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the SVG Icon component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the SVG Icon module
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, SVGIconModule], // import SVG Icon module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+var SVGIconModule = /** @class */ (function () {
+    function SVGIconModule() {
+    }
+    SVGIconModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [declarations$1],
+                    exports: [exportedModules$1],
+                    imports: [CommonModule]
+                },] },
+    ];
+    return SVGIconModule;
+}());
+
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Icons components.
@@ -208,4 +345,4 @@ *
                     exports: [
-                        IconModule //,
-                        //SVGIconModule
+                        IconModule,
+                        SVGIconModule
                     ]
@@ -221,2 +358,2 @@ },] },
 
-export { IconComponent, IconModule, IconsModule };
+export { IconBase, IconComponent, SVGIconComponent, IconModule, SVGIconModule, IconsModule };

dist/npm/icon/icon.component.js

@@ -7,66 +7,17 @@ /**-----------------------------------------------------------------------------------------
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
-var sizeClasses = {
-    'default': 'k-icon',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl'
-};
+var icon_base_1 = require("../common/icon-base");
 /**
  * Represents the Kendo UI Icon component for Angular.
  */
-var IconComponent = /** @class */ (function () {
+var IconComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(IconComponent, _super);
     function IconComponent(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        this.hostClass = true;
+        var _this = _super.call(this, element, renderer) || this;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.hostClass = true;
+        return _this;
     }
-    Object.defineProperty(IconComponent.prototype, "horizontalFlip", {
-        get: function () {
-            return this.flip === 'horizontal' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconComponent.prototype, "verticalFlip", {
-        get: function () {
-            return this.flip === 'vertical' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconComponent.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color for the Icon.
-         *
-         * The possible values are:
-         * * `inherit` (Default)—Applies coloring based on the current color.
-         * * `primary` —Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `info`—Applies coloring based on info theme color.
-         * * `success`— Applies coloring based on success theme color.
-         * * `warning`— Applies coloring based on warning theme color.
-         * * `error`— Applies coloring based on error theme color.
-         * * `dark`— Applies coloring based on dark theme color.
-         * * `light`— Applies coloring based on light theme color.
-         * * `inverted`— Applies coloring based on inverted theme color.
-         *
-         */
-        set: function (themeColor) {
-            var element = this.element.nativeElement;
-            this._themeColor = themeColor;
-            this.renderer.removeClass(element, "k-color-" + themeColor);
-            if (themeColor) {
-                this.renderer.addClass(element, "k-color-" + themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(IconComponent.prototype, "name", {
@@ -91,30 +42,2 @@ get: function () {
     });
-    Object.defineProperty(IconComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the Icon.
-         *
-         * The possible values are:
-         * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-         * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-         * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-         * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-         * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-         * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-         *
-         */
-        set: function (size) {
-            var element = this.element.nativeElement;
-            this._size = size;
-            var sizeClass = sizeClasses[this.size];
-            this.renderer.removeClass(element, sizeClass);
-            if (size !== 'default') {
-                this.renderer.addClass(element, sizeClass);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
     IconComponent.decorators = [
@@ -133,11 +56,6 @@ { type: core_1.Component, args: [{
         hostClass: [{ type: core_1.HostBinding, args: ['class.k-icon',] }],
-        horizontalFlip: [{ type: core_1.HostBinding, args: ['class.k-flip-h',] }],
-        verticalFlip: [{ type: core_1.HostBinding, args: ['class.k-flip-v',] }],
-        themeColor: [{ type: core_1.Input }],
-        name: [{ type: core_1.Input }],
-        size: [{ type: core_1.Input }],
-        flip: [{ type: core_1.Input }]
+        name: [{ type: core_1.Input }]
     };
     return IconComponent;
-}());
+}(icon_base_1.IconBase));
 exports.IconComponent = IconComponent;

dist/npm/icons.module.js

@@ -9,3 +9,3 @@ /**-----------------------------------------------------------------------------------------
 var icon_module_1 = require("./icon.module");
-//import { SVGIconModule }     from './svg-icon.module';
+var svg_icon_module_1 = require("./svg-icon.module");
 /**
@@ -48,4 +48,4 @@ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
                     exports: [
-                        icon_module_1.IconModule //,
-                        //SVGIconModule
+                        icon_module_1.IconModule,
+                        svg_icon_module_1.SVGIconModule
                     ]
@@ -52,0 +52,0 @@ },] },

dist/npm/index.js

@@ -12,1 +12,3 @@ /**-----------------------------------------------------------------------------------------
 tslib_1.__exportStar(require("./main"), exports);
+var icon_base_1 = require("./common/icon-base");
+exports.IconBase = icon_base_1.IconBase

dist/npm/main.js

@@ -9,5 +9,9 @@ /**-----------------------------------------------------------------------------------------
 exports.IconComponent = icon_component_1.IconComponent;
+var svg_icon_component_1 = require("./svg-icon/svg-icon.component");
+exports.SVGIconComponent = svg_icon_component_1.SVGIconComponent;
 var icon_module_1 = require("./icon.module");
 exports.IconModule = icon_module_1.IconModule;
+var svg_icon_module_1 = require("./svg-icon.module");
+exports.SVGIconModule = svg_icon_module_1.SVGIconModule;
 var icons_module_1 = require("./icons.module");
 exports.IconsModule = icons_module_1.IconsModule;

dist/systemjs/kendo-angular-icons.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-icons",["tslib","@angular/core","@angular/common"],function(a){var i,s,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){s=t(e)},function(e){l=t(e)}],execute:function(){function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r;r={},o.m=n=[function(e,t){e.exports=s},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i=n(5),a=[n(3).IconComponent],s=a.slice(),l=o.__decorate([r.NgModule({declarations:[s],exports:[a],imports:[i.CommonModule]})],function(){});t.IconModule=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=(Object.defineProperty(s.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-icon"),o.__metadata("design:type",Boolean)],s.prototype,"hostClass",void 0),o.__decorate([r.HostBinding("class.k-flip-h"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],s.prototype,"horizontalFlip",null),o.__decorate([r.HostBinding("class.k-flip-v"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],s.prototype,"verticalFlip",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],s.prototype,"themeColor",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],s.prototype,"name",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],s.prototype,"size",null),o.__decorate([r.Input(),o.__metadata("design:type",String)],s.prototype,"flip",void 0),o.__decorate([r.Component({selector:"kendo-icon",template:""}),o.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2])],s));function s(e,t){this.element=e,this.renderer=t,this.hostClass=!0}t.IconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i=n(2),a=o.__decorate([r.NgModule({exports:[i.IconModule]})],function(){});t.IconsModule=a},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(3);t.IconComponent=o.IconComponent;var r=n(2);t.IconModule=r.IconModule;var i=n(4);t.IconsModule=i.IconsModule,function(e){for(var t in e)a(t,e[t])}(t)}],o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=6)}}});
+System.register("@progress/kendo-angular-icons",["tslib","@angular/core","@angular/common","@angular/platform-browser"],function(c){var i,a,s,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){a=t(e)},function(e){s=t(e)},function(e){l=t(e)}],execute:function(){function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r;r={},o.m=n=[function(e,t){e.exports=a},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i=n(3),a=[n(5).SVGIconComponent],s=a.slice(),c=o.__decorate([r.NgModule({declarations:[s],exports:[a],imports:[i.CommonModule]})],function(){});t.SVGIconModule=c},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i=n(3),a=[n(7).IconComponent],s=a.slice(),c=o.__decorate([r.NgModule({declarations:[s],exports:[a],imports:[i.CommonModule]})],function(){});t.IconModule=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(1),i=n(0),a=n(9),s=(r=n(6).IconBase,o.__extends(c,r),Object.defineProperty(c.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.element.nativeElement;this._icon&&this._icon.name&&this.renderer.removeClass(t,"k-svg-i-"+this._icon.name),this._icon=e,this.renderer.addClass(t,"k-svg-i-"+this._icon.name)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"content",{get:function(){if(this.icon)return this.safeContent=this.safeContent||this.domSanitizer.bypassSecurityTrustHtml(this.icon.content),this.safeContent},enumerable:!0,configurable:!0}),c.prototype.ngOnInit=function(){this.verifyIconProperty()},c.prototype.verifyIconProperty=function(){if(i.isDevMode()&&!this._icon)throw new Error("\n                Invalid configuration.\n                The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n            ")},o.__decorate([i.HostBinding("class.k-svg-icon"),o.__metadata("design:type",Boolean)],c.prototype,"hostClass",void 0),o.__decorate([i.Input(),o.__metadata("design:type",Object),o.__metadata("design:paramtypes",[Object])],c.prototype,"icon",null),o.__decorate([i.Component({selector:"kendo-svg-icon",template:'\n        <svg xmlns="http://www.w3.org/2000/svg"\n        xmlns:xlink="http://www.w3.org/1999/xlink"\n        [attr.viewBox]="icon.viewBox" [innerHTML]="content">\n        </svg>'}),o.__metadata("design:paramtypes",[a.DomSanitizer,i.ElementRef,i.Renderer2])],c));function c(e,t,n){var o=r.call(this,t,n)||this;return o.domSanitizer=e,o.element=t,o.renderer=n,o.hostClass=!0,o}t.SVGIconComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},a=(Object.defineProperty(s.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var t=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(t,"k-color-"+e),e&&this.renderer.addClass(t,"k-color-"+e)},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"size",{get:function(){return this._size},set:function(e){var t=this.element.nativeElement;this._size=e;var n=i[this.size];this.renderer.removeClass(t,n),"default"!==e&&this.renderer.addClass(t,n)},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-flip-h"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],s.prototype,"horizontalFlip",null),o.__decorate([r.HostBinding("class.k-flip-v"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],s.prototype,"verticalFlip",null),o.__decorate([r.Input(),o.__metadata("design:type",String)],s.prototype,"flip",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],s.prototype,"themeColor",null),o.__decorate([r.Input(),o.__metadata("design:type",String),o.__metadata("design:paramtypes",[String])],s.prototype,"size",null),s);function s(e,t){this.element=e,this.renderer=t}t.IconBase=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(1),i=n(0),a=(o=n(6).IconBase,r.__extends(s,o),Object.defineProperty(s.prototype,"name",{get:function(){return this._name},set:function(e){var t=this.element.nativeElement;this._name=e,this.renderer.removeClass(t,"k-i-"+this.name),e&&this.renderer.addClass(t,"k-i-"+this.name)},enumerable:!0,configurable:!0}),r.__decorate([i.HostBinding("class.k-icon"),r.__metadata("design:type",Boolean)],s.prototype,"hostClass",void 0),r.__decorate([i.Input(),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[String])],s.prototype,"name",null),r.__decorate([i.Component({selector:"kendo-icon",template:""}),r.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2])],s));function s(e,t){var n=o.call(this,e,t)||this;return n.element=e,n.renderer=t,n.hostClass=!0,n}t.IconComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(0),i=n(4),a=n(2),s=o.__decorate([r.NgModule({exports:[i.IconModule,a.SVGIconModule]})],function(){});t.IconsModule=s},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(7);t.IconComponent=o.IconComponent;var r=n(5);t.SVGIconComponent=r.SVGIconComponent;var i=n(4);t.IconModule=i.IconModule;var a=n(2);t.SVGIconModule=a.SVGIconModule;var s=n(8);t.IconsModule=s.IconsModule,function(e){for(var t in e)c(t,e[t])}(t)}],o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=10)}}});

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "0.1.1-dev.202009141403",
+  "version": "0.2.0-dev.202009151511",
   "main": "dist/npm/index.js",
@@ -34,5 +34,7 @@ "module": "dist/fesm5/index.js",
   "peerDependencies": {
+    "@angular/platform-browser": "6 - 10",
     "@angular/common": "6 - 10",
     "@angular/core": "6 - 10",
     "@progress/kendo-angular-common": "^1.0.0",
+    "@progress/kendo-svg-icons": "^0.0.3",
     "rxjs": "^6.0.0"
@@ -63,2 +65,3 @@ },
     "@progress/kendo-theme-material": "^3.19.1",
+    "@progress/kendo-svg-icons": "0.0.3",
     "@telerik/semantic-prerelease": "^1.0.0",
@@ -65,0 +68,0 @@ "@types/jest": "^21.1.8",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

145236

increased by37.63%

Number of package files

58

increased by26.09%

Lines of code

2197

increased by59.67%

Worsened metrics

Dependency count

8

increased by33.33%

Dev dependency count

36

increased by2.86%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes