@pepperi-addons/ngx-lib 0.3.9-beta.7 → 0.3.9

package/bundles/pepperi-addons-ngx-lib-icon.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@pepperi-addons/ngx-lib')) :
     typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-lib/icon', ['exports', '@angular/core', '@angular/common', '@pepperi-addons/ngx-lib'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['pepperi-addons'] = global['pepperi-addons'] || {}, global['pepperi-addons']['ngx-lib'] = global['pepperi-addons']['ngx-lib'] || {}, global['pepperi-addons']['ngx-lib'].icon = {}), global.ng.core, global.ng.common, global['pepperi-addons']['ngx-lib']));
-}(this, (function (exports, i0, common, ngxLib) { 'use strict';
+}(this, (function (exports, i0, i3, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,6 +25,8 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     /* 🤖 this file was generated by svg-to-ts*/
     var allIcons = {
@@ -47,6 +49,7 @@
         barnd_pepperi: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M17.234 10.687a.17.17 0 00-.167-.171c-.446 0-.885.372-1.44.843-.887.753-1.99 1.69-3.705 1.69-1.714 0-2.818-.937-3.705-1.69-.556-.471-.994-.843-1.44-.843a.17.17 0 00-.168.171.17.17 0 00.167.172c.327 0 .744.354 1.228.765.88.747 2.084 2.563 3.918 2.563 2.19 0 2.682-1.514 3.918-2.563.483-.41.9-.765 1.227-.765a.17.17 0 00.167-.172M6.671 7.588c0 1.039.826 1.884 1.841 1.884 1.015 0 1.841-.845 1.841-1.884 0-1.038-.826-1.883-1.841-1.883-1.015 0-1.841.845-1.841 1.883m6.866 0c0 1.039.826 1.884 1.841 1.884 1.016 0 1.841-.845 1.841-1.884 0-1.038-.825-1.883-1.84-1.883-1.016 0-1.842.845-1.842 1.883m7.386 10.922a3.46 3.46 0 00-.778-.087c-1.144 0-2.125.544-2.52 1.311-.394-.767-1.375-1.31-2.519-1.31-.266 0-.526.028-.778.086.387-.651 1.12-1.154 2.01-1.405.12-.034.244-.063.37-.087V14.658a.188.188 0 00-.185-.19.188.188 0 00-.186.19v2.056c-.751.196-1.409.559-1.885 1.037-.802.11-1.655.185-2.507.185a18.55 18.55 0 01-2.507-.184c-.475-.479-1.133-.842-1.885-1.038v-2.056a.188.188 0 00-.185-.19.188.188 0 00-.186.19V17.018c.126.024.25.053.371.087.89.25 1.622.754 2.01 1.405a3.46 3.46 0 00-.779-.087c-1.144 0-2.124.544-2.52 1.311-.394-.767-1.374-1.31-2.519-1.31-.266 0-.526.028-.778.086.39-.656 1.13-1.16 2.028-1.409.088-.024.178-.046.27-.065V7.589c0-1.833 1.456-3.323 3.247-3.323 1.79 0 2.143.995 3.248 2.555.06.085.083.19.185.19.103 0 .127-.105.186-.19 1.139-1.647 1.457-2.555 3.247-2.555 1.791 0 3.248 1.49 3.248 3.322V17.035c.088.019.173.04.258.064.904.247 1.648.753 2.04 1.411M8.068 7.588c0 .25.198.454.443.454a.449.449 0 00.443-.454.449.449 0 00-.443-.453.449.449 0 00-.443.453m-.688 0c0-.638.507-1.157 1.131-1.157s1.13.52 1.13 1.157c0 .638-.506 1.157-1.13 1.157-.624 0-1.13-.519-1.13-1.157m7.553 0c0 .25.199.454.443.454a.449.449 0 00.444-.454.449.449 0 00-.444-.453.449.449 0 00-.443.453m-.687 0c0-.638.507-1.157 1.13-1.157.624 0 1.131.52 1.131 1.157 0 .638-.507 1.157-1.13 1.157-.624 0-1.131-.519-1.131-1.157m.48 10.416a2.626 2.626 0 00-.315.374.817.817 0 00.315-.374m4.918-1.172c-.04.045-.08.092-.12.135.695.287 1.287.708 1.71 1.222.26.015.515.044.764.088-.484-.62-1.321-1.123-2.354-1.445m-14.753-.088v-5.932c-.39-.236-.78-.368-1.135-.368-.145 0-.283.023-.41.07-1.047.385-1.14 2.298-.202 4.177.426.853 1.001 1.583 1.606 2.088l.141-.035m15.852-2.053c.938-1.879.845-3.792-.203-4.177a1.184 1.184 0 00-.41-.07c-.355 0-.744.132-1.135.368v5.932c.048.01.094.022.14.035.606-.505 1.182-1.235 1.608-2.088M2.819 18.035c-.278.015-.551.041-.819.08.5-.536 1.334-.98 2.365-1.283-.628.302-1.161.713-1.546 1.203"/></svg>',
         device_desktop: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20 3a2 2 0 012 2v10a2 2 0 01-2 2h-7v2h4a1 1 0 010 2H7a1 1 0 010-2h4v-2H4a2 2 0 01-2-2V5a2 2 0 012-2h16zm-1 2H5a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1V6a1 1 0 00-1-1z"/></svg>',
         device_mobile: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16 3a2 2 0 012 2v14a2 2 0 01-2 2H8a2 2 0 01-2-2V5a2 2 0 012-2h8zm-1 2H9a1 1 0 00-1 1v12a1 1 0 001 1h6a1 1 0 001-1V6a1 1 0 00-1-1zm-1 11a1 1 0 010 2h-4a1 1 0 010-2h4z"/></svg>',
+        device_responsive: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13 3a2 2 0 012 2v4h4a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h8zm0 8H5v7a1 1 0 00.883.993L6 19h7v-8zm5 0h-3v8h3a1 1 0 00.993-.883L19 18v-6a1 1 0 00-1-1zm-6-6H6a1 1 0 00-.993.883L5 6v3h8V6a1 1 0 00-1-1z"/></svg>',
         device_tablet: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18 2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2h12zm0 16H6v1a1 1 0 00.883.993L7 20h10a1 1 0 001-1v-1zM17 4H7a1 1 0 00-1 1v11h12V5a1 1 0 00-.883-.993L17 4z"/></svg>',
         indicator_dot_placeholder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3.5" fill-rule="evenodd"/></svg>',
         misc_excel: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15 4.18a1 1 0 01.993.884L16 5.18v13.64a1 1 0 01-1.048.998l-.116-.012-10-1.667a1 1 0 01-.829-.866L4 17.153V6.847a1 1 0 01.718-.96l.118-.026 10-1.667A1 1 0 0115 4.18zM19 7a1 1 0 011 1v8a1 1 0 01-1 1h-1a1 1 0 01-1-1V8a1 1 0 011-1zm-5.715.214l-2.078.224-1.243 2.976L8.769 7.7l-2.126.23 2.174 3.795L6.5 16.054l2.079.224 1.386-3.229 1.409 3.531 2.126.23-2.39-5.179 2.175-4.417z"/></svg>',
@@ -203,6 +206,10 @@
         name: 'device_mobile',
         data: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M16 3a2 2 0 012 2v14a2 2 0 01-2 2H8a2 2 0 01-2-2V5a2 2 0 012-2h8zm-1 2H9a1 1 0 00-1 1v12a1 1 0 001 1h6a1 1 0 001-1V6a1 1 0 00-1-1zm-1 11a1 1 0 010 2h-4a1 1 0 010-2h4z\"/></svg>"
     };
+    var pepIconDeviceResponsive = {
+        name: 'device_responsive',
+        data: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M13 3a2 2 0 012 2v4h4a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h8zm0 8H5v7a1 1 0 00.883.993L6 19h7v-8zm5 0h-3v8h3a1 1 0 00.993-.883L19 18v-6a1 1 0 00-1-1zm-6-6H6a1 1 0 00-.993.883L5 6v3h8V6a1 1 0 00-1-1z\"/></svg>"
+    };
     var pepIconDeviceTablet = {
         name: 'device_tablet',
         data: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M18 2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2h12zm0 16H6v1a1 1 0 00.883.993L7 20h10a1 1 0 001-1v-1zM17 4H7a1 1 0 00-1 1v11h12V5a1 1 0 00-.883-.993L17 4z\"/></svg>"
@@ -535,15 +542,36 @@
                 },] }
     ];
 
-    var PepIconComponent = /** @class */ (function () {
-        function PepIconComponent(renderer, element, utilitiesService, 
-        // private colorService: PepColorService,
-        iconRegistry, document) {
-            this.renderer = renderer;
-            this.element = element;
+    var PepIconService = /** @class */ (function () {
+        function PepIconService(utilitiesService, iconRegistry, document) {
             this.utilitiesService = utilitiesService;
             this.iconRegistry = iconRegistry;
             this.document = document;
+        }
+        PepIconService.prototype.getSvgIcon = function (iconName) {
+            var svgData = this.iconRegistry.getIcon(iconName);
+            var svgIcon = this.utilitiesService.getSvgElementFromString(this.document, svgData);
+            return svgIcon;
+        };
+        return PepIconService;
+    }());
+    PepIconService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PepIconService_Factory() { return new PepIconService(i0__namespace.ɵɵinject(i1__namespace.PepUtilitiesService), i0__namespace.ɵɵinject(PepIconRegistry), i0__namespace.ɵɵinject(i3__namespace.DOCUMENT, 8)); }, token: PepIconService, providedIn: "root" });
+    PepIconService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    PepIconService.ctorParameters = function () { return [
+        { type: i1.PepUtilitiesService },
+        { type: PepIconRegistry },
+        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [i3.DOCUMENT,] }] }
+    ]; };
+
+    var PepIconComponent = /** @class */ (function () {
+        function PepIconComponent(renderer, element, pepIconService) {
+            this.renderer = renderer;
+            this.element = element;
+            this.pepIconService = pepIconService;
             this._spin = false;
             this._fill = null;
         }
@@ -571,11 +599,9 @@
                 if (this.svgIcon) {
                     this.element.nativeElement.removeChild(this.svgIcon);
                 }
-                var svgData = this.iconRegistry.getIcon(iconName);
-                this.svgIcon = this.utilitiesService.getSvgElementFromString(this.document, svgData);
+                this.svgIcon = this.pepIconService.getSvgIcon(iconName);
                 if (this.svgIcon) {
                     this.element.nativeElement.appendChild(this.svgIcon);
-                    this.renderer.addClass(this.svgIcon, 'svg-icon');
                     this.setFill();
                     this.setSpin();
                 }
@@ -669,9 +695,7 @@
     PepIconComponent.ctorParameters = function () { return [
         { type: i0.Renderer2 },
         { type: i0.ElementRef },
-        { type: ngxLib.PepUtilitiesService },
-        { type: PepIconRegistry },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [common.DOCUMENT,] }] }
+        { type: PepIconService }
     ]; };
     PepIconComponent.propDecorators = {
         spin: [{ type: i0.Input }],
@@ -689,7 +713,7 @@
                     declarations: [PepIconComponent],
                     imports: [],
                     exports: [PepIconComponent],
-                    providers: [PepIconRegistry]
+                    providers: [PepIconRegistry, PepIconService]
                 },] }
     ];
 
@@ -704,6 +728,7 @@
     exports.PepIconComponent = PepIconComponent;
     exports.PepIconModule = PepIconModule;
     exports.PepIconRegistry = PepIconRegistry;
+    exports.PepIconService = PepIconService;
     exports.allIcons = allIcons;
     exports.pepIconArrowBack = pepIconArrowBack;
     exports.pepIconArrowBackLeft = pepIconArrowBackLeft;
@@ -724,6 +749,7 @@
     exports.pepIconBarndPepperi = pepIconBarndPepperi;
     exports.pepIconDeviceDesktop = pepIconDeviceDesktop;
     exports.pepIconDeviceMobile = pepIconDeviceMobile;
+    exports.pepIconDeviceResponsive = pepIconDeviceResponsive;
     exports.pepIconDeviceTablet = pepIconDeviceTablet;
     exports.pepIconIndicatorDotPlaceholder = pepIconIndicatorDotPlaceholder;
     exports.pepIconMiscExcel = pepIconMiscExcel;