@entake/particle 18.0.3 → 18.0.4

package/fesm2022/entake-particle.mjs

@@ -815,7 +815,7 @@ class TooltipDirective {
      * The number of pixels from the host to offset the tooltip
      * @private
      */
-    TOOLTIP_OFFSET = 10;
+    TOOLTIP_OFFSET = 15;
     /**
      * Tooltip text input
      * @param text the text to set for the tooltip
@@ -2175,935 +2175,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
  */
 class ParticleIconsRegular {
     /**
-     * wir fa-address
+     * ptr fa-multi-select
      */
-    static wirAddress = {
-        prefix: 'wir',
-        iconName: 'address',
-        icon: [
-            24, 24,
-            [],
-            null, 'M6.4751,3.1108A7.7974,7.7974,0,0,0,5.3179,12.686L11.145,22.3a1,1,0,0,0,1.71,0l5.8276-9.6143A7.8137,7.8137,0,0,0,6.4751,3.1108Zm10.4966,8.5381L12,19.8516,7.0283,11.6494a5.8138,5.8138,0,1,1,9.9434-.0005ZM12,4.5a4,4,0,1,0,4,4A4.0045,4.0045,0,0,0,12,4.5Zm0,6a2,2,0,1,1,2-2A2.002,2.002,0,0,1,12,10.5Z'
-        ]
-    };
-    /**
-     * wir fa-alpha-text
-     */
-    static wirAlphaText = {
-        prefix: 'wir',
-        iconName: 'alpha-text',
-        icon: [
-            24, 24,
-            [],
-            null, 'M9,5h2V3H5V5H7V6H4.35A2.5259,2.5259,0,0,0,2,8.6665V15.333A2.526,2.526,0,0,0,4.35,18H7v1H5v2h6V19H9ZM4.35,16c-.123,0-.35-.2529-.35-.667V8.6665C4,8.2529,4.2266,8,4.35,8H7v8ZM22,8.6665V15.333A2.5614,2.5614,0,0,1,19.5654,18H10V16h9.5654c.2051,0,.4346-.2852.4346-.667V8.6665C20,8.2852,19.7705,8,19.5654,8H10V6h9.5654A2.5612,2.5612,0,0,1,22,8.6665ZM14,15V11a2,2,0,0,0-4,0v4h1V13h2v2Zm-3-3V11a1,1,0,0,1,2,0v1Zm5-3v6h1a2,2,0,0,0,0-4V9Zm2,4a1.0006,1.0006,0,0,1-1,1V12A1.0009,1.0009,0,0,1,18,13Z'
-        ]
-    };
-    /**
-     * wir fa-checkbox
-     */
-    static wirCheckbox = {
-        prefix: 'wir',
-        iconName: 'checkbox',
-        icon: [
-            24, 24,
-            [],
-            null, 'M22,7.2642V19.4121A2.5911,2.5911,0,0,1,19.4121,22H4.5879A2.5911,2.5911,0,0,1,2,19.4121V4.5884A2.5912,2.5912,0,0,1,4.5879,2H21V4H4.5879A.589.589,0,0,0,4,4.5884V19.4121A.5885.5885,0,0,0,4.5879,20H19.4121A.5885.5885,0,0,0,20,19.4121V9.6729l-6.1709,6.1513a2.5907,2.5907,0,0,1-3.6572-.0029L6.5283,12.1777l1.4141-1.414,3.6435,3.6435a.59.59,0,0,0,.8311.001l7.8769-7.852A1,1,0,0,1,22,7.2642Z'
-        ]
-    };
-    /**
-     * wir fa-date
-     */
-    static wirDate = {
-        prefix: 'wir',
-        iconName: 'date',
-        icon: [
-            24, 24,
-            [],
-            null, 'M22,6.4116V19.5879A2.4191,2.4191,0,0,1,19.5791,22H4.4209A2.4191,2.4191,0,0,1,2,19.5879V6.4116A2.419,2.419,0,0,1,4.4209,4H6V2H8V6H4.4209A.4166.4166,0,0,0,4,6.4116V19.5879A.4167.4167,0,0,0,4.4209,20H19.5791A.4167.4167,0,0,0,20,19.5879V10H6V8H20V6.4116A.4166.4166,0,0,0,19.5791,6H19V4h.5791A2.419,2.419,0,0,1,22,6.4116ZM17,6V2H15V4H10V6h7ZM8,12H6v2H8Zm5,0H11v2h2Zm5,0H16v2h2ZM6,18H8V16H6Zm5,0h2V16H11Zm5,0h2V16H16Z'
-        ]
-    };
-    /**
-     * wir fa-date-range
-     */
-    static wirDateRange = {
-        prefix: 'wir',
-        iconName: 'date-range',
-        icon: [
-            24, 24,
-            [],
-            null, 'M22,6.4116V19.5879A2.4191,2.4191,0,0,1,19.5791,22H4.4209A2.4191,2.4191,0,0,1,2,19.5879V6.4116A2.419,2.419,0,0,1,4.4209,4H6V2H8V6H4.4209A.4166.4166,0,0,0,4,6.4116V19.5879A.4167.4167,0,0,0,4.4209,20H19.5791A.4167.4167,0,0,0,20,19.5879V10H6V8H20V6.4116A.4166.4166,0,0,0,19.5791,6H19V4h.5791A2.419,2.419,0,0,1,22,6.4116ZM17,6V2H15V4H10V6h7ZM8.793,11.793,5.0859,15.5,8.793,19.207l1.414-1.414L7.9141,15.5l2.2929-2.293Zm6.414,7.414L18.9141,15.5,15.207,11.793l-1.414,1.414L16.0859,15.5,13.793,17.793Z'
-        ]
-    };
-    /**
-     * wir fa-divider
-     */
-    static wirDivider = {
-        prefix: 'wir',
-        iconName: 'divider',
-        icon: [
-            512, 512,
-            [],
-            null, 'M512,254v34H14A14,14,0,0,1,0,274V254a14,14,0,0,1,14-14H498A14,14,0,0,1,512,254ZM256,108.28l79.5,79.5,28.28-28.28L256,51.72,148.22,159.5l28.28,28.28Zm0,311.44-79.5-79.5L148.22,368.5,256,476.28,363.78,368.5,335.5,340.22Z'
-        ]
-    };
-    /**
-     * wir fa-document-upload
-     */
-    static wirDocumentUpload = {
-        prefix: 'wir',
-        iconName: 'document-upload',
-        icon: [
-            24, 24,
-            [],
-            null, 'M16.1123,2.2983A.9981.9981,0,0,0,15.4,2h-7A2.4136,2.4136,0,0,0,6,4.4209V9.7548L1.9219,14.0117l1.4433,1.3828L7,11.6016l3.6348,3.7929,1.4433-1.3828L8,9.7548V4.4209A.4117.4117,0,0,1,8.4,4H13V8.5A2.5026,2.5026,0,0,0,15.5,11H20v8.5791A.4114.4114,0,0,1,19.6,20H8.4a.4114.4114,0,0,1-.4-.4209V14.8418H6v4.7373A2.4136,2.4136,0,0,0,8.4,22H19.6A2.4136,2.4136,0,0,0,22,19.5791V8.6841a.9987.9987,0,0,0-.2881-.7017ZM15,8.5V4.0189L19.9077,9H15.5A.5006.5006,0,0,1,15,8.5Z'
-        ]
-    };
-    /**
-     * wir fa-dropdown
-     */
-    static wirDropdown = {
-        prefix: 'wir',
-        iconName: 'dropdown',
-        icon: [
-            24, 24,
-            [],
-            null, 'M19.5,2H4.5A2.5026,2.5026,0,0,0,2,4.5v15A2.5023,2.5023,0,0,0,4.5,22h15A2.5023,2.5023,0,0,0,22,19.5V4.5A2.5026,2.5026,0,0,0,19.5,2ZM20,19.5a.501.501,0,0,1-.5.5H4.5a.501.501,0,0,1-.5-.5V4.5A.5006.5006,0,0,1,4.5,4h15a.5006.5006,0,0,1,.5.5ZM16.793,8.793l1.414,1.414-4.4394,4.4395a2.5016,2.5016,0,0,1-3.5352,0L5.793,10.207,7.207,8.793l4.44,4.4394a.5.5,0,0,0,.707,0Z'
-        ]
-    };
-    /**
-     * wir fa-email
-     */
-    static wirEmail = {
-        prefix: 'wir',
-        iconName: 'email',
-        icon: [
-            24, 24,
-            [],
-            null, 'M19.5,5H4.5A2.5026,2.5026,0,0,0,2,7.5v9A2.5023,2.5023,0,0,0,4.5,19h15A2.5023,2.5023,0,0,0,22,16.5v-9A2.5026,2.5026,0,0,0,19.5,5Zm.4855,11.5715L17.207,13.793l-1.414,1.414L17.5859,17H6.4141L8.207,15.207,6.793,13.793,4.0145,16.5714A.4754.4754,0,0,1,4,16.5V8.4141l8,8,8-8V16.5A.467.467,0,0,1,19.9855,16.5715ZM5.4141,7H18.5859L12,13.5859Z'
-        ]
-    };
-    /**
-     * wir fa-fein
-     */
-    static wirFEIN = {
-        prefix: 'wir',
-        iconName: 'fein',
-        icon: [
-            24, 24,
-            [],
-            null,
-            'M3,7H8V9H4v3H8v2H4v2H8v2H3a1,1,0,0,1-1-1V8A1,1,0,0,1,3,7Zm8,11h2V7H11ZM20,7v5.2881L17.9136,7.5938A1,1,0,0,0,16,8V18h2V12.7119l2.0864,4.6944A1,1,0,0,0,22,17V7Z'
-        ]
-    };
-    /**
-     * wir fa-html
-     */
-    static wirHTML = {
-        prefix: 'wir',
-        iconName: 'html',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20.5,4H3.5A2.5026,2.5026,0,0,0,1,6.5v11A2.5023,2.5023,0,0,0,3.5,20h17A2.5023,2.5023,0,0,0,23,17.5V6.5A2.5026,2.5026,0,0,0,20.5,4ZM21,17.5a.501.501,0,0,1-.5.5H3.5a.501.501,0,0,1-.5-.5V6.5A.5006.5006,0,0,1,3.5,6h17a.5006.5006,0,0,1,.5.5ZM9.207,9.207,6.4141,12,9.207,14.793,7.793,16.207,3.5859,12,7.793,7.793Zm7-1.414L20.4141,12,16.207,16.207l-1.414-1.414L17.5859,12,14.793,9.207Zm-3.6552-.6094,1.8964.6328-3,9-1.8964-.6328Z'
-        ]
-    };
-    /**
-     * wir fa-license
-     */
-    static wirLicense = {
-        prefix: 'wir',
-        iconName: 'license',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20.5,4H3.5A2.5026,2.5026,0,0,0,1,6.5v11A2.5023,2.5023,0,0,0,3.5,20h17A2.5023,2.5023,0,0,0,23,17.5V6.5A2.5026,2.5026,0,0,0,20.5,4ZM21,17.5a.501.501,0,0,1-.5.5H11V16.3125A2.2846,2.2846,0,0,0,8.75,14H6.25A2.2846,2.2846,0,0,0,4,16.3125V18H3.5a.501.501,0,0,1-.5-.5V6.5A.5006.5006,0,0,1,3.5,6h17a.5006.5006,0,0,1,.5.5ZM6.9189,8H10v3.0815A1.9213,1.9213,0,0,1,8.0811,13H6.9189A1.9213,1.9213,0,0,1,5,11.0815V9.9185A1.9213,1.9213,0,0,1,6.9189,8ZM13,8h6v2H13Zm4,5H13V11h4Zm-4,1h6v2H13Z'
-        ]
-    };
-    /**
-     * wir fa-mmis-npi
-     */
-    static wirMMISNPI = {
-        prefix: 'wir',
-        iconName: 'mmis-npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M7,12H9v9a1.0014,1.0014,0,0,1-.7705.9736A1.0206,1.0206,0,0,1,8,22a.9994.9994,0,0,1-.8945-.5527L5,17.2363V22H3V13a1,1,0,0,1,1.8945-.4473L7,16.7637Zm11,3.5A3.5042,3.5042,0,0,1,14.5,19H13v3H11V13a1,1,0,0,1,1-1h2.5A3.5042,3.5042,0,0,1,18,15.5Zm-2,0A1.5017,1.5017,0,0,0,14.5,14H13v3h1.5A1.5017,1.5017,0,0,0,16,15.5ZM19,12V22h2V12Zm-6.5-1.5059A4.493,4.493,0,1,1,17,6V7H10.207a2.53,2.53,0,0,0,.375.6,2.575,2.575,0,0,0,3.5508.2891L15.44,9.4023A4.4985,4.4985,0,0,1,12.5,10.4941ZM10.2041,5H14.791a2.5063,2.5063,0,0,0-4.5869,0Z'
-        ]
-    };
-    /**
-     * wir fa-money
-     */
-    static wirMoney = {
-        prefix: 'wir',
-        iconName: 'money',
-        icon: [
-            24, 24,
-            [],
-            null, 'M10,9.5c0,.813.916,1.5,2,1.5a3.7793,3.7793,0,0,1,4,3.5,3.6194,3.6194,0,0,1-3,3.3757V19H11V17.8757A3.6194,3.6194,0,0,1,8,14.5h2c0,.8135.916,1.5,2,1.5s2-.6865,2-1.5S13.084,13,12,13A3.7793,3.7793,0,0,1,8,9.5a3.6194,3.6194,0,0,1,3-3.3757V5h2V6.1243A3.6194,3.6194,0,0,1,16,9.5H14c0-.813-.916-1.5-2-1.5S10,8.687,10,9.5ZM22,12A10,10,0,1,1,12,2,10.0117,10.0117,0,0,1,22,12Zm-2,0a8,8,0,1,0-8,8A8.0092,8.0092,0,0,0,20,12Z'
-        ]
-    };
-    /**
-     * wir fa-multi-select
-     */
-    static wirMultiSelect = {
-        prefix: 'wir',
-        iconName: 'multi-select',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8.5,2h-4A2.5026,2.5026,0,0,0,2,4.5v4A2.5026,2.5026,0,0,0,4.5,11h4A2.5026,2.5026,0,0,0,11,8.5v-4A2.5026,2.5026,0,0,0,8.5,2Zm0,7h-4A.5006.5006,0,0,1,4,8.5v-4A.5006.5006,0,0,1,4.5,4h4a.467.467,0,0,1,.0715.0145L6.5,6.0859,5.707,5.293,4.293,6.707,6.5,8.9141l2.5-2.5V8.5A.5006.5006,0,0,1,8.5,9Zm0,4h-4A2.5023,2.5023,0,0,0,2,15.5v4A2.5023,2.5023,0,0,0,4.5,22h4A2.5023,2.5023,0,0,0,11,19.5v-4A2.5023,2.5023,0,0,0,8.5,13Zm0,7h-4a.501.501,0,0,1-.5-.5v-4a.501.501,0,0,1,.5-.5h4a.4646.4646,0,0,1,.0715.0145L6.5,17.0859l-.793-.7929L4.293,17.707,6.5,19.9141l2.5-2.5V19.5A.501.501,0,0,1,8.5,20ZM12,4H22V6H12Zm0,11H22v2H12Zm8-5H12V8h8Zm-8,9h8v2H12Z'
-        ]
-    };
-    /**
-     * wir fa-npi
-     */
-    static wirNPI = {
-        prefix: 'wir',
-        iconName: 'npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M11,7H8V5h3V2h2V5h3V7H13v3H11ZM7,16.7637l-2.1055-4.211A1,1,0,0,0,3,13v9H5V17.2363l2.1055,4.211A.9994.9994,0,0,0,8,22a1.0206,1.0206,0,0,0,.2295-.0264A1.0014,1.0014,0,0,0,9,21V12H7ZM18,15.5A3.5042,3.5042,0,0,1,14.5,19H13v3H11V13a1,1,0,0,1,1-1h2.5A3.5042,3.5042,0,0,1,18,15.5Zm-2,0A1.5017,1.5017,0,0,0,14.5,14H13v3h1.5A1.5017,1.5017,0,0,0,16,15.5ZM19,12V22h2V12Z'
-        ]
-    };
-    /**
-     * wir fa-numeric-text
-     */
-    static wirNumericText = {
-        prefix: 'wir',
-        iconName: 'numeric-text',
-        icon: [
-            24, 24,
-            [],
-            null, 'M9,5h2V3H5V5H7V6H4.35A2.5259,2.5259,0,0,0,2,8.6665V15.333A2.526,2.526,0,0,0,4.35,18H7v1H5v2h6V19H9ZM4.35,16c-.123,0-.35-.2529-.35-.667V8.6665C4,8.2529,4.2266,8,4.35,8H7v8ZM22,8.6665V15.333A2.5614,2.5614,0,0,1,19.5654,18H10V16h9.5654c.2051,0,.4346-.2852.4346-.667V8.6665C20,8.2852,19.7705,8,19.5654,8H10V6h9.5654A2.5612,2.5612,0,0,1,22,8.6665ZM12,9v5h1v1H10V14h1V10H10V9Zm5,1.7358A.7368.7368,0,0,0,16.2637,10H15V9h1.2637a1.7361,1.7361,0,0,1,.7763,3.2891A1.8712,1.8712,0,0,0,16,13.9717V14h2v1H15V13.9717a2.866,2.866,0,0,1,1.5928-2.5772A.7326.7326,0,0,0,17,10.7358Z'
-        ]
-    };
-    /**
-     * wir fa-person-name
-     */
-    static wirPersonName = {
-        prefix: 'wir',
-        iconName: 'person-name',
-        icon: [
-            512, 512,
-            [],
-            null, 'M429.41,303.14l-30.23-10.08a98.6,98.6,0,0,0-62.36,0h0a255.49,255.49,0,0,1-161.64,0h0a98.6,98.6,0,0,0-62.36,0L82.59,303.14A74,74,0,0,0,32,373.32l9.93,76.13a53.46,53.46,0,0,0,53,46.55H417.06a53.46,53.46,0,0,0,53-46.55L480,373.32A74,74,0,0,0,429.41,303.14Zm8.93,142.17A21.52,21.52,0,0,1,417.06,464H384V416a16,16,0,0,0-32,0v48H160V416a16,16,0,0,0-32,0v48H94.94a21.52,21.52,0,0,1-21.28-18.69L64,371.54a41.91,41.91,0,0,1,28.67-38l30.23-10.08a66.55,66.55,0,0,1,42.12,0,287.53,287.53,0,0,0,181.88,0,66.55,66.55,0,0,1,42.12,0l30.23,10.08a41.91,41.91,0,0,1,28.67,38ZM186.29,252l1.78,1.17a132,132,0,0,0,135.86,0h0a108.12,108.12,0,0,0,48.12-81.88L384,16H189.55A61.55,61.55,0,0,0,128,77.55l10.49,96A108.19,108.19,0,0,0,186.29,252Zm153.86-83.16a76.22,76.22,0,0,1-33.31,57.27,100,100,0,0,1-101.74,0l-1.14-.75A76,76,0,0,1,170.3,170.1l-5.74-52.58L196.84,96H315.16l29.1,19.4ZM189.55,48H349.44l-2.37,30.82L324.84,64H187.16L160.64,81.68,160,76.12A29.6,29.6,0,0,1,189.55,48Z'
-        ]
-    };
-    /**
-     * wir fa-phone
-     */
-    static wirPhone = {
-        prefix: 'wir',
-        iconName: 'phone',
-        icon: [
-            24, 24,
-            [],
-            null, 'M19.5791,6H10.95A2.5038,2.5038,0,0,0,8.5,4h-1A2.5038,2.5038,0,0,0,5.0505,6h-.63A2.4057,2.4057,0,0,0,2,8.3848v9.23A2.4054,2.4054,0,0,0,4.4209,20H19.5791A2.4054,2.4054,0,0,0,22,17.6152v-9.23A2.4057,2.4057,0,0,0,19.5791,6ZM17.5,8v.5A.5006.5006,0,0,1,17,9H14a.5006.5006,0,0,1-.5-.5V8ZM7.5,6h1a.5006.5006,0,0,1,.5.5v8a.501.501,0,0,1-.5.5h-1a.501.501,0,0,1-.5-.5v-8A.5006.5006,0,0,1,7.5,6ZM20,17.6152A.4045.4045,0,0,1,19.5791,18H4.4209A.4045.4045,0,0,1,4,17.6152v-9.23A.4045.4045,0,0,1,4.4209,8H5v6.5A2.5023,2.5023,0,0,0,7.5,17h1A2.5023,2.5023,0,0,0,11,14.5V8h.5v.5A2.5026,2.5026,0,0,0,14,11h3a2.5026,2.5026,0,0,0,2.5-2.5V8h.0791A.4045.4045,0,0,1,20,8.3848ZM13,12h2v2H13Zm3,0h2v2H16Zm-3,3h2v2H13Zm3,0h2v2H16Z'
-        ]
-    };
-    /**
-     * wir fa-pid
-     */
-    static wirPID = {
-        prefix: 'wir',
-        iconName: 'pid',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20.5,4H3.5A2.5026,2.5026,0,0,0,1,6.5v11A2.5023,2.5023,0,0,0,3.5,20h17A2.5023,2.5023,0,0,0,23,17.5V6.5A2.5026,2.5026,0,0,0,20.5,4ZM21,17.5a.501.501,0,0,1-.5.5H11V16.3125A2.2846,2.2846,0,0,0,8.75,14H6.25A2.2846,2.2846,0,0,0,4,16.3125V18H3.5a.501.501,0,0,1-.5-.5V6.5A.5006.5006,0,0,1,3.5,6h17a.5006.5006,0,0,1,.5.5ZM13,8h6v2H13Zm3,6h2v1H16v2H15V15H13V14h2V12h1ZM6.9189,8H10v3.0815A1.9213,1.9213,0,0,1,8.0811,13H6.9189A1.9213,1.9213,0,0,1,5,11.0815V9.9185A1.9213,1.9213,0,0,1,6.9189,8Z'
-        ]
-    };
-    /**
-     * wir fa-radio-buttons
-     */
-    static wirRadioButtons = {
-        prefix: 'wir',
-        iconName: 'radio-buttons',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,6.5A1.5,1.5,0,1,1,6.5,5,1.5,1.5,0,0,1,8,6.5Zm3,0A4.5,4.5,0,1,1,6.5,2,4.505,4.505,0,0,1,11,6.5Zm-2,0A2.5,2.5,0,1,0,6.5,9,2.5026,2.5026,0,0,0,9,6.5Zm2,11A4.5,4.5,0,1,1,6.5,13,4.505,4.505,0,0,1,11,17.5Zm-2,0A2.5,2.5,0,1,0,6.5,20,2.5023,2.5023,0,0,0,9,17.5ZM12,5H22V3H12Zm0,11H22V14H12Zm8-9H12V9h8ZM12,20h8V18H12Z'
-        ]
-    };
-    /**
-     * wir fa-ssn
-     */
-    static wirSSN = {
-        prefix: 'wir',
-        iconName: 'ssn',
-        icon: [
-            24, 24,
-            [],
-            null, 'M7.2,16H8.4238l.2578.2441a4.8555,4.8555,0,0,0,3.3106,1.3116l.0156-2a2.866,2.866,0,0,1-1.9531-.7657L10,14.7383V14h3V12H10a2.0023,2.0023,0,0,1-2-2V6.8682L9.7363,6h4.5274L16,6.8682V8.9355h2V1H10A4.0042,4.0042,0,0,0,6,5v5a3.9869,3.9869,0,0,0,2,3.4437V14H7.2A4.1078,4.1078,0,0,0,3,18v3H2v2H12V21H8V18H7v3H5V18A2.11,2.11,0,0,1,7.2,16ZM10,3h6V4.6318L14.7363,4H9.2637l-1.2245.6122A2.0024,2.0024,0,0,1,10,3ZM21,14.0918V13.5a3.5,3.5,0,0,0-7,0v.5918A1.4957,1.4957,0,0,0,13,15.5v6A1.5,1.5,0,0,0,14.5,23h6A1.5,1.5,0,0,0,22,21.5v-6A1.4957,1.4957,0,0,0,21,14.0918ZM17.5,12A1.5017,1.5017,0,0,1,19,13.5V14H16v-.5A1.5017,1.5017,0,0,1,17.5,12Zm.5,6.9082V21H17V18.9082a1.5,1.5,0,1,1,1,0Z'
-        ]
-    };
-    /**
-     * wir fa-text-area
-     */
-    static wirTextArea = {
-        prefix: 'wir',
-        iconName: 'text-area',
-        icon: [
-            24, 24,
-            [],
-            null, 'M18,13v2H12V13Zm1.5791-7H10.1055V8h9.4736A.4045.4045,0,0,1,20,8.3848v9.23A.4045.4045,0,0,1,19.5791,18H4.4209A.4045.4045,0,0,1,4,17.6152v-9.23A.4045.4045,0,0,1,4.4209,8H7v5H5v2h6V13H9V5h2V3H5V5H7V6H4.4209A2.4057,2.4057,0,0,0,2,8.3848v9.23A2.4054,2.4054,0,0,0,4.4209,20H19.5791A2.4054,2.4054,0,0,0,22,17.6152v-9.23A2.4057,2.4057,0,0,0,19.5791,6Z'
-        ]
-    };
-    /**
-     * wir fa-text-box
-     */
-    static wirTextBox = {
-        prefix: 'wir',
-        iconName: 'text-box',
-        icon: [
-            24, 24,
-            [],
-            null, 'M9,6h2V4H5V6H7V7H4.35A2.3441,2.3441,0,0,0,2,9.3335V14.667A2.344,2.344,0,0,0,4.35,17H7v1H5v2h6V18H9ZM4.35,15A.3422.3422,0,0,1,4,14.667V9.3335A.3423.3423,0,0,1,4.35,9H7v6ZM22,9.3335V14.667A2.3881,2.3881,0,0,1,19.5654,17H10V15h9.5654A.4.4,0,0,0,20,14.667V9.3335A.4.4,0,0,0,19.5654,9H10V7h9.5654A2.3882,2.3882,0,0,1,22,9.3335ZM16,14H10V12h6Z'
-        ]
-    };
-    /**
-     * Full list of regular icons.
-     */
-    static icons = [
-        ParticleIconsRegular.wirAddress,
-        ParticleIconsRegular.wirAlphaText,
-        ParticleIconsRegular.wirCheckbox,
-        ParticleIconsRegular.wirDate,
-        ParticleIconsRegular.wirDateRange,
-        ParticleIconsRegular.wirDivider,
-        ParticleIconsRegular.wirDocumentUpload,
-        ParticleIconsRegular.wirDropdown,
-        ParticleIconsRegular.wirEmail,
-        ParticleIconsRegular.wirFEIN,
-        ParticleIconsRegular.wirHTML,
-        ParticleIconsRegular.wirLicense,
-        ParticleIconsRegular.wirMMISNPI,
-        ParticleIconsRegular.wirMoney,
-        ParticleIconsRegular.wirMultiSelect,
-        ParticleIconsRegular.wirNPI,
-        ParticleIconsRegular.wirNumericText,
-        ParticleIconsRegular.wirPersonName,
-        ParticleIconsRegular.wirPhone,
-        ParticleIconsRegular.wirPID,
-        ParticleIconsRegular.wirRadioButtons,
-        ParticleIconsRegular.wirSSN,
-        ParticleIconsRegular.wirTextArea,
-        ParticleIconsRegular.wirTextBox
-    ];
-}
-
-/**
- * Particle Icons - Light
- */
-class ParticleIconsLight {
-    /**
-     * wil fa-address
-     */
-    static wilAddress = {
-        prefix: 'wil',
-        iconName: 'address',
-        icon: [
-            24, 24,
-            [],
-            null, 'M6.7051,3.2959a7.4719,7.4719,0,0,0-1.1094,9.1763l5.9766,9.86a.5.5,0,0,0,.8554,0l5.9766-9.86A7.4884,7.4884,0,0,0,6.7051,3.2959Zm10.8437,8.6577L12,21.1084,6.4512,11.9536a6.4883,6.4883,0,1,1,11.0976,0ZM12,4.5a4,4,0,1,0,4,4A4.0045,4.0045,0,0,0,12,4.5Zm0,7a3,3,0,1,1,3-3A3.0033,3.0033,0,0,1,12,11.5Z'
-        ]
-    };
-    /**
-     * wil fa-alpha-text
-     */
-    static wilAlphaText = {
-        prefix: 'wil',
-        iconName: 'alpha-text',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,5h2V4H5V5H7V7H4A2.0023,2.0023,0,0,0,2,9v6a2.0027,2.0027,0,0,0,2,2H7v2H5v1h5V19H8ZM4,16a1.0006,1.0006,0,0,1-1-1V9A1.0009,1.0009,0,0,1,4,8H7v8ZM22,9v6a2.0027,2.0027,0,0,1-2,2H10V16H20a1.0006,1.0006,0,0,0,1-1V9a1.0009,1.0009,0,0,0-1-1H10V7H20A2.0023,2.0023,0,0,1,22,9Zm-8,6V11a2,2,0,0,0-4,0v4h1V13h2v2Zm-3-3V11a1,1,0,0,1,2,0v1Zm5-3v6h1a2,2,0,0,0,0-4V9Zm2,4a1.0006,1.0006,0,0,1-1,1V12A1.0009,1.0009,0,0,1,18,13Z'
-        ]
-    };
-    /**
-     * wil fa-checkbox
-     */
-    static wilCheckbox = {
-        prefix: 'wil',
-        iconName: 'checkbox',
-        icon: [
-            24, 24,
-            [],
-            null, 'M21,7.5273V19a2.0027,2.0027,0,0,1-2,2H5a2.0027,2.0027,0,0,1-2-2V5A2.0023,2.0023,0,0,1,5,3H20.5V4H5A1.0009,1.0009,0,0,0,4,5V19a1.0006,1.0006,0,0,0,1,1H19a1.0006,1.0006,0,0,0,1-1V8.7314l-6.5869,6.5655a2,2,0,0,1-2.8252-.002L7.1465,11.8535l.707-.707,3.4414,3.4414a1.0009,1.0009,0,0,0,1.4121.001l7.4405-7.4156A.5.5,0,0,1,21,7.5273Z'
-        ]
-    };
-    /**
-     * wil fa-date
-     */
-    static wilDate = {
-        prefix: 'wil',
-        iconName: 'date',
-        icon: [
-            24, 24,
-            [],
-            null, 'M16,5H10V4h6V2h1V6H16Zm4-1H19V5h1a1.0009,1.0009,0,0,1,1,1V9H4.5v1H21V20a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V6A1.0009,1.0009,0,0,1,4,5H7V6H8V2H7V4H4A2.0023,2.0023,0,0,0,2,6V20a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V6A2.0023,2.0023,0,0,0,20,4ZM7,13H5v1H7Zm6,0H11v1h2Zm6,0H17v1h2ZM5,18H7V17H5Zm6,0h2V17H11Zm6,0h2V17H17Z'
-        ]
-    };
-    /**
-     * wil fa-date-range
-     */
-    static wilDateRange = {
-        prefix: 'wil',
-        iconName: 'date-range',
-        icon: [
-            24, 24,
-            [],
-            null, 'M16,5H10V4h6V2h1V6H16Zm4-1H19V5h1a1.0009,1.0009,0,0,1,1,1V9H4.5v1H21V20a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V6A1.0009,1.0009,0,0,1,4,5H7V6H8V2H7V4H4A2.0023,2.0023,0,0,0,2,6V20a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V6A2.0023,2.0023,0,0,0,20,4ZM8.1465,12.1465,4.793,15.5l3.3535,3.3535.707-.707L6.207,15.5l2.6465-2.6465Zm7.707,6.707L19.207,15.5l-3.3535-3.3535-.707.707L17.793,15.5l-2.6465,2.6465Z'
-        ]
-    };
-    /**
-     * wil fa-document-upload
-     */
-    static wilDocumentUpload = {
-        prefix: 'wil',
-        iconName: 'document-upload',
-        icon: [
-            24, 24,
-            [],
-            null, 'M15.8535,2.1465A.4993.4993,0,0,0,15.5,2H8A2.0023,2.0023,0,0,0,6,4V9.9554l-4.2178,4.402.7227.6914L6.5,10.8789l3.9951,4.17.7227-.6914L7,9.9554V4A1.0009,1.0009,0,0,1,8,3h7.0371V6.9434a2.0218,2.0218,0,0,0,2.0195,2.019H21V20a1.0006,1.0006,0,0,1-1,1H8a1.0006,1.0006,0,0,1-1-1V15H6v5a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V8.5a.4993.4993,0,0,0-.1465-.3535Zm.1836,4.7969V3.7441l4.2183,4.2183H17.0566A1.02,1.02,0,0,1,16.0371,6.9434Z'
-        ]
-    };
-    /**
-     * wil fa-dropdown
-     */
-    static wilDropdown = {
-        prefix: 'wil',
-        iconName: 'dropdown',
-        icon: [
-            24, 24,
-            [],
-            null, 'M19,3H5A2.0023,2.0023,0,0,0,3,5V19a2.0027,2.0027,0,0,0,2,2H19a2.0027,2.0027,0,0,0,2-2V5A2.0023,2.0023,0,0,0,19,3Zm1,16a1.0006,1.0006,0,0,1-1,1H5a1.0006,1.0006,0,0,1-1-1V5A1.0009,1.0009,0,0,1,5,4H19a1.0009,1.0009,0,0,1,1,1ZM17.1465,9.1465l.707.707L13.4141,14.293a2.0019,2.0019,0,0,1-2.8282,0L6.1465,9.8535l.707-.707,4.4395,4.4394a1.0253,1.0253,0,0,0,1.414,0Z'
-        ]
-    };
-    /**
-     * wil fa-email
-     */
-    static wilEmail = {
-        prefix: 'wil',
-        iconName: 'email',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,5H4A2.0023,2.0023,0,0,0,2,7V17a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V7A2.0023,2.0023,0,0,0,20,5Zm0,1a.9608.9608,0,0,1,.2437.0493L12,14.293,3.7563,6.0493A.9608.9608,0,0,1,4,6Zm1,11a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V7a.9608.9608,0,0,1,.0493-.2437L12,15.707l8.9507-8.9507A.9608.9608,0,0,1,21,7ZM8.1465,13.1465l.707.707-3,3-.707-.707Zm7.707,0,3,3-.707.707-3-3Z'
-        ]
-    };
-    /**
-     * wil fa-fein
-     */
-    static wilFEIN = {
-        prefix: 'wil',
-        iconName: 'fein',
-        icon: [
-            24, 24,
-            [],
-            null, 'M4,7H9V8H5v3H8v1H5v3H9v1H4Zm7,9h1V7H11Zm8-9v6.3818L15.9473,7.2764A.5.5,0,0,0,15,7.5V16h1V9.6182l3.0527,6.1054A.5008.5008,0,0,0,19.5,16a.4583.4583,0,0,0,.1147-.0137A.5.5,0,0,0,20,15.5V7Z'
-        ]
-    };
-    /**
-     * wil fa-html
-     */
-    static wilHTML = {
-        prefix: 'wil',
-        iconName: 'html',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,4H4A2.0023,2.0023,0,0,0,2,6V18a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V6A2.0023,2.0023,0,0,0,20,4Zm1,14a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V6A1.0009,1.0009,0,0,1,4,5H20a1.0009,1.0009,0,0,1,1,1ZM8.8535,8.8535,5.707,12l3.1465,3.1465-.707.707L4.293,12,8.1465,8.1465Zm7-.707L19.707,12l-3.8535,3.8535-.707-.707L18.293,12,15.1465,8.8535Zm-2.8281-.8047.9492.3164-3,9-.9492-.3164Z'
-        ]
-    };
-    /**
-     * wil fa-license
-     */
-    static wilLicense = {
-        prefix: 'wil',
-        iconName: 'license',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,5H4A2.0023,2.0023,0,0,0,2,7V17a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V7A2.0023,2.0023,0,0,0,20,5ZM10.06,18H5.0127V16a1.0069,1.0069,0,0,1,1.0117-1H9.0479A1.0069,1.0069,0,0,1,10.06,16ZM21,17a1.0006,1.0006,0,0,1-1,1H11.06V16a2.0083,2.0083,0,0,0-2.0117-2H6.0244a2.0082,2.0082,0,0,0-2.0117,2v2H4a1.0006,1.0006,0,0,1-1-1V7A1.0009,1.0009,0,0,1,4,6H20a1.0009,1.0009,0,0,1,1,1ZM5,10v1a2.0023,2.0023,0,0,0,2,2H8a2.0023,2.0023,0,0,0,2-2V8H7A2.0023,2.0023,0,0,0,5,10Zm4,1a1.0009,1.0009,0,0,1-1,1H7a1.0009,1.0009,0,0,1-1-1V10A1.0009,1.0009,0,0,1,7,9H9Zm4-3h6V9H13Zm5,3H13V10h5Zm-5,2h6v1H13Zm0,2h5v1H13Z'
-        ]
-    };
-    /**
-     * wil fa-mmis-npi
-     */
-    static wilMMISNPI = {
-        prefix: 'wil',
-        iconName: 'mmis-npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8.0059,13h1v7.5a.5.5,0,0,1-.3721.4834A.5189.5189,0,0,1,8.5059,21a.5021.5021,0,0,1-.4346-.252L5.0059,15.3828V21h-1V13.5a.5.5,0,0,1,.372-.4834.5107.5107,0,0,1,.5625.2354l3.0655,5.3652Zm7.9882,2.5a2.5023,2.5023,0,0,1-2.5,2.5h-1.5v3h-1V13.5a.5.5,0,0,1,.5-.5h2A2.5023,2.5023,0,0,1,15.9941,15.5Zm-1,0a1.5016,1.5016,0,0,0-1.5-1.5h-1.5v3h1.5A1.5016,1.5016,0,0,0,14.9941,15.5Zm3.04-2.5v8h1V13ZM14.5674,4.43a3.9878,3.9878,0,0,1,1.4267,3.06v.5H9.0459a2.9568,2.9568,0,0,0,.66,1.4248,3.0808,3.0808,0,0,0,4.25.3427l.6543.7569a3.9967,3.9967,0,1,1-.043-6.084Zm.3847,2.56a2.9953,2.9953,0,0,0-5.8984-.0469c-.0019.0156-.0049.0312-.0078.0469Z'
-        ]
-    };
-    /**
-     * wil fa-money
-     */
-    static wilMoney = {
-        prefix: 'wil',
-        iconName: 'money',
-        icon: [
-            24, 24,
-            [],
-            null, 'M9.5,9.5a2.2946,2.2946,0,0,0,2.5,2,3.2829,3.2829,0,0,1,3.5,3,3.191,3.191,0,0,1-3,2.9567V19h-1V17.4567A3.191,3.191,0,0,1,8.5,14.5h1a2.2949,2.2949,0,0,0,2.5,2,2.2949,2.2949,0,0,0,2.5-2,2.2949,2.2949,0,0,0-2.5-2,3.2829,3.2829,0,0,1-3.5-3,3.191,3.191,0,0,1,3-2.9567V5h1V6.5433A3.191,3.191,0,0,1,15.5,9.5h-1a2.2946,2.2946,0,0,0-2.5-2A2.2946,2.2946,0,0,0,9.5,9.5ZM22,12A10,10,0,1,1,12,2,10.0117,10.0117,0,0,1,22,12Zm-1,0a9,9,0,1,0-9,9A9.01,9.01,0,0,0,21,12Z'
-        ]
-    };
-    /**
-     * wil fa-multi-select
-     */
-    static wilMultiSelect = {
-        prefix: 'wil',
-        iconName: 'multi-select',
-        icon: [
-            24, 24,
-            [],
-            null, 'M7,4H4A2.0023,2.0023,0,0,0,2,6V9a2.0023,2.0023,0,0,0,2,2H7A2.0023,2.0023,0,0,0,9,9V6A2.0023,2.0023,0,0,0,7,4Zm0,6H4A1.0009,1.0009,0,0,1,3,9V6A1.0009,1.0009,0,0,1,4,5H7a.9839.9839,0,0,1,.8248.4681L5.5,7.793,4.3535,6.6465l-.707.707L5.5,9.207,8,6.707V9A1.0009,1.0009,0,0,1,7,10Zm0,3H4a2.0027,2.0027,0,0,0-2,2v3a2.0027,2.0027,0,0,0,2,2H7a2.0027,2.0027,0,0,0,2-2V15A2.0027,2.0027,0,0,0,7,13Zm0,6H4a1.0006,1.0006,0,0,1-1-1V15a1.0006,1.0006,0,0,1,1-1H7a.9838.9838,0,0,1,.825.468L5.5,16.793,4.3535,15.6465l-.707.707L5.5,18.207l2.5-2.5V18A1.0006,1.0006,0,0,1,7,19ZM11,5H22V6H11Zm8,4H11V8h8Zm-8,5H22v1H11Zm0,3h8v1H11Z'
-        ]
-    };
-    /**
-     * wil fa-npi
-     */
-    static wilNPI = {
-        prefix: 'wil',
-        iconName: 'npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M13,7h3V8H13v3H12V8H9V7h3V4h1ZM8.0059,18.6172,4.94,13.252a.51.51,0,0,0-.5625-.2354.5.5,0,0,0-.372.4834V21h1V15.3828L8.0713,20.748A.5021.5021,0,0,0,8.5059,21a.5189.5189,0,0,0,.1279-.0166A.5.5,0,0,0,9.0059,20.5V13h-1ZM15.9941,15.5a2.5023,2.5023,0,0,1-2.5,2.5h-1.5v3h-1V13.5a.5.5,0,0,1,.5-.5h2A2.5023,2.5023,0,0,1,15.9941,15.5Zm-1,0a1.5016,1.5016,0,0,0-1.5-1.5h-1.5v3h1.5A1.5016,1.5016,0,0,0,14.9941,15.5Zm3.04-2.5v8h1V13Z'
-        ]
-    };
-    /**
-     * wil fa-numeric-text
-     */
-    static wilNumericText = {
-        prefix: 'wil',
-        iconName: 'numeric-text',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,5h2V4H5V5H7V7H4A2.0023,2.0023,0,0,0,2,9v6a2.0027,2.0027,0,0,0,2,2H7v2H5v1h5V19H8ZM4,16a1.0006,1.0006,0,0,1-1-1V9A1.0009,1.0009,0,0,1,4,8H7v8ZM22,9v6a2.0027,2.0027,0,0,1-2,2H10V16H20a1.0006,1.0006,0,0,0,1-1V9a1.0009,1.0009,0,0,0-1-1H10V7H20A2.0023,2.0023,0,0,1,22,9ZM12,9v5h1v1H10V14h1V10H10V9Zm5,1.7358A.7368.7368,0,0,0,16.2637,10H15V9h1.2637a1.7361,1.7361,0,0,1,.7763,3.2891A1.8712,1.8712,0,0,0,16,13.9717V14h2v1H15V13.9717a2.866,2.866,0,0,1,1.5928-2.5772A.7326.7326,0,0,0,17,10.7358Z'
-        ]
-    };
-    /**
-     * wil fa-person-name
-     */
-    static wilPersonName = {
-        prefix: 'wil',
-        iconName: 'person-name',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,17.5A3.5042,3.5042,0,0,0,16.5,14H15V12.6489A3.495,3.495,0,0,0,17,9.5V2H10.5A3.5042,3.5042,0,0,0,7,5.5v4a3.495,3.495,0,0,0,2,3.1489V14H7.5A3.5042,3.5042,0,0,0,4,17.5V21H3v1H21V21H20ZM10.5,3H16V4.6909L14.6182,4H9.3818l-1.2089.6045A2.4981,2.4981,0,0,1,10.5,3ZM8,9.5V5.8091L9.6182,5h4.7636L16,5.8091V9.5A2.5026,2.5026,0,0,1,13.5,12h-3A2.5026,2.5026,0,0,1,8,9.5ZM10.5,13h3a3.4641,3.4641,0,0,0,.5-.05v1.8592a3.013,3.013,0,0,1-4-.0523V12.95A3.4641,3.4641,0,0,0,10.5,13ZM17,21V18H16v3H8V18H7v3H5V17.5A2.5023,2.5023,0,0,1,7.5,15H8.8115l.3672.3691a4.0284,4.0284,0,0,0,5.67.0342l.41-.4033H16.5A2.5023,2.5023,0,0,1,19,17.5V21Z'
-        ]
-    };
-    /**
-     * wil fa-phone
-     */
-    static wilPhone = {
-        prefix: 'wil',
-        iconName: 'phone',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,6H9A2.0023,2.0023,0,0,0,7,4H6A2.0023,2.0023,0,0,0,4,6,2.0023,2.0023,0,0,0,2,8V18a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V8A2.0023,2.0023,0,0,0,20,6ZM18,7V9a1.0009,1.0009,0,0,1-1,1H13a1.0009,1.0009,0,0,1-1-1V7ZM5,6A1.0009,1.0009,0,0,1,6,5H7A1.0009,1.0009,0,0,1,8,6v9a1.0006,1.0006,0,0,1-1,1H6a1.0006,1.0006,0,0,1-1-1ZM21,18a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V8A1.0009,1.0009,0,0,1,4,7v8a2.0027,2.0027,0,0,0,2,2H7a2.0027,2.0027,0,0,0,2-2V7h2V9a2.0023,2.0023,0,0,0,2,2h4a2.0023,2.0023,0,0,0,2-2V7h1a1.0009,1.0009,0,0,1,1,1ZM11,12h2v1H11Zm6,0h2v1H17Zm-3,0h2v1H14Zm-3,2h2v1H11Zm6,0h2v1H17Zm-3,0h2v1H14Zm-3,2h2v1H11Zm6,0h2v1H17Zm-3,0h2v1H14Z'
-        ]
-    };
-    /**
-     * wil fa-pid
-     */
-    static wilPID = {
-        prefix: 'wil',
-        iconName: 'pid',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,5H4A2.0023,2.0023,0,0,0,2,7V17a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V7A2.0023,2.0023,0,0,0,20,5ZM10.06,18H5.0127V16a1.0069,1.0069,0,0,1,1.0117-1H9.0479A1.0069,1.0069,0,0,1,10.06,16ZM21,17a1.0006,1.0006,0,0,1-1,1H11.06V16a2.0083,2.0083,0,0,0-2.0117-2H6.0244a2.0082,2.0082,0,0,0-2.0117,2v2H4a1.0006,1.0006,0,0,1-1-1V7A1.0009,1.0009,0,0,1,4,6H20a1.0009,1.0009,0,0,1,1,1ZM5,10v1a2.0023,2.0023,0,0,0,2,2H8a2.0023,2.0023,0,0,0,2-2V8H7A2.0023,2.0023,0,0,0,5,10Zm4,1a1.0009,1.0009,0,0,1-1,1H7a1.0009,1.0009,0,0,1-1-1V10A1.0009,1.0009,0,0,1,7,9H9Zm4-3h6V9H13Zm0,2h5v1H13Zm3,4h2v1H16v2H15V15H13V14h2V12h1Z'
-        ]
-    };
-    /**
-     * wil fa-radio-buttons
-     */
-    static wilRadioButtons = {
-        prefix: 'wil',
-        iconName: 'radio-buttons',
-        icon: [
-            24, 24,
-            [],
-            null, 'M5.5,4A3.5,3.5,0,1,0,9,7.5,3.5042,3.5042,0,0,0,5.5,4Zm0,6A2.5,2.5,0,1,1,8,7.5,2.5026,2.5026,0,0,1,5.5,10Zm0,3A3.5,3.5,0,1,0,9,16.5,3.5042,3.5042,0,0,0,5.5,13Zm0,6A2.5,2.5,0,1,1,8,16.5,2.5023,2.5023,0,0,1,5.5,19ZM11,5H22V6H11Zm8,4H11V8h8Zm-8,5H22v1H11Zm0,3h8v1H11ZM7,7.5A1.5,1.5,0,1,1,5.5,6,1.5,1.5,0,0,1,7,7.5Z'
-        ]
-    };
-    /**
-     * wil fa-ssn
-     */
-    static wilSSN = {
-        prefix: 'wil',
-        iconName: 'ssn',
-        icon: [
-            24, 24,
-            [],
-            null, 'M7.5,15H8.8115l.3672.3691a3.996,3.996,0,0,0,2.8174,1.1866l.0078-1A2.9909,2.9909,0,0,1,10,14.7571V12.95a3.4641,3.4641,0,0,0,.5.05H13V12H10.5A2.5026,2.5026,0,0,1,8,9.5V5.8091L9.6182,5h4.7636L16,5.8091V8h1V2H10.5A3.5042,3.5042,0,0,0,7,5.5v4a3.495,3.495,0,0,0,2,3.1489V14H7.5A3.5042,3.5042,0,0,0,4,17.5V21H3v1h9V21H8V18H7v3H5V17.5A2.5023,2.5023,0,0,1,7.5,15Zm3-12H16V4.6909L14.6182,4H9.3818l-1.2089.6045A2.4981,2.4981,0,0,1,10.5,3ZM20,13V11.5a2.5,2.5,0,0,0-5,0V13a2.0027,2.0027,0,0,0-2,2v5a2.0027,2.0027,0,0,0,2,2h5a2.0027,2.0027,0,0,0,2-2V15A2.0027,2.0027,0,0,0,20,13Zm-4-1.5a1.5,1.5,0,0,1,3,0V13H16ZM21,20a1.0006,1.0006,0,0,1-1,1H15a1.0006,1.0006,0,0,1-1-1V15a1.0006,1.0006,0,0,1,1-1h5a1.0006,1.0006,0,0,1,1,1Zm-2-3.5a1.4957,1.4957,0,0,1-1,1.4082V20H17V17.9082A1.4975,1.4975,0,1,1,19,16.5Z'
-        ]
-    };
-    /**
-     * wil fa-text-area
-     */
-    static wilTextArea = {
-        prefix: 'wil',
-        iconName: 'text-area',
-        icon: [
-            24, 24,
-            [],
-            null, 'M17,13v1H12V13Zm3-7H10V7H20a1.0009,1.0009,0,0,1,1,1V18a1.0006,1.0006,0,0,1-1,1H4a1.0006,1.0006,0,0,1-1-1V8A1.0009,1.0009,0,0,1,4,7H7v6H5v1h5V13H8V4h2V3H5V4H7V6H4A2.0023,2.0023,0,0,0,2,8V18a2.0027,2.0027,0,0,0,2,2H20a2.0027,2.0027,0,0,0,2-2V8A2.0023,2.0023,0,0,0,20,6Z'
-        ]
-    };
-    /**
-     * wil fa-text-box
-     */
-    static wilTextBox = {
-        prefix: 'wil',
-        iconName: 'text-box',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,5h2V4H5V5H7V7H4A2.0023,2.0023,0,0,0,2,9v6a2.0027,2.0027,0,0,0,2,2H7v2H5v1h5V19H8ZM4,16a1.0006,1.0006,0,0,1-1-1V9A1.0009,1.0009,0,0,1,4,8H7v8ZM22,9v6a2.0027,2.0027,0,0,1-2,2H10V16H20a1.0006,1.0006,0,0,0,1-1V9a1.0009,1.0009,0,0,0-1-1H10V7H20A2.0023,2.0023,0,0,1,22,9Zm-7,6H10V14h5Z'
-        ]
-    };
-    /**
-     * Full list of light icons
-     */
-    static icons = [
-        ParticleIconsLight.wilAddress,
-        ParticleIconsLight.wilAlphaText,
-        ParticleIconsLight.wilCheckbox,
-        ParticleIconsLight.wilDate,
-        ParticleIconsLight.wilDateRange,
-        ParticleIconsLight.wilDocumentUpload,
-        ParticleIconsLight.wilDropdown,
-        ParticleIconsLight.wilEmail,
-        ParticleIconsLight.wilFEIN,
-        ParticleIconsLight.wilHTML,
-        ParticleIconsLight.wilLicense,
-        ParticleIconsLight.wilMMISNPI,
-        ParticleIconsLight.wilMoney,
-        ParticleIconsLight.wilMultiSelect,
-        ParticleIconsLight.wilNPI,
-        ParticleIconsLight.wilNumericText,
-        ParticleIconsLight.wilPersonName,
-        ParticleIconsLight.wilPhone,
-        ParticleIconsLight.wilPID,
-        ParticleIconsLight.wilRadioButtons,
-        ParticleIconsLight.wilSSN,
-        ParticleIconsLight.wilTextArea,
-        ParticleIconsLight.wilTextBox
-    ];
-}
-
-/**
- * Particle Solid Icons to be added to font awesome 5.
- */
-class ParticleIconsSolid {
-    /**
-     * wis fa-address
-     */
-    static wisAddress = {
-        prefix: 'wis',
-        iconName: 'address',
-        icon: [
-            512, 512,
-            [],
-            null, 'M381.69,55.06h0a177.74,177.74,0,0,0-251.36,0h0A177.77,177.77,0,0,0,100.57,267L256,495.65h0L411.43,267A177.77,177.77,0,0,0,381.69,55.06ZM256,252a78.69,78.69,0,1,1,78.69-78.69A78.69,78.69,0,0,1,256,252Z'
-        ]
-    };
-    /**
-     * wis fa-alpha-text
-     */
-    static wisAlphaText = {
-        prefix: 'wis',
-        iconName: 'alpha-text',
-        icon: [
-            512, 512,
-            [],
-            null, 'M96,386H14A14,14,0,0,1,0,372V142a14,14,0,0,1,14-14H96Zm288.48-81.91c0,7.83,6,13.05,15.92,13.05,9.41,0,17.55-4.82,20.81-14.65v-11H401.85C388.64,291.45,384.48,296.87,384.48,304.09ZM262.73,228l-20.08,53.79h40.16ZM176,384v32h32a16,16,0,0,1,16,16v32H96a16,16,0,0,1-16-16V432a16,16,0,0,1,16-16h32V96H96A16,16,0,0,1,80,80V64A16,16,0,0,1,96,48H208a16,16,0,0,1,16,16V96H176v32H498a14,14,0,0,1,14,14V384ZM421.21,273.18H398.77c-29.66,0-41.79,13.25-41.79,32.32,0,18.66,13.57,32.71,36.37,32.71,14.29,0,24.42-5.22,29.67-15v13.45h26.41V275c0-32.72-17.19-48-46.86-48-15.55,0-31.29,4.61-42,13l10.13,21.88c7.06-6.22,17.73-10,28-10C414,251.91,421.21,259.73,421.21,273.18ZM192,336.61h30l11.22-30.11H292l11.22,30.11H334l-56.62-140.5H248.44Z'
-        ]
-    };
-    /**
-     * wis fa-archive
-     */
-    static wisArchive = {
-        prefix: 'wis',
-        iconName: 'archive',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,17a1,1,0,0,1,1-1h6a1,1,0,0,1,0,2H9A1,1,0,0,1,8,17ZM21,5V20a2.0023,2.0023,0,0,1-2,2H5a2.0023,2.0023,0,0,1-2-2V5A2.0023,2.0023,0,0,1,5,3H19A2.0023,2.0023,0,0,1,21,5ZM6,8V9H18V8ZM18,7V6H6V7ZM6,10v1H18V10Zm14,4H4v6a1.0009,1.0009,0,0,0,1,1H19a1.0009,1.0009,0,0,0,1-1Z'
-        ]
-    };
-    /**
-     * wis fa-checkbox
-     */
-    static wisCheckbox = {
-        prefix: 'wis',
-        iconName: 'checkbox',
-        icon: [
-            512, 512,
-            [],
-            null, 'M439.67,32H72.33A40.33,40.33,0,0,0,32,72.33V439.67A40.33,40.33,0,0,0,72.33,480H480V72.33A40.33,40.33,0,0,0,439.67,32ZM411.93,188.62,230,369.62a31.17,31.17,0,0,1-44-.06l-85-85a19.75,19.75,0,0,1,0-27.9l11.7-11.7a19.75,19.75,0,0,1,27.9,0l67.46,67.46L372.44,148.92a19.6,19.6,0,0,1,13.91-5.74h0a19.59,19.59,0,0,1,14,5.81L412,160.72a19.72,19.72,0,0,1-.08,27.9Z'
-        ]
-    };
-    /**
-     * wis fa-clock
-     */
-    static wisClock = {
-        prefix: 'wis',
-        iconName: 'clock',
+    static ptrMultiSelect = {
+        prefix: 'ptr',
+        iconName: 'multi-select',
         icon: [
             24, 24,
             [],
-            null, 'M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm2.293,13.707L11,12.4141V5h2v6.5859l2.707,2.7071Z'
-        ]
-    };
-    /**
-     * wis fa-date
-     */
-    static wisDate = {
-        prefix: 'wis',
-        iconName: 'date',
-        icon: [
-            512, 512,
-            [],
-            null, 'M80,260.53V235.47A11.46,11.46,0,0,1,91.47,224h41.06A11.46,11.46,0,0,1,144,235.47V272H91.47A11.46,11.46,0,0,1,80,260.53ZM187.47,272H240V235.47A11.46,11.46,0,0,0,228.53,224H187.47A11.46,11.46,0,0,0,176,235.47v25.06A11.46,11.46,0,0,0,187.47,272Zm96,0H336V235.47A11.46,11.46,0,0,0,324.53,224H283.47A11.46,11.46,0,0,0,272,235.47v25.06A11.46,11.46,0,0,0,283.47,272Zm96,0H432V235.47A11.46,11.46,0,0,0,420.53,224H379.47A11.46,11.46,0,0,0,368,235.47v25.06A11.46,11.46,0,0,0,379.47,272Zm-288,80H144V315.47A11.46,11.46,0,0,0,132.53,304H91.47A11.46,11.46,0,0,0,80,315.47v25.06A11.46,11.46,0,0,0,91.47,352Zm96,0H240V315.47A11.46,11.46,0,0,0,228.53,304H187.47A11.46,11.46,0,0,0,176,315.47v25.06A11.46,11.46,0,0,0,187.47,352Zm96,0H336V315.47A11.46,11.46,0,0,0,324.53,304H283.47A11.46,11.46,0,0,0,272,315.47v25.06A11.46,11.46,0,0,0,283.47,352Zm96,0H432V315.47A11.46,11.46,0,0,0,420.53,304H379.47A11.46,11.46,0,0,0,368,315.47v25.06A11.46,11.46,0,0,0,379.47,352Zm-288,80H144V395.47A11.46,11.46,0,0,0,132.53,384H91.47A11.46,11.46,0,0,0,80,395.47v25.06A11.46,11.46,0,0,0,91.47,432Zm96,0H240V395.47A11.46,11.46,0,0,0,228.53,384H187.47A11.46,11.46,0,0,0,176,395.47v25.06A11.46,11.46,0,0,0,187.47,432Zm96,0H336V395.47A11.46,11.46,0,0,0,324.53,384H283.47A11.46,11.46,0,0,0,272,395.47v25.06A11.46,11.46,0,0,0,283.47,432Zm96,0H432V395.47A11.46,11.46,0,0,0,420.53,384H379.47A11.46,11.46,0,0,0,368,395.47v25.06A11.46,11.46,0,0,0,379.47,432ZM512,88.33V512H40.33A40.32,40.32,0,0,1,0,471.67V88.33A40.32,40.32,0,0,1,40.33,48H79.8V32.27a32.23,32.23,0,0,1,64.45,0V48H224V33.22a32.23,32.23,0,0,1,64.45,0V48H367.8V32.27a32.23,32.23,0,0,1,64.45,0V48h39.42A40.32,40.32,0,0,1,512,88.33ZM383.8,48H384V95.36a16.14,16.14,0,1,0,32.27.46V32.27A16.22,16.22,0,0,0,400,16.05h0A16.23,16.23,0,0,0,383.8,32.27ZM240,48h.18V96.31a16.22,16.22,0,0,0,16.22,16.22h0a15.7,15.7,0,0,0,16.05-15.75V33.22A16.23,16.23,0,0,0,256.22,17h0A16.22,16.22,0,0,0,240,33.22ZM95.8,48H96V95.36a16.14,16.14,0,1,0,32.27.46V32.27a16.23,16.23,0,0,0-32.45,0ZM480,176H32V471.67A8.34,8.34,0,0,0,40.33,480H480Z'
-        ]
-    };
-    /**
-     * wis fa-date-range
-     */
-    static wisDateRange = {
-        prefix: 'wis',
-        iconName: 'date-range',
-        icon: [
-            512, 512,
-            [],
-            null, 'M91.47,272H144V235.47A11.46,11.46,0,0,0,132.53,224H91.47A11.46,11.46,0,0,0,80,235.47v25.06A11.46,11.46,0,0,0,91.47,272ZM96,240h32v16H96Zm91.47,32H240V235.47A11.46,11.46,0,0,0,228.53,224H187.47A11.46,11.46,0,0,0,176,235.47v25.06A11.46,11.46,0,0,0,187.47,272ZM192,240h32v16H192Zm91.47,32H336V235.47A11.46,11.46,0,0,0,324.53,224H283.47A11.46,11.46,0,0,0,272,235.47v25.06A11.46,11.46,0,0,0,283.47,272ZM288,240h32v16H288Zm80,20.53V235.47A11.46,11.46,0,0,1,379.47,224h41.06A11.46,11.46,0,0,1,432,235.47V272H379.47A11.46,11.46,0,0,1,368,260.53Zm-288,80V315.47A11.46,11.46,0,0,1,91.47,304h41.06A11.46,11.46,0,0,1,144,315.47V352H91.47A11.46,11.46,0,0,1,80,340.53Zm96,0V315.47A11.46,11.46,0,0,1,187.47,304h41.06A11.46,11.46,0,0,1,240,315.47V352H187.47A11.46,11.46,0,0,1,176,340.53Zm96,0V315.47A11.46,11.46,0,0,1,283.47,304h41.06A11.46,11.46,0,0,1,336,315.47V352H283.47A11.46,11.46,0,0,1,272,340.53Zm96,0V315.47A11.46,11.46,0,0,1,379.47,304h41.06A11.46,11.46,0,0,1,432,315.47V352H379.47A11.46,11.46,0,0,1,368,340.53Zm-288,80V395.47A11.46,11.46,0,0,1,91.47,384h41.06A11.46,11.46,0,0,1,144,395.47V432H91.47A11.46,11.46,0,0,1,80,420.53ZM187.47,432H240V395.47A11.46,11.46,0,0,0,228.53,384H187.47A11.46,11.46,0,0,0,176,395.47v25.06A11.46,11.46,0,0,0,187.47,432ZM192,400h32v16H192Zm91.47,32H336V395.47A11.46,11.46,0,0,0,324.53,384H283.47A11.46,11.46,0,0,0,272,395.47v25.06A11.46,11.46,0,0,0,283.47,432ZM288,400h32v16H288Zm91.47,32H432V395.47A11.46,11.46,0,0,0,420.53,384H379.47A11.46,11.46,0,0,0,368,395.47v25.06A11.46,11.46,0,0,0,379.47,432ZM384,400h32v16H384ZM471.67,48H432.25V32.22a32.23,32.23,0,0,0-64.45,0V48H288.45V32.22a32.23,32.23,0,0,0-64.45,0V48H144.25V32.22a32.23,32.23,0,0,0-64.45,0V48H40.33A40.32,40.32,0,0,0,0,88.33V471.67A40.32,40.32,0,0,0,40.33,512H512V88.33A40.32,40.32,0,0,0,471.67,48ZM383.8,32.22A16.23,16.23,0,0,1,400,16h0a16.22,16.22,0,0,1,16.22,16.22V48H416V95.78a16.1,16.1,0,1,1-32.2,0Zm-143.8,0A16.22,16.22,0,0,1,256.22,16h0a16.23,16.23,0,0,1,16.23,16.22V48h-.4V95.78a16,16,0,1,1-32.05,0Zm-144.2,0a16.23,16.23,0,0,1,32.45,0V48H128V95.78a16.1,16.1,0,1,1-32.2,0ZM480,480H40.33A8.34,8.34,0,0,1,32,471.67V176H480Z'
-        ]
-    };
-    /**
-     * wis fa-divider
-     */
-    static wisDivider = {
-        prefix: 'wis',
-        iconName: 'divider',
-        icon: [
-            512, 512,
-            [],
-            null, 'M512,254v34H14A14,14,0,0,1,0,274V254a14,14,0,0,1,14-14H498A14,14,0,0,1,512,254ZM256,108.28l79.5,79.5,28.28-28.28L256,51.72,148.22,159.5l28.28,28.28Zm0,311.44-79.5-79.5L148.22,368.5,256,476.28,363.78,368.5,335.5,340.22Z'
+            null, 'M8.5,2h-4A2.5026,2.5026,0,0,0,2,4.5v4A2.5026,2.5026,0,0,0,4.5,11h4A2.5026,2.5026,0,0,0,11,8.5v-4A2.5026,2.5026,0,0,0,8.5,2Zm0,7h-4A.5006.5006,0,0,1,4,8.5v-4A.5006.5006,0,0,1,4.5,4h4a.467.467,0,0,1,.0715.0145L6.5,6.0859,5.707,5.293,4.293,6.707,6.5,8.9141l2.5-2.5V8.5A.5006.5006,0,0,1,8.5,9Zm0,4h-4A2.5023,2.5023,0,0,0,2,15.5v4A2.5023,2.5023,0,0,0,4.5,22h4A2.5023,2.5023,0,0,0,11,19.5v-4A2.5023,2.5023,0,0,0,8.5,13Zm0,7h-4a.501.501,0,0,1-.5-.5v-4a.501.501,0,0,1,.5-.5h4a.4646.4646,0,0,1,.0715.0145L6.5,17.0859l-.793-.7929L4.293,17.707,6.5,19.9141l2.5-2.5V19.5A.501.501,0,0,1,8.5,20ZM12,4H22V6H12Zm0,11H22v2H12Zm8-5H12V8h8Zm-8,9h8v2H12Z'
         ]
     };
     /**
-     * wis fa-document
+     * ptr fa-phone
      */
-    static wisDocument = {
-        prefix: 'wis',
-        iconName: 'document',
+    static ptrPhone = {
+        prefix: 'ptr',
+        iconName: 'phone',
         icon: [
             24, 24,
             [],
-            null, 'M13,8.5V2h.6L20,8.3158V9H13.5A.5006.5006,0,0,1,13,8.5ZM5.6,22H18.4A1.59,1.59,0,0,0,20,20.421V11H13.5A2.5026,2.5026,0,0,1,11,8.5V2H5.6A1.59,1.59,0,0,0,4,3.5789V20.421A1.59,1.59,0,0,0,5.6,22Z'
-        ]
-    };
-    /**
-     * wis fa-document-upload
-     */
-    static wisDocumentUpload = {
-        prefix: 'wis',
-        iconName: 'document-upload',
-        icon: [
-            512, 512,
-            [],
-            null, 'M374.43,208H512V512H168.33A40.33,40.33,0,0,1,128,471.67V210.27l78.6,78.6a24,24,0,0,0,33.94-34L128,142.38v67.56L49,289A24,24,0,0,1,15,255l113-113V40.33A40.33,40.33,0,0,1,168.33,0H304V137.57A70.5,70.5,0,0,0,374.43,208Zm0-32H512L336,0V137.57A38.44,38.44,0,0,0,374.43,176Z'
-        ]
-    };
-    /**
-     * wis fa-dropdown
-     */
-    static wisDropdown = {
-        prefix: 'wis',
-        iconName: 'dropdown',
-        icon: [
-            512, 512,
-            [],
-            null, 'M256,137.52v13a9.52,9.52,0,0,1-9.52,9.52h-173A9.52,9.52,0,0,1,64,150.48v-13A9.52,9.52,0,0,1,73.52,128h173A9.52,9.52,0,0,1,256,137.52ZM512.09,88.63V240H512V464H49A49,49,0,0,1,0,415V208H.87A40.1,40.1,0,0,1,0,199.67V88.33A40.32,40.32,0,0,1,40.33,48H471.67a40.63,40.63,0,0,1,40.42,40.63Zm-152,48.27L415,193l57.08-55.9a12,12,0,0,0-16.79-17.15L415.36,159l-38.1-38.92a12,12,0,0,0-17.15,16.79ZM40.33,208H320.87a40.1,40.1,0,0,1-.87-8.33v-111a40.82,40.82,0,0,1,.93-8.63H40.33A8.34,8.34,0,0,0,32,88.33V199.67A8.34,8.34,0,0,0,40.33,208ZM480,256H32V415a17,17,0,0,0,17,17H480Z'
-        ]
-    };
-    /**
-     * wis fa-email
-     */
-    static wisEmail = {
-        prefix: 'wis',
-        iconName: 'email',
-        icon: [
-            512, 512,
-            [],
-            null, 'M512,427.72,351.73,287.59,476.32,432h-436a40.92,40.92,0,0,1-5.57-.39L160,288,9.74,417.94A40.14,40.14,0,0,1,0,391.67V120.33c0-.8,0-1.58.07-2.36L210.14,301a69.74,69.74,0,0,0,91.77.14l210-183.72c.07,1,.12,2,.12,3ZM280.84,277,496.34,88.44A40.09,40.09,0,0,0,471.67,80H40.33a40.15,40.15,0,0,0-25.07,8.75l216,188.13A37.69,37.69,0,0,0,280.84,277Z'
+            null, 'M19.5791,6H10.95A2.5038,2.5038,0,0,0,8.5,4h-1A2.5038,2.5038,0,0,0,5.0505,6h-.63A2.4057,2.4057,0,0,0,2,8.3848v9.23A2.4054,2.4054,0,0,0,4.4209,20H19.5791A2.4054,2.4054,0,0,0,22,17.6152v-9.23A2.4057,2.4057,0,0,0,19.5791,6ZM17.5,8v.5A.5006.5006,0,0,1,17,9H14a.5006.5006,0,0,1-.5-.5V8ZM7.5,6h1a.5006.5006,0,0,1,.5.5v8a.501.501,0,0,1-.5.5h-1a.501.501,0,0,1-.5-.5v-8A.5006.5006,0,0,1,7.5,6ZM20,17.6152A.4045.4045,0,0,1,19.5791,18H4.4209A.4045.4045,0,0,1,4,17.6152v-9.23A.4045.4045,0,0,1,4.4209,8H5v6.5A2.5023,2.5023,0,0,0,7.5,17h1A2.5023,2.5023,0,0,0,11,14.5V8h.5v.5A2.5026,2.5026,0,0,0,14,11h3a2.5026,2.5026,0,0,0,2.5-2.5V8h.0791A.4045.4045,0,0,1,20,8.3848ZM13,12h2v2H13Zm3,0h2v2H16Zm-3,3h2v2H13Zm3,0h2v2H16Z'
         ]
     };
     /**
-     * wis fa-employee-id
+     * ptr fa-radio-buttons
      */
-    static wisEmployeeID = {
-        prefix: 'wis',
-        iconName: 'employee-id',
+    static ptrRadioButtons = {
+        prefix: 'ptr',
+        iconName: 'radio-buttons',
         icon: [
             24, 24,
             [],
-            null, 'M20.5,5H13V3H11V5H3.5A1.5,1.5,0,0,0,2,6.5v11A1.5,1.5,0,0,0,3.5,19h17A1.5,1.5,0,0,0,22,17.5V6.5A1.5,1.5,0,0,0,20.5,5ZM13,10V8h6v2Zm5,1v2H13V11ZM10,8v3a2.0023,2.0023,0,0,1-2,2H7a2.0023,2.0023,0,0,1-2-2V10A2.0023,2.0023,0,0,1,7,8ZM4.0122,16a2.0083,2.0083,0,0,1,2.0117-2H9.0474a2.0083,2.0083,0,0,1,2.0117,2v2H4.0122Z'
-        ]
-    };
-    /**
-     * wis fa-existing-license
-     */
-    static wisExistingLicense = {
-        prefix: 'wis',
-        iconName: 'existing-license',
-        icon: [
-            512, 512,
-            [],
-            null, 'M466.84,96H45.16A45.16,45.16,0,0,0,0,141.16V371.84A45.16,45.16,0,0,0,45.16,417H512V141.16A45.16,45.16,0,0,0,466.84,96ZM284,224.82l6.82-6.82a6.84,6.84,0,0,1,9.67,0l42.63,42.63L442.27,162a6.84,6.84,0,0,1,9.67,0l6.81,6.84a6.84,6.84,0,0,1,0,9.67L352.63,284.07a13.51,13.51,0,0,1-19.08,0L284,234.5A6.85,6.85,0,0,1,284,224.82Zm-174.27-64h76.5l-4.7,61.1a42.52,42.52,0,0,1-18.93,32.21h0a51.9,51.9,0,0,1-53.45,0l-.7-.46a42.58,42.58,0,0,1-18.81-30.86l-4.12-37.77A24.21,24.21,0,0,1,109.73,160.86ZM220.09,331.39a21,21,0,0,1-20.85,18.31H72.51a21,21,0,0,1-20.86-18.31l-3.9-29.95a29.09,29.09,0,0,1,19.9-27.61l11.89-4a38.82,38.82,0,0,1,24.54,0h0a100.54,100.54,0,0,0,63.59,0h0a38.78,38.78,0,0,1,12.27-2h0a38.68,38.68,0,0,1,12.26,2l11.9,4A29.1,29.1,0,0,1,224,301.44ZM476,347.17H277.34v-24H476Z'
-        ]
-    };
-    /**
-     * wis fa-fein
-     */
-    static wisFEIN = {
-        prefix: 'wis',
-        iconName: 'fein',
-        icon: [
-            512, 512,
-            [],
-            null,
-            'M173.74,126.3,166.4,59.09A43.09,43.09,0,0,1,209.49,16H345.6l-8.36,108.71A75.7,75.7,0,0,1,303.55,182h0a92.42,92.42,0,0,1-95.1,0l-1.25-.82A75.77,75.77,0,0,1,173.74,126.3ZM48.09,496H72.56V455.2h49V434.4H72.56V404.8H128V384H48.09Zm135.37-46h48.23V429.49H183.46V404.71h54.61V383.52h-78.5V497.63H240V476.44H183.46Zm104.8,45.6H320V384H288.26ZM440.08,383.52v68.29l-52-68.29H368V496H392V427.71L444.12,496H464V383.52Zm-34.23-64.1,6.95-53.29A51.78,51.78,0,0,0,377.39,217l-21.16-7.06a70,70,0,0,0-6.77-1.86l-76.16,91-14-53.19,28.2-29.57a179,179,0,0,1-63.79-.13l27.85,29.7L238.32,299l-75.74-90.88c-2.29.51-4.57,1.13-6.81,1.87L134.61,217A51.78,51.78,0,0,0,99.2,266.13l7,53.29A37.42,37.42,0,0,0,143.26,352H368.74A37.42,37.42,0,0,0,405.85,319.42Z'
-        ]
-    };
-    /**
-     * wis fa-group-pid
-     */
-    static wisGroupPID = {
-        prefix: 'wis',
-        iconName: 'group-pid',
-        icon: [
-            512, 512,
-            [],
-            null,
-            'M143.78,384H95.72V495.73h25.7V464.92h22.36c29.66,0,48.22-15.48,48.22-40.38C192,399.48,173.44,384,143.78,384Zm-1.43,59.86H121.42V405.07h20.93c15.71,0,23.64,7.18,23.64,19.47C166,436.67,158.06,443.86,142.35,443.86ZM240,384h32V496H240Zm130.62,0H320V496h50.58C407,496,432,473.92,432,440S407,384,370.62,384Zm-1.28,90.72H345.81V405.28h23.53c22.11,0,36.58,13.28,36.58,34.72S391.45,474.72,369.34,474.72Zm38.93-218.36-6.68,51.2a36,36,0,0,1-35.66,31.31H149.26a36,36,0,0,1-35.66-31.31l-6.68-51.2a49.78,49.78,0,0,1,34-47.22l20.33-6.78a66.51,66.51,0,0,1,21-3.4h0a66.4,66.4,0,0,1,21,3.4h0a171.82,171.82,0,0,0,108.73,0h0a66.4,66.4,0,0,1,21-3.4h0a66.4,66.4,0,0,1,21,3.4l20.34,6.78A49.78,49.78,0,0,1,408.27,256.36ZM178.55,122,171.5,57.4A41.4,41.4,0,0,1,212.9,16H343.69l-8,104.46a72.75,72.75,0,0,1-32.37,55.08,88.8,88.8,0,0,1-91.39,0l-1.19-.79A72.74,72.74,0,0,1,178.55,122Zm170.51,34.37a95.7,95.7,0,0,0,9.44-34.8l4.42-57.43a30.09,30.09,0,0,1,5.73-.56h93.43l-5.74,74.61a51.93,51.93,0,0,1-23.13,39.34h0a63.37,63.37,0,0,1-32.63,9h0a63.41,63.41,0,0,1-32.64-9l-.86-.56A52,52,0,0,1,349.06,156.36ZM508.2,235.25l-4.77,36.57A25.69,25.69,0,0,1,478,294.19h-51.6L431,258.66l.19-1.48v-1.5a72.74,72.74,0,0,0-22.82-53,122.46,122.46,0,0,0,31.05-6,47.39,47.39,0,0,1,30,0l14.52,4.85A35.53,35.53,0,0,1,508.2,235.25Zm-448-97.42-5-46.13A29.58,29.58,0,0,1,84.7,62.12h64l6.74,61.7a95.66,95.66,0,0,0,10.45,34.24,51.87,51.87,0,0,1-16.67,18h0a63.4,63.4,0,0,1-32.64,9h0a63.4,63.4,0,0,1-32.64-9l-.85-.56A52,52,0,0,1,60.16,137.83ZM83.9,258.66l4.45,34.09H39.24a25.69,25.69,0,0,1-25.47-22.37L9,233.81a35.56,35.56,0,0,1,24.3-33.73l14.53-4.84a47.39,47.39,0,0,1,30,0,122.65,122.65,0,0,0,30.37,6,72.72,72.72,0,0,0-24.45,54.45v1.5Z'
-        ]
-    };
-    /**
-     * wis fa-group-member-pid
-     */
-    static wisGroupMemberPID = {
-        prefix: 'wis',
-        iconName: 'group-member-pid',
-        icon: [
-            512, 512,
-            [],
-            null,
-            'M429.71,215.48H415.06v-43h14.65c13.76,0,22.77,8.22,22.77,21.48S443.47,215.48,429.71,215.48Zm-105.64-31c0-7.62-4.95-12.08-14.75-12.08H296.25v24.06h13.07C319.12,196.47,324.07,192,324.07,184.49ZM512,140.16V416H45.16A45.16,45.16,0,0,1,0,370.84V140.16A45.16,45.16,0,0,1,45.16,95H466.84A45.16,45.16,0,0,1,512,140.16ZM399,228.64H430.5c22.67,0,38.21-13.66,38.21-34.65s-15.54-34.65-38.21-34.65H399Zm-39.9,0h16v-69.3h-16Zm-78.9,0h16v-19.1h14c18.52,0,30.1-9.61,30.1-25s-11.58-25.15-30.1-25.15h-30ZM173.09,247.27a21.51,21.51,0,0,0,7.46,8.53l.36.24a26.29,26.29,0,0,0,27,0,21.53,21.53,0,0,0,9.58-16.3l2.38-30.9H181.2a12.37,12.37,0,0,0-2.37.23L177,232.86A39.66,39.66,0,0,1,173.09,247.27Zm-73.54-41L102.47,233a30.12,30.12,0,0,0,13.32,21.85l.49.33a36.8,36.8,0,0,0,37.85,0h0a30.13,30.13,0,0,0,13.41-22.82l3.33-43.26H116.69A17.14,17.14,0,0,0,99.55,206.29Zm-50.2,14.2,2.08,19.11A21.54,21.54,0,0,0,61,255.21l.35.23a26.31,26.31,0,0,0,27,0,21.44,21.44,0,0,0,6.9-7.47,39.63,39.63,0,0,1-4.33-14.17l-2.79-25.56H61.6A12.24,12.24,0,0,0,49.35,220.49Zm22,45.37a50.85,50.85,0,0,1-12.57-2.49,19.75,19.75,0,0,0-12.41,0l-6,2a14.72,14.72,0,0,0-10.07,14l2,15.15a10.64,10.64,0,0,0,10.55,9.26H63.11l-1.84-14.12-.08-.61v-.62A30.12,30.12,0,0,1,71.31,265.86Zm126.3,22.83a20.62,20.62,0,0,0-14.09-19.56l-8.43-2.81a27.45,27.45,0,0,0-17.37,0,71.08,71.08,0,0,1-45,0h0a27.45,27.45,0,0,0-17.37,0l-8.43,2.81A20.62,20.62,0,0,0,72.8,288.69l2.77,21.2a14.88,14.88,0,0,0,14.77,13h89.74a14.88,14.88,0,0,0,14.76-13ZM239,279.94a14.72,14.72,0,0,0-10.07-14l-6-2a19.57,19.57,0,0,0-12.41,0,50.84,50.84,0,0,1-12.86,2.5,30.13,30.13,0,0,1,9.45,21.94V289l-.08.61-1.92,14.72h21.37A10.64,10.64,0,0,0,237,295.09Zm147.15,43.85H276.59v24H386.15ZM476,276H276v24H476Z'
+            null, 'M8,6.5A1.5,1.5,0,1,1,6.5,5,1.5,1.5,0,0,1,8,6.5Zm3,0A4.5,4.5,0,1,1,6.5,2,4.505,4.505,0,0,1,11,6.5Zm-2,0A2.5,2.5,0,1,0,6.5,9,2.5026,2.5026,0,0,0,9,6.5Zm2,11A4.5,4.5,0,1,1,6.5,13,4.505,4.505,0,0,1,11,17.5Zm-2,0A2.5,2.5,0,1,0,6.5,20,2.5023,2.5023,0,0,0,9,17.5ZM12,5H22V3H12Zm0,11H22V14H12Zm8-9H12V9h8ZM12,20h8V18H12Z'
         ]
     };
     /**
-     * wis fa-html
+     * Full list of regular icons.
      */
-    static wisHTML = {
-        prefix: 'wis',
-        iconName: 'html',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20.5,5H3.5A1.5,1.5,0,0,0,2,6.5v11A1.5,1.5,0,0,0,3.5,19h17A1.5,1.5,0,0,0,22,17.5V6.5A1.5,1.5,0,0,0,20.5,5ZM9.207,14.793l-.3535.3535-.707.707-.3535.3535L3.5859,12,7.793,7.793l.3535.3535.707.707.3535.3535L6.4141,12Zm2.2412,2.0234L10.5,16.5l-.4746-.1582h0l-.4737-.1581,3-9L13.5,7.5l.4746.1582h0l.4737.1581Zm4.7588-.6094-.3535-.3535-.707-.707-.3535-.3535L17.5859,12,14.793,9.207l.3535-.3535.707-.707.3535-.3535L20.4141,12Z'
-        ]
-    };
+    static icons = [
+        ParticleIconsRegular.ptrMultiSelect,
+        ParticleIconsRegular.ptrPhone,
+        ParticleIconsRegular.ptrRadioButtons,
+    ];
+}
+
+/**
+ * Particle Icons - Brand
+ */
+class ParticleIconsBrand {
     /**
-     * wis fa-icon-header
+     * ptl fa-entake
      */
-    static wisIconHeader = {
-        prefix: 'wis',
-        iconName: 'icon-header',
+    static ptbEntake = {
+        prefix: 'ptb',
+        iconName: 'entake',
         icon: [
-            512, 512,
+            1024, 1024,
             [],
-            null, 'M27.84,352H144V315.84A27.87,27.87,0,0,0,116.16,288H27.84A27.87,27.87,0,0,0,0,315.84v8.32A27.87,27.87,0,0,0,27.84,352ZM16,315.84A11.84,11.84,0,0,1,27.84,304h88.32A11.84,11.84,0,0,1,128,315.84V336H27.84A11.84,11.84,0,0,1,16,324.16ZM453.5,288h-235A26.53,26.53,0,0,0,192,314.5v11A26.53,26.53,0,0,0,218.5,352H480V314.5A26.53,26.53,0,0,0,453.5,288ZM464,336H218.5A10.5,10.5,0,0,1,208,325.5v-11A10.5,10.5,0,0,1,218.5,304h235A10.5,10.5,0,0,1,464,314.5ZM308.38,384H27.62A27.65,27.65,0,0,0,0,411.62v8.76A27.65,27.65,0,0,0,27.62,448H336V411.62A27.65,27.65,0,0,0,308.38,384ZM320,432H27.62A11.62,11.62,0,0,1,16,420.38v-8.76A11.62,11.62,0,0,1,27.62,400H308.38A11.62,11.62,0,0,1,320,411.62ZM488.68,48H23.32A23.32,23.32,0,0,0,0,71.32v81.36A23.32,23.32,0,0,0,23.32,176H512V71.32A23.32,23.32,0,0,0,488.68,48ZM80,144a32,32,0,1,1,32-32A32,32,0,0,1,80,144Zm304-24.85a8.85,8.85,0,0,1-8.85,8.85H168.85a8.85,8.85,0,0,1-8.85-8.85v-14.3A8.85,8.85,0,0,1,168.85,96h206.3a8.85,8.85,0,0,1,8.85,8.85ZM0,227.71v-7.42A12.29,12.29,0,0,1,12.29,208H371.71A12.29,12.29,0,0,1,384,220.29v7.42A12.29,12.29,0,0,1,371.71,240H12.29A12.29,12.29,0,0,1,0,227.71Z'
+            null, 'M635.904 139.264c-8.704 63.488-32.256 131.584-59.904 173.056-37.888 57.344-83.968 87.552-160.768 107.52-122.88 31.232-179.712 57.344-230.912 105.984-35.328 33.28-71.168 86.016-63.488 93.696 2.56 2.048 29.696 15.872 60.416 29.696l55.808 25.6 13.824-18.432c16.896-23.552 50.688-54.272 71.168-65.024 52.736-27.136 162.304-62.976 220.672-72.192l22.528-3.072-27.648 29.696c-14.848 16.896-35.84 43.52-46.592 59.392-17.408 27.648-48.128 95.232-44.544 99.328 1.024 1.024 18.944-8.704 39.936-20.992 66.56-39.936 115.712-53.248 169.984-46.592 44.032 5.632 45.056 7.68 17.92 45.568-13.312 18.432-31.744 49.152-41.984 68.096-17.408 34.816-32.768 86.528-26.624 92.16 1.536 1.536 14.848-6.144 30.208-17.408 30.72-23.552 49.152-31.744 71.168-31.744 16.384 0 18.944 5.632 6.656 15.872-10.24 8.704-32.768 52.736-32.768 64.512 0 6.656 11.776 15.36 37.888 28.16l37.888 18.944 12.8-13.824c53.76-57.856 88.576-185.344 76.8-285.184l-4.096-35.84-25.088 46.080c-24.064 43.008-67.072 94.72-79.872 94.72-3.584 0-5.12-1.536-4.096-4.096 39.424-76.288 52.736-118.784 58.368-185.344 3.584-39.424-4.608-111.104-13.312-119.808-3.584-3.584-5.12-2.048-5.12 2.56 0 15.872-40.96 92.16-61.952 114.688-11.776 12.8-23.040 23.040-25.6 23.040-2.048 0 2.56-15.872 10.752-35.328 29.696-69.12 37.888-109.568 38.4-182.272 0-72.192-9.216-113.664-36.864-168.96-15.872-31.232-47.616-79.36-52.224-79.36-2.048 0-6.144 20.992-9.728 47.104z'
         ]
     };
     /**
-     * wis fa-icon-header
+     * Full list of light icons
      */
-    static wisLabPID = {
-        prefix: 'wis',
-        iconName: 'lab-pid',
-        icon: [
-            512, 512,
-            [],
-            null, 'M256,284.8V160a16,16,0,0,0,16-16V128a16,16,0,0,0-16-16H96a16,16,0,0,0-16,16v16a16,16,0,0,0,16,16V284.8L29.64,444.06A37.52,37.52,0,0,0,64.27,496H287.73a37.52,37.52,0,0,0,34.63-51.94Zm36.32,176.74a5.37,5.37,0,0,1-4.59,2.46H64.27a5.51,5.51,0,0,1-5.09-7.63L128,291.2V160h96V291.2l68.82,165.16A5.37,5.37,0,0,1,292.32,461.54ZM464,128H320a16,16,0,0,0-16,16v16a16,16,0,0,0,16,16V404.24A75.85,75.85,0,0,0,395.76,480,68.31,68.31,0,0,0,464,411.76V176a16,16,0,0,0,16-16V144A16,16,0,0,0,464,128ZM432,411.76A36.28,36.28,0,0,1,395.76,448,43.81,43.81,0,0,1,352,404.24V176h80ZM368,64a32,32,0,0,1,32-32c42.45,1.69,42.44,62.32,0,64A32,32,0,0,1,368,64ZM240,40a24,24,0,0,1,24-24c31.84,1.26,31.83,46.74,0,48A24,24,0,0,1,240,40Zm24,389.94A12.84,12.84,0,0,1,252.24,448H99.76A12.84,12.84,0,0,1,88,429.94l49.64-111.69A24,24,0,0,1,159.6,304h32.8a24,24,0,0,1,21.93,14.25ZM368,408V287.62A15.62,15.62,0,0,1,383.62,272h16.76A15.62,15.62,0,0,1,416,287.62V408a24,24,0,0,1-48,0Z'
-        ]
-    };
+    static icons = [
+        ParticleIconsBrand.ptbEntake
+    ];
+}
+
+/**
+ * Particle Solid Icons to be added to Font Awesome.
+ */
+class ParticleIconsSolid {
     /**
-     * wis fa-license
+     * pts fa-divider
      */
-    static wisLicense = {
-        prefix: 'wis',
-        iconName: 'license',
+    static ptsDivider = {
+        prefix: 'pts',
+        iconName: 'divider',
         icon: [
             512, 512,
             [],
-            null, 'M466.84,96H45.16A45.16,45.16,0,0,0,0,141.16V371.84A45.16,45.16,0,0,0,45.16,417H512V141.16A45.16,45.16,0,0,0,466.84,96ZM106.93,144H192l-5.23,67.94a47.32,47.32,0,0,1-21.05,35.83h0a57.78,57.78,0,0,1-59.44,0l-.78-.52a47.31,47.31,0,0,1-20.91-34.31l-4.59-42A26.93,26.93,0,0,1,106.93,144ZM220.1,334.1A20.86,20.86,0,0,1,199.27,352H72.73A20.86,20.86,0,0,1,51.9,334.1L48,304.82a28.53,28.53,0,0,1,19.87-27L79.75,274a39.45,39.45,0,0,1,24.5,0h0a102.53,102.53,0,0,0,63.5,0h0a39.45,39.45,0,0,1,24.5,0l11.88,3.87a28.53,28.53,0,0,1,19.87,27ZM416,255.17H273.34v-32H416Zm48-62.28H272.38v-32H464Z'
-        ]
-    };
-    /**
-     * wis fa-menu
-     */
-    static wisMenu = {
-        prefix: 'wis',
-        iconName: 'menu',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20,7H4V5H20ZM4,13H20V11H4Zm0,6H16.8V17H4Z'
-        ]
-    };
-    /**
-     * wis fa-mmis-npi
-     */
-    static wisMMISNPI = {
-        prefix: 'wis',
-        iconName: 'mmis-npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M8,12h2v9a1,1,0,0,1-.7246.9609A.9863.9863,0,0,1,9,22a.9979.9979,0,0,1-.8477-.47L5,16.4863V22H3V13a1,1,0,0,1,1.8477-.53L8,17.5137Zm10,3.5A3.5042,3.5042,0,0,1,14.5,19H13v3H11V13a1,1,0,0,1,1-1h2.5A3.5042,3.5042,0,0,1,18,15.5Zm-2,0A1.5017,1.5017,0,0,0,14.5,14H13v3h1.5A1.5017,1.5017,0,0,0,16,15.5ZM19,22h2V12H19ZM17,7H10.207a2.53,2.53,0,0,0,.375.6,2.575,2.575,0,0,0,3.5508.2891L15.44,9.4023A4.49,4.49,0,1,1,17,6ZM14.791,5a2.5063,2.5063,0,0,0-4.5869,0Z'
-        ]
-    };
-    /**
-     * wis fa-money
-     */
-    static wisMoney = {
-        prefix: 'wis',
-        iconName: 'money',
-        icon: [
-            24, 24,
-            [],
-            null, 'M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,9a3.7793,3.7793,0,0,1,4,3.5,3.6194,3.6194,0,0,1-3,3.3757V19H11V17.8757A3.6194,3.6194,0,0,1,8,14.5h2c0,.813.916,1.5,2,1.5s2-.687,2-1.5S13.084,13,12,13A3.7793,3.7793,0,0,1,8,9.5a3.6194,3.6194,0,0,1,3-3.3757V5h2V6.1243A3.6194,3.6194,0,0,1,16,9.5H14c0-.813-.916-1.5-2-1.5s-2,.687-2,1.5S10.916,11,12,11Z'
+            null, 'M512,254v34H14A14,14,0,0,1,0,274V254a14,14,0,0,1,14-14H498A14,14,0,0,1,512,254ZM256,108.28l79.5,79.5,28.28-28.28L256,51.72,148.22,159.5l28.28,28.28Zm0,311.44-79.5-79.5L148.22,368.5,256,476.28,363.78,368.5,335.5,340.22Z'
         ]
     };
     /**
-     * wis fa-multi-select
+     * pts fa-multi-select
      */
-    static wisMultiSelect = {
-        prefix: 'wis',
+    static ptsMultiSelect = {
+        prefix: 'pts',
         iconName: 'multi-select',
         icon: [
             24, 24,
@@ -3112,70 +2273,10 @@ class ParticleIconsSolid {
         ]
     };
     /**
-     * wis fa-npi
-     */
-    static wisNPI = {
-        prefix: 'wis',
-        iconName: 'npi',
-        icon: [
-            24, 24,
-            [],
-            null, 'M11,10V7H8V5h3V2h2V5h3V7H13v3ZM8,17.5137,4.8477,12.47A1,1,0,0,0,3,13v9H5V16.4863L8.1523,21.53A.9979.9979,0,0,0,9,22a.9863.9863,0,0,0,.2754-.0391A1,1,0,0,0,10,21V12H8ZM18,15.5A3.5042,3.5042,0,0,1,14.5,19H13v3H11V13a1,1,0,0,1,1-1h2.5A3.5042,3.5042,0,0,1,18,15.5Zm-2,0A1.5017,1.5017,0,0,0,14.5,14H13v3h1.5A1.5017,1.5017,0,0,0,16,15.5ZM19,22h2V12H19Z'
-        ]
-    };
-    /**
-     * wis fa-numeric-text
-     */
-    static wisNumericText = {
-        prefix: 'wis',
-        iconName: 'numeric-text',
-        icon: [
-            512, 512,
-            [],
-            null, 'M96,386H14A14,14,0,0,1,0,372V142a14,14,0,0,1,14-14H96Zm80-2v32h32a16,16,0,0,1,16,16v32H96a16,16,0,0,1-16-16V432a16,16,0,0,1,16-16h32V96H96A16,16,0,0,1,80,80V64A16,16,0,0,1,96,48H208a16,16,0,0,1,16,16V96H176v32H498a14,14,0,0,1,14,14V384Zm246.64-90.35c0,11.44-9.05,18.07-23.7,18.07-13.21,0-26.59-4.62-36.18-12.65L351.36,324c12.3,9.64,30.58,15.05,48.3,15.05,36,0,52.47-21.67,52.47-45.36,0-20.67-11.58-36.33-34.37-40.34l28.58-36.13V196.11H357.69V222.2H411.6l-26.05,32.72v21.47h13.39C415.58,276.39,422.64,283,422.64,293.65ZM208.81,219.79,230.15,235c6.15-9.43,15.38-14,26.24-14,13.38,0,20.26,6.42,20.26,17.46,0,6.82-2,14-13.21,25.89L214.6,315.53v21.08h95.7v-26.5H255.84L285,279.6c17.73-18.26,21.17-30.71,21.17-44.35,0-25.5-18.82-41.55-47-41.55C236.3,193.7,218.58,203.93,208.81,219.79Z'
-        ]
-    };
-    /**
-     * wis fa-percent-slider
-     */
-    static wisPercentSlider = {
-        prefix: 'wis',
-        iconName: 'percent-slider',
-        icon: [
-            512, 512,
-            [],
-            null, 'M176.19,229.46l128-192a19,19,0,1,1,31.62,21.08l-128,192a19,19,0,1,1-31.62-21.08ZM168,128h40V72a24,24,0,0,0-24-24H168a24,24,0,0,0-24,24v32A24,24,0,0,0,168,128Zm144,64a24,24,0,0,0-24,24v32a24,24,0,0,0,24,24h40V216a24,24,0,0,0-24-24ZM32,384A32,32,0,0,0,0,416H0a32,32,0,0,0,32,32H244.65a112.43,112.43,0,0,1,0-64Zm448,0H459.35a112.43,112.43,0,0,1,0,64H480a32,32,0,0,0,32-32h0A32,32,0,0,0,480,384ZM352,336a80,80,0,1,0,80,80A80,80,0,0,0,352,336Z'
-        ]
-    };
-    /**
-     * wis fa-person-name
-     */
-    static wisPersonName = {
-        prefix: 'wis',
-        iconName: 'person-name',
-        icon: [
-            512, 512,
-            [],
-            null, 'M480,373.32l-9.93,76.13a53.46,53.46,0,0,1-53,46.55H94.94a53.46,53.46,0,0,1-53-46.55L32,373.32a74,74,0,0,1,50.59-70.18l30.23-10.08a98.6,98.6,0,0,1,62.36,0h0a255.53,255.53,0,0,0,161.64,0h0a98.6,98.6,0,0,1,62.36,0l30.23,10.08A74,74,0,0,1,480,373.32ZM186.29,252l1.78,1.17A132,132,0,0,0,256,272h0a132,132,0,0,0,67.93-18.82,108.12,108.12,0,0,0,48.12-81.88L384,16H189.55A61.55,61.55,0,0,0,128,77.55l10.49,96A108.19,108.19,0,0,0,186.29,252Z'
-        ]
-    };
-    /**
-     * wis fa-pharmacy-pid
-     */
-    static wisPharmacyPID = {
-        prefix: 'wis',
-        iconName: 'pharmacy-pid',
-        icon: [
-            512, 512,
-            [],
-            null, 'M256,64H46.76A14.76,14.76,0,0,1,32,49.24V14.76A14.76,14.76,0,0,1,46.76,0H241.24A14.76,14.76,0,0,1,256,14.76ZM192,424.64c0,25-18.5,40.48-48.08,40.48h-22.3V496H96V384h47.92C173.5,384,192,399.52,192,424.64Zm-25.94,0c0-12.32-7.9-19.52-23.56-19.52H121.62V444H142.5C158.16,444,166.06,436.8,166.06,424.64ZM224,496h32V384H224Zm191-56c0,33.92-25,56-61.41,56H303V384h50.59C390,384,415,406.08,415,440Zm-26.09,0c0-21.44-14.48-34.72-36.59-34.72H328.77v69.44h23.55C374.43,474.72,388.91,461.44,388.91,440ZM480,272h0a64,64,0,0,1-64,64H256a64,64,0,0,1-64-64h0a64,64,0,0,1,64-64H416A64,64,0,0,1,480,272Zm-32,0a32,32,0,0,0-32-32H336v64h80a32,32,0,0,0,32-32ZM184.51,336A95.94,95.94,0,0,1,240,177.34V102.61A22.61,22.61,0,0,0,217.39,80H70.61A22.61,22.61,0,0,0,48,102.61V128h72a8,8,0,0,1,0,16H48v48h72a8,8,0,0,1,0,16H48v48h72a8,8,0,0,1,0,16H48v14.47A49.54,49.54,0,0,0,97.53,336Z'
-        ]
-    };
-    /**
-     * wis fa-phone
+     * pts fa-phone
      */
-    static wisPhone = {
-        prefix: 'wis',
+    static ptsPhone = {
+        prefix: 'pts',
         iconName: 'phone',
         icon: [
             512, 512,
@@ -3184,10 +2285,10 @@ class ParticleIconsSolid {
         ]
     };
     /**
-     * wis fa-physical-address
+     * pts fa-physical-address
      */
-    static wisPhysicalAddress = {
-        prefix: 'wis',
+    static ptsPhysicalAddress = {
+        prefix: 'pts',
         iconName: 'physical-address',
         icon: [
             512, 512,
@@ -3196,46 +2297,10 @@ class ParticleIconsSolid {
         ]
     };
     /**
-     * wis fa-physician-license
-     */
-    static wisPhysicianLicense = {
-        prefix: 'wis',
-        iconName: 'physician-license',
-        icon: [
-            512, 512,
-            [],
-            null, 'M466.84,95H45.16A45.16,45.16,0,0,0,0,140.16V370.84A45.16,45.16,0,0,0,45.16,416H512V140.16A45.16,45.16,0,0,0,466.84,95ZM364.47,172.67H379l13.64,33,13.73-33h13.55L398,224.25c-4.7,11.75-11.38,15.27-20.15,15.27-5,0-10.38-1.63-13.54-4.43l5.14-10a12.54,12.54,0,0,0,7.95,3.07c3.89,0,6.06-1.72,7.95-6l.18-.46ZM303.4,154.25h14.09v23.48c3.8-3.79,9.22-5.78,15.45-5.78,11.47,0,20.14,6.69,20.14,21.5v27.82H339V195.62c0-7.86-3.61-11.47-9.84-11.47-6.78,0-11.66,4.15-11.66,13.1v24H303.4ZM231.5,158h27.37c16.89,0,27.46,8.76,27.46,23s-10.57,22.85-27.46,22.85H246.13v17.43H231.5ZM87.76,163.45h69.79l-4.29,55.73A38.82,38.82,0,0,1,136,248.57a47.38,47.38,0,0,1-24.38,6.75h0a47.36,47.36,0,0,1-24.38-6.75l-.64-.42A38.85,38.85,0,0,1,69.43,220l-3.76-34.46A22.09,22.09,0,0,1,87.76,163.45Zm72.66,140.78a8.62,8.62,0,1,1-8.62-8.61A8.63,8.63,0,0,1,160.42,304.23Zm28,20.62a19.19,19.19,0,0,1-19,16.7H53.8a19.18,19.18,0,0,1-19-16.7l-3.57-27.32a26.55,26.55,0,0,1,18.16-25.19l10.85-3.62a35.49,35.49,0,0,1,11.19-1.82c.56,0,1.12,0,1.68.05v9.42l-15,16.42a22.23,22.23,0,0,0-6,15v7.16c0,4.79,4.26,8.69,9.5,8.69h4.14a5,5,0,0,0,0-10.05H62.08v-5.8a12,12,0,0,1,3.39-8.18l12.64-13.82,12.7,13.88a11.85,11.85,0,0,1,3.33,8v5.88h-5.5a5,5,0,1,0,0,10.05h5.94c5.3,0,9.61-3.94,9.61-8.78v-7.15a22,22,0,0,0-6-14.82L83.14,276.37v-7.48a91.67,91.67,0,0,0,57.47-.17h0a36.77,36.77,0,0,1,5.45-1.35V285a20.1,20.1,0,1,0,11.49,0v-17.6a36.64,36.64,0,0,1,5.44,1.35l10.85,3.62A26.54,26.54,0,0,1,192,297.53ZM364,347.79H228.77v-24H364ZM460,300H228V276H460Zm-11.89-78c-8.22,0-16.53-2.26-21-5.24l4.69-10.12a33.27,33.27,0,0,0,16.9,4.7c6.5,0,8.94-1.72,8.94-4.43,0-7.95-29.36.18-29.36-19.24,0-9.21,8.31-15.72,22.49-15.72,6.69,0,14.1,1.54,18.7,4.25l-4.7,10a27.87,27.87,0,0,0-14-3.61c-6.32,0-9,2-9,4.52,0,8.31,29.36.27,29.36,19.42C471.06,215.58,462.66,222,448.11,222ZM258.05,191.92H246.13V170h11.92c8.95,0,13.46,4.07,13.46,11S267,191.92,258.05,191.92Z'
-        ]
-    };
-    /**
-     * wis fa-physician-pid
-     */
-    static wisPhysicianPID = {
-        prefix: 'wis',
-        iconName: 'physician-pid',
-        icon: [
-            512, 512,
-            [],
-            null, 'M138.49,173.57,128,77.55A61.55,61.55,0,0,1,189.55,16H384L372.05,171.3a108.12,108.12,0,0,1-48.12,81.88A132,132,0,0,1,256,272h0a132,132,0,0,1-67.93-18.82L186.29,252A108.19,108.19,0,0,1,138.49,173.57ZM429.41,303.14l-30.23-10.08A99.56,99.56,0,0,0,384,289.31v49a56,56,0,1,1-32,0v-49a99.56,99.56,0,0,0-15.18,3.75h0a255.61,255.61,0,0,1-160.15.48v20.83l42,45.94c10.72,11.72,16.63,26.39,16.63,41.31v19.91c0,13.49-12,24.47-26.78,24.47H192a14,14,0,0,1,0-28h15.34V401.62c0-8-3.21-15.77-9.29-22.41l-35.38-38.66L127.45,379c-6.18,6.76-9.44,14.64-9.44,22.81V418h10a14,14,0,0,1,0,28H116.46C101.87,446,90,435.14,90,421.79v-20c0-15.06,6-29.88,16.79-41.71l41.87-45.76V288.12c-1.55-.07-3.11-.12-4.67-.12a98.61,98.61,0,0,0-31.18,5.06L82.59,303.14A74,74,0,0,0,32,373.32l9.93,76.13a53.46,53.46,0,0,0,53,46.55H417.06a53.46,53.46,0,0,0,53-46.55L480,373.32A74,74,0,0,0,429.41,303.14ZM344,392a24,24,0,1,0,24-24A24,24,0,0,0,344,392Z'
-        ]
-    };
-    /**
-     * wis fa-pid
-     */
-    static wisPID = {
-        prefix: 'wis',
-        iconName: 'pid',
-        icon: [
-            24, 24,
-            [],
-            null, 'M20.5,5H3.5A1.5,1.5,0,0,0,2,6.5v11A1.5,1.5,0,0,0,3.5,19h17A1.5,1.5,0,0,0,22,17.5V6.5A1.5,1.5,0,0,0,20.5,5ZM6.25,14h2.5A2.2843,2.2843,0,0,1,11,16.3125V18H4V16.3125A2.2843,2.2843,0,0,1,6.25,14ZM5,11.0811V9.9189A1.9213,1.9213,0,0,1,6.9185,8H10v3.0811A1.9213,1.9213,0,0,1,8.0815,13H6.9185A1.9213,1.9213,0,0,1,5,11.0811ZM18,14v1H16v2H15V15H13V14h2V12h1v2Zm1-4H13V8h6Z'
-        ]
-    };
-    /**
-     * wis fa-radio-buttons
+     * pts fa-radio-buttons
      */
-    static wisRadioButtons = {
-        prefix: 'wis',
+    static ptsRadioButtons = {
+        prefix: 'pts',
         iconName: 'radio-buttons',
         icon: [
             24, 24,
@@ -3244,22 +2309,10 @@ class ParticleIconsSolid {
         ]
     };
     /**
-     * wis fa-reply
+     * pts fa-routing-number
      */
-    static wisReply = {
-        prefix: 'wis',
-        iconName: 'reply',
-        icon: [
-            24, 24,
-            [],
-            null, 'M21.82,8.1162a.5.5,0,0,1,0,.7676l-6,5A.5.5,0,0,1,15,13.5V11H10a4.5,4.5,0,0,0,0,9,.5.5,0,0,1,0,1A7.5,7.5,0,0,1,10,6h5V3.5a.5.5,0,0,1,.82-.3838Z'
-        ]
-    };
-    /**
-     * wis fa-routing-number
-     */
-    static wisRoutingNumber = {
-        prefix: 'wis',
+    static ptsRoutingNumber = {
+        prefix: 'pts',
         iconName: 'routing-number',
         icon: [
             512, 512,
@@ -3267,121 +2320,16 @@ class ParticleIconsSolid {
             null, 'M512,480h0a16,16,0,0,1-16,16H16A16,16,0,0,1,0,480H0a16,16,0,0,1,16-16H496A16,16,0,0,1,512,480ZM32,448H496V416a16,16,0,0,0-16-16H464V224H430.68A30.69,30.69,0,0,0,400,254.68V400H352V224H318.68A30.69,30.69,0,0,0,288,254.68V400H224V224H190.68A30.69,30.69,0,0,0,160,254.68V400H112V224H78.68A30.69,30.69,0,0,0,48,254.68V400H32a16,16,0,0,0-16,16v16A16,16,0,0,0,32,448ZM248.5,57.34c-10.1,2-14.37,8.19-14.37,15.67,0,8.18,6.09,12,14.37,15Zm26.9,70.38c0-7.44-4.9-11.35-11.9-14.19v28.56C271.76,139.74,275.4,134.35,275.4,127.72ZM16,178.39V166.57A16.81,16.81,0,0,1,24.57,152L256,0,487.89,151.86A16.83,16.83,0,0,1,496,166.23v12.89A13,13,0,0,1,483,192H29.75A13.68,13.68,0,0,1,16,178.39Zm232.5-69.58v34.32a50.38,50.38,0,0,1-28.6-13l-6.47,17.37c7.52,7.76,21,13.26,35.07,14.27V176h15V161.08c20.51-3.65,30.31-18.24,30.31-34.91,0-22.34-15.24-29.13-30.31-33.69V57.39a52.1,52.1,0,0,1,20.24,8.74l5.9-17.38c-7-5.49-16.47-9-26.14-10.2V32h-15v6.55C226.13,41.33,215.58,56.49,215.58,74,215.58,97.91,232.61,104.19,248.5,108.81Z'
         ]
     };
-    /**
-     * wis fa-select-all
-     */
-    static wisSelectAll = {
-        prefix: 'wis',
-        iconName: 'select-all',
-        icon: [
-            24, 24,
-            [],
-            null, 'M3,7.07A4.0753,4.0753,0,0,1,7.07,3H17V5H7.07A2.0726,2.0726,0,0,0,5,7.07V18H3ZM20.6667,6H7.3334A1.3333,1.3333,0,0,0,6,7.3333V20.6666A1.3334,1.3334,0,0,0,7.3334,22H20.6667A1.3333,1.3333,0,0,0,22,20.6666V10.854L15.6354,17.39a2.3074,2.3074,0,0,1-3.26.0069L9.1363,14.158l1.2569-1.257L13.632,16.14a.5239.5239,0,0,0,.7387.0008L22,8.3049V7.3333A1.3333,1.3333,0,0,0,20.6667,6Z'
-        ]
-    };
-    /**
-     * wis fa-sidebar-close
-     */
-    static wisSidebarClose = {
-        prefix: 'wis',
-        iconName: 'sidebar-close',
-        icon: [
-            512, 512,
-            [],
-            null, 'M498.86,334.25a15.89,15.89,0,0,1,0,22.41l-11.2,11.2a15.87,15.87,0,0,1-22.43,0l-96.05-96.05a15.94,15.94,0,0,1,0-22.43l96.06-96a15.71,15.71,0,0,1,11.21-4.64c8.74-.86,16.74,10.82,22.42,15.84a15.9,15.9,0,0,1,0,22.41l-73.32,73.65ZM156.81,192a20.68,20.68,0,0,0,20.67-20.67v-7a20.67,20.67,0,0,0-20.67-20.67H56.23a20.67,20.67,0,0,0-20.68,20.67v7A20.68,20.68,0,0,0,56.23,192ZM35.55,267.1A20.9,20.9,0,0,0,56.45,288H156.58c15.24-.44,22.38-12.93,20.9-27.1a20.9,20.9,0,0,0-20.9-20.9H56.45C41.22,240.44,34.07,252.93,35.55,267.1ZM35,363.5A20.5,20.5,0,0,0,55.47,384H156.4a20.5,20.5,0,0,0,20.5-20.5v-7A20.5,20.5,0,0,0,156.4,336H55.47A20.5,20.5,0,0,0,35,356.5ZM245.42,52.1A23.87,23.87,0,0,0,232,48H24a24,24,0,0,0,0,48H208V432H24a24,24,0,0,0,0,48H232a24,24,0,0,0,24-24V72A24,24,0,0,0,245.42,52.1Z'
-        ]
-    };
-    /**
-     * wis fa-sidebar-open
-     */
-    static wisSidebarOpen = {
-        prefix: 'wis',
-        iconName: 'sidebar-open',
-        icon: [
-            512, 512,
-            [],
-            null, 'M503.47,260.59a15.79,15.79,0,0,1-4.64,11.22l-96.05,96.05a15.81,15.81,0,0,1-11.21,4.64c-8.55,1-16.84-10.9-22.42-15.84a15.89,15.89,0,0,1,0-22.41l73.31-73.66-73.32-73.65a15.9,15.9,0,0,1,0-22.41c5.78-4.95,13.61-16.76,22.42-15.84a15.75,15.75,0,0,1,11.22,4.64l96.05,96A15.76,15.76,0,0,1,503.47,260.59ZM156.81,192c15.6-.46,22.2-13.38,20.67-27.66a20.67,20.67,0,0,0-20.67-20.67H56.23c-15.6.46-22.2,13.38-20.68,27.66A20.68,20.68,0,0,0,56.23,192ZM35.55,267.1A20.9,20.9,0,0,0,56.45,288H156.58c15-.26,22.5-13.15,20.9-27.1a20.9,20.9,0,0,0-20.9-20.9H56.45C41.42,240.26,34,253.15,35.55,267.1ZM35,363.5A20.5,20.5,0,0,0,55.47,384H156.4c15.53-.47,22-13.32,20.5-27.5A20.5,20.5,0,0,0,156.4,336H55.47C40,336.47,33.46,349.32,35,363.5ZM245.42,52.1a23.78,23.78,0,0,0-8.58-3.61A24.15,24.15,0,0,0,232,48H24a24,24,0,0,0,0,48H208V432H24a24,24,0,0,0,0,48H232a24,24,0,0,0,24-24V72A24,24,0,0,0,245.42,52.1Z'
-        ]
-    };
-    /**
-     * wis fa-ssn
-     */
-    static wisSSN = {
-        prefix: 'wis',
-        iconName: 'ssn',
-        icon: [
-            24, 24,
-            [],
-            null, 'M21,14.0918V13.5a3.5,3.5,0,0,0-7,0v.5918A1.4957,1.4957,0,0,0,13,15.5v6A1.5,1.5,0,0,0,14.5,23h6A1.5,1.5,0,0,0,22,21.5v-6A1.4957,1.4957,0,0,0,21,14.0918ZM17.5,12A1.5017,1.5017,0,0,1,19,13.5V14H16v-.5A1.5017,1.5017,0,0,1,17.5,12Zm.5,6.9082V21H17V18.9082a1.5,1.5,0,1,1,1,0ZM6.6,13H8.4238l.6155.59A4.2445,4.2445,0,0,0,11,14.6406V21H3V16.4285A3.5174,3.5174,0,0,1,6.6,13Zm3.4349-1A3.0349,3.0349,0,0,1,7,8.9651v-3.93A3.0349,3.0349,0,0,1,10.0349,2H17V8.0252A5.4987,5.4987,0,0,0,12.2124,12Z'
-        ]
-    };
-    /**
-     * wis fa-text-area
-     */
-    static wisTextArea = {
-        prefix: 'wis',
-        iconName: 'text-area',
-        icon: [
-            512, 512,
-            [],
-            null, 'M498,128H176V304h32a16,16,0,0,1,16,16v32H96a16,16,0,0,1-16-16V320a16,16,0,0,1,16-16h32V128H14A14,14,0,0,0,0,142V434a14,14,0,0,0,14,14H512V142A14,14,0,0,0,498,128ZM448,352H288V320H448ZM176,128H128V112H96A16,16,0,0,1,80,96V80A16,16,0,0,1,96,64H208a16,16,0,0,1,16,16v32H176Z'
-        ]
-    };
-    /**
-     * wis fa-text-box
-     */
-    static wisTextBox = {
-        prefix: 'wis',
-        iconName: 'text-box',
-        icon: [
-            512, 512,
-            [],
-            null, 'M96,386H14A14,14,0,0,1,0,372V142a14,14,0,0,1,14-14H96Zm80-2v32h32a16,16,0,0,1,16,16v32H96a16,16,0,0,1-16-16V432a16,16,0,0,1,16-16h32V96H96A16,16,0,0,1,80,80V64A16,16,0,0,1,96,48H208a16,16,0,0,1,16,16V96H176v32H498a14,14,0,0,1,14,14V384Zm48-48H384V304H224Z'
-        ]
-    };
     /**
      * The list of exported Solid icons
      */
     static icons = [
-        ParticleIconsSolid.wisAddress,
-        ParticleIconsSolid.wisAlphaText,
-        ParticleIconsSolid.wisCheckbox,
-        ParticleIconsSolid.wisDate,
-        ParticleIconsSolid.wisDateRange,
-        ParticleIconsSolid.wisDivider,
-        ParticleIconsSolid.wisDocumentUpload,
-        ParticleIconsSolid.wisDropdown,
-        ParticleIconsSolid.wisEmail,
-        ParticleIconsSolid.wisExistingLicense,
-        ParticleIconsSolid.wisFEIN,
-        ParticleIconsSolid.wisGroupPID,
-        ParticleIconsSolid.wisGroupMemberPID,
-        ParticleIconsSolid.wisHTML,
-        ParticleIconsSolid.wisIconHeader,
-        ParticleIconsSolid.wisLabPID,
-        ParticleIconsSolid.wisLicense,
-        ParticleIconsSolid.wisMMISNPI,
-        ParticleIconsSolid.wisMoney,
-        ParticleIconsSolid.wisMultiSelect,
-        ParticleIconsSolid.wisNPI,
-        ParticleIconsSolid.wisNumericText,
-        ParticleIconsSolid.wisPercentSlider,
-        ParticleIconsSolid.wisPersonName,
-        ParticleIconsSolid.wisPharmacyPID,
-        ParticleIconsSolid.wisPhone,
-        ParticleIconsSolid.wisPID,
-        ParticleIconsSolid.wisPhysicalAddress,
-        ParticleIconsSolid.wisPhysicianLicense,
-        ParticleIconsSolid.wisPhysicianPID,
-        ParticleIconsSolid.wisRadioButtons,
-        ParticleIconsSolid.wisReply,
-        ParticleIconsSolid.wisRoutingNumber,
-        ParticleIconsSolid.wisSelectAll,
-        ParticleIconsSolid.wisSidebarClose,
-        ParticleIconsSolid.wisSidebarOpen,
-        ParticleIconsSolid.wisSSN,
-        ParticleIconsSolid.wisTextArea,
-        ParticleIconsSolid.wisTextBox
+        ParticleIconsSolid.ptsDivider,
+        ParticleIconsSolid.ptsMultiSelect,
+        ParticleIconsSolid.ptsPhone,
+        ParticleIconsSolid.ptsPhysicalAddress,
+        ParticleIconsSolid.ptsRadioButtons,
+        ParticleIconsSolid.ptsRoutingNumber,
     ];
 }
 
@@ -5073,15 +4021,11 @@ class IconsService {
         if (filter === 'all' || filter === 'regular') {
             icons.push(...ParticleIconsRegular.icons.map(icon => ({ prefix: icon.prefix, name: `fa-${icon.iconName}` })));
         }
-        if (filter === 'all' || filter === 'light') {
-            icons.push(...ParticleIconsLight.icons.map(icon => ({ prefix: icon.prefix, name: `fa-${icon.iconName}` })));
+        if (filter === 'all' || filter === 'brands') {
+            icons.push(...ParticleIconsBrand.icons.map(icon => ({ prefix: icon.prefix, name: `fa-${icon.iconName}` })));
         }
         return icons;
     }
-    /**
-     * Constructor
-     */
-    constructor() { }
     /**
      * Get a list of icons (as strings) containing both Particle icons
      * and Fontawesome icons that match their respective filter criteria
@@ -5114,7 +4058,7 @@ class IconsService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconsService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 /**
  * Component to display different endpoint states
@@ -5234,7 +4178,6 @@ class IconSelectComponent {
         solid: 'Solid',
         regular: 'Regular',
         brands: 'Brands',
-        light: 'Light',
         customIcons: 'Custom Icons',
         previousPage: 'Previous Page',
         nextPage: 'Next Page',
@@ -5522,7 +4465,7 @@ class IconSelectComponent {
                 useExisting: forwardRef(() => IconSelectComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "iconScrollContainer", first: true, predicate: ["iconScrollContainer"], descendants: true }], ngImport: i0, template: "<!-- choose button -->\r\n<button [ngClass]=\"buttonColorClass ? buttonColorClass : 'content_color'\"\r\n        [ngStyle]=\"{\r\n                     'width': buttonSizing,\r\n                     'min-width': buttonSizing,\r\n                     'height': buttonSizing,\r\n                     'min-height': buttonSizing\r\n                   }\"\r\n        (click)=\"openDialog()\"\r\n        [particleTooltip]=\"(_internalValue | async)?.prefix + ' ' + (_internalValue | async)?.name\"\r\n        [tooltipDisabled]=\"(_internalValue | async) === undefined\"\r\n        [disabled]=\"disabled\"\r\n        class=\"access wis_button bg_overlay brdr brad_3\"\r\n        [attr.aria-label]=\"text.selectAnIcon\">\r\n  <ng-container *ngIf=\"!showDialog else placeholderIcon\">\r\n    <div *ngIf=\"_internalValue | async as selectedIcon else noSelection\">\r\n      <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} wis_icon\"></i>\r\n    </div>\r\n    <ng-template #noSelection>\r\n      <div><i class=\"fas fa-icons opacity_20\"></i></div>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-template #placeholderIcon>\r\n    <div><i class=\"fas fa-spinner fa-spin\"></i></div>\r\n  </ng-template>\r\n</button>\r\n\r\n<!-- TODO: at some point, maybe implement infinite scroll to icons -->\r\n\r\n<!-- picker dialog -->\r\n<particle-dialog [title]=\"text.selectAnIcon\"\r\n  [object]=\"showDialog\"\r\n  [width]=\"'850px'\"\r\n  [height]=\"'500px'\"\r\n  (closed)=\"closeDialog()\">\r\n    <div class=\"row height100\">\r\n\r\n      <!-- FILTERS -->\r\n      <div class=\"col min_w250 bg_overlay brdr border_right mobile_hide\">\r\n        <div class=\"row_block width100\">\r\n          <ng-container *ngIf=\"_filter | async as filter\">\r\n            <!-- all icons -->\r\n            <div class=\"mar_5 pad_5\">\r\n              <button (click)=\"handleFilterSelect({ style: 'all', type: 'all' })\"\r\n                      [ngClass]=\"{ 'selected': filter.type === 'all' && filter.style === 'all' }\"\r\n                      class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                      [attr.aria-label]=\"text.seeAllIcons\">\r\n                <div class=\"v_center\">\r\n                  <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                    <div *ngIf=\"filter.type === 'all' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                  </div>\r\n                  <div class=\"text md\">{{text.seeAllIcons}}</div>\r\n                </div>\r\n                <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n              </button>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- fontawesome icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.fontAwesomeIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.all}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- custom icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.customIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">All</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">Solid</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">Regular</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'light', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'light' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.light + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'light'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.light}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ICONS -->\r\n      <div class=\"col size_2 column\">\r\n        <div class=\"col content_color_dark_1 pad_x5\">\r\n          <!-- paginator -->\r\n          <div *ngIf=\"totalPages$ | async as totalPages\"\r\n               class=\"col v_center mar_10\">\r\n            <button *ngIf=\"canPaginatePrevious$ | async else disabledPreviousButton\"\r\n                    (click)=\"paginatePrevious()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.previousPage\">\r\n              <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n            </button>\r\n            <ng-template #disabledPreviousButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.previousPage\">\r\n                <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n            <div\r\n                 class=\"text sm bolder center\"\r\n                 style=\"min-width:65px;\">\r\n              {{(_activePage | async)! + 1}} / {{totalPages}}\r\n            </div>\r\n            <button *ngIf=\"canPaginateNext$ | async else disabledNextButton\"\r\n                    (click)=\"paginateNext()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.nextPage\">\r\n              <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n            </button>\r\n            <ng-template #disabledNextButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.nextPage\">\r\n                <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n          <!-- search -->\r\n          <div class=\"col size_1 wis_search mar_10\">\r\n            <input #iconSearchInput\r\n                   [ngModel]=\"_searchText | async\"\r\n                   (input)=\"_searchText.next(iconSearchInput.value)\"\r\n                   (keyup.enter)=\"_searchInputEnterKeyup.next($any(null))\"\r\n                   class=\"access input md bg_overlay brdr content_color\"\r\n                   [attr.aria-label]=\"text.searchIcons\" [placeholder]=\"text.searchIcons + '...'\" />\r\n            <button *ngIf=\"(canSearch$ | async) && (_searchClick | async)\"\r\n                    (click)=\"clearSearch()\" aria-label=\"Clear search\"\r\n                    class=\"access btn circle_18px overlay wis_clear_btn\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-times fa-sm\"></i></span>\r\n            </button>\r\n            <button *ngIf=\"canSearch$ | async else disabledSearchButton\"\r\n                    (click)=\"_searchClick.next(iconSearchInput.value); _activePage.next(0)\"\r\n                    class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                    [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n            </button>\r\n            <ng-template #disabledSearchButton>\r\n              <button disabled\r\n                      class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                      [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n                <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n        <!-- icons -->\r\n        <div #iconScrollContainer class=\"col size_1 top_left scroll_y pad_5\" style=\"scroll-behavior: smooth\">\r\n          <ng-container *ngIf=\"paginatedIcons$ | async as icons else noResults\">\r\n            <div class=\"row wrap top_left\" style=\"align-items:stretch;\">\r\n              <ng-container *ngFor=\"let icon of paginatedIcons$ | async\">\r\n                <div class=\"col size_1 min_w75 mar_5\">\r\n                  <button class=\"access wis_icon_btn\" (click)=\"handleIconSelect(icon)\" [attr.aria-label]=\"text.select + ' ' + icon.name\">\r\n                    <div [ngClass]=\"((_internalValue | async)?.prefix === icon.prefix) && ((_internalValue | async)?.name === icon.name) ? 'ok_button_color' : 'content_color'\"\r\n                         class=\"wis_icon_btn_preview square_50px brad_3 bg_overlay brdr mar_bot5\">\r\n                      <i class=\"{{icon.prefix}} {{icon.name}}\"></i>\r\n                    </div>\r\n                    <div class=\"text sm center faded\">{{icon.name}}</div>\r\n                  </button>\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #noResults>\r\n            <div class=\"row column min_h300 center_center\">\r\n              <particle-endpoint-state\r\n                [empty]=\"true\"\r\n                [emptyIcon]=\"'fas fa-search fa-3x mar_bot5'\"\r\n                [text]=\"{emptyText: text.couldntFindAnything, emptySubtext: text.modifySearchCriteria}\">\r\n              </particle-endpoint-state>\r\n              <button class=\"access btnset clear mar_10\"\r\n                      [attr.aria-label]=\"text.close\"\r\n                      (click)=\"clearSearch()\">\r\n                <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n                  <i class=\"fas fa-times\"></i>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n        <div *ngIf=\"_internalValue | async as selectedIcon\"\r\n             class=\"col space_between bg_overlay brdr border_top pad_x5 wis_selection_bar\">\r\n          <div class=\"col v_center mar_10\">\r\n            <div class=\"text md faded mar_right10 mobile_hide\">{{text.selection}}:</div>\r\n            <div class=\"v_center\" *ngIf=\"showIconSelectionPreview\">\r\n              <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} fa-fw mar_right5\" style=\"font-size:16px;\"></i>\r\n              <div class=\"text md bold\">{{selectedIcon.prefix}} {{selectedIcon.name}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col v_center mar_10\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"access btnset spaced md hov_glow save_button_color ptl_brdr_radius\"\r\n              [attr.aria-label]=\"text.confirm\"\r\n              (click)=\"handleIconSelectConfirm()\"\r\n            >\r\n              <div>{{text.confirm}}</div>\r\n              <div class=\"brdr border_left mar_left10 pad_left10\"><i class=\"fas fa-check\"></i></div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n</particle-dialog>\r\n", styles: [".wis_button{width:40px;min-width:40px;height:40px;min-height:40px;cursor:pointer;transition:all .1s ease}.wis_button:disabled{cursor:default;opacity:1!important}.wis_button:hover:not(:disabled){filter:brightness(1.05)}.wis_button svg{transition:transform .1s ease}.wis_button:hover:not(:disabled) .wis_icon{transform:scale(1.15)}@supports not (-ms-high-contrast:none){.wis_button svg{width:75%;height:75%}}.wis_search{position:relative}.wis_search input{padding-right:40px!important}.wis_search .wis_search_btn{position:absolute;right:0;top:0;z-index:var(--z-frame);border-top-left-radius:0;border-bottom-left-radius:0;height:100%;width:32px}.wis_search .wis_clear_btn{position:absolute;right:40px;top:7px;z-index:var(--z-frame)}.wis_filter_btn{width:100%;padding:5px 10px;border-radius:3px}.wis_filter_btn:not(:hover):not(.selected){background-color:inherit;color:inherit}.wis_icon_btn{cursor:pointer;transition:all .1s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border:none;border-radius:3px;padding:5px 2px;background-color:inherit;color:inherit}.wis_icon_btn:hover{background-color:#7878781a}.wis_icon_btn_preview{transition:all .1s ease}.wis_selection_bar{z-index:var(--z-frame);box-shadow:0 -6px 10px -8px #00000040;animation-name:slideUpSelectionBar;animation-duration:.2s;transform-origin:bottom center}@keyframes slideUpSelectionBar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TooltipDirective, selector: "[particleTooltip]", inputs: ["particleTooltip", "tooltipPosition", "tooltipDisabled"] }, { kind: "component", type: DialogComponent, selector: "particle-dialog", inputs: ["object", "title", "titleClass", "showTitle", "allowClose", "bodyClass", "height", "width", "borderRadius", "text"], outputs: ["closed", "opened"] }, { kind: "component", type: EndpointStateComponent, selector: "particle-endpoint-state", inputs: ["loading", "loadingIcon", "empty", "emptyIcon", "error", "errorIcon", "loadingOverlay", "loadingOverlayIcon", "text"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+        ], viewQueries: [{ propertyName: "iconScrollContainer", first: true, predicate: ["iconScrollContainer"], descendants: true }], ngImport: i0, template: "<!-- choose button -->\r\n<button [ngClass]=\"buttonColorClass ? buttonColorClass : 'content_color'\"\r\n        [ngStyle]=\"{\r\n                     'width': buttonSizing,\r\n                     'min-width': buttonSizing,\r\n                     'height': buttonSizing,\r\n                     'min-height': buttonSizing\r\n                   }\"\r\n        (click)=\"openDialog()\"\r\n        [particleTooltip]=\"(_internalValue | async)?.prefix + ' ' + (_internalValue | async)?.name\"\r\n        [tooltipDisabled]=\"(_internalValue | async) === undefined\"\r\n        [disabled]=\"disabled\"\r\n        class=\"access wis_button bg_overlay brdr brad_3\"\r\n        [attr.aria-label]=\"text.selectAnIcon\">\r\n  <ng-container *ngIf=\"!showDialog else placeholderIcon\">\r\n    <div *ngIf=\"_internalValue | async as selectedIcon else noSelection\">\r\n      <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} wis_icon\"></i>\r\n    </div>\r\n    <ng-template #noSelection>\r\n      <div><i class=\"fas fa-icons opacity_20\"></i></div>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-template #placeholderIcon>\r\n    <div><i class=\"fas fa-spinner fa-spin\"></i></div>\r\n  </ng-template>\r\n</button>\r\n\r\n<!-- TODO: at some point, maybe implement infinite scroll to icons -->\r\n\r\n<!-- picker dialog -->\r\n<particle-dialog [title]=\"text.selectAnIcon\"\r\n  [object]=\"showDialog\"\r\n  [width]=\"'850px'\"\r\n  [height]=\"'500px'\"\r\n  (closed)=\"closeDialog()\">\r\n    <div class=\"row height100\">\r\n\r\n      <!-- FILTERS -->\r\n      <div class=\"col min_w250 bg_overlay brdr border_right mobile_hide\">\r\n        <div class=\"row_block width100\">\r\n          <ng-container *ngIf=\"_filter | async as filter\">\r\n            <!-- all icons -->\r\n            <div class=\"mar_5 pad_5\">\r\n              <button (click)=\"handleFilterSelect({ style: 'all', type: 'all' })\"\r\n                      [ngClass]=\"{ 'selected': filter.type === 'all' && filter.style === 'all' }\"\r\n                      class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                      [attr.aria-label]=\"text.seeAllIcons\">\r\n                <div class=\"v_center\">\r\n                  <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                    <div *ngIf=\"filter.type === 'all' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                  </div>\r\n                  <div class=\"text md\">{{text.seeAllIcons}}</div>\r\n                </div>\r\n                <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n              </button>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- fontawesome icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.fontAwesomeIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.all}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- custom icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.customIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">All</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ICONS -->\r\n      <div class=\"col size_2 column\">\r\n        <div class=\"col content_color_dark_1 pad_x5\">\r\n          <!-- paginator -->\r\n          <div *ngIf=\"totalPages$ | async as totalPages\"\r\n               class=\"col v_center mar_10\">\r\n            <button *ngIf=\"canPaginatePrevious$ | async else disabledPreviousButton\"\r\n                    (click)=\"paginatePrevious()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.previousPage\">\r\n              <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n            </button>\r\n            <ng-template #disabledPreviousButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.previousPage\">\r\n                <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n            <div\r\n                 class=\"text sm bolder center\"\r\n                 style=\"min-width:65px;\">\r\n              {{(_activePage | async)! + 1}} / {{totalPages}}\r\n            </div>\r\n            <button *ngIf=\"canPaginateNext$ | async else disabledNextButton\"\r\n                    (click)=\"paginateNext()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.nextPage\">\r\n              <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n            </button>\r\n            <ng-template #disabledNextButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.nextPage\">\r\n                <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n          <!-- search -->\r\n          <div class=\"col size_1 wis_search mar_10\">\r\n            <input #iconSearchInput\r\n                   [ngModel]=\"_searchText | async\"\r\n                   (input)=\"_searchText.next(iconSearchInput.value)\"\r\n                   (keyup.enter)=\"_searchInputEnterKeyup.next($any(null))\"\r\n                   class=\"access input md bg_overlay brdr content_color\"\r\n                   [attr.aria-label]=\"text.searchIcons\" [placeholder]=\"text.searchIcons + '...'\" />\r\n            <button *ngIf=\"(canSearch$ | async) && (_searchClick | async)\"\r\n                    (click)=\"clearSearch()\" aria-label=\"Clear search\"\r\n                    class=\"access btn circle_18px overlay wis_clear_btn\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-times fa-sm\"></i></span>\r\n            </button>\r\n            <button *ngIf=\"canSearch$ | async else disabledSearchButton\"\r\n                    (click)=\"_searchClick.next(iconSearchInput.value); _activePage.next(0)\"\r\n                    class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                    [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n            </button>\r\n            <ng-template #disabledSearchButton>\r\n              <button disabled\r\n                      class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                      [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n                <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n        <!-- icons -->\r\n        <div #iconScrollContainer class=\"col size_1 top_left scroll_y pad_5\" style=\"scroll-behavior: smooth\">\r\n          <ng-container *ngIf=\"paginatedIcons$ | async as icons else noResults\">\r\n            <div class=\"row wrap top_left\" style=\"align-items:stretch;\">\r\n              <ng-container *ngFor=\"let icon of paginatedIcons$ | async\">\r\n                <div class=\"col size_1 min_w75 mar_5\">\r\n                  <button class=\"access wis_icon_btn\" (click)=\"handleIconSelect(icon)\" [attr.aria-label]=\"text.select + ' ' + icon.name\">\r\n                    <div [ngClass]=\"((_internalValue | async)?.prefix === icon.prefix) && ((_internalValue | async)?.name === icon.name) ? 'ok_button_color' : 'content_color'\"\r\n                         class=\"wis_icon_btn_preview square_50px brad_3 bg_overlay brdr mar_bot5\">\r\n                      <i class=\"{{icon.prefix}} {{icon.name}}\"></i>\r\n                    </div>\r\n                    <div class=\"text sm center faded\">{{icon.name}}</div>\r\n                  </button>\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #noResults>\r\n            <div class=\"row column min_h300 center_center\">\r\n              <particle-endpoint-state\r\n                [empty]=\"true\"\r\n                [emptyIcon]=\"'fas fa-search fa-3x mar_bot5'\"\r\n                [text]=\"{emptyText: text.couldntFindAnything, emptySubtext: text.modifySearchCriteria}\">\r\n              </particle-endpoint-state>\r\n              <button class=\"access btnset clear mar_10\"\r\n                      [attr.aria-label]=\"text.close\"\r\n                      (click)=\"clearSearch()\">\r\n                <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n                  <i class=\"fas fa-times\"></i>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n        <div *ngIf=\"_internalValue | async as selectedIcon\"\r\n             class=\"col space_between bg_overlay brdr border_top pad_x5 wis_selection_bar\">\r\n          <div class=\"col v_center mar_10\">\r\n            <div class=\"text md faded mar_right10 mobile_hide\">{{text.selection}}:</div>\r\n            <div class=\"v_center\" *ngIf=\"showIconSelectionPreview\">\r\n              <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} fa-fw mar_right5\" style=\"font-size:16px;\"></i>\r\n              <div class=\"text md bold\">{{selectedIcon.prefix}} {{selectedIcon.name}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col v_center mar_10\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"access btnset spaced md hov_glow save_button_color ptl_brdr_radius\"\r\n              [attr.aria-label]=\"text.confirm\"\r\n              (click)=\"handleIconSelectConfirm()\"\r\n            >\r\n              <div>{{text.confirm}}</div>\r\n              <div class=\"brdr border_left mar_left10 pad_left10\"><i class=\"fas fa-check\"></i></div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n</particle-dialog>\r\n", styles: [".wis_button{width:40px;min-width:40px;height:40px;min-height:40px;cursor:pointer;transition:all .1s ease}.wis_button:disabled{cursor:default;opacity:1!important}.wis_button:hover:not(:disabled){filter:brightness(1.05)}.wis_button svg{transition:transform .1s ease}.wis_button:hover:not(:disabled) .wis_icon{transform:scale(1.15)}@supports not (-ms-high-contrast:none){.wis_button svg{width:75%;height:75%}}.wis_search{position:relative}.wis_search input{padding-right:40px!important}.wis_search .wis_search_btn{position:absolute;right:0;top:0;z-index:var(--z-frame);border-top-left-radius:0;border-bottom-left-radius:0;height:100%;width:32px}.wis_search .wis_clear_btn{position:absolute;right:40px;top:7px;z-index:var(--z-frame)}.wis_filter_btn{width:100%;padding:5px 10px;border-radius:3px}.wis_filter_btn:not(:hover):not(.selected){background-color:inherit;color:inherit}.wis_icon_btn{cursor:pointer;transition:all .1s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border:none;border-radius:3px;padding:5px 2px;background-color:inherit;color:inherit}.wis_icon_btn:hover{background-color:#7878781a}.wis_icon_btn_preview{transition:all .1s ease}.wis_selection_bar{z-index:var(--z-frame);box-shadow:0 -6px 10px -8px #00000040;animation-name:slideUpSelectionBar;animation-duration:.2s;transform-origin:bottom center}@keyframes slideUpSelectionBar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TooltipDirective, selector: "[particleTooltip]", inputs: ["particleTooltip", "tooltipPosition", "tooltipDisabled"] }, { kind: "component", type: DialogComponent, selector: "particle-dialog", inputs: ["object", "title", "titleClass", "showTitle", "allowClose", "bodyClass", "height", "width", "borderRadius", "text"], outputs: ["closed", "opened"] }, { kind: "component", type: EndpointStateComponent, selector: "particle-endpoint-state", inputs: ["loading", "loadingIcon", "empty", "emptyIcon", "error", "errorIcon", "loadingOverlay", "loadingOverlayIcon", "text"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconSelectComponent, decorators: [{
             type: Component,
@@ -5532,7 +4475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
                             useExisting: forwardRef(() => IconSelectComponent),
                             multi: true
                         }
-                    ], template: "<!-- choose button -->\r\n<button [ngClass]=\"buttonColorClass ? buttonColorClass : 'content_color'\"\r\n        [ngStyle]=\"{\r\n                     'width': buttonSizing,\r\n                     'min-width': buttonSizing,\r\n                     'height': buttonSizing,\r\n                     'min-height': buttonSizing\r\n                   }\"\r\n        (click)=\"openDialog()\"\r\n        [particleTooltip]=\"(_internalValue | async)?.prefix + ' ' + (_internalValue | async)?.name\"\r\n        [tooltipDisabled]=\"(_internalValue | async) === undefined\"\r\n        [disabled]=\"disabled\"\r\n        class=\"access wis_button bg_overlay brdr brad_3\"\r\n        [attr.aria-label]=\"text.selectAnIcon\">\r\n  <ng-container *ngIf=\"!showDialog else placeholderIcon\">\r\n    <div *ngIf=\"_internalValue | async as selectedIcon else noSelection\">\r\n      <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} wis_icon\"></i>\r\n    </div>\r\n    <ng-template #noSelection>\r\n      <div><i class=\"fas fa-icons opacity_20\"></i></div>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-template #placeholderIcon>\r\n    <div><i class=\"fas fa-spinner fa-spin\"></i></div>\r\n  </ng-template>\r\n</button>\r\n\r\n<!-- TODO: at some point, maybe implement infinite scroll to icons -->\r\n\r\n<!-- picker dialog -->\r\n<particle-dialog [title]=\"text.selectAnIcon\"\r\n  [object]=\"showDialog\"\r\n  [width]=\"'850px'\"\r\n  [height]=\"'500px'\"\r\n  (closed)=\"closeDialog()\">\r\n    <div class=\"row height100\">\r\n\r\n      <!-- FILTERS -->\r\n      <div class=\"col min_w250 bg_overlay brdr border_right mobile_hide\">\r\n        <div class=\"row_block width100\">\r\n          <ng-container *ngIf=\"_filter | async as filter\">\r\n            <!-- all icons -->\r\n            <div class=\"mar_5 pad_5\">\r\n              <button (click)=\"handleFilterSelect({ style: 'all', type: 'all' })\"\r\n                      [ngClass]=\"{ 'selected': filter.type === 'all' && filter.style === 'all' }\"\r\n                      class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                      [attr.aria-label]=\"text.seeAllIcons\">\r\n                <div class=\"v_center\">\r\n                  <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                    <div *ngIf=\"filter.type === 'all' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                  </div>\r\n                  <div class=\"text md\">{{text.seeAllIcons}}</div>\r\n                </div>\r\n                <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n              </button>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- fontawesome icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.fontAwesomeIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.all}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- custom icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.customIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">All</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">Solid</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">Regular</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'light', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'light' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.light + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'light'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.light}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ICONS -->\r\n      <div class=\"col size_2 column\">\r\n        <div class=\"col content_color_dark_1 pad_x5\">\r\n          <!-- paginator -->\r\n          <div *ngIf=\"totalPages$ | async as totalPages\"\r\n               class=\"col v_center mar_10\">\r\n            <button *ngIf=\"canPaginatePrevious$ | async else disabledPreviousButton\"\r\n                    (click)=\"paginatePrevious()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.previousPage\">\r\n              <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n            </button>\r\n            <ng-template #disabledPreviousButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.previousPage\">\r\n                <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n            <div\r\n                 class=\"text sm bolder center\"\r\n                 style=\"min-width:65px;\">\r\n              {{(_activePage | async)! + 1}} / {{totalPages}}\r\n            </div>\r\n            <button *ngIf=\"canPaginateNext$ | async else disabledNextButton\"\r\n                    (click)=\"paginateNext()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.nextPage\">\r\n              <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n            </button>\r\n            <ng-template #disabledNextButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.nextPage\">\r\n                <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n          <!-- search -->\r\n          <div class=\"col size_1 wis_search mar_10\">\r\n            <input #iconSearchInput\r\n                   [ngModel]=\"_searchText | async\"\r\n                   (input)=\"_searchText.next(iconSearchInput.value)\"\r\n                   (keyup.enter)=\"_searchInputEnterKeyup.next($any(null))\"\r\n                   class=\"access input md bg_overlay brdr content_color\"\r\n                   [attr.aria-label]=\"text.searchIcons\" [placeholder]=\"text.searchIcons + '...'\" />\r\n            <button *ngIf=\"(canSearch$ | async) && (_searchClick | async)\"\r\n                    (click)=\"clearSearch()\" aria-label=\"Clear search\"\r\n                    class=\"access btn circle_18px overlay wis_clear_btn\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-times fa-sm\"></i></span>\r\n            </button>\r\n            <button *ngIf=\"canSearch$ | async else disabledSearchButton\"\r\n                    (click)=\"_searchClick.next(iconSearchInput.value); _activePage.next(0)\"\r\n                    class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                    [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n            </button>\r\n            <ng-template #disabledSearchButton>\r\n              <button disabled\r\n                      class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                      [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n                <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n        <!-- icons -->\r\n        <div #iconScrollContainer class=\"col size_1 top_left scroll_y pad_5\" style=\"scroll-behavior: smooth\">\r\n          <ng-container *ngIf=\"paginatedIcons$ | async as icons else noResults\">\r\n            <div class=\"row wrap top_left\" style=\"align-items:stretch;\">\r\n              <ng-container *ngFor=\"let icon of paginatedIcons$ | async\">\r\n                <div class=\"col size_1 min_w75 mar_5\">\r\n                  <button class=\"access wis_icon_btn\" (click)=\"handleIconSelect(icon)\" [attr.aria-label]=\"text.select + ' ' + icon.name\">\r\n                    <div [ngClass]=\"((_internalValue | async)?.prefix === icon.prefix) && ((_internalValue | async)?.name === icon.name) ? 'ok_button_color' : 'content_color'\"\r\n                         class=\"wis_icon_btn_preview square_50px brad_3 bg_overlay brdr mar_bot5\">\r\n                      <i class=\"{{icon.prefix}} {{icon.name}}\"></i>\r\n                    </div>\r\n                    <div class=\"text sm center faded\">{{icon.name}}</div>\r\n                  </button>\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #noResults>\r\n            <div class=\"row column min_h300 center_center\">\r\n              <particle-endpoint-state\r\n                [empty]=\"true\"\r\n                [emptyIcon]=\"'fas fa-search fa-3x mar_bot5'\"\r\n                [text]=\"{emptyText: text.couldntFindAnything, emptySubtext: text.modifySearchCriteria}\">\r\n              </particle-endpoint-state>\r\n              <button class=\"access btnset clear mar_10\"\r\n                      [attr.aria-label]=\"text.close\"\r\n                      (click)=\"clearSearch()\">\r\n                <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n                  <i class=\"fas fa-times\"></i>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n        <div *ngIf=\"_internalValue | async as selectedIcon\"\r\n             class=\"col space_between bg_overlay brdr border_top pad_x5 wis_selection_bar\">\r\n          <div class=\"col v_center mar_10\">\r\n            <div class=\"text md faded mar_right10 mobile_hide\">{{text.selection}}:</div>\r\n            <div class=\"v_center\" *ngIf=\"showIconSelectionPreview\">\r\n              <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} fa-fw mar_right5\" style=\"font-size:16px;\"></i>\r\n              <div class=\"text md bold\">{{selectedIcon.prefix}} {{selectedIcon.name}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col v_center mar_10\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"access btnset spaced md hov_glow save_button_color ptl_brdr_radius\"\r\n              [attr.aria-label]=\"text.confirm\"\r\n              (click)=\"handleIconSelectConfirm()\"\r\n            >\r\n              <div>{{text.confirm}}</div>\r\n              <div class=\"brdr border_left mar_left10 pad_left10\"><i class=\"fas fa-check\"></i></div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n</particle-dialog>\r\n", styles: [".wis_button{width:40px;min-width:40px;height:40px;min-height:40px;cursor:pointer;transition:all .1s ease}.wis_button:disabled{cursor:default;opacity:1!important}.wis_button:hover:not(:disabled){filter:brightness(1.05)}.wis_button svg{transition:transform .1s ease}.wis_button:hover:not(:disabled) .wis_icon{transform:scale(1.15)}@supports not (-ms-high-contrast:none){.wis_button svg{width:75%;height:75%}}.wis_search{position:relative}.wis_search input{padding-right:40px!important}.wis_search .wis_search_btn{position:absolute;right:0;top:0;z-index:var(--z-frame);border-top-left-radius:0;border-bottom-left-radius:0;height:100%;width:32px}.wis_search .wis_clear_btn{position:absolute;right:40px;top:7px;z-index:var(--z-frame)}.wis_filter_btn{width:100%;padding:5px 10px;border-radius:3px}.wis_filter_btn:not(:hover):not(.selected){background-color:inherit;color:inherit}.wis_icon_btn{cursor:pointer;transition:all .1s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border:none;border-radius:3px;padding:5px 2px;background-color:inherit;color:inherit}.wis_icon_btn:hover{background-color:#7878781a}.wis_icon_btn_preview{transition:all .1s ease}.wis_selection_bar{z-index:var(--z-frame);box-shadow:0 -6px 10px -8px #00000040;animation-name:slideUpSelectionBar;animation-duration:.2s;transform-origin:bottom center}@keyframes slideUpSelectionBar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}\n"] }]
+                    ], template: "<!-- choose button -->\r\n<button [ngClass]=\"buttonColorClass ? buttonColorClass : 'content_color'\"\r\n        [ngStyle]=\"{\r\n                     'width': buttonSizing,\r\n                     'min-width': buttonSizing,\r\n                     'height': buttonSizing,\r\n                     'min-height': buttonSizing\r\n                   }\"\r\n        (click)=\"openDialog()\"\r\n        [particleTooltip]=\"(_internalValue | async)?.prefix + ' ' + (_internalValue | async)?.name\"\r\n        [tooltipDisabled]=\"(_internalValue | async) === undefined\"\r\n        [disabled]=\"disabled\"\r\n        class=\"access wis_button bg_overlay brdr brad_3\"\r\n        [attr.aria-label]=\"text.selectAnIcon\">\r\n  <ng-container *ngIf=\"!showDialog else placeholderIcon\">\r\n    <div *ngIf=\"_internalValue | async as selectedIcon else noSelection\">\r\n      <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} wis_icon\"></i>\r\n    </div>\r\n    <ng-template #noSelection>\r\n      <div><i class=\"fas fa-icons opacity_20\"></i></div>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-template #placeholderIcon>\r\n    <div><i class=\"fas fa-spinner fa-spin\"></i></div>\r\n  </ng-template>\r\n</button>\r\n\r\n<!-- TODO: at some point, maybe implement infinite scroll to icons -->\r\n\r\n<!-- picker dialog -->\r\n<particle-dialog [title]=\"text.selectAnIcon\"\r\n  [object]=\"showDialog\"\r\n  [width]=\"'850px'\"\r\n  [height]=\"'500px'\"\r\n  (closed)=\"closeDialog()\">\r\n    <div class=\"row height100\">\r\n\r\n      <!-- FILTERS -->\r\n      <div class=\"col min_w250 bg_overlay brdr border_right mobile_hide\">\r\n        <div class=\"row_block width100\">\r\n          <ng-container *ngIf=\"_filter | async as filter\">\r\n            <!-- all icons -->\r\n            <div class=\"mar_5 pad_5\">\r\n              <button (click)=\"handleFilterSelect({ style: 'all', type: 'all' })\"\r\n                      [ngClass]=\"{ 'selected': filter.type === 'all' && filter.style === 'all' }\"\r\n                      class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                      [attr.aria-label]=\"text.seeAllIcons\">\r\n                <div class=\"v_center\">\r\n                  <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                    <div *ngIf=\"filter.type === 'all' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                  </div>\r\n                  <div class=\"text md\">{{text.seeAllIcons}}</div>\r\n                </div>\r\n                <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n              </button>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- fontawesome icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.fontAwesomeIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.all}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'fontawesome' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'fontawesome' &&  filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.fontAwesomeIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'fontawesome' &&  filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"bg_overlay brdr hr mar_10\"></div>\r\n            <!-- custom icons -->\r\n            <div class=\"mar_5\">\r\n              <div class=\"text md bolder\" style=\"padding:10px 10px 5px 15px;\">{{text.customIcons}}</div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'all', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'all' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'all'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">All</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'solid', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'solid' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.solid + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'solid'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.solid}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'regular', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'regular' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.regular + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'regular'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.regular}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n              <div class=\"mar_5\">\r\n                <button (click)=\"handleFilterSelect({ style: 'brands', type: 'particle' })\"\r\n                        [ngClass]=\"{ 'selected': filter.type === 'particle' && filter.style === 'brands' }\"\r\n                        class=\"access list_btn row space_between wis_filter_btn bg_overlay_rev brdr\"\r\n                        [attr.aria-label]=\"text.filterBy + ' ' + text.brands + ' ' + text.customIcons\">\r\n                  <div class=\"v_center\">\r\n                    <div class=\"circle_16px bg_overlay_rev brdr mar_right10\">\r\n                      <div *ngIf=\"filter.type === 'particle' && filter.style === 'brands'\" class=\"circle_8px ok_button_color\"></div>\r\n                    </div>\r\n                    <div class=\"text md\">{{text.brands}}</div>\r\n                  </div>\r\n                  <div class=\"go_icon\"><i class=\"fas fa-chevron-right fa-fw fa-sm opacity_60\"></i></div>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ICONS -->\r\n      <div class=\"col size_2 column\">\r\n        <div class=\"col content_color_dark_1 pad_x5\">\r\n          <!-- paginator -->\r\n          <div *ngIf=\"totalPages$ | async as totalPages\"\r\n               class=\"col v_center mar_10\">\r\n            <button *ngIf=\"canPaginatePrevious$ | async else disabledPreviousButton\"\r\n                    (click)=\"paginatePrevious()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.previousPage\">\r\n              <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n            </button>\r\n            <ng-template #disabledPreviousButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.previousPage\">\r\n                <span class=\"icon slide_left\"><i class=\"fas fa-arrow-left\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n            <div\r\n                 class=\"text sm bolder center\"\r\n                 style=\"min-width:65px;\">\r\n              {{(_activePage | async)! + 1}} / {{totalPages}}\r\n            </div>\r\n            <button *ngIf=\"canPaginateNext$ | async else disabledNextButton\"\r\n                    (click)=\"paginateNext()\"\r\n                    class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                    [attr.aria-label]=\"text.nextPage\">\r\n              <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n            </button>\r\n            <ng-template #disabledNextButton>\r\n              <button disabled class=\"access btn square_24px bg_overlay brdr ok_button_color\"\r\n                      [attr.aria-label]=\"text.nextPage\">\r\n                <span class=\"icon slide_right\"><i class=\"fas fa-arrow-right\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n          <!-- search -->\r\n          <div class=\"col size_1 wis_search mar_10\">\r\n            <input #iconSearchInput\r\n                   [ngModel]=\"_searchText | async\"\r\n                   (input)=\"_searchText.next(iconSearchInput.value)\"\r\n                   (keyup.enter)=\"_searchInputEnterKeyup.next($any(null))\"\r\n                   class=\"access input md bg_overlay brdr content_color\"\r\n                   [attr.aria-label]=\"text.searchIcons\" [placeholder]=\"text.searchIcons + '...'\" />\r\n            <button *ngIf=\"(canSearch$ | async) && (_searchClick | async)\"\r\n                    (click)=\"clearSearch()\" aria-label=\"Clear search\"\r\n                    class=\"access btn circle_18px overlay wis_clear_btn\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-times fa-sm\"></i></span>\r\n            </button>\r\n            <button *ngIf=\"canSearch$ | async else disabledSearchButton\"\r\n                    (click)=\"_searchClick.next(iconSearchInput.value); _activePage.next(0)\"\r\n                    class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                    [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n              <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n            </button>\r\n            <ng-template #disabledSearchButton>\r\n              <button disabled\r\n                      class=\"access btn square_28px bg_overlay brdr ok_button_color brad_3 wis_search_btn\"\r\n                      [attr.aria-label]=\"text.submitSearch\" type=\"submit\">\r\n                <span class=\"icon grow\"><i class=\"fas fa-search fa-sm\"></i></span>\r\n              </button>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n        <!-- icons -->\r\n        <div #iconScrollContainer class=\"col size_1 top_left scroll_y pad_5\" style=\"scroll-behavior: smooth\">\r\n          <ng-container *ngIf=\"paginatedIcons$ | async as icons else noResults\">\r\n            <div class=\"row wrap top_left\" style=\"align-items:stretch;\">\r\n              <ng-container *ngFor=\"let icon of paginatedIcons$ | async\">\r\n                <div class=\"col size_1 min_w75 mar_5\">\r\n                  <button class=\"access wis_icon_btn\" (click)=\"handleIconSelect(icon)\" [attr.aria-label]=\"text.select + ' ' + icon.name\">\r\n                    <div [ngClass]=\"((_internalValue | async)?.prefix === icon.prefix) && ((_internalValue | async)?.name === icon.name) ? 'ok_button_color' : 'content_color'\"\r\n                         class=\"wis_icon_btn_preview square_50px brad_3 bg_overlay brdr mar_bot5\">\r\n                      <i class=\"{{icon.prefix}} {{icon.name}}\"></i>\r\n                    </div>\r\n                    <div class=\"text sm center faded\">{{icon.name}}</div>\r\n                  </button>\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #noResults>\r\n            <div class=\"row column min_h300 center_center\">\r\n              <particle-endpoint-state\r\n                [empty]=\"true\"\r\n                [emptyIcon]=\"'fas fa-search fa-3x mar_bot5'\"\r\n                [text]=\"{emptyText: text.couldntFindAnything, emptySubtext: text.modifySearchCriteria}\">\r\n              </particle-endpoint-state>\r\n              <button class=\"access btnset clear mar_10\"\r\n                      [attr.aria-label]=\"text.close\"\r\n                      (click)=\"clearSearch()\">\r\n                <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n                  <i class=\"fas fa-times\"></i>\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n        <div *ngIf=\"_internalValue | async as selectedIcon\"\r\n             class=\"col space_between bg_overlay brdr border_top pad_x5 wis_selection_bar\">\r\n          <div class=\"col v_center mar_10\">\r\n            <div class=\"text md faded mar_right10 mobile_hide\">{{text.selection}}:</div>\r\n            <div class=\"v_center\" *ngIf=\"showIconSelectionPreview\">\r\n              <i class=\"{{selectedIcon.prefix}} {{selectedIcon.name}} fa-fw mar_right5\" style=\"font-size:16px;\"></i>\r\n              <div class=\"text md bold\">{{selectedIcon.prefix}} {{selectedIcon.name}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col v_center mar_10\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"access btnset spaced md hov_glow save_button_color ptl_brdr_radius\"\r\n              [attr.aria-label]=\"text.confirm\"\r\n              (click)=\"handleIconSelectConfirm()\"\r\n            >\r\n              <div>{{text.confirm}}</div>\r\n              <div class=\"brdr border_left mar_left10 pad_left10\"><i class=\"fas fa-check\"></i></div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n</particle-dialog>\r\n", styles: [".wis_button{width:40px;min-width:40px;height:40px;min-height:40px;cursor:pointer;transition:all .1s ease}.wis_button:disabled{cursor:default;opacity:1!important}.wis_button:hover:not(:disabled){filter:brightness(1.05)}.wis_button svg{transition:transform .1s ease}.wis_button:hover:not(:disabled) .wis_icon{transform:scale(1.15)}@supports not (-ms-high-contrast:none){.wis_button svg{width:75%;height:75%}}.wis_search{position:relative}.wis_search input{padding-right:40px!important}.wis_search .wis_search_btn{position:absolute;right:0;top:0;z-index:var(--z-frame);border-top-left-radius:0;border-bottom-left-radius:0;height:100%;width:32px}.wis_search .wis_clear_btn{position:absolute;right:40px;top:7px;z-index:var(--z-frame)}.wis_filter_btn{width:100%;padding:5px 10px;border-radius:3px}.wis_filter_btn:not(:hover):not(.selected){background-color:inherit;color:inherit}.wis_icon_btn{cursor:pointer;transition:all .1s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border:none;border-radius:3px;padding:5px 2px;background-color:inherit;color:inherit}.wis_icon_btn:hover{background-color:#7878781a}.wis_icon_btn_preview{transition:all .1s ease}.wis_selection_bar{z-index:var(--z-frame);box-shadow:0 -6px 10px -8px #00000040;animation-name:slideUpSelectionBar;animation-duration:.2s;transform-origin:bottom center}@keyframes slideUpSelectionBar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}\n"] }]
         }], ctorParameters: () => [{ type: IconsService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], disabled: [{
@@ -5581,7 +4524,7 @@ class ParticleIconsModule {
         if (!FontAwesome) {
             return;
         }
-        for (const icon of ParticleIconsLight.icons) {
+        for (const icon of ParticleIconsBrand.icons) {
             FontAwesome.library.add(icon);
         }
         for (const icon of ParticleIconsRegular.icons) {
@@ -11165,7 +10108,7 @@ class LayoutFullwidthSidebarComponent {
     mobileSidebarEnabled = true;
     slideover = null;
     onResize(event) {
-        if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
+        if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover && this.slideover.slideoverOpen) {
             this.slideover.close();
         }
     }
@@ -11231,7 +10174,7 @@ class LayoutFullFramingComponent {
     mobileSidebarEnabled = true;
     slideover = null;
     onResize(event) {
-        if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover.slideoverOpen) {
+        if (this.mobileSidebarEnabled && event.target.innerWidth > 768 && this.slideover && this.slideover.slideoverOpen) {
             this.slideover.close();
         }
     }