monkey-style-guide 2.0.49 → 2.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +5 -6
  2. package/assets/scss/partials/_forms.scss +8 -5
  3. package/assets/scss/partials/components/_buttons.scss +82 -223
  4. package/assets/scss/partials/components/_input.scss +17 -0
  5. package/assets/scss/partials/components/_select.scss +37 -8
  6. package/bundles/monkey-style-guide.umd.js +92 -72
  7. package/bundles/monkey-style-guide.umd.js.map +1 -1
  8. package/esm2015/lib/components/button/button.component.js +24 -6
  9. package/esm2015/lib/components/icon/icon.component.js +13 -3
  10. package/esm2015/lib/components/icon/icons.component.js +67 -67
  11. package/esm2015/lib/components/input/input.component.js +4 -4
  12. package/esm2015/lib/core/interfaces/monkey-modal-settings.js +1 -1
  13. package/esm2015/lib/core/services/snackbar/mokey-style-guide-snackbar.service.js +2 -2
  14. package/fesm2015/monkey-style-guide.js +103 -75
  15. package/fesm2015/monkey-style-guide.js.map +1 -1
  16. package/lib/components/button/button.component.d.ts +2 -0
  17. package/lib/components/icon/icon.component.d.ts +2 -0
  18. package/lib/core/interfaces/monkey-modal-settings.d.ts +5 -5
  19. package/monkey-style-guide-2.0.53.tgz +0 -0
  20. package/package.json +1 -1
  21. package/monkey-style-guide-2.0.49.tgz +0 -0
package/bundles/monkey-style-guide.umd.js CHANGED
@@ -748,7 +748,7 @@
748
748
  else {
749
749
  if (cancel_1) {
750
750
  actionCancelElement = document.createElement('button');
751
- actionCancelElement.className = "mecx-button-quaternary mecx-button-quaternary__" + type;
751
+ actionCancelElement.className = "mecx-button-tertiary mecx-button-tertiary__" + type;
752
752
  actionCancelElement.innerText = cancel_1.label;
753
753
  }
754
754
  if (confirm_1) {
@@ -989,6 +989,7 @@
989
989
  function MonkeyButtonComponent() {
990
990
  this.iconPosition = 'left';
991
991
  this.disabled = false;
992
+ this.size = 'lg';
992
993
  this._useContrast = false;
993
994
  }
994
995
  MonkeyButtonComponent.prototype.ngOnInit = function () {
@@ -997,12 +998,19 @@
997
998
  this._useContrast = true;
998
999
  }
999
1000
  };
1001
+ MonkeyButtonComponent.prototype.onClick = function (event) {
1002
+ if (this.disabled) {
1003
+ event.stopPropagation();
1004
+ event.preventDefault();
1005
+ event.stopImmediatePropagation();
1006
+ }
1007
+ };
1000
1008
  return MonkeyButtonComponent;
1001
1009
  }());
1002
1010
  MonkeyButtonComponent.decorators = [
1003
1011
  { type: core.Component, args: [{
1004
1012
  selector: 'monkey-button',
1005
- template: "\n <button\n [ngClass]=\"\n 'mecx-button-' +\n type +\n ' mecx-button-' +\n type +\n '__' +\n color +\n (icon ? ' with-icon' : ' no-icon')\n \"\n type=\"button\"\n [disabled]=\"disabled\"\n >\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"\n type === 'filter'\n ? '#4b4a53'\n : type === 'nav-active'\n ? 'theme'\n : 'theme-800'\n \"\n [contrast]=\"_useContrast\"\n *ngIf=\"iconPosition === 'left' && icon\"\n ></monkey-icon>\n {{ label }}\n <ng-content></ng-content>\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"\n type === 'filter'\n ? '#4b4a53'\n : type === 'nav-active'\n ? 'theme'\n : 'theme-800'\n \"\n *ngIf=\"iconPosition === 'right' && icon\"\n ></monkey-icon>\n </button>\n ",
1013
+ template: "\n <button\n [ngClass]=\"\n 'mecx-button-' +\n type +\n ' mecx-button-' +\n type +\n '__' +\n color +\n (icon ? ' with-icon' : ' no-icon') +\n ' ' +\n size\n \"\n type=\"button\"\n [disabled]=\"disabled\"\n >\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"\n disabled\n ? '#999999'\n : type === 'filter'\n ? '#4b4a53'\n : type === 'nav-active'\n ? 'theme'\n : 'theme-800'\n \"\n [contrast]=\"_useContrast\"\n [disabled]=\"disabled\"\n *ngIf=\"iconPosition === 'left' && icon\"\n ></monkey-icon>\n {{ label }}\n <ng-content></ng-content>\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"\n disabled\n ? '#999999'\n : type === 'filter'\n ? '#4b4a53'\n : type === 'nav-active'\n ? 'theme'\n : 'theme-800'\n \"\n [disabled]=\"disabled\"\n *ngIf=\"iconPosition === 'right' && icon\"\n ></monkey-icon>\n </button>\n ",
1006
1014
  encapsulation: core.ViewEncapsulation.None
1007
1015
  },] }
1008
1016
  ];
@@ -1013,7 +1021,9 @@
1013
1021
  iconPosition: [{ type: core.Input }],
1014
1022
  type: [{ type: core.Input }],
1015
1023
  color: [{ type: core.Input }],
1016
- disabled: [{ type: core.Input }]
1024
+ disabled: [{ type: core.Input }],
1025
+ size: [{ type: core.Input }],
1026
+ onClick: [{ type: core.HostListener, args: ['click', ['$event'],] }]
1017
1027
  };
1018
1028
 
1019
1029
  /**************************
@@ -1114,6 +1124,7 @@
1114
1124
  this.monkeyStyleGuideSettingsService = monkeyStyleGuideSettingsService;
1115
1125
  this.color = 'theme';
1116
1126
  this.contrast = false;
1127
+ this.disabled = false;
1117
1128
  this._fillColor = '#000000';
1118
1129
  this._icon = '';
1119
1130
  this._id = "mecx-icon-" + MonkeyUtils.getRandomString(10);
@@ -1158,6 +1169,13 @@
1158
1169
  MonkeyIconComponent.prototype.ngOnChanges = function () {
1159
1170
  this.handleIcon();
1160
1171
  };
1172
+ MonkeyIconComponent.prototype.onClick = function (event) {
1173
+ if (this.disabled) {
1174
+ event.stopPropagation();
1175
+ event.preventDefault();
1176
+ event.stopImmediatePropagation();
1177
+ }
1178
+ };
1161
1179
  return MonkeyIconComponent;
1162
1180
  }());
1163
1181
  MonkeyIconComponent.decorators = [
@@ -1173,7 +1191,9 @@
1173
1191
  MonkeyIconComponent.propDecorators = {
1174
1192
  icon: [{ type: core.Input }],
1175
1193
  color: [{ type: core.Input }],
1176
- contrast: [{ type: core.Input }]
1194
+ contrast: [{ type: core.Input }],
1195
+ disabled: [{ type: core.Input }],
1196
+ onClick: [{ type: core.HostListener, args: ['click', ['$event'],] }]
1177
1197
  };
1178
1198
 
1179
1199
  var BaseIconComponent = /** @class */ (function () {
@@ -1201,7 +1221,7 @@
1201
1221
  { type: core.Component, args: [{
1202
1222
  selector: 'monkey-icon-arrow-down',
1203
1223
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M2 5L8 11L14 5\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1204
- encapsulation: core.ViewEncapsulation.None
1224
+ styles: [":host{display:flex}"]
1205
1225
  },] }
1206
1226
  ];
1207
1227
  var MonkeyIconArrowLeftComponent = /** @class */ (function (_super) {
@@ -1215,7 +1235,7 @@
1215
1235
  { type: core.Component, args: [{
1216
1236
  selector: 'monkey-icon-arrow-left',
1217
1237
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M10 1.99976L4 7.99976L10 13.9998\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1218
- encapsulation: core.ViewEncapsulation.None
1238
+ styles: [":host{display:flex}"]
1219
1239
  },] }
1220
1240
  ];
1221
1241
  var MonkeyIconArrowRightComponent = /** @class */ (function (_super) {
@@ -1229,7 +1249,7 @@
1229
1249
  { type: core.Component, args: [{
1230
1250
  selector: 'monkey-icon-arrow-right',
1231
1251
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M6.00098 13.9997L12.001 7.99974L6.00098 1.99974\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1232
- encapsulation: core.ViewEncapsulation.None
1252
+ styles: [":host{display:flex}"]
1233
1253
  },] }
1234
1254
  ];
1235
1255
  var MonkeyIconArrowUpComponent = /** @class */ (function (_super) {
@@ -1243,7 +1263,7 @@
1243
1263
  { type: core.Component, args: [{
1244
1264
  selector: 'monkey-icon-arrow-up',
1245
1265
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M14.0005 10.9997L8.00049 4.99974L2.00049 10.9997\" stroke=\"#C3261F\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1246
- encapsulation: core.ViewEncapsulation.None
1266
+ styles: [":host{display:flex}"]
1247
1267
  },] }
1248
1268
  ];
1249
1269
  var MonkeyIconBankComponent = /** @class */ (function (_super) {
@@ -1257,7 +1277,7 @@
1257
1277
  { type: core.Component, args: [{
1258
1278
  selector: 'monkey-icon-bank',
1259
1279
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M13.9687 7.21878C14.4515 7.21878 14.6531 6.59846 14.2609 6.31253L8.29368 1.9719C8.20847 1.90947 8.10557 1.87581 7.99993 1.87581C7.89429 1.87581 7.7914 1.90947 7.70618 1.9719L1.739 6.31253C1.34681 6.5969 1.54837 7.21878 2.03275 7.21878H2.99993V13.0625H1.87493C1.80618 13.0625 1.74993 13.1188 1.74993 13.1875V14C1.74993 14.0688 1.80618 14.125 1.87493 14.125H14.1249C14.1937 14.125 14.2499 14.0688 14.2499 14V13.1875C14.2499 13.1188 14.1937 13.0625 14.1249 13.0625H12.9999V7.21878H13.9687ZM7.99993 3.07346L12.2359 6.15471H3.764L7.99993 3.07346ZM4.12493 7.21878H5.95306V13.0625H4.12493V7.21878ZM7.07806 7.21878H8.90618V13.0625H7.07806V7.21878ZM11.8749 13.0625H10.0312V7.21878H11.8749V13.0625Z\" fill=\"#000000\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1260
- encapsulation: core.ViewEncapsulation.None
1280
+ styles: [":host{display:flex}"]
1261
1281
  },] }
1262
1282
  ];
1263
1283
  var MonkeyIconBellComponent = /** @class */ (function (_super) {
@@ -1271,7 +1291,7 @@
1271
1291
  { type: core.Component, args: [{
1272
1292
  selector: 'monkey-icon-bell',
1273
1293
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12 5.33334C12 4.27248 11.5786 3.25506 10.8284 2.50492C10.0783 1.75477 9.06087 1.33334 8 1.33334C6.93913 1.33334 5.92172 1.75477 5.17157 2.50492C4.42143 3.25506 4 4.27248 4 5.33334C4 10 2 11.3333 2 11.3333H14C14 11.3333 12 10 12 5.33334Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9.1535 14C9.03629 14.2021 8.86806 14.3698 8.66565 14.4864C8.46324 14.6029 8.23375 14.6643 8.00017 14.6643C7.76658 14.6643 7.53709 14.6029 7.33468 14.4864C7.13227 14.3698 6.96404 14.2021 6.84683 14\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1274
- encapsulation: core.ViewEncapsulation.None
1294
+ styles: [":host{display:flex}"]
1275
1295
  },] }
1276
1296
  ];
1277
1297
  var MonkeyIconBookComponent = /** @class */ (function (_super) {
@@ -1285,7 +1305,7 @@
1285
1305
  { type: core.Component, args: [{
1286
1306
  selector: 'monkey-icon-book',
1287
1307
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M3.99994 19.5C3.99994 18.837 4.26333 18.2011 4.73217 17.7322C5.20101 17.2634 5.8369 17 6.49994 17H19.9999\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M6.49994 2.00003H19.9999V22H6.49994C5.8369 22 5.20101 21.7366 4.73217 21.2678C4.26333 20.799 3.99994 20.1631 3.99994 19.5V4.50003C3.99994 3.83699 4.26333 3.2011 4.73217 2.73226C5.20101 2.26342 5.8369 2.00003 6.49994 2.00003V2.00003Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1288
- encapsulation: core.ViewEncapsulation.None
1308
+ styles: [":host{display:flex}"]
1289
1309
  },] }
1290
1310
  ];
1291
1311
  var MonkeyIconBoxComponent = /** @class */ (function (_super) {
@@ -1299,7 +1319,7 @@
1299
1319
  { type: core.Component, args: [{
1300
1320
  selector: 'monkey-icon-box',
1301
1321
  template: "<svg width=\"17\" height=\"18\" viewBox=\"0 0 17 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M11.9638 7.05192L4.5943 2.80615\" stroke=\"#0273E8\" stroke-width=\"0.994908\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15.6484 12.4513V5.90673C15.6482 5.61981 15.5723 5.33802 15.4286 5.08961C15.2849 4.84121 15.0783 4.63493 14.8296 4.49147L9.0978 1.2192C8.84884 1.0756 8.56644 1 8.27897 1C7.9915 1 7.70909 1.0756 7.46013 1.2192L1.72832 4.49147C1.47961 4.63493 1.27303 4.84121 1.12931 5.08961C0.985589 5.33802 0.909779 5.61981 0.909485 5.90673V12.4513C0.909779 12.7382 0.985589 13.02 1.12931 13.2684C1.27303 13.5168 1.47961 13.7231 1.72832 13.8665L7.46013 17.1388C7.70909 17.2824 7.9915 17.358 8.27897 17.358C8.56644 17.358 8.84884 17.2824 9.0978 17.1388L14.8296 13.8665C15.0783 13.7231 15.2849 13.5168 15.4286 13.2684C15.5723 13.02 15.6482 12.7382 15.6484 12.4513Z\" stroke=\"#0273E8\" stroke-width=\"0.994908\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M1.1315 5.05588L8.2799 9.18712L15.4283 5.05588\" stroke=\"#0273E8\" stroke-width=\"0.994908\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8.27893 17.4252V9.17908\" stroke=\"#0273E8\" stroke-width=\"0.994908\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1302
- encapsulation: core.ViewEncapsulation.None
1322
+ styles: [":host{display:flex}"]
1303
1323
  },] }
1304
1324
  ];
1305
1325
  var MonkeyIconCalendarComponent = /** @class */ (function (_super) {
@@ -1313,7 +1333,7 @@
1313
1333
  { type: core.Component, args: [{
1314
1334
  selector: 'monkey-icon-calendar',
1315
1335
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M10.6665 1.33333V3.99999\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M5.3335 1.33333V3.99999\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M2 6.66667H14\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1316
- encapsulation: core.ViewEncapsulation.None
1336
+ styles: [":host{display:flex}"]
1317
1337
  },] }
1318
1338
  ];
1319
1339
  var MonkeyIconCameraComponent = /** @class */ (function (_super) {
@@ -1327,7 +1347,7 @@
1327
1347
  { type: core.Component, args: [{
1328
1348
  selector: 'monkey-icon-camera',
1329
1349
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M23 19C23 19.5304 22.7893 20.0391 22.4142 20.4142C22.0391 20.7893 21.5304 21 21 21H3C2.46957 21 1.96086 20.7893 1.58579 20.4142C1.21071 20.0391 1 19.5304 1 19V8C1 7.46957 1.21071 6.96086 1.58579 6.58579C1.96086 6.21071 2.46957 6 3 6H7L9 3H15L17 6H21C21.5304 6 22.0391 6.21071 22.4142 6.58579C22.7893 6.96086 23 7.46957 23 8V19Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12 17C14.2091 17 16 15.2091 16 13C16 10.7909 14.2091 9 12 9C9.79086 9 8 10.7909 8 13C8 15.2091 9.79086 17 12 17Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1330
- encapsulation: core.ViewEncapsulation.None
1350
+ styles: [":host{display:flex}"]
1331
1351
  },] }
1332
1352
  ];
1333
1353
  var MonkeyIconChatComponent = /** @class */ (function (_super) {
@@ -1341,7 +1361,7 @@
1341
1361
  { type: core.Component, args: [{
1342
1362
  selector: 'monkey-icon-chat',
1343
1363
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M20.2033 15.0281C20.1565 14.8594 20.2596 14.625 20.358 14.4562C20.3881 14.406 20.421 14.3575 20.4565 14.3109C21.2985 13.0598 21.7489 11.5862 21.7502 10.0781C21.7643 5.75625 18.1174 2.25 13.608 2.25C9.67522 2.25 6.39397 4.92656 5.62522 8.47969C5.51021 9.00632 5.45207 9.54377 5.45178 10.0828C5.45178 14.4094 8.95803 18.0094 13.4674 18.0094C14.1846 18.0094 15.1502 17.7937 15.6799 17.6484C16.2096 17.5031 16.7346 17.3109 16.8705 17.2594C17.0099 17.2068 17.1575 17.1798 17.3065 17.1797C17.469 17.1791 17.6299 17.2109 17.7799 17.2734L20.4377 18.2156C20.496 18.2403 20.5576 18.2561 20.6205 18.2625C20.72 18.2625 20.8154 18.223 20.8857 18.1527C20.956 18.0823 20.9955 17.987 20.9955 17.8875C20.9923 17.8446 20.9844 17.8022 20.9721 17.7609L20.2033 15.0281Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M3.11565 10.875C2.50085 11.9795 2.20344 13.2325 2.2563 14.4954C2.30916 15.7584 2.71023 16.9821 3.41518 18.0314C3.52346 18.195 3.5844 18.3216 3.56565 18.4064C3.5469 18.4912 3.00643 21.3065 3.00643 21.3065C2.99343 21.3724 2.99836 21.4406 3.0207 21.5039C3.04305 21.5673 3.08199 21.6234 3.13346 21.6665C3.20213 21.7213 3.28753 21.7507 3.37533 21.75C3.42226 21.7501 3.4687 21.7405 3.51174 21.7219L6.14658 20.6906C6.32793 20.6191 6.53022 20.6225 6.70908 20.7C7.5969 21.0459 8.57846 21.2625 9.56049 21.2625C10.8783 21.2639 12.1729 20.9163 13.3128 20.2551\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1344
- encapsulation: core.ViewEncapsulation.None
1364
+ styles: [":host{display:flex}"]
1345
1365
  },] }
1346
1366
  ];
1347
1367
  var MonkeyIconCheckCircleOutComponent = /** @class */ (function (_super) {
@@ -1355,7 +1375,7 @@
1355
1375
  { type: core.Component, args: [{
1356
1376
  selector: 'monkey-icon-check-circle-out',
1357
1377
  template: "<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M15.0468 7.5784V8.20761C15.046 9.68243 14.5684 11.1175 13.6853 12.2987C12.8023 13.4799 11.5611 14.3441 10.1468 14.7622C8.73246 15.1804 7.22088 15.1302 5.83746 14.6191C4.45403 14.108 3.27289 13.1634 2.47017 11.9261C1.66746 10.6889 1.2862 9.22532 1.38323 7.7537C1.48027 6.28208 2.05042 4.88125 3.00864 3.76013C3.96686 2.63902 5.26181 1.85768 6.70037 1.53266C8.13893 1.20763 9.64401 1.35634 10.9912 1.95659\" stroke=\"#0273E8\" stroke-width=\"1.00638\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15.0462 2.73547L8.20703 9.5815L6.15527 7.52975\" stroke=\"#0273E8\" stroke-width=\"1.00638\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1358
- encapsulation: core.ViewEncapsulation.None
1378
+ styles: [":host{display:flex}"]
1359
1379
  },] }
1360
1380
  ];
1361
1381
  var MonkeyIconCheckCircleComponent = /** @class */ (function (_super) {
@@ -1369,7 +1389,7 @@
1369
1389
  { type: core.Component, args: [{
1370
1390
  selector: 'monkey-icon-check-circle',
1371
1391
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#00875A\"/>\r\n<path d=\"M11 5L7 11L4 8.27273\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n",
1372
- encapsulation: core.ViewEncapsulation.None
1392
+ styles: [":host{display:flex}"]
1373
1393
  },] }
1374
1394
  ];
1375
1395
  var MonkeyIconCheckGreyComponent = /** @class */ (function (_super) {
@@ -1383,7 +1403,7 @@
1383
1403
  { type: core.Component, args: [{
1384
1404
  selector: 'monkey-icon-check-grey',
1385
1405
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"5.5\" fill=\"#EBEBEB\" stroke=\"#C2C2C2\"/>\r\n</svg>\r\n",
1386
- encapsulation: core.ViewEncapsulation.None
1406
+ styles: [":host{display:flex}"]
1387
1407
  },] }
1388
1408
  ];
1389
1409
  var MonkeyIconCheckWhiteComponent = /** @class */ (function (_super) {
@@ -1397,7 +1417,7 @@
1397
1417
  { type: core.Component, args: [{
1398
1418
  selector: 'monkey-icon-check-white',
1399
1419
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<rect width=\"16\" height=\"16\" rx=\"6\" fill=\"#FAFAFA\"/>\r\n<path d=\"M11 6L6.875 10L5 8.18182\" stroke=\"#00875A\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n",
1400
- encapsulation: core.ViewEncapsulation.None
1420
+ styles: [":host{display:flex}"]
1401
1421
  },] }
1402
1422
  ];
1403
1423
  var MonkeyIconCheckComponent = /** @class */ (function (_super) {
@@ -1411,7 +1431,7 @@
1411
1431
  { type: core.Component, args: [{
1412
1432
  selector: 'monkey-icon-check',
1413
1433
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M28 8L11.5 24L4 16.7273\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1414
- encapsulation: core.ViewEncapsulation.None
1434
+ styles: [":host{display:flex}"]
1415
1435
  },] }
1416
1436
  ];
1417
1437
  var MonkeyIconClipboardComponent = /** @class */ (function (_super) {
@@ -1425,7 +1445,7 @@
1425
1445
  { type: core.Component, args: [{
1426
1446
  selector: 'monkey-icon-clipboard',
1427
1447
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M16 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H8\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15 2H9C8.44772 2 8 2.44772 8 3V5C8 5.55228 8.44772 6 9 6H15C15.5523 6 16 5.55228 16 5V3C16 2.44772 15.5523 2 15 2Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1428
- encapsulation: core.ViewEncapsulation.None
1448
+ styles: [":host{display:flex}"]
1429
1449
  },] }
1430
1450
  ];
1431
1451
  var MonkeyIconClockComponent = /** @class */ (function (_super) {
@@ -1439,7 +1459,7 @@
1439
1459
  { type: core.Component, args: [{
1440
1460
  selector: 'monkey-icon-clock',
1441
1461
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 4V8L11 10\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1442
- encapsulation: core.ViewEncapsulation.None
1462
+ styles: [":host{display:flex}"]
1443
1463
  },] }
1444
1464
  ];
1445
1465
  var MonkeyIconCloseComponent = /** @class */ (function (_super) {
@@ -1453,7 +1473,7 @@
1453
1473
  { type: core.Component, args: [{
1454
1474
  selector: 'monkey-icon-close',
1455
1475
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M26 6L6 26\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M6 6L26 26\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1456
- encapsulation: core.ViewEncapsulation.None
1476
+ styles: [":host{display:flex}"]
1457
1477
  },] }
1458
1478
  ];
1459
1479
  var MonkeyIconCNPJComponent = /** @class */ (function (_super) {
@@ -1467,7 +1487,7 @@
1467
1487
  { type: core.Component, args: [{
1468
1488
  selector: 'monkey-icon-cnpj',
1469
1489
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M8 8H10V12H8V8Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M8 14H10V18H8V14Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M14 8H16V12H14V8Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M14 14H16V18H14V14Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M8 20H10V24H8V20Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M14 20H16V24H14V20Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M30 14C30 13.4696 29.7893 12.9609 29.4142 12.5858C29.0391 12.2107 28.5304 12 28 12H22V4C22 3.46957 21.7893 2.96086 21.4142 2.58579C21.0391 2.21071 20.5304 2 20 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V30H30V14ZM4 4H20V28H4V4ZM22 28V14H28V28H22Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1470
- encapsulation: core.ViewEncapsulation.None
1490
+ styles: [":host{display:flex}"]
1471
1491
  },] }
1472
1492
  ];
1473
1493
  var MonkeyIconCodepenComponent = /** @class */ (function (_super) {
@@ -1481,7 +1501,7 @@
1481
1501
  { type: core.Component, args: [{
1482
1502
  selector: 'monkey-icon-codepen',
1483
1503
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M8.00004 1.33334L14.6667 5.66668V10.3333L8.00004 14.6667L1.33337 10.3333V5.66668L8.00004 1.33334Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 14.6667V10.3333\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M14.6667 5.66666L8.00004 10.3333L1.33337 5.66666\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M1.33337 10.3333L8.00004 5.66666L14.6667 10.3333\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 1.33334V5.66668\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1484
- encapsulation: core.ViewEncapsulation.None
1504
+ styles: [":host{display:flex}"]
1485
1505
  },] }
1486
1506
  ];
1487
1507
  var MonkeyIconCompanyNameComponent = /** @class */ (function (_super) {
@@ -1495,7 +1515,7 @@
1495
1515
  { type: core.Component, args: [{
1496
1516
  selector: 'monkey-icon-company-name',
1497
1517
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<rect x=\"3\" y=\"5\" width=\"26\" height=\"22\" rx=\"1\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<rect x=\"14\" y=\"8\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"6\" y=\"8\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"6\" y=\"12\" width=\"10\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"6\" y=\"16\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"14\" y=\"16\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"6\" y=\"20\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"12\" y=\"20\" width=\"10\" height=\"4\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"24\" y=\"20\" width=\"2\" height=\"4\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"18\" y=\"12\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1498
- encapsulation: core.ViewEncapsulation.None
1518
+ styles: [":host{display:flex}"]
1499
1519
  },] }
1500
1520
  ];
1501
1521
  var MonkeyIconContractComponent = /** @class */ (function (_super) {
@@ -1509,7 +1529,7 @@
1509
1529
  { type: core.Component, args: [{
1510
1530
  selector: 'monkey-icon-contract',
1511
1531
  template: "<svg width=\"32\" height=\"40\" viewBox=\"0 0 32 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M9.59969 28.6665H8.31969C7.96609 28.6665 7.67969 28.9648 7.67969 29.3332C7.67969 29.7015 7.96609 29.9998 8.31969 29.9998H9.59969C9.95329 29.9998 10.2397 29.7015 10.2397 29.3332C10.2397 28.9648 9.95329 28.6665 9.59969 28.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M27.5195 28.6665H12.1595C11.8059 28.6665 11.5195 28.9648 11.5195 29.3332C11.5195 29.7015 11.8059 29.9998 12.1595 29.9998H27.5195C27.8731 29.9998 28.1595 29.7015 28.1595 29.3332C28.1595 28.9648 27.8731 28.6665 27.5195 28.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.59969 24.6665H8.31969C7.96609 24.6665 7.67969 24.9648 7.67969 25.3332C7.67969 25.7015 7.96609 25.9998 8.31969 25.9998H9.59969C9.95329 25.9998 10.2397 25.7015 10.2397 25.3332C10.2397 24.9648 9.95329 24.6665 9.59969 24.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M27.5195 24.6665H12.1595C11.8059 24.6665 11.5195 24.9648 11.5195 25.3332C11.5195 25.7015 11.8059 25.9998 12.1595 25.9998H27.5195C27.8731 25.9998 28.1595 25.7015 28.1595 25.3332C28.1595 24.9648 27.8731 24.6665 27.5195 24.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.59969 20.6665H8.31969C7.96609 20.6665 7.67969 20.9648 7.67969 21.3332C7.67969 21.7015 7.96609 21.9998 8.31969 21.9998H9.59969C9.95329 21.9998 10.2397 21.7015 10.2397 21.3332C10.2397 20.9648 9.95329 20.6665 9.59969 20.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M27.5195 20.6665H12.1595C11.8059 20.6665 11.5195 20.9648 11.5195 21.3332C11.5195 21.7015 11.8059 21.9998 12.1595 21.9998H27.5195C27.8731 21.9998 28.1595 21.7015 28.1595 21.3332C28.1595 20.9648 27.8731 20.6665 27.5195 20.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.59969 16.6665H8.31969C7.96609 16.6665 7.67969 16.9648 7.67969 17.3332C7.67969 17.7015 7.96609 17.9998 8.31969 17.9998H9.59969C9.95329 17.9998 10.2397 17.7015 10.2397 17.3332C10.2397 16.9648 9.95329 16.6665 9.59969 16.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M27.5195 16.6665H12.1595C11.8059 16.6665 11.5195 16.9648 11.5195 17.3332C11.5195 17.7015 11.8059 17.9998 12.1595 17.9998H27.5195C27.8731 17.9998 28.1595 17.7015 28.1595 17.3332C28.1595 16.9648 27.8731 16.6665 27.5195 16.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.59969 12.6665H8.31969C7.96609 12.6665 7.67969 12.9648 7.67969 13.3332C7.67969 13.7015 7.96609 13.9998 8.31969 13.9998H9.59969C9.95329 13.9998 10.2397 13.7015 10.2397 13.3332C10.2397 12.9648 9.95329 12.6665 9.59969 12.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M27.5195 12.6665H12.1595C11.8059 12.6665 11.5195 12.9648 11.5195 13.3332C11.5195 13.7015 11.8059 13.9998 12.1595 13.9998H27.5195C27.8731 13.9998 28.1595 13.7015 28.1595 13.3332C28.1595 12.9648 27.8731 12.6665 27.5195 12.6665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M31.992 9.95833C31.9888 9.9 31.9776 9.8425 31.9592 9.78667C31.952 9.765 31.9472 9.745 31.9384 9.72417C31.9072 9.65167 31.864 9.58583 31.8104 9.52917L22.8504 0.195833C22.796 0.14 22.7328 0.095 22.6632 0.0625C22.6432 0.0533333 22.6232 0.0475 22.604 0.0408333C22.5504 0.0216667 22.4944 0.01 22.4384 0.00583333C22.4264 0.0075 22.4144 0 22.4 0H4.48C4.1264 0 3.84 0.298333 3.84 0.666667V2.66667H0.64C0.2864 2.66667 0 2.965 0 3.33333V39.3333C0 39.7017 0.2864 40 0.64 40H27.52C27.8736 40 28.16 39.7017 28.16 39.3333V36H31.36C31.7136 36 32 35.7017 32 35.3333V10C32 9.985 31.9928 9.9725 31.992 9.95833ZM23.04 2.27583L29.8152 9.33333H23.04V2.27583ZM26.88 38.6667H1.28V4H3.84V35.3333C3.84 35.7017 4.1264 36 4.48 36H26.88V38.6667ZM30.72 34.6667H5.12V1.33333H21.76V10C21.76 10.3683 22.0464 10.6667 22.4 10.6667H30.72V34.6667Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M12.1597 6H8.31969C7.96609 6 7.67969 6.29833 7.67969 6.66667V10.6667C7.67969 11.035 7.96609 11.3333 8.31969 11.3333H12.1597C12.5133 11.3333 12.7997 11.035 12.7997 10.6667V6.66667C12.7997 6.29833 12.5133 6 12.1597 6ZM11.5197 10H8.95969V7.33333H11.5197V10Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1512
- encapsulation: core.ViewEncapsulation.None
1532
+ styles: [":host{display:flex}"]
1513
1533
  },] }
1514
1534
  ];
1515
1535
  var MonkeyIconDeleteComponent = /** @class */ (function (_super) {
@@ -1523,7 +1543,7 @@
1523
1543
  { type: core.Component, args: [{
1524
1544
  selector: 'monkey-icon-delete',
1525
1545
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M14 2.66663H5.33329L0.666626 7.99996L5.33329 13.3333H14C14.3536 13.3333 14.6927 13.1928 14.9428 12.9428C15.1928 12.6927 15.3333 12.3536 15.3333 12V3.99996C15.3333 3.64634 15.1928 3.3072 14.9428 3.05715C14.6927 2.8071 14.3536 2.66663 14 2.66663V2.66663Z\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12 6L8 10\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 6L12 10\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1526
- encapsulation: core.ViewEncapsulation.None
1546
+ styles: [":host{display:flex}"]
1527
1547
  },] }
1528
1548
  ];
1529
1549
  var MonkeyIconDocumentComponent = /** @class */ (function (_super) {
@@ -1537,7 +1557,7 @@
1537
1557
  { type: core.Component, args: [{
1538
1558
  selector: 'monkey-icon-document',
1539
1559
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12.9375 2.25H6.375C5.87772 2.25 5.40081 2.45545 5.04917 2.82114C4.69754 3.18684 4.5 3.68283 4.5 4.2V19.8C4.5 20.3172 4.69754 20.8132 5.04917 21.1789C5.40081 21.5446 5.87772 21.75 6.375 21.75H17.625C18.1223 21.75 18.5992 21.5446 18.9508 21.1789C19.3025 20.8132 19.5 20.3172 19.5 19.8V9.075L12.9375 2.25Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12.75 3V9.75H19.5\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 13H13.5\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 15H16\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 17H16\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1540
- encapsulation: core.ViewEncapsulation.None
1560
+ styles: [":host{display:flex}"]
1541
1561
  },] }
1542
1562
  ];
1543
1563
  var MonkeyIconDollarSignComponent = /** @class */ (function (_super) {
@@ -1551,7 +1571,7 @@
1551
1571
  { type: core.Component, args: [{
1552
1572
  selector: 'monkey-icon-dollar-sign',
1553
1573
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M4 23V1H5H8.5H12H15.5H19H20V23H19L15.5 19L12 23L8.5 19L5 23H4Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12 5.49988V16.4999\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M14.5 7.50012H10.75C10.2859 7.50012 9.84075 7.6845 9.51256 8.01269C9.18437 8.34087 9 8.78599 9 9.25012C9 9.71425 9.18437 10.1594 9.51256 10.4876C9.84075 10.8157 10.2859 11.0001 10.75 11.0001H13.25C13.7141 11.0001 14.1592 11.1845 14.4874 11.5127C14.8156 11.8409 15 12.286 15 12.7501C15 13.2143 14.8156 13.6594 14.4874 13.9876C14.1592 14.3157 13.7141 14.5001 13.25 14.5001H9\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1554
- encapsulation: core.ViewEncapsulation.None
1574
+ styles: [":host{display:flex}"]
1555
1575
  },] }
1556
1576
  ];
1557
1577
  var MonkeyIconDomainComponent = /** @class */ (function (_super) {
@@ -1565,7 +1585,7 @@
1565
1585
  { type: core.Component, args: [{
1566
1586
  selector: 'monkey-icon-domain',
1567
1587
  template: "<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M16 16H20V24H16V16Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M16 28H20V36H16V28Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M28 16H32V24H28V16Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M28 28H32V36H28V28Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M16 40H20V48H16V40Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M28 40H32V48H28V40Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M60 28C60 26.9391 59.5786 25.9217 58.8284 25.1716C58.0783 24.4214 57.0609 24 56 24H44V8C44 6.93913 43.5786 5.92172 42.8284 5.17157C42.0783 4.42143 41.0609 4 40 4H8C6.93913 4 5.92172 4.42143 5.17157 5.17157C4.42143 5.92172 4 6.93913 4 8V60H60V28ZM8 8H40V56H8V8ZM44 56V28H56V56H44Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1568
- encapsulation: core.ViewEncapsulation.None
1588
+ styles: [":host{display:flex}"]
1569
1589
  },] }
1570
1590
  ];
1571
1591
  var MonkeyIconDownloadComponent = /** @class */ (function (_super) {
@@ -1579,7 +1599,7 @@
1579
1599
  { type: core.Component, args: [{
1580
1600
  selector: 'monkey-icon-download',
1581
1601
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M4.6665 6.66667L7.99984 10L11.3332 6.66667\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 10V2\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1582
- encapsulation: core.ViewEncapsulation.None
1602
+ styles: [":host{display:flex}"]
1583
1603
  },] }
1584
1604
  ];
1585
1605
  var MonkeyIconEditComponent = /** @class */ (function (_super) {
@@ -1593,7 +1613,7 @@
1593
1613
  { type: core.Component, args: [{
1594
1614
  selector: 'monkey-icon-edit',
1595
1615
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M21.1298 6.8356C21.3947 6.57068 21.7092 6.36054 22.0553 6.21716C22.4015 6.07379 22.7725 6 23.1471 6C23.5217 6 23.8927 6.07379 24.2389 6.21716C24.585 6.36054 24.8995 6.57068 25.1644 6.8356C25.4293 7.10051 25.6395 7.41501 25.7828 7.76114C25.9262 8.10727 26 8.47825 26 8.8529C26 9.22755 25.9262 9.59853 25.7828 9.94466C25.6395 10.2908 25.4293 10.6053 25.1644 10.8702L11.5476 24.487L6 26L7.51298 20.4524L21.1298 6.8356Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1596
- encapsulation: core.ViewEncapsulation.None
1616
+ styles: [":host{display:flex}"]
1597
1617
  },] }
1598
1618
  ];
1599
1619
  var MonkeyIconEmailComponent = /** @class */ (function (_super) {
@@ -1607,7 +1627,7 @@
1607
1627
  { type: core.Component, args: [{
1608
1628
  selector: 'monkey-icon-email',
1609
1629
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M5.33366 5.33334H26.667C28.1337 5.33334 29.3337 6.53334 29.3337 8V24C29.3337 25.4667 28.1337 26.6667 26.667 26.6667H5.33366C3.86699 26.6667 2.66699 25.4667 2.66699 24V8C2.66699 6.53334 3.86699 5.33334 5.33366 5.33334Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M29.3337 8L16.0003 17.3333L2.66699 8\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1610
- encapsulation: core.ViewEncapsulation.None
1630
+ styles: [":host{display:flex}"]
1611
1631
  },] }
1612
1632
  ];
1613
1633
  var MonkeyIconEmptyDocComponent = /** @class */ (function (_super) {
@@ -1621,7 +1641,7 @@
1621
1641
  { type: core.Component, args: [{
1622
1642
  selector: 'monkey-icon-empty-doc',
1623
1643
  template: "<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M34.5 6H17C15.6739 6 14.4021 6.54786 13.4645 7.52304C12.5268 8.49823 12 9.82087 12 11.2V52.8C12 54.1791 12.5268 55.5018 13.4645 56.477C14.4021 57.4521 15.6739 58 17 58H47C48.3261 58 49.5979 57.4521 50.5355 56.477C51.4732 55.5018 52 54.1791 52 52.8V24.2L34.5 6Z\" stroke=\"#0273E8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M34 8V26H52\" stroke=\"#0273E8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1624
- encapsulation: core.ViewEncapsulation.None
1644
+ styles: [":host{display:flex}"]
1625
1645
  },] }
1626
1646
  ];
1627
1647
  var MonkeyIconErrorComponent = /** @class */ (function (_super) {
@@ -1635,7 +1655,7 @@
1635
1655
  { type: core.Component, args: [{
1636
1656
  selector: 'monkey-icon-error',
1637
1657
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M5.102 1H10.898L15 5.102V10.898L10.898 15H5.102L1 10.898V5.102L5.102 1Z\" fill=\"#FA3838\"/>\r\n<path d=\"M8 5.33333V7.99999\" stroke=\"#F5FAFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 10.6667H8.00667\" stroke=\"#F5FAFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n",
1638
- encapsulation: core.ViewEncapsulation.None
1658
+ styles: [":host{display:flex}"]
1639
1659
  },] }
1640
1660
  ];
1641
1661
  var MonkeyIconEyeClosedComponent = /** @class */ (function (_super) {
@@ -1649,7 +1669,7 @@
1649
1669
  { type: core.Component, args: [{
1650
1670
  selector: 'monkey-icon-eye-closed',
1651
1671
  template: "<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M10.108 9.61859C9.9249 9.81509 9.70409 9.9727 9.45876 10.082C9.21343 10.1913 8.9486 10.2501 8.68005 10.2548C8.41151 10.2596 8.14477 10.2102 7.89573 10.1096C7.6467 10.009 7.42048 9.85928 7.23056 9.66936C7.04064 9.47945 6.89092 9.25322 6.79033 9.00419C6.68974 8.75515 6.64035 8.48841 6.64508 8.21987C6.64982 7.95133 6.7086 7.68649 6.81791 7.44116C6.92722 7.19583 7.08483 6.97503 7.28133 6.79193M12.6547 12.1653C11.5151 13.0339 10.1274 13.5152 8.69466 13.5386C4.02799 13.5386 1.36133 8.20526 1.36133 8.20526C2.19059 6.65986 3.34075 5.30967 4.73466 4.24526L12.6547 12.1653ZM7.29466 3.03193C7.75355 2.92451 8.22337 2.87082 8.69466 2.87193C13.3613 2.87193 16.028 8.20526 16.028 8.20526C15.6233 8.96233 15.1407 9.67508 14.588 10.3319L7.29466 3.03193Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M1.36133 0.871927L16.028 15.5386\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0.694824 0.205261)\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n",
1652
- encapsulation: core.ViewEncapsulation.None
1672
+ styles: [":host{display:flex}"]
1653
1673
  },] }
1654
1674
  ];
1655
1675
  var MonkeyIconEyeOpenComponent = /** @class */ (function (_super) {
@@ -1663,7 +1683,7 @@
1663
1683
  { type: core.Component, args: [{
1664
1684
  selector: 'monkey-icon-eye-open',
1665
1685
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M0.666504 8C0.666504 8 3.33317 2.66667 7.99984 2.66667C12.6665 2.66667 15.3332 8 15.3332 8C15.3332 8 12.6665 13.3333 7.99984 13.3333C3.33317 13.3333 0.666504 8 0.666504 8Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1666
- encapsulation: core.ViewEncapsulation.None
1686
+ styles: [":host{display:flex}"]
1667
1687
  },] }
1668
1688
  ];
1669
1689
  var MonkeyIconFilterComponent = /** @class */ (function (_super) {
@@ -1677,7 +1697,7 @@
1677
1697
  { type: core.Component, args: [{
1678
1698
  selector: 'monkey-icon-filter',
1679
1699
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M14.6667 2H1.33337L6.66671 8.30667V12.6667L9.33337 14V8.30667L14.6667 2Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1680
- encapsulation: core.ViewEncapsulation.None
1700
+ styles: [":host{display:flex}"]
1681
1701
  },] }
1682
1702
  ];
1683
1703
  var MonkeyIconGridComponent = /** @class */ (function (_super) {
@@ -1691,7 +1711,7 @@
1691
1711
  { type: core.Component, args: [{
1692
1712
  selector: 'monkey-icon-grid',
1693
1713
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M6 2H3C2.44772 2 2 2.44772 2 3V6C2 6.55228 2.44772 7 3 7H6C6.55228 7 7 6.55228 7 6V3C7 2.44772 6.55228 2 6 2Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M13 2H10C9.44772 2 9 2.44772 9 3V6C9 6.55228 9.44772 7 10 7H13C13.5523 7 14 6.55228 14 6V3C14 2.44772 13.5523 2 13 2Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M13 9H10C9.44772 9 9 9.44772 9 10V13C9 13.5523 9.44772 14 10 14H13C13.5523 14 14 13.5523 14 13V10C14 9.44772 13.5523 9 13 9Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M6 9H3C2.44772 9 2 9.44772 2 10V13C2 13.5523 2.44772 14 3 14H6C6.55228 14 7 13.5523 7 13V10C7 9.44772 6.55228 9 6 9Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1694
- encapsulation: core.ViewEncapsulation.None
1714
+ styles: [":host{display:flex}"]
1695
1715
  },] }
1696
1716
  ];
1697
1717
  var MonkeyIconHelpComponent = /** @class */ (function (_super) {
@@ -1705,7 +1725,7 @@
1705
1725
  { type: core.Component, args: [{
1706
1726
  selector: 'monkey-icon-help',
1707
1727
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12.1201 12C12.4336 11.1089 13.0523 10.3575 13.8667 9.87884C14.6811 9.40021 15.6386 9.22525 16.5697 9.38495C17.5007 9.54464 18.3452 10.0287 18.9536 10.7514C19.5619 11.474 19.8949 12.3887 19.8934 13.3333C19.8934 16 15.8934 17.3333 15.8934 17.3333V19\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16 22.6667H16.0133\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1708
- encapsulation: core.ViewEncapsulation.None
1728
+ styles: [":host{display:flex}"]
1709
1729
  },] }
1710
1730
  ];
1711
1731
  var MonkeyIconHexagonComponent = /** @class */ (function (_super) {
@@ -1719,7 +1739,7 @@
1719
1739
  { type: core.Component, args: [{
1720
1740
  selector: 'monkey-icon-hexagon',
1721
1741
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M14 10.6667V5.33335C13.9998 5.09953 13.938 4.86989 13.821 4.66746C13.704 4.46503 13.5358 4.29692 13.3333 4.18002L8.66667 1.51335C8.46397 1.39633 8.23405 1.33472 8 1.33472C7.76595 1.33472 7.53603 1.39633 7.33333 1.51335L2.66667 4.18002C2.46418 4.29692 2.29599 4.46503 2.17897 4.66746C2.06196 4.86989 2.00024 5.09953 2 5.33335V10.6667C2.00024 10.9005 2.06196 11.1301 2.17897 11.3326C2.29599 11.535 2.46418 11.7031 2.66667 11.82L7.33333 14.4867C7.53603 14.6037 7.76595 14.6653 8 14.6653C8.23405 14.6653 8.46397 14.6037 8.66667 14.4867L13.3333 11.82C13.5358 11.7031 13.704 11.535 13.821 11.3326C13.938 11.1301 13.9998 10.9005 14 10.6667Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1722
- encapsulation: core.ViewEncapsulation.None
1742
+ styles: [":host{display:flex}"]
1723
1743
  },] }
1724
1744
  ];
1725
1745
  var MonkeyIconHomeComponent = /** @class */ (function (_super) {
@@ -1733,7 +1753,7 @@
1733
1753
  { type: core.Component, args: [{
1734
1754
  selector: 'monkey-icon-home',
1735
1755
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9 22V12H15V22\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1736
- encapsulation: core.ViewEncapsulation.None
1756
+ styles: [":host{display:flex}"]
1737
1757
  },] }
1738
1758
  ];
1739
1759
  var MonkeyIconImageComponent = /** @class */ (function (_super) {
@@ -1747,7 +1767,7 @@
1747
1767
  { type: core.Component, args: [{
1748
1768
  selector: 'monkey-icon-image',
1749
1769
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M25.3333 4H6.66667C5.19391 4 4 5.19391 4 6.66667V25.3333C4 26.8061 5.19391 28 6.66667 28H25.3333C26.8061 28 28 26.8061 28 25.3333V6.66667C28 5.19391 26.8061 4 25.3333 4Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M11.334 13.3333C12.4386 13.3333 13.334 12.4379 13.334 11.3333C13.334 10.2288 12.4386 9.33334 11.334 9.33334C10.2294 9.33334 9.33398 10.2288 9.33398 11.3333C9.33398 12.4379 10.2294 13.3333 11.334 13.3333Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M27.9994 20L21.3327 13.3333L6.66602 28\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1750
- encapsulation: core.ViewEncapsulation.None
1770
+ styles: [":host{display:flex}"]
1751
1771
  },] }
1752
1772
  ];
1753
1773
  var MonkeyIconListComponent = /** @class */ (function (_super) {
@@ -1761,7 +1781,7 @@
1761
1781
  { type: core.Component, args: [{
1762
1782
  selector: 'monkey-icon-list',
1763
1783
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M5.33325 4H13.9999\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M5.33325 8H13.9999\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M5.33325 12H13.9999\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M2 4H2.00667\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M2 8H2.00667\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M2 12H2.00667\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1764
- encapsulation: core.ViewEncapsulation.None
1784
+ styles: [":host{display:flex}"]
1765
1785
  },] }
1766
1786
  ];
1767
1787
  var MonkeyIconLocationPinComponent = /** @class */ (function (_super) {
@@ -1775,7 +1795,7 @@
1775
1795
  { type: core.Component, args: [{
1776
1796
  selector: 'monkey-icon-location-pin',
1777
1797
  template: "<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M56 26.666C56 45.3327 32 61.3327 32 61.3327C32 61.3327 8 45.3327 8 26.666C8 20.3008 10.5286 14.1963 15.0294 9.69545C19.5303 5.19458 25.6348 2.66602 32 2.66602C38.3652 2.66602 44.4697 5.19458 48.9706 9.69545C53.4714 14.1963 56 20.3008 56 26.666Z\" stroke=\"#0273E8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M32 34.666C36.4183 34.666 40 31.0843 40 26.666C40 22.2477 36.4183 18.666 32 18.666C27.5817 18.666 24 22.2477 24 26.666C24 31.0843 27.5817 34.666 32 34.666Z\" stroke=\"#0273E8\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1778
- encapsulation: core.ViewEncapsulation.None
1798
+ styles: [":host{display:flex}"]
1779
1799
  },] }
1780
1800
  ];
1781
1801
  var MonkeyIconLoginComponent = /** @class */ (function (_super) {
@@ -1789,7 +1809,7 @@
1789
1809
  { type: core.Component, args: [{
1790
1810
  selector: 'monkey-icon-login',
1791
1811
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M15 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H15\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M10 17L15 12L10 7\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15 12H3\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1792
- encapsulation: core.ViewEncapsulation.None
1812
+ styles: [":host{display:flex}"]
1793
1813
  },] }
1794
1814
  ];
1795
1815
  var MonkeyIconLogoutComponent = /** @class */ (function (_super) {
@@ -1803,7 +1823,7 @@
1803
1823
  { type: core.Component, args: [{
1804
1824
  selector: 'monkey-icon-logout',
1805
1825
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M6 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H6\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M10.6667 11.3333L14 7.99999L10.6667 4.66666\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M14 8H6\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1806
- encapsulation: core.ViewEncapsulation.None
1826
+ styles: [":host{display:flex}"]
1807
1827
  },] }
1808
1828
  ];
1809
1829
  var MonkeyIconMenuComponent = /** @class */ (function (_super) {
@@ -1817,7 +1837,7 @@
1817
1837
  { type: core.Component, args: [{
1818
1838
  selector: 'monkey-icon-menu',
1819
1839
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M3 12H21\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M3 6H21\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M3 18H21\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1820
- encapsulation: core.ViewEncapsulation.None
1840
+ styles: [":host{display:flex}"]
1821
1841
  },] }
1822
1842
  ];
1823
1843
  var MonkeyIconMoneySignComponent = /** @class */ (function (_super) {
@@ -1831,7 +1851,7 @@
1831
1851
  { type: core.Component, args: [{
1832
1852
  selector: 'monkey-icon-money-sign',
1833
1853
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12 1V23\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M17 5H9.5C8.57174 5 7.6815 5.36875 7.02513 6.02513C6.36875 6.6815 6 7.57174 6 8.5C6 9.42826 6.36875 10.3185 7.02513 10.9749C7.6815 11.6313 8.57174 12 9.5 12H14.5C15.4283 12 16.3185 12.3688 16.9749 13.0251C17.6313 13.6815 18 14.5717 18 15.5C18 16.4283 17.6313 17.3185 16.9749 17.9749C16.3185 18.6313 15.4283 19 14.5 19H6\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1834
- encapsulation: core.ViewEncapsulation.None
1854
+ styles: [":host{display:flex}"]
1835
1855
  },] }
1836
1856
  ];
1837
1857
  var MonkeyIconMoreComponent = /** @class */ (function (_super) {
@@ -1845,7 +1865,7 @@
1845
1865
  { type: core.Component, args: [{
1846
1866
  selector: 'monkey-icon-more',
1847
1867
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M27.9998 16H4.00018\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16 4V28\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1848
- encapsulation: core.ViewEncapsulation.None
1868
+ styles: [":host{display:flex}"]
1849
1869
  },] }
1850
1870
  ];
1851
1871
  var MonkeyIconOfferedComponent = /** @class */ (function (_super) {
@@ -1859,7 +1879,7 @@
1859
1879
  { type: core.Component, args: [{
1860
1880
  selector: 'monkey-icon-offered',
1861
1881
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M15.1838 13.1061L15.0823 13.1673C14.7488 12.6998 14.1591 12.5157 13.7115 12.7693C13.7101 12.7701 13.7087 12.7709 13.7073 12.7718L13.4933 12.9006C13.2584 12.6736 12.9662 12.5338 12.6571 12.5008C12.348 12.4677 12.0373 12.543 11.7682 12.7162L10.6857 13.3741H9.24637C8.93253 13.3736 8.62281 13.2943 8.34011 13.142L8.14295 13.0355C7.58541 12.7323 6.96367 12.6074 6.34657 12.6748C5.72947 12.7421 5.14108 12.9991 4.64657 13.4171C4.64239 13.4206 4.63831 13.4242 4.63439 13.4282L4.15854 13.9018C3.98503 14.0743 2.19298 15.1264 1.10413 15.7491C1.08177 15.7618 1.06189 15.7794 1.04561 15.8008C1.02933 15.8222 1.01698 15.8469 1.00926 15.8736C1.00154 15.9003 0.998602 15.9285 1.00062 15.9565C1.00263 15.9844 1.00955 16.0117 1.02099 16.0367C1.03243 16.0617 1.04816 16.0839 1.06728 16.1021C1.08641 16.1203 1.10855 16.1341 1.13245 16.1427C1.15635 16.1513 1.18153 16.1546 1.20656 16.1524C1.23159 16.1501 1.25599 16.1424 1.27834 16.1296C1.75592 15.8565 4.1514 14.4811 4.41278 14.221L4.8828 13.7533C5.32104 13.3849 5.84179 13.1588 6.38766 13.1C6.93353 13.0413 7.48333 13.1521 7.97645 13.4202L8.17358 13.5268C8.50823 13.707 8.87486 13.8009 9.24637 13.8015H11.1583C11.4497 13.8019 11.7315 13.9177 11.9537 14.1284C12.176 14.339 12.3242 14.6308 12.3722 14.952L10.9576 14.8806C10.4553 14.8554 9.95187 14.8814 9.45373 14.9583C9.42864 14.9618 9.40444 14.9709 9.38252 14.985C9.3606 14.9991 9.3414 15.0179 9.32603 15.0404C9.31066 15.0628 9.29943 15.0884 9.29298 15.1158C9.28653 15.1431 9.28499 15.1716 9.28846 15.1996C9.29192 15.2276 9.30032 15.2545 9.31317 15.2788C9.32602 15.3032 9.34306 15.3244 9.36331 15.3414C9.38355 15.3583 9.4066 15.3706 9.43112 15.3775C9.45564 15.3844 9.48115 15.3858 9.50616 15.3816C9.98123 15.3083 10.4613 15.2835 10.9404 15.3076L12.5712 15.3901C12.597 15.3914 12.6228 15.3869 12.647 15.3767C12.6713 15.3665 12.6934 15.351 12.7121 15.331C12.7307 15.3111 12.7456 15.2871 12.7557 15.2605C12.7659 15.2339 12.7711 15.2053 12.7711 15.1764C12.7711 15.1325 12.7692 15.0892 12.7664 15.0461L13.0033 14.9065L15.3656 13.4823C15.5556 13.3673 15.7747 13.3274 15.9876 13.3689C16.2004 13.4105 16.3944 13.5311 16.5383 13.7113L11.7409 17.3925C11.1102 17.7361 10.3982 17.8468 9.70749 17.7088L6.83992 17.1187C6.52946 17.0329 6.20143 17.0828 5.92273 17.2581L3.0497 19.0934C3.02778 19.1072 3.00851 19.1258 2.99302 19.148C2.97753 19.1702 2.96612 19.1956 2.95943 19.2227C2.95275 19.2499 2.95093 19.2782 2.95408 19.3062C2.95723 19.3341 2.96529 19.3611 2.97779 19.3855C2.99029 19.4099 3.00699 19.4314 3.02693 19.4486C3.04686 19.4658 3.06964 19.4784 3.09396 19.4858C3.11828 19.4931 3.14366 19.495 3.16863 19.4914C3.19361 19.4877 3.21769 19.4786 3.2395 19.4645L6.11097 17.63C6.30617 17.5077 6.53591 17.4736 6.75291 17.5349C6.75686 17.536 6.76084 17.537 6.76486 17.5378L9.63878 18.1293C10.415 18.2844 11.2152 18.1582 11.9226 17.769C11.9307 17.7645 11.9386 17.7593 11.946 17.7536L16.917 13.9392C16.9572 13.9083 16.9853 13.8615 16.9956 13.8083C17.006 13.7551 16.9977 13.6994 16.9726 13.6527C16.7948 13.3217 16.5096 13.0801 16.1764 12.9783C15.8431 12.8765 15.4876 12.9222 15.1838 13.1061ZM11.9531 13.0904L11.9577 13.0875C12.136 12.9723 12.3394 12.9146 12.5453 12.9209C12.7512 12.9272 12.9515 12.9972 13.1239 13.1231L12.1179 13.729C11.9177 13.5627 11.6856 13.4508 11.4401 13.4023L11.9531 13.0904ZM12.8232 14.5294L12.6886 14.6088C12.6269 14.4016 12.532 14.2087 12.4085 14.0395L13.8864 13.1495C14.1516 13.0009 14.5108 13.1073 14.7377 13.3752L12.8232 14.5294Z\" fill=\"#0273E8\" stroke=\"#0273E8\" stroke-width=\"0.336574\" [attr.stroke]=\"fillColor\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M10.2178 1V10.164\" stroke=\"#0273E8\" stroke-width=\"0.897531\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M12.5833 4H9.45833C9.07156 4 8.70063 4.18437 8.42714 4.51256C8.15365 4.84075 8 5.28587 8 5.75C8 6.21413 8.15365 6.65925 8.42714 6.98744C8.70063 7.31563 9.07156 7.5 9.45833 7.5H11.5417C11.9284 7.5 12.2994 7.68437 12.5729 8.01256C12.8464 8.34075 13 8.78587 13 9.25C13 9.71413 12.8464 10.1592 12.5729 10.4874C12.2994 10.8156 11.9284 11 11.5417 11H8\" stroke=\"#0273E8\" stroke-width=\"0.897531\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1862
- encapsulation: core.ViewEncapsulation.None
1882
+ styles: [":host{display:flex}"]
1863
1883
  },] }
1864
1884
  ];
1865
1885
  var MonkeyIconPasswordComponent = /** @class */ (function (_super) {
@@ -1873,7 +1893,7 @@
1873
1893
  { type: core.Component, args: [{
1874
1894
  selector: 'monkey-icon-password',
1875
1895
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M25.3333 14H6.66667C5.19391 14 4 15.3024 4 16.9091V27.0909C4 28.6976 5.19391 30 6.66667 30H25.3333C26.8061 30 28 28.6976 28 27.0909V16.9091C28 15.3024 26.8061 14 25.3333 14Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9 14V8.66667C9 6.89856 9.7375 5.20286 11.0503 3.95262C12.363 2.70238 14.1435 2 16 2C17.8565 2 19.637 2.70238 20.9497 3.95262C22.2625 5.20286 23 6.89856 23 8.66667V14\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1876
- encapsulation: core.ViewEncapsulation.None
1896
+ styles: [":host{display:flex}"]
1877
1897
  },] }
1878
1898
  ];
1879
1899
  var MonkeyIconPeopleComponent = /** @class */ (function (_super) {
@@ -1887,7 +1907,7 @@
1887
1907
  { type: core.Component, args: [{
1888
1908
  selector: 'monkey-icon-people',
1889
1909
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4175 13.0849C12.4024 13.2687 13.317 13.746 14.0355 14.4645C14.0473 14.4763 14.0591 14.4881 14.0707 14.5H19.5C20.0304 14.5 20.5391 14.7107 20.9142 15.0858C21.2893 15.4609 21.5 15.9696 21.5 16.5V18C21.5 18.5523 21.9477 19 22.5 19C23.0523 19 23.5 18.5523 23.5 18V16.5C23.5 15.4391 23.0786 14.4217 22.3284 13.6716C21.5783 12.9214 20.5609 12.5 19.5 12.5H13.5C12.7592 12.5 12.0396 12.7055 11.4175 13.0849ZM11.5 18C11.5 17.7348 11.3946 17.4804 11.2071 17.2929C11.0196 17.1054 10.7652 17 10.5 17H9.5V18C9.5 18.5523 9.94772 19 10.5 19C11.0523 19 11.5 18.5523 11.5 18Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M13.5 19.5V18C13.5 17.2044 13.1839 16.4413 12.6213 15.8787C12.0587 15.3161 11.2956 15 10.5 15H4.5C3.70435 15 2.94129 15.3161 2.37868 15.8787C1.81607 16.4413 1.5 17.2044 1.5 18V19.5\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M7.5 12C9.15685 12 10.5 10.6569 10.5 9C10.5 7.34315 9.15685 6 7.5 6C5.84315 6 4.5 7.34315 4.5 9C4.5 10.6569 5.84315 12 7.5 12Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16.5 10.5C18.1569 10.5 19.5 9.15685 19.5 7.5C19.5 5.84315 18.1569 4.5 16.5 4.5C14.8431 4.5 13.5 5.84315 13.5 7.5C13.5 9.15685 14.8431 10.5 16.5 10.5Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1890
- encapsulation: core.ViewEncapsulation.None
1910
+ styles: [":host{display:flex}"]
1891
1911
  },] }
1892
1912
  ];
1893
1913
  var MonkeyIconPercentComponent = /** @class */ (function (_super) {
@@ -1901,7 +1921,7 @@
1901
1921
  { type: core.Component, args: [{
1902
1922
  selector: 'monkey-icon-percent',
1903
1923
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12.6666 3.33337L3.33325 12.6667\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M4.33341 5.99996C5.25389 5.99996 6.00008 5.25377 6.00008 4.33329C6.00008 3.41282 5.25389 2.66663 4.33341 2.66663C3.41294 2.66663 2.66675 3.41282 2.66675 4.33329C2.66675 5.25377 3.41294 5.99996 4.33341 5.99996Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M11.6667 13.3333C12.5871 13.3333 13.3333 12.5871 13.3333 11.6667C13.3333 10.7462 12.5871 10 11.6667 10C10.7462 10 10 10.7462 10 11.6667C10 12.5871 10.7462 13.3333 11.6667 13.3333Z\" stroke=\"#0273E8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1904
- encapsulation: core.ViewEncapsulation.None
1924
+ styles: [":host{display:flex}"]
1905
1925
  },] }
1906
1926
  ];
1907
1927
  var MonkeyIconPersonDocumentComponent = /** @class */ (function (_super) {
@@ -1915,7 +1935,7 @@
1915
1935
  { type: core.Component, args: [{
1916
1936
  selector: 'monkey-icon-person-document',
1917
1937
  template: "<svg width=\"63\" height=\"44\" viewBox=\"0 0 63 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M19.3541 22.7148H14.6053C10.5046 22.7253 7.18263 25.9466 7.17188 29.9231V32.2315C7.17188 32.6679 7.53587 33.0208 7.98587 33.0208H25.9705C25.9736 33.0208 25.9767 33.0208 25.9797 33.0208C26.4297 33.0178 26.7906 32.6619 26.7876 32.2255V29.9231C26.7768 25.9466 23.4548 22.7253 19.3541 22.7148ZM25.1596 31.4362H8.79986V29.9231C8.81675 26.8209 11.4062 24.3099 14.6053 24.2935H19.3541C22.5533 24.3099 25.1427 26.8209 25.1596 29.9231V31.4362Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M55.0224 29.7861H33.2135C32.8035 29.81 32.4763 30.1272 32.4518 30.5248C32.4241 30.9597 32.7651 31.335 33.2135 31.3618H55.0224C55.4325 31.338 55.7596 31.0208 55.7842 30.6231C55.8118 30.1868 55.4709 29.8129 55.0224 29.7861Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M20.8075 20.1055L20.8566 20.0608L20.8581 20.0593C22.9991 17.9832 22.9976 14.6159 20.8566 12.5398C19.8307 11.5405 18.4346 10.979 16.9801 10.979C15.5472 10.979 14.1726 11.5226 13.1498 12.4951L13.1006 12.5398L13.0991 12.5413C10.9581 14.6174 10.9597 17.9847 13.1006 20.0608C15.2216 22.122 18.6604 22.1428 20.8075 20.1055ZM14.2586 13.6597L14.2986 13.621C15.8129 12.2062 18.215 12.2226 19.7078 13.6597L19.717 13.6568C21.2237 15.1193 21.2237 17.4873 19.717 18.9498L19.6771 18.9885C18.1627 20.4108 15.753 20.3944 14.2586 18.9527C12.752 17.4902 12.752 15.1222 14.2586 13.6597Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M57.5785 0H5.4215C2.43123 0.00893582 0.00767918 2.35757 0 5.25724V38.7428C0.00767918 41.6424 2.43123 43.9911 5.4215 44H57.5785C60.5688 43.9925 62.9908 41.6424 63 38.7428V5.25724C62.9908 2.35757 60.5688 0.00893582 57.5785 0ZM61.3751 38.7428C61.3689 40.7727 59.6718 42.4184 57.5785 42.4243H5.4215C3.32816 42.4184 1.63106 40.7727 1.62491 38.7428V5.25724C1.63106 3.22732 3.32816 1.58164 5.4215 1.57568H57.5785C59.6718 1.58164 61.3689 3.22732 61.3751 5.25724V38.7428Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M55.0224 12.6411H33.2135C32.8035 12.6649 32.4763 12.9822 32.4518 13.3798C32.4241 13.8147 32.7651 14.19 33.2135 14.2168H55.0224C55.4325 14.193 55.7596 13.8757 55.7842 13.4781C55.8118 13.0417 55.4709 12.6679 55.0224 12.6411Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M55.0224 21.2139H33.2135C32.8035 21.2377 32.4763 21.5549 32.4518 21.9526C32.4241 22.3874 32.7651 22.7627 33.2135 22.7896H55.0224C55.4325 22.7657 55.7596 22.4485 55.7842 22.0509C55.8118 21.6145 55.4709 21.2407 55.0224 21.2139Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M55.0224 16.9272H33.2135C32.8035 16.9511 32.4763 17.2683 32.4518 17.6659C32.4241 18.1008 32.7651 18.4761 33.2135 18.5029H55.0224C55.4325 18.4791 55.7596 18.1619 55.7842 17.7642C55.8118 17.3279 55.4709 16.9541 55.0224 16.9272Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M55.0224 25.5H33.2135C32.8035 25.5238 32.4763 25.841 32.4518 26.2387C32.4241 26.6736 32.7651 27.0489 33.2135 27.0757H55.0224C55.4325 27.0519 55.7596 26.7346 55.7842 26.337C55.8118 25.9006 55.4709 25.5268 55.0224 25.5Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1918
- encapsulation: core.ViewEncapsulation.None
1938
+ styles: [":host{display:flex}"]
1919
1939
  },] }
1920
1940
  ];
1921
1941
  var MonkeyIconPersonSadComponent = /** @class */ (function (_super) {
@@ -1929,7 +1949,7 @@
1929
1949
  { type: core.Component, args: [{
1930
1950
  selector: 'monkey-icon-person-sad',
1931
1951
  template: "<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M27.9998 51.3333C40.8865 51.3333 51.3332 40.8866 51.3332 28C51.3332 15.1133 40.8865 4.66663 27.9998 4.66663C15.1132 4.66663 4.6665 15.1133 4.6665 28C4.6665 40.8866 15.1132 51.3333 27.9998 51.3333Z\" stroke=\"#FA3838\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M37.3332 37.3333C37.3332 37.3333 33.8332 32.6666 27.9998 32.6666C22.1665 32.6666 18.6665 37.3333 18.6665 37.3333\" stroke=\"#FA3838\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M21 21H21.0233\" stroke=\"#FA3838\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M35 21H35.0233\" stroke=\"#FA3838\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1932
- encapsulation: core.ViewEncapsulation.None
1952
+ styles: [":host{display:flex}"]
1933
1953
  },] }
1934
1954
  ];
1935
1955
  var MonkeyIconPhoneComponent = /** @class */ (function (_super) {
@@ -1943,7 +1963,7 @@
1943
1963
  { type: core.Component, args: [{
1944
1964
  selector: 'monkey-icon-phone',
1945
1965
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M29.3339 22.56V26.56C29.3354 26.9313 29.2593 27.2989 29.1106 27.6391C28.9618 27.9793 28.7436 28.2848 28.47 28.5358C28.1964 28.7868 27.8733 28.9779 27.5216 29.0969C27.1698 29.2159 26.7971 29.2601 26.4272 29.2266C22.3243 28.7808 18.3832 27.3788 14.9206 25.1333C11.699 23.0862 8.96768 20.3549 6.92056 17.1333C4.6672 13.6549 3.26489 9.69463 2.82723 5.5733C2.79391 5.20459 2.83773 4.83298 2.9559 4.48213C3.07406 4.13128 3.26399 3.80889 3.51358 3.53546C3.76318 3.26204 4.06697 3.04358 4.40562 2.894C4.74426 2.74441 5.11035 2.66698 5.48056 2.66663H9.48056C10.1276 2.66026 10.755 2.8894 11.2456 3.31134C11.7362 3.73328 12.0567 4.31923 12.1472 4.95997C12.3161 6.24006 12.6292 7.49694 13.0806 8.70663C13.26 9.18387 13.2988 9.70252 13.1924 10.2011C13.0861 10.6998 12.839 11.1574 12.4806 11.52L10.7872 13.2133C12.6853 16.5514 15.4492 19.3152 18.7872 21.2133L20.4806 19.52C20.8431 19.1615 21.3008 18.9144 21.7994 18.8081C22.298 18.7018 22.8167 18.7406 23.2939 18.92C24.5036 19.3714 25.7605 19.6845 27.0406 19.8533C27.6883 19.9447 28.2798 20.2709 28.7026 20.77C29.1254 21.269 29.3501 21.9061 29.3339 22.56Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1946
- encapsulation: core.ViewEncapsulation.None
1966
+ styles: [":host{display:flex}"]
1947
1967
  },] }
1948
1968
  ];
1949
1969
  var MonkeyIconPorkComponent = /** @class */ (function (_super) {
@@ -1957,7 +1977,7 @@
1957
1977
  { type: core.Component, args: [{
1958
1978
  selector: 'monkey-icon-pork',
1959
1979
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M8.76432 4.65334C7.8261 4.47001 6.85543 4.55 5.95988 4.88445C5.91639 4.90167 5.87673 4.92728 5.84315 4.95983C5.80956 4.99238 5.78272 5.03122 5.76415 5.07414C5.72664 5.16083 5.7251 5.25886 5.75988 5.34668C5.79465 5.43449 5.86288 5.5049 5.94957 5.54241C6.03625 5.57991 6.13428 5.58145 6.2221 5.54668C6.9932 5.25512 7.82964 5.18132 8.63988 5.33334C8.68737 5.34584 8.73694 5.34837 8.78546 5.34076C8.83398 5.33315 8.8804 5.31557 8.92178 5.28913C8.96317 5.26269 8.99863 5.22796 9.02593 5.18714C9.05323 5.14631 9.07178 5.10027 9.0804 5.05192C9.08903 5.00357 9.08754 4.95396 9.07604 4.90621C9.06453 4.85847 9.04326 4.81362 9.01356 4.77451C8.98387 4.73539 8.94639 4.70285 8.90349 4.67893C8.8606 4.65502 8.81321 4.64025 8.76432 4.63556V4.65334Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M11.2802 8.03111C11.6141 8.03111 11.8847 7.76049 11.8847 7.42666C11.8847 7.09284 11.6141 6.82222 11.2802 6.82222C10.9464 6.82222 10.6758 7.09284 10.6758 7.42666C10.6758 7.76049 10.9464 8.03111 11.2802 8.03111Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M15.7822 8.27999C15.741 8.21905 15.6854 8.16928 15.6202 8.13515C15.5551 8.10102 15.4824 8.08359 15.4089 8.08443C15.0498 8.03459 14.7204 7.85805 14.48 7.58666C14.0175 7.08108 13.6244 6.51611 13.3111 5.90666L14.5911 3.90666C14.6688 3.79076 14.7164 3.65733 14.7296 3.51844C14.7427 3.37954 14.7211 3.23955 14.6667 3.1111C14.6121 2.99424 14.5297 2.89259 14.4266 2.81509C14.3235 2.73758 14.203 2.68661 14.0756 2.66666C13.2616 2.55696 12.4331 2.67224 11.68 2.99999C11.2484 3.1901 10.8423 3.43347 10.4711 3.72443C9.74417 3.39847 8.97009 3.18995 8.17778 3.10666C5.02667 2.79999 2.14667 4.84443 1.77778 7.55555C1.63401 7.49087 1.50526 7.39703 1.39968 7.27997C1.2941 7.16292 1.21399 7.0252 1.16444 6.87555C1.13275 6.77293 1.12193 6.66501 1.13262 6.55814C1.14331 6.45128 1.17528 6.34763 1.22667 6.25332C1.27274 6.17414 1.3386 6.10829 1.41778 6.06221C1.47176 6.02953 1.51879 5.98653 1.55616 5.93567C1.59353 5.88482 1.62051 5.8271 1.63558 5.76581C1.65064 5.70452 1.65349 5.64087 1.64395 5.57848C1.63441 5.5161 1.61268 5.4562 1.58 5.40221C1.54731 5.34822 1.50432 5.3012 1.45346 5.26383C1.4026 5.22646 1.34488 5.19947 1.2836 5.18441C1.22231 5.16935 1.15866 5.1665 1.09627 5.17604C1.03388 5.18557 0.973987 5.20731 0.919999 5.23999C0.704853 5.37205 0.527308 5.55724 0.404444 5.77777C0.290214 5.98473 0.218406 6.21239 0.193223 6.44744C0.168039 6.68249 0.189985 6.92019 0.257777 7.14666C0.341221 7.42108 0.479597 7.67567 0.664494 7.89495C0.849392 8.11422 1.07695 8.29361 1.33333 8.42221L1.74222 8.62666C1.7933 9.70855 2.06876 10.768 2.55111 11.7378L2.62667 11.9067C3.01215 12.7219 3.50383 13.4826 4.08889 14.1689C4.13054 14.2163 4.1818 14.2543 4.23928 14.2803C4.29675 14.3064 4.35912 14.3199 4.42222 14.32H6.43111C6.5039 14.3196 6.57549 14.3014 6.63959 14.2669C6.70368 14.2324 6.75832 14.1827 6.7987 14.1221C6.83908 14.0615 6.86396 13.992 6.87116 13.9195C6.87836 13.8471 6.86766 13.774 6.84 13.7067L6.66667 13.3067L7.19111 13.3644C7.78226 13.4229 8.37774 13.4229 8.96889 13.3644C9.13333 13.6311 9.31111 13.8978 9.50667 14.16C9.5476 14.216 9.60107 14.2617 9.66281 14.2933C9.72456 14.3249 9.79285 14.3417 9.86222 14.3422H11.7911C11.8645 14.3422 11.9367 14.3239 12.0013 14.2892C12.0659 14.2544 12.1209 14.2042 12.1614 14.1431C12.2019 14.0819 12.2266 14.0117 12.2333 13.9386C12.2401 13.8656 12.2286 13.792 12.2 13.7244C12.1244 13.5467 12.0489 13.3555 11.9911 13.1911C11.9111 12.9555 11.8489 12.7467 11.8 12.5467C12.2908 12.2817 12.7413 11.9479 13.1378 11.5555C13.5806 11.6091 14.0283 11.6091 14.4711 11.5555C14.5479 11.5439 14.6204 11.5124 14.6812 11.464C14.742 11.4157 14.7891 11.3522 14.8178 11.28L15.8222 8.69777C15.8505 8.63022 15.8616 8.55674 15.8546 8.48386C15.8477 8.41098 15.8228 8.34094 15.7822 8.27999ZM14.1022 10.6978C13.7533 10.7176 13.4033 10.7012 13.0578 10.6489C12.6643 10.5824 12.2845 10.4518 11.9333 10.2622C11.8293 10.2106 11.7093 10.2018 11.5989 10.2376C11.4885 10.2734 11.3964 10.3509 11.3425 10.4537C11.2885 10.5564 11.2768 10.6762 11.31 10.7874C11.3432 10.8987 11.4185 10.9925 11.52 11.0489C11.7057 11.1463 11.8972 11.2324 12.0933 11.3067C11.851 11.5136 11.5819 11.687 11.2933 11.8222L10.8222 12.0355C10.8222 12.0355 11.04 13.0089 11.1867 13.44H10.1289C10.0222 13.2889 9.48444 12.3911 9.48444 12.3911L9.18667 12.4311C8.56117 12.5213 7.92737 12.5392 7.29778 12.4844C7.00444 12.4578 6.51555 12.3955 6.13333 12.3289L5.44444 12.2089C5.44444 12.2089 5.72444 13.2889 5.77778 13.4267H4.63111C4.16271 12.8531 3.76573 12.2248 3.44889 11.5555L3.36889 11.3822C2.79142 10.2706 2.54756 9.01583 2.66667 7.76888C2.90667 5.46221 5.38667 3.71999 8.08444 3.97332C8.86923 4.0613 9.63299 4.28381 10.3422 4.6311L10.6178 4.75999L10.84 4.5511C11.1861 4.24185 11.5772 3.98708 12 3.79555C12.5594 3.55294 13.1704 3.45365 13.7778 3.50666L12.2756 5.85777L12.3867 6.07999C12.7748 6.86182 13.27 7.58581 13.8578 8.2311C14.1308 8.49794 14.4541 8.70792 14.8089 8.84888L14.1022 10.6978Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
1960
- encapsulation: core.ViewEncapsulation.None
1980
+ styles: [":host{display:flex}"]
1961
1981
  },] }
1962
1982
  ];
1963
1983
  var MonkeyIconRefreshComponent = /** @class */ (function (_super) {
@@ -1971,7 +1991,7 @@
1971
1991
  { type: core.Component, args: [{
1972
1992
  selector: 'monkey-icon-refresh',
1973
1993
  template: "<svg width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M1.5 2.2207V6.55518H5.59091\" stroke=\"#0273E8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16.5 13.7793V9.44482H12.4091\" stroke=\"#0273E8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M14.7886 5.83276C14.4428 4.79739 13.8551 3.87171 13.0804 3.14208C12.3056 2.41246 11.369 1.90267 10.358 1.6603C9.34697 1.41792 8.29449 1.45086 7.29873 1.75603C6.30298 2.0612 5.39642 2.62866 4.66364 3.40546L1.5 6.55518M16.5 9.44482L13.3364 12.5945C12.6036 13.3713 11.697 13.9388 10.7013 14.244C9.70551 14.5491 8.65303 14.5821 7.64201 14.3397C6.631 14.0973 5.69441 13.5875 4.91964 12.8579C4.14486 12.1283 3.55716 11.2026 3.21136 10.1672\" stroke=\"#0273E8\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1974
- encapsulation: core.ViewEncapsulation.None
1994
+ styles: [":host{display:flex}"]
1975
1995
  },] }
1976
1996
  ];
1977
1997
  var MonkeyIconRepeatComponent = /** @class */ (function (_super) {
@@ -1985,7 +2005,7 @@
1985
2005
  { type: core.Component, args: [{
1986
2006
  selector: 'monkey-icon-repeat',
1987
2007
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M5 1L2 4L5 7\" stroke=\"#747880\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M2 14H10C12.2091 14 14 12.2091 14 10V8C14 5.79086 12.2091 4 10 4H2\" stroke=\"#747880\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
1988
- encapsulation: core.ViewEncapsulation.None
2008
+ styles: [":host{display:flex}"]
1989
2009
  },] }
1990
2010
  ];
1991
2011
  var MonkeyIconSearchComponent = /** @class */ (function (_super) {
@@ -1999,7 +2019,7 @@
1999
2019
  { type: core.Component, args: [{
2000
2020
  selector: 'monkey-icon-search',
2001
2021
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z\" stroke=\"#474747\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M14.0001 14.0001L11.1001 11.1001\" stroke=\"#474747\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
2002
- encapsulation: core.ViewEncapsulation.None
2022
+ styles: [":host{display:flex}"]
2003
2023
  },] }
2004
2024
  ];
2005
2025
  var MonkeyIconSecondWarningComponent = /** @class */ (function (_super) {
@@ -2013,7 +2033,7 @@
2013
2033
  { type: core.Component, args: [{
2014
2034
  selector: 'monkey-icon-second-warning',
2015
2035
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M6.85433 2.63819L1.17957 12.0114C1.06257 12.2118 1.00066 12.4391 1.00001 12.6706C0.99935 12.9021 1.05997 13.1297 1.17583 13.3308C1.2917 13.532 1.45877 13.6995 1.66042 13.8169C1.86207 13.9343 2.09128 13.9975 2.32524 14H13.6748C13.9087 13.9975 14.1379 13.9343 14.3396 13.8169C14.5412 13.6995 14.7083 13.532 14.8242 13.3308C14.94 13.1297 15.0006 12.9021 15 12.6706C14.9993 12.4391 14.9374 12.2118 14.8204 12.0114L9.14567 2.63819C9.02623 2.44337 8.85806 2.2823 8.65738 2.17051C8.45671 2.05873 8.2303 2 8 2C7.7697 2 7.54329 2.05873 7.34262 2.17051C7.14194 2.2823 6.97377 2.44337 6.85433 2.63819Z\" fill=\"#000000\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M8 6V10\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 12H8.00667\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n",
2016
- encapsulation: core.ViewEncapsulation.None
2036
+ styles: [":host{display:flex}"]
2017
2037
  },] }
2018
2038
  ];
2019
2039
  var MonkeyIconSettingsComponent = /** @class */ (function (_super) {
@@ -2027,7 +2047,7 @@
2027
2047
  { type: core.Component, args: [{
2028
2048
  selector: 'monkey-icon-settings',
2029
2049
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31073 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81311 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80617 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31073 4.6 9C4.73311 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81311 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80617 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73311 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15V15Z\" stroke=\"#4B4A53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
2030
- encapsulation: core.ViewEncapsulation.None
2050
+ styles: [":host{display:flex}"]
2031
2051
  },] }
2032
2052
  ];
2033
2053
  var MonkeyIconTrashComponent = /** @class */ (function (_super) {
@@ -2041,7 +2061,7 @@
2041
2061
  { type: core.Component, args: [{
2042
2062
  selector: 'monkey-icon-trash',
2043
2063
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M2 4H3.33333H14\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M5.33337 4.00001V2.66668C5.33337 2.31305 5.47385 1.97392 5.7239 1.72387C5.97395 1.47382 6.31309 1.33334 6.66671 1.33334H9.33337C9.687 1.33334 10.0261 1.47382 10.2762 1.72387C10.5262 1.97392 10.6667 2.31305 10.6667 2.66668V4.00001M12.6667 4.00001V13.3333C12.6667 13.687 12.5262 14.0261 12.2762 14.2762C12.0261 14.5262 11.687 14.6667 11.3334 14.6667H4.66671C4.31309 14.6667 3.97395 14.5262 3.7239 14.2762C3.47385 14.0261 3.33337 13.687 3.33337 13.3333V4.00001H12.6667Z\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M6.66663 7.33334V11.3333\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9.33337 7.33334V11.3333\" stroke=\"#4B4A53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
2044
- encapsulation: core.ViewEncapsulation.None
2064
+ styles: [":host{display:flex}"]
2045
2065
  },] }
2046
2066
  ];
2047
2067
  var MonkeyIconUploadComponent = /** @class */ (function (_super) {
@@ -2055,7 +2075,7 @@
2055
2075
  { type: core.Component, args: [{
2056
2076
  selector: 'monkey-icon-upload',
2057
2077
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M28 20V25.3333C28 26.0406 27.719 26.7189 27.219 27.219C26.7189 27.719 26.0406 28 25.3333 28H6.66667C5.95942 28 5.28115 27.719 4.78105 27.219C4.28095 26.7189 4 26.0406 4 25.3333V20\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M22.6663 10.6667L15.9997 4L9.33301 10.6667\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16 4V20\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
2058
- encapsulation: core.ViewEncapsulation.None
2078
+ styles: [":host{display:flex}"]
2059
2079
  },] }
2060
2080
  ];
2061
2081
  var MonkeyIconUserComponent = /** @class */ (function (_super) {
@@ -2069,7 +2089,7 @@
2069
2089
  { type: core.Component, args: [{
2070
2090
  selector: 'monkey-icon-user',
2071
2091
  template: "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M28 28V25.3333C28 23.9188 27.3679 22.5623 26.2426 21.5621C25.1174 20.5619 23.5913 20 22 20H10C8.4087 20 6.88258 20.5619 5.75736 21.5621C4.63214 22.5623 4 23.9188 4 25.3333V28\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M16 16C19.3137 16 22 13.3137 22 10C22 6.68629 19.3137 4 16 4C12.6863 4 10 6.68629 10 10C10 13.3137 12.6863 16 16 16Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n",
2072
- encapsulation: core.ViewEncapsulation.None
2092
+ styles: [":host{display:flex}"]
2073
2093
  },] }
2074
2094
  ];
2075
2095
  var MonkeyIconWalletComponent = /** @class */ (function (_super) {
@@ -2083,7 +2103,7 @@
2083
2103
  { type: core.Component, args: [{
2084
2104
  selector: 'monkey-icon-wallet',
2085
2105
  template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M19.5 6.75H4.5C3.25736 6.75 2.25 7.75736 2.25 9V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M19.2825 6.74998V5.34373C19.2824 4.99883 19.2062 4.6582 19.0592 4.34615C18.9123 4.0341 18.6984 3.75832 18.4326 3.53849C18.1668 3.31866 17.8558 3.16019 17.5217 3.0744C17.1877 2.98861 16.8388 2.9776 16.5 3.04217L4.155 5.1492C3.6189 5.25136 3.13526 5.53741 2.78749 5.958C2.43972 6.37859 2.24963 6.90736 2.25 7.4531V9.74998\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M17.25 15C16.9533 15 16.6633 14.912 16.4166 14.7472C16.17 14.5824 15.9777 14.3481 15.8642 14.074C15.7506 13.7999 15.7209 13.4983 15.7788 13.2074C15.8367 12.9164 15.9796 12.6491 16.1893 12.4393C16.3991 12.2295 16.6664 12.0867 16.9574 12.0288C17.2483 11.9709 17.5499 12.0006 17.824 12.1142C18.0981 12.2277 18.3324 12.42 18.4972 12.6666C18.662 12.9133 18.75 13.2033 18.75 13.5C18.75 13.8978 18.592 14.2794 18.3107 14.5607C18.0294 14.842 17.6478 15 17.25 15Z\" fill=\"#0273E8\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n",
2086
- encapsulation: core.ViewEncapsulation.None
2106
+ styles: [":host{display:flex}"]
2087
2107
  },] }
2088
2108
  ];
2089
2109
  var MonkeyIconWarningComponent = /** @class */ (function (_super) {
@@ -2097,7 +2117,7 @@
2097
2117
  { type: core.Component, args: [{
2098
2118
  selector: 'monkey-icon-warning',
2099
2119
  template: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\r\n<path d=\"M6.85433 2.63819L1.17957 12.0114C1.06257 12.2118 1.00066 12.4391 1.00001 12.6706C0.99935 12.9021 1.05997 13.1297 1.17583 13.3308C1.2917 13.532 1.45877 13.6995 1.66042 13.8169C1.86207 13.9343 2.09128 13.9975 2.32524 14H13.6748C13.9087 13.9975 14.1379 13.9343 14.3396 13.8169C14.5412 13.6995 14.7083 13.532 14.8242 13.3308C14.94 13.1297 15.0006 12.9021 15 12.6706C14.9993 12.4391 14.9374 12.2118 14.8204 12.0114L9.14567 2.63819C9.02623 2.44337 8.85806 2.2823 8.65738 2.17051C8.45671 2.05873 8.2303 2 8 2C7.7697 2 7.54329 2.05873 7.34262 2.17051C7.14194 2.2823 6.97377 2.44337 6.85433 2.63819Z\" fill=\"#EFA30E\"/>\r\n<path d=\"M8 6V10\" stroke=\"#000F1E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8 12H8.00667\" stroke=\"#000F1E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n",
2100
- encapsulation: core.ViewEncapsulation.None
2120
+ styles: [":host{display:flex}"]
2101
2121
  },] }
2102
2122
  ];
2103
2123
 
@@ -2303,8 +2323,8 @@
2303
2323
  this.type = this.type === 'password' ? 'text' : 'password';
2304
2324
  };
2305
2325
  MonkeyInputComponent.prototype.onClick = function () {
2306
- var _a, _b;
2307
- (_b = (_a = this.monkeyInput) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.focus();
2326
+ var _a, _b, _c;
2327
+ (_c = (_b = (_a = document === null || document === void 0 ? void 0 : document.getElementById(this._id)) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('input')) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.focus();
2308
2328
  };
2309
2329
  MonkeyInputComponent.prototype.onKeyPress = function (event) {
2310
2330
  var pattern = null;
@@ -2324,7 +2344,7 @@
2324
2344
  MonkeyInputComponent.decorators = [
2325
2345
  { type: core.Component, args: [{
2326
2346
  selector: 'monkey-input',
2327
- template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body>\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
2347
+ template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\" [id]=\"_id\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body>\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
2328
2348
  encapsulation: core.ViewEncapsulation.None,
2329
2349
  providers: [
2330
2350
  {