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

package/fesm2015/pepperi-addons-ngx-lib-icon.js

@@ -1,6 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, Renderer2, ElementRef, Optional, Inject, Input, NgModule } from '@angular/core';
+import { Injectable, Optional, Inject, Component, ChangeDetectionStrategy, Renderer2, ElementRef, Input, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
 import { DOCUMENT } from '@angular/common';
+import * as i1 from '@pepperi-addons/ngx-lib';
 import { PepUtilitiesService } from '@pepperi-addons/ngx-lib';
 
 /* 🤖 this file was generated by svg-to-ts*/
@@ -24,6 +26,7 @@ const allIcons = {
     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>',
@@ -180,6 +183,10 @@ const pepIconDeviceMobile = {
     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>`
 };
+const 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>`
+};
 const 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>`
@@ -511,15 +518,35 @@ PepIconRegistry.decorators = [
             },] }
 ];
 
-class PepIconComponent {
-    constructor(renderer, element, utilitiesService, 
-    // private colorService: PepColorService,
-    iconRegistry, document) {
-        this.renderer = renderer;
-        this.element = element;
+class PepIconService {
+    constructor(utilitiesService, iconRegistry, document) {
         this.utilitiesService = utilitiesService;
         this.iconRegistry = iconRegistry;
         this.document = document;
+    }
+    getSvgIcon(iconName) {
+        const svgData = this.iconRegistry.getIcon(iconName);
+        const svgIcon = this.utilitiesService.getSvgElementFromString(this.document, svgData);
+        return svgIcon;
+    }
+}
+PepIconService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PepIconService_Factory() { return new PepIconService(i0.ɵɵinject(i1.PepUtilitiesService), i0.ɵɵinject(PepIconRegistry), i0.ɵɵinject(i3.DOCUMENT, 8)); }, token: PepIconService, providedIn: "root" });
+PepIconService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+PepIconService.ctorParameters = () => [
+    { type: PepUtilitiesService },
+    { type: PepIconRegistry },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
+];
+
+class PepIconComponent {
+    constructor(renderer, element, pepIconService) {
+        this.renderer = renderer;
+        this.element = element;
+        this.pepIconService = pepIconService;
         this._spin = false;
         this._fill = null;
     }
@@ -542,11 +569,9 @@ class PepIconComponent {
         if (this.svgIcon) {
             this.element.nativeElement.removeChild(this.svgIcon);
         }
-        const 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();
         }
@@ -632,9 +657,7 @@ PepIconComponent.decorators = [
 PepIconComponent.ctorParameters = () => [
     { type: Renderer2 },
     { type: ElementRef },
-    { type: PepUtilitiesService },
-    { type: PepIconRegistry },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
+    { type: PepIconService }
 ];
 PepIconComponent.propDecorators = {
     spin: [{ type: Input }],
@@ -649,7 +672,7 @@ PepIconModule.decorators = [
                 declarations: [PepIconComponent],
                 imports: [],
                 exports: [PepIconComponent],
-                providers: [PepIconRegistry]
+                providers: [PepIconRegistry, PepIconService]
             },] }
 ];
 
@@ -661,5 +684,5 @@ PepIconModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { PepIconComponent, PepIconModule, PepIconRegistry, allIcons, pepIconArrowBack, pepIconArrowBackLeft, pepIconArrowBackRight, pepIconArrowDown, pepIconArrowDownAlt, pepIconArrowEither, pepIconArrowLeft, pepIconArrowLeftAlt, pepIconArrowRight, pepIconArrowRightAlt, pepIconArrowTwoWaysHorL, pepIconArrowTwoWaysHorR, pepIconArrowTwoWaysVerB, pepIconArrowTwoWaysVerT, pepIconArrowUp, pepIconArrowUpAlt, pepIconBarndPepperi, pepIconDeviceDesktop, pepIconDeviceMobile, pepIconDeviceTablet, pepIconIndicatorDotPlaceholder, pepIconMiscExcel, pepIconNoImage, pepIconNoImage2, pepIconNumberCoins, pepIconNumberDecimal, pepIconNumberDollar, pepIconNumberEuro, pepIconNumberMinus, pepIconNumberNumber, pepIconNumberPercent, pepIconNumberPlus, pepIconRipplesTransparent, pepIconShoppingCart, pepIconShoppingPaper, pepIconSystemAttach, pepIconSystemAvatar, pepIconSystemBin, pepIconSystemBolt, pepIconSystemChat, pepIconSystemCircle, pepIconSystemClose, pepIconSystemDoc, pepIconSystemDoor, pepIconSystemDotEllipsis, pepIconSystemEdit, pepIconSystemEducation, pepIconSystemEmail, pepIconSystemFileDownload, pepIconSystemFileUpload, pepIconSystemFileUploadCloud, pepIconSystemFilter, pepIconSystemFilter2, pepIconSystemFolder, pepIconSystemFullScreen, pepIconSystemHeart, pepIconSystemHome, pepIconSystemInfo, pepIconSystemInventory, pepIconSystemLink, pepIconSystemMap, pepIconSystemMenu, pepIconSystemMenuDots, pepIconSystemMove, pepIconSystemMust, pepIconSystemOffLine, pepIconSystemOk, pepIconSystemPause, pepIconSystemPhone, pepIconSystemPlay, pepIconSystemPrint, pepIconSystemProcessing, pepIconSystemQuestion, pepIconSystemRotateDevice, pepIconSystemSearch, pepIconSystemSelect, pepIconSystemSettings, pepIconSystemSignature, pepIconSystemSpinner, pepIconSystemSupport, pepIconSystemTexterea, pepIconSystemTool, pepIconSystemView, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight, pepIconTimeCal, pepIconTimeDatetime, pepIconTimeDuration, pepIconTimeTime, pepIconViewCardLg, pepIconViewCardMd, pepIconViewCardSm, pepIconViewLine, pepIconViewMatrix, pepIconViewTable };
+export { PepIconComponent, PepIconModule, PepIconRegistry, PepIconService, allIcons, pepIconArrowBack, pepIconArrowBackLeft, pepIconArrowBackRight, pepIconArrowDown, pepIconArrowDownAlt, pepIconArrowEither, pepIconArrowLeft, pepIconArrowLeftAlt, pepIconArrowRight, pepIconArrowRightAlt, pepIconArrowTwoWaysHorL, pepIconArrowTwoWaysHorR, pepIconArrowTwoWaysVerB, pepIconArrowTwoWaysVerT, pepIconArrowUp, pepIconArrowUpAlt, pepIconBarndPepperi, pepIconDeviceDesktop, pepIconDeviceMobile, pepIconDeviceResponsive, pepIconDeviceTablet, pepIconIndicatorDotPlaceholder, pepIconMiscExcel, pepIconNoImage, pepIconNoImage2, pepIconNumberCoins, pepIconNumberDecimal, pepIconNumberDollar, pepIconNumberEuro, pepIconNumberMinus, pepIconNumberNumber, pepIconNumberPercent, pepIconNumberPlus, pepIconRipplesTransparent, pepIconShoppingCart, pepIconShoppingPaper, pepIconSystemAttach, pepIconSystemAvatar, pepIconSystemBin, pepIconSystemBolt, pepIconSystemChat, pepIconSystemCircle, pepIconSystemClose, pepIconSystemDoc, pepIconSystemDoor, pepIconSystemDotEllipsis, pepIconSystemEdit, pepIconSystemEducation, pepIconSystemEmail, pepIconSystemFileDownload, pepIconSystemFileUpload, pepIconSystemFileUploadCloud, pepIconSystemFilter, pepIconSystemFilter2, pepIconSystemFolder, pepIconSystemFullScreen, pepIconSystemHeart, pepIconSystemHome, pepIconSystemInfo, pepIconSystemInventory, pepIconSystemLink, pepIconSystemMap, pepIconSystemMenu, pepIconSystemMenuDots, pepIconSystemMove, pepIconSystemMust, pepIconSystemOffLine, pepIconSystemOk, pepIconSystemPause, pepIconSystemPhone, pepIconSystemPlay, pepIconSystemPrint, pepIconSystemProcessing, pepIconSystemQuestion, pepIconSystemRotateDevice, pepIconSystemSearch, pepIconSystemSelect, pepIconSystemSettings, pepIconSystemSignature, pepIconSystemSpinner, pepIconSystemSupport, pepIconSystemTexterea, pepIconSystemTool, pepIconSystemView, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight, pepIconTimeCal, pepIconTimeDatetime, pepIconTimeDuration, pepIconTimeTime, pepIconViewCardLg, pepIconViewCardMd, pepIconViewCardSm, pepIconViewLine, pepIconViewMatrix, pepIconViewTable };
 //# sourceMappingURL=pepperi-addons-ngx-lib-icon.js.map