monkey-style-guide 2.0.113 → 2.0.117
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.
- package/README.md +6 -3
- package/assets/icons/auction.svg +7 -0
- package/assets/icons/radio.svg +4 -0
- package/assets/icons/trophy.svg +8 -0
- package/assets/icons/waiting.svg +17 -0
- package/assets/scss/partials/_breakpoints.scss +35 -35
- package/assets/scss/partials/components/_badge.scss +55 -55
- package/assets/scss/partials/components/_expansion.scss +91 -91
- package/assets/scss/partials/components/_modal.scss +282 -282
- package/assets/scss/partials/components/_tab.scss +82 -82
- package/assets/scss/partials/components/_toggle.scss +103 -103
- package/esm2020/lib/components/badge/badge.module.mjs +1 -1
- package/esm2020/lib/components/badge/index.mjs +1 -1
- package/esm2020/lib/components/date-range-picker/date-range-picker.component.mjs +17 -17
- package/esm2020/lib/components/expansion/expansion.component.mjs +69 -69
- package/esm2020/lib/components/expansion/expansion.module.mjs +1 -1
- package/esm2020/lib/components/expansion/index.mjs +1 -1
- package/esm2020/lib/components/icon/icon-auction.component.mjs +15 -0
- package/esm2020/lib/components/icon/icon-radio.component.mjs +15 -0
- package/esm2020/lib/components/icon/icon-trophy.component.mjs +15 -0
- package/esm2020/lib/components/icon/icon-waiting.component.mjs +15 -0
- package/esm2020/lib/components/icon/icon.component.mjs +120 -74
- package/esm2020/lib/components/icon/icon.module.mjs +18 -6
- package/esm2020/lib/components/icon/index.mjs +5 -1
- package/esm2020/lib/components/tab/index.mjs +1 -1
- package/esm2020/lib/components/tab/tab.component.mjs +9 -9
- package/esm2020/lib/components/tab/tab.module.mjs +1 -1
- package/esm2020/lib/components/table/table.component.mjs +10 -4
- package/esm2020/lib/components/toggle/index.mjs +1 -1
- package/esm2020/lib/components/toggle/toggle.module.mjs +1 -1
- package/esm2020/lib/core/interfaces/index.mjs +1 -1
- package/esm2020/lib/core/interfaces/monkey-modal-settings.mjs +1 -1
- package/esm2020/lib/core/services/modal/index.mjs +1 -1
- package/esm2020/lib/core/services/modal/monkey-style-guide-modal-fixed.service.mjs +1 -1
- package/esm2020/lib/core/services/modal/monkey-style-guide-modal.service.mjs +1 -1
- package/fesm2015/monkey-style-guide.mjs +219 -111
- package/fesm2015/monkey-style-guide.mjs.map +1 -1
- package/fesm2020/monkey-style-guide.mjs +219 -111
- package/fesm2020/monkey-style-guide.mjs.map +1 -1
- package/lib/components/date-range-picker/date-range-picker.component.d.ts +6 -7
- package/lib/components/icon/icon-auction.component.d.ts +7 -0
- package/lib/components/icon/icon-radio.component.d.ts +7 -0
- package/lib/components/icon/icon-trophy.component.d.ts +7 -0
- package/lib/components/icon/icon-waiting.component.d.ts +7 -0
- package/lib/components/icon/icon.module.d.ts +71 -67
- package/lib/components/icon/index.d.ts +4 -0
- package/lib/components/table/table.component.d.ts +2 -1
- package/monkey-style-guide-2.0.117.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.113.tgz +0 -0
|
@@ -788,6 +788,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
788
788
|
type: Input
|
|
789
789
|
}] } });
|
|
790
790
|
|
|
791
|
+
class MonkeyIconAuctionComponent {
|
|
792
|
+
}
|
|
793
|
+
MonkeyIconAuctionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
794
|
+
MonkeyIconAuctionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconAuctionComponent, selector: "monkey-icon-auction", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M22.789 24.5669L22.4355 24.9204L23.1426 25.6275L23.4961 25.274L22.789 24.5669ZM31.2743 17.4958L31.6279 17.1422L30.9208 16.4351L30.5672 16.7887L31.2743 17.4958ZM23.4961 25.274L31.2743 17.4958L30.5672 16.7887L22.789 24.5669L23.4961 25.274Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<path d=\"M14.3027 16.0815L13.9491 16.4351L14.6562 17.1422L15.0098 16.7886L14.3027 16.0815ZM22.788 9.01044L23.1415 8.65688L22.4344 7.94978L22.0809 8.30333L22.788 9.01044ZM15.0098 16.7886L22.788 9.01044L22.0809 8.30333L14.3027 16.0815L15.0098 16.7886Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<rect x=\"9\" y=\"12.1924\" width=\"13\" height=\"26\" rx=\"3.33333\" transform=\"rotate(-45 9 12.1924)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M16.5762 19.7711L20.1117 23.3066L8.30137 35.1169C7.71558 35.7027 6.76583 35.7027 6.18005 35.1169L4.76583 33.7027C4.18005 33.1169 4.18005 32.1672 4.76583 31.5814L16.5762 19.7711Z\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"17.5\" y=\"32.5\" width=\"19\" height=\"4\" rx=\"1.5\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
|
|
795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, decorators: [{
|
|
796
|
+
type: Component,
|
|
797
|
+
args: [{ selector: 'monkey-icon-auction', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M22.789 24.5669L22.4355 24.9204L23.1426 25.6275L23.4961 25.274L22.789 24.5669ZM31.2743 17.4958L31.6279 17.1422L30.9208 16.4351L30.5672 16.7887L31.2743 17.4958ZM23.4961 25.274L31.2743 17.4958L30.5672 16.7887L22.789 24.5669L23.4961 25.274Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<path d=\"M14.3027 16.0815L13.9491 16.4351L14.6562 17.1422L15.0098 16.7886L14.3027 16.0815ZM22.788 9.01044L23.1415 8.65688L22.4344 7.94978L22.0809 8.30333L22.788 9.01044ZM15.0098 16.7886L22.788 9.01044L22.0809 8.30333L14.3027 16.0815L15.0098 16.7886Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<rect x=\"9\" y=\"12.1924\" width=\"13\" height=\"26\" rx=\"3.33333\" transform=\"rotate(-45 9 12.1924)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M16.5762 19.7711L20.1117 23.3066L8.30137 35.1169C7.71558 35.7027 6.76583 35.7027 6.18005 35.1169L4.76583 33.7027C4.18005 33.1169 4.18005 32.1672 4.76583 31.5814L16.5762 19.7711Z\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"17.5\" y=\"32.5\" width=\"19\" height=\"4\" rx=\"1.5\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
|
|
798
|
+
}], propDecorators: { fillColor: [{
|
|
799
|
+
type: Input
|
|
800
|
+
}], size: [{
|
|
801
|
+
type: Input
|
|
802
|
+
}] } });
|
|
803
|
+
|
|
791
804
|
class MonkeyIconBankComponent {
|
|
792
805
|
}
|
|
793
806
|
MonkeyIconBankComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconBankComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1451,6 +1464,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
1451
1464
|
type: Input
|
|
1452
1465
|
}] } });
|
|
1453
1466
|
|
|
1467
|
+
class MonkeyIconRadioComponent {
|
|
1468
|
+
}
|
|
1469
|
+
MonkeyIconRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1470
|
+
MonkeyIconRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconRadioComponent, selector: "monkey-icon-radio", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M20.0003 23.3332C21.8413 23.3332 23.3337 21.8408 23.3337 19.9998C23.3337 18.1589 21.8413 16.6665 20.0003 16.6665C18.1594 16.6665 16.667 18.1589 16.667 19.9998C16.667 21.8408 18.1594 23.3332 20.0003 23.3332Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M27.0667 12.9335C27.9965 13.8622 28.734 14.9651 29.2373 16.1791C29.7405 17.393 29.9996 18.6943 29.9996 20.0085C29.9996 21.3226 29.7405 22.6239 29.2373 23.8379C28.734 25.0518 27.9965 26.1547 27.0667 27.0835M12.9334 27.0668C12.0036 26.1381 11.266 25.0352 10.7628 23.8212C10.2595 22.6072 10.0005 21.306 10.0005 19.9918C10.0005 18.6776 10.2595 17.3764 10.7628 16.1624C11.266 14.9484 12.0036 13.8455 12.9334 12.9168M31.7834 8.2168C34.9079 11.3423 36.6631 15.5807 36.6631 20.0001C36.6631 24.4195 34.9079 28.658 31.7834 31.7835M8.21669 31.7835C5.09217 28.658 3.33691 24.4195 3.33691 20.0001C3.33691 15.5807 5.09217 11.3423 8.21669 8.2168\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
|
|
1471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, decorators: [{
|
|
1472
|
+
type: Component,
|
|
1473
|
+
args: [{ selector: 'monkey-icon-radio', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M20.0003 23.3332C21.8413 23.3332 23.3337 21.8408 23.3337 19.9998C23.3337 18.1589 21.8413 16.6665 20.0003 16.6665C18.1594 16.6665 16.667 18.1589 16.667 19.9998C16.667 21.8408 18.1594 23.3332 20.0003 23.3332Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M27.0667 12.9335C27.9965 13.8622 28.734 14.9651 29.2373 16.1791C29.7405 17.393 29.9996 18.6943 29.9996 20.0085C29.9996 21.3226 29.7405 22.6239 29.2373 23.8379C28.734 25.0518 27.9965 26.1547 27.0667 27.0835M12.9334 27.0668C12.0036 26.1381 11.266 25.0352 10.7628 23.8212C10.2595 22.6072 10.0005 21.306 10.0005 19.9918C10.0005 18.6776 10.2595 17.3764 10.7628 16.1624C11.266 14.9484 12.0036 13.8455 12.9334 12.9168M31.7834 8.2168C34.9079 11.3423 36.6631 15.5807 36.6631 20.0001C36.6631 24.4195 34.9079 28.658 31.7834 31.7835M8.21669 31.7835C5.09217 28.658 3.33691 24.4195 3.33691 20.0001C3.33691 15.5807 5.09217 11.3423 8.21669 8.2168\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
|
|
1474
|
+
}], propDecorators: { fillColor: [{
|
|
1475
|
+
type: Input
|
|
1476
|
+
}], size: [{
|
|
1477
|
+
type: Input
|
|
1478
|
+
}] } });
|
|
1479
|
+
|
|
1454
1480
|
class MonkeyIconRefreshComponent {
|
|
1455
1481
|
}
|
|
1456
1482
|
MonkeyIconRefreshComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRefreshComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1529,6 +1555,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
1529
1555
|
type: Input
|
|
1530
1556
|
}] } });
|
|
1531
1557
|
|
|
1558
|
+
class MonkeyIconTrophyComponent {
|
|
1559
|
+
}
|
|
1560
|
+
MonkeyIconTrophyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1561
|
+
MonkeyIconTrophyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconTrophyComponent, selector: "monkey-icon-trophy", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M10.5 3.72C10.5 3.5985 10.5985 3.5 10.72 3.5H29.28C29.4015 3.5 29.5 3.5985 29.5 3.72V11C29.5 16.2467 25.2467 20.5 20 20.5C14.7533 20.5 10.5 16.2467 10.5 11V3.72Z\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M11 5H9.54138C7.68756 5 6.27743 6.6646 6.5822 8.4932L7.44293 13.6576C7.76439 15.5863 9.43315 17 11.3885 17H12.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M29 5H30.4586C32.3124 5 33.7226 6.6646 33.4178 8.4932L32.5571 13.6576C32.2356 15.5863 30.5668 17 28.6115 17H27.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
|
|
1562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, decorators: [{
|
|
1563
|
+
type: Component,
|
|
1564
|
+
args: [{ selector: 'monkey-icon-trophy', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M10.5 3.72C10.5 3.5985 10.5985 3.5 10.72 3.5H29.28C29.4015 3.5 29.5 3.5985 29.5 3.72V11C29.5 16.2467 25.2467 20.5 20 20.5C14.7533 20.5 10.5 16.2467 10.5 11V3.72Z\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M11 5H9.54138C7.68756 5 6.27743 6.6646 6.5822 8.4932L7.44293 13.6576C7.76439 15.5863 9.43315 17 11.3885 17H12.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M29 5H30.4586C32.3124 5 33.7226 6.6646 33.4178 8.4932L32.5571 13.6576C32.2356 15.5863 30.5668 17 28.6115 17H27.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
|
|
1565
|
+
}], propDecorators: { fillColor: [{
|
|
1566
|
+
type: Input
|
|
1567
|
+
}], size: [{
|
|
1568
|
+
type: Input
|
|
1569
|
+
}] } });
|
|
1570
|
+
|
|
1532
1571
|
class MonkeyIconUploadComponent {
|
|
1533
1572
|
}
|
|
1534
1573
|
MonkeyIconUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1555,6 +1594,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
1555
1594
|
type: Input
|
|
1556
1595
|
}] } });
|
|
1557
1596
|
|
|
1597
|
+
class MonkeyIconWaitingComponent {
|
|
1598
|
+
}
|
|
1599
|
+
MonkeyIconWaitingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1600
|
+
MonkeyIconWaitingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconWaitingComponent, selector: "monkey-icon-waiting", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<g clip-path=\"url(#clip0_638_12213)\">\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_638_12213\">\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n", styles: [":host{display:flex}\n"] });
|
|
1601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, decorators: [{
|
|
1602
|
+
type: Component,
|
|
1603
|
+
args: [{ selector: 'monkey-icon-waiting', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<g clip-path=\"url(#clip0_638_12213)\">\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_638_12213\">\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n", styles: [":host{display:flex}\n"] }]
|
|
1604
|
+
}], propDecorators: { fillColor: [{
|
|
1605
|
+
type: Input
|
|
1606
|
+
}], size: [{
|
|
1607
|
+
type: Input
|
|
1608
|
+
}] } });
|
|
1609
|
+
|
|
1558
1610
|
class MonkeyIconWalletComponent {
|
|
1559
1611
|
}
|
|
1560
1612
|
MonkeyIconWalletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWalletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1669,6 +1721,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1669
1721
|
[size]="_size"
|
|
1670
1722
|
*ngIf="_icon === 'arrow-up'"
|
|
1671
1723
|
></monkey-icon-arrow-up>
|
|
1724
|
+
<monkey-icon-auction
|
|
1725
|
+
[fillColor]="_fillColor"
|
|
1726
|
+
[id]="_id"
|
|
1727
|
+
[size]="_size"
|
|
1728
|
+
*ngIf="_icon === 'auction'"
|
|
1729
|
+
></monkey-icon-auction>
|
|
1672
1730
|
<monkey-icon-bank
|
|
1673
1731
|
[fillColor]="_fillColor"
|
|
1674
1732
|
[id]="_id"
|
|
@@ -1693,7 +1751,6 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1693
1751
|
[size]="_size"
|
|
1694
1752
|
*ngIf="_icon === 'box'"
|
|
1695
1753
|
></monkey-icon-box>
|
|
1696
|
-
|
|
1697
1754
|
<monkey-icon-calendar
|
|
1698
1755
|
[fillColor]="_fillColor"
|
|
1699
1756
|
[id]="_id"
|
|
@@ -1729,15 +1786,13 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1729
1786
|
[id]="_id"
|
|
1730
1787
|
[size]="_size"
|
|
1731
1788
|
*ngIf="_icon === 'check-grey'"
|
|
1732
|
-
>
|
|
1733
|
-
</monkey-icon-check-grey>
|
|
1789
|
+
></monkey-icon-check-grey>
|
|
1734
1790
|
<monkey-icon-check-white
|
|
1735
1791
|
[fillColor]="_fillColor"
|
|
1736
1792
|
[id]="_id"
|
|
1737
1793
|
[size]="_size"
|
|
1738
1794
|
*ngIf="_icon === 'check-white'"
|
|
1739
|
-
>
|
|
1740
|
-
</monkey-icon-check-white>
|
|
1795
|
+
></monkey-icon-check-white>
|
|
1741
1796
|
<monkey-icon-check
|
|
1742
1797
|
[fillColor]="_fillColor"
|
|
1743
1798
|
[id]="_id"
|
|
@@ -1978,6 +2033,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1978
2033
|
[size]="_size"
|
|
1979
2034
|
*ngIf="_icon === 'pork'"
|
|
1980
2035
|
></monkey-icon-pork>
|
|
2036
|
+
<monkey-icon-radio
|
|
2037
|
+
[fillColor]="_fillColor"
|
|
2038
|
+
[id]="_id"
|
|
2039
|
+
[size]="_size"
|
|
2040
|
+
*ngIf="_icon === 'radio'"
|
|
2041
|
+
></monkey-icon-radio>
|
|
1981
2042
|
<monkey-icon-refresh
|
|
1982
2043
|
[fillColor]="_fillColor"
|
|
1983
2044
|
[id]="_id"
|
|
@@ -2014,6 +2075,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
2014
2075
|
[size]="_size"
|
|
2015
2076
|
*ngIf="_icon === 'trash'"
|
|
2016
2077
|
></monkey-icon-trash>
|
|
2078
|
+
<monkey-icon-trophy
|
|
2079
|
+
[fillColor]="_fillColor"
|
|
2080
|
+
[id]="_id"
|
|
2081
|
+
[size]="_size"
|
|
2082
|
+
*ngIf="_icon === 'trophy'"
|
|
2083
|
+
></monkey-icon-trophy>
|
|
2017
2084
|
<monkey-icon-upload
|
|
2018
2085
|
[fillColor]="_fillColor"
|
|
2019
2086
|
[id]="_id"
|
|
@@ -2026,6 +2093,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
2026
2093
|
[size]="_size"
|
|
2027
2094
|
*ngIf="_icon === 'user'"
|
|
2028
2095
|
></monkey-icon-user>
|
|
2096
|
+
<monkey-icon-waiting
|
|
2097
|
+
[fillColor]="_fillColor"
|
|
2098
|
+
[id]="_id"
|
|
2099
|
+
[size]="_size"
|
|
2100
|
+
*ngIf="_icon === 'waiting'"
|
|
2101
|
+
></monkey-icon-waiting>
|
|
2029
2102
|
<monkey-icon-wallet
|
|
2030
2103
|
[fillColor]="_fillColor"
|
|
2031
2104
|
[id]="_id"
|
|
@@ -2038,7 +2111,7 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
2038
2111
|
[size]="_size"
|
|
2039
2112
|
*ngIf="_icon === 'warning'"
|
|
2040
2113
|
></monkey-icon-warning>
|
|
2041
|
-
`, isInline: true, components: [{ type: MonkeyIconArrowDownComponent, selector: "monkey-icon-arrow-down", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowLeftComponent, selector: "monkey-icon-arrow-left", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowRightComponent, selector: "monkey-icon-arrow-right", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowUpComponent, selector: "monkey-icon-arrow-up", inputs: ["fillColor", "size"] }, { type: MonkeyIconBankComponent, selector: "monkey-icon-bank", inputs: ["fillColor", "size"] }, { type: MonkeyIconBellComponent, selector: "monkey-icon-bell", inputs: ["fillColor", "size"] }, { type: MonkeyIconBookComponent, selector: "monkey-icon-book", inputs: ["fillColor", "size"] }, { type: MonkeyIconBoxComponent, selector: "monkey-icon-box", inputs: ["fillColor", "size"] }, { type: MonkeyIconCalendarComponent, selector: "monkey-icon-calendar", inputs: ["fillColor", "size"] }, { type: MonkeyIconCameraComponent, selector: "monkey-icon-camera", inputs: ["fillColor", "size"] }, { type: MonkeyIconChatComponent, selector: "monkey-icon-chat", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleOutComponent, selector: "monkey-icon-check-circle-out", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleComponent, selector: "monkey-icon-check-circle", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckGreyComponent, selector: "monkey-icon-check-grey", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckWhiteComponent, selector: "monkey-icon-check-white", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckComponent, selector: "monkey-icon-check", inputs: ["fillColor", "size"] }, { type: MonkeyIconClipboardComponent, selector: "monkey-icon-clipboard", inputs: ["fillColor", "size"] }, { type: MonkeyIconClockComponent, selector: "monkey-icon-clock", inputs: ["fillColor", "size"] }, { type: MonkeyIconCloseComponent, selector: "monkey-icon-close", inputs: ["fillColor", "size"] }, { type: MonkeyIconCNPJComponent, selector: "monkey-icon-cnpj", inputs: ["fillColor", "size"] }, { type: MonkeyIconCodepenComponent, selector: "monkey-icon-codepen", inputs: ["fillColor", "size"] }, { type: MonkeyIconCompanyNameComponent, selector: "monkey-icon-company-name", inputs: ["fillColor", "size"] }, { type: MonkeyIconContractComponent, selector: "monkey-icon-contract", inputs: ["fillColor", "size"] }, { type: MonkeyIconDeleteComponent, selector: "monkey-icon-delete", inputs: ["fillColor", "size"] }, { type: MonkeyIconDocumentComponent, selector: "monkey-icon-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconDollarSignComponent, selector: "monkey-icon-dollar-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconDomainComponent, selector: "monkey-icon-domain", inputs: ["fillColor", "size"] }, { type: MonkeyIconDownloadComponent, selector: "monkey-icon-download", inputs: ["fillColor", "size"] }, { type: MonkeyIconEditComponent, selector: "monkey-icon-edit", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmailComponent, selector: "monkey-icon-email", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmptyDocComponent, selector: "monkey-icon-empty-doc", inputs: ["fillColor", "size"] }, { type: MonkeyIconErrorComponent, selector: "monkey-icon-error", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeClosedComponent, selector: "monkey-icon-eye-closed", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeOpenComponent, selector: "monkey-icon-eye-open", inputs: ["fillColor", "size"] }, { type: MonkeyIconFilterComponent, selector: "monkey-icon-filter", inputs: ["fillColor", "size"] }, { type: MonkeyIconGridComponent, selector: "monkey-icon-grid", inputs: ["fillColor", "size"] }, { type: MonkeyIconHelpComponent, selector: "monkey-icon-help", inputs: ["fillColor", "size"] }, { type: MonkeyIconHexagonComponent, selector: "monkey-icon-hexagon", inputs: ["fillColor", "size"] }, { type: MonkeyIconHomeComponent, selector: "monkey-icon-home", inputs: ["fillColor", "size"] }, { type: MonkeyIconImageComponent, selector: "monkey-icon-image", inputs: ["fillColor", "size"] }, { type: MonkeyIconListComponent, selector: "monkey-icon-list", inputs: ["fillColor", "size"] }, { type: MonkeyIconLocationPinComponent, selector: "monkey-icon-location-pin", inputs: ["fillColor", "size"] }, { type: MonkeyIconLoginComponent, selector: "monkey-icon-login", inputs: ["fillColor", "size"] }, { type: MonkeyIconLogoutComponent, selector: "monkey-icon-logout", inputs: ["fillColor", "size"] }, { type: MonkeyIconMenuComponent, selector: "monkey-icon-menu", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoneySignComponent, selector: "monkey-icon-money-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoreComponent, selector: "monkey-icon-more", inputs: ["fillColor", "size"] }, { type: MonkeyIconOfferedComponent, selector: "monkey-icon-offered", inputs: ["fillColor", "size"] }, { type: MonkeyIconPasswordComponent, selector: "monkey-icon-password", inputs: ["fillColor", "size"] }, { type: MonkeyIconPeopleComponent, selector: "monkey-icon-people", inputs: ["fillColor", "size"] }, { type: MonkeyIconPercentComponent, selector: "monkey-icon-percent", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonDocumentComponent, selector: "monkey-icon-person-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonSadComponent, selector: "monkey-icon-person-sad", inputs: ["fillColor", "size"] }, { type: MonkeyIconPhoneComponent, selector: "monkey-icon-phone", inputs: ["fillColor", "size"] }, { type: MonkeyIconPorkComponent, selector: "monkey-icon-pork", inputs: ["fillColor", "size"] }, { type: MonkeyIconRefreshComponent, selector: "monkey-icon-refresh", inputs: ["fillColor", "size"] }, { type: MonkeyIconRepeatComponent, selector: "monkey-icon-repeat", inputs: ["fillColor", "size"] }, { type: MonkeyIconSearchComponent, selector: "monkey-icon-search", inputs: ["fillColor", "size"] }, { type: MonkeyIconSecondWarningComponent, selector: "monkey-icon-second-warning", inputs: ["fillColor", "size"] }, { type: MonkeyIconSettingsComponent, selector: "monkey-icon-settings", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrashComponent, selector: "monkey-icon-trash", inputs: ["fillColor", "size"] }, { type: MonkeyIconUploadComponent, selector: "monkey-icon-upload", inputs: ["fillColor", "size"] }, { type: MonkeyIconUserComponent, selector: "monkey-icon-user", inputs: ["fillColor", "size"] }, { type: MonkeyIconWalletComponent, selector: "monkey-icon-wallet", inputs: ["fillColor", "size"] }, { type: MonkeyIconWarningComponent, selector: "monkey-icon-warning", inputs: ["fillColor", "size"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2114
|
+
`, isInline: true, components: [{ type: MonkeyIconArrowDownComponent, selector: "monkey-icon-arrow-down", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowLeftComponent, selector: "monkey-icon-arrow-left", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowRightComponent, selector: "monkey-icon-arrow-right", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowUpComponent, selector: "monkey-icon-arrow-up", inputs: ["fillColor", "size"] }, { type: MonkeyIconAuctionComponent, selector: "monkey-icon-auction", inputs: ["fillColor", "size"] }, { type: MonkeyIconBankComponent, selector: "monkey-icon-bank", inputs: ["fillColor", "size"] }, { type: MonkeyIconBellComponent, selector: "monkey-icon-bell", inputs: ["fillColor", "size"] }, { type: MonkeyIconBookComponent, selector: "monkey-icon-book", inputs: ["fillColor", "size"] }, { type: MonkeyIconBoxComponent, selector: "monkey-icon-box", inputs: ["fillColor", "size"] }, { type: MonkeyIconCalendarComponent, selector: "monkey-icon-calendar", inputs: ["fillColor", "size"] }, { type: MonkeyIconCameraComponent, selector: "monkey-icon-camera", inputs: ["fillColor", "size"] }, { type: MonkeyIconChatComponent, selector: "monkey-icon-chat", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleOutComponent, selector: "monkey-icon-check-circle-out", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleComponent, selector: "monkey-icon-check-circle", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckGreyComponent, selector: "monkey-icon-check-grey", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckWhiteComponent, selector: "monkey-icon-check-white", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckComponent, selector: "monkey-icon-check", inputs: ["fillColor", "size"] }, { type: MonkeyIconClipboardComponent, selector: "monkey-icon-clipboard", inputs: ["fillColor", "size"] }, { type: MonkeyIconClockComponent, selector: "monkey-icon-clock", inputs: ["fillColor", "size"] }, { type: MonkeyIconCloseComponent, selector: "monkey-icon-close", inputs: ["fillColor", "size"] }, { type: MonkeyIconCNPJComponent, selector: "monkey-icon-cnpj", inputs: ["fillColor", "size"] }, { type: MonkeyIconCodepenComponent, selector: "monkey-icon-codepen", inputs: ["fillColor", "size"] }, { type: MonkeyIconCompanyNameComponent, selector: "monkey-icon-company-name", inputs: ["fillColor", "size"] }, { type: MonkeyIconContractComponent, selector: "monkey-icon-contract", inputs: ["fillColor", "size"] }, { type: MonkeyIconDeleteComponent, selector: "monkey-icon-delete", inputs: ["fillColor", "size"] }, { type: MonkeyIconDocumentComponent, selector: "monkey-icon-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconDollarSignComponent, selector: "monkey-icon-dollar-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconDomainComponent, selector: "monkey-icon-domain", inputs: ["fillColor", "size"] }, { type: MonkeyIconDownloadComponent, selector: "monkey-icon-download", inputs: ["fillColor", "size"] }, { type: MonkeyIconEditComponent, selector: "monkey-icon-edit", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmailComponent, selector: "monkey-icon-email", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmptyDocComponent, selector: "monkey-icon-empty-doc", inputs: ["fillColor", "size"] }, { type: MonkeyIconErrorComponent, selector: "monkey-icon-error", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeClosedComponent, selector: "monkey-icon-eye-closed", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeOpenComponent, selector: "monkey-icon-eye-open", inputs: ["fillColor", "size"] }, { type: MonkeyIconFilterComponent, selector: "monkey-icon-filter", inputs: ["fillColor", "size"] }, { type: MonkeyIconGridComponent, selector: "monkey-icon-grid", inputs: ["fillColor", "size"] }, { type: MonkeyIconHelpComponent, selector: "monkey-icon-help", inputs: ["fillColor", "size"] }, { type: MonkeyIconHexagonComponent, selector: "monkey-icon-hexagon", inputs: ["fillColor", "size"] }, { type: MonkeyIconHomeComponent, selector: "monkey-icon-home", inputs: ["fillColor", "size"] }, { type: MonkeyIconImageComponent, selector: "monkey-icon-image", inputs: ["fillColor", "size"] }, { type: MonkeyIconListComponent, selector: "monkey-icon-list", inputs: ["fillColor", "size"] }, { type: MonkeyIconLocationPinComponent, selector: "monkey-icon-location-pin", inputs: ["fillColor", "size"] }, { type: MonkeyIconLoginComponent, selector: "monkey-icon-login", inputs: ["fillColor", "size"] }, { type: MonkeyIconLogoutComponent, selector: "monkey-icon-logout", inputs: ["fillColor", "size"] }, { type: MonkeyIconMenuComponent, selector: "monkey-icon-menu", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoneySignComponent, selector: "monkey-icon-money-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoreComponent, selector: "monkey-icon-more", inputs: ["fillColor", "size"] }, { type: MonkeyIconOfferedComponent, selector: "monkey-icon-offered", inputs: ["fillColor", "size"] }, { type: MonkeyIconPasswordComponent, selector: "monkey-icon-password", inputs: ["fillColor", "size"] }, { type: MonkeyIconPeopleComponent, selector: "monkey-icon-people", inputs: ["fillColor", "size"] }, { type: MonkeyIconPercentComponent, selector: "monkey-icon-percent", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonDocumentComponent, selector: "monkey-icon-person-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonSadComponent, selector: "monkey-icon-person-sad", inputs: ["fillColor", "size"] }, { type: MonkeyIconPhoneComponent, selector: "monkey-icon-phone", inputs: ["fillColor", "size"] }, { type: MonkeyIconPorkComponent, selector: "monkey-icon-pork", inputs: ["fillColor", "size"] }, { type: MonkeyIconRadioComponent, selector: "monkey-icon-radio", inputs: ["fillColor", "size"] }, { type: MonkeyIconRefreshComponent, selector: "monkey-icon-refresh", inputs: ["fillColor", "size"] }, { type: MonkeyIconRepeatComponent, selector: "monkey-icon-repeat", inputs: ["fillColor", "size"] }, { type: MonkeyIconSearchComponent, selector: "monkey-icon-search", inputs: ["fillColor", "size"] }, { type: MonkeyIconSecondWarningComponent, selector: "monkey-icon-second-warning", inputs: ["fillColor", "size"] }, { type: MonkeyIconSettingsComponent, selector: "monkey-icon-settings", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrashComponent, selector: "monkey-icon-trash", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrophyComponent, selector: "monkey-icon-trophy", inputs: ["fillColor", "size"] }, { type: MonkeyIconUploadComponent, selector: "monkey-icon-upload", inputs: ["fillColor", "size"] }, { type: MonkeyIconUserComponent, selector: "monkey-icon-user", inputs: ["fillColor", "size"] }, { type: MonkeyIconWaitingComponent, selector: "monkey-icon-waiting", inputs: ["fillColor", "size"] }, { type: MonkeyIconWalletComponent, selector: "monkey-icon-wallet", inputs: ["fillColor", "size"] }, { type: MonkeyIconWarningComponent, selector: "monkey-icon-warning", inputs: ["fillColor", "size"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2042
2115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconComponent, decorators: [{
|
|
2043
2116
|
type: Component,
|
|
2044
2117
|
args: [{
|
|
@@ -2068,6 +2141,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2068
2141
|
[size]="_size"
|
|
2069
2142
|
*ngIf="_icon === 'arrow-up'"
|
|
2070
2143
|
></monkey-icon-arrow-up>
|
|
2144
|
+
<monkey-icon-auction
|
|
2145
|
+
[fillColor]="_fillColor"
|
|
2146
|
+
[id]="_id"
|
|
2147
|
+
[size]="_size"
|
|
2148
|
+
*ngIf="_icon === 'auction'"
|
|
2149
|
+
></monkey-icon-auction>
|
|
2071
2150
|
<monkey-icon-bank
|
|
2072
2151
|
[fillColor]="_fillColor"
|
|
2073
2152
|
[id]="_id"
|
|
@@ -2092,7 +2171,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2092
2171
|
[size]="_size"
|
|
2093
2172
|
*ngIf="_icon === 'box'"
|
|
2094
2173
|
></monkey-icon-box>
|
|
2095
|
-
|
|
2096
2174
|
<monkey-icon-calendar
|
|
2097
2175
|
[fillColor]="_fillColor"
|
|
2098
2176
|
[id]="_id"
|
|
@@ -2128,15 +2206,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2128
2206
|
[id]="_id"
|
|
2129
2207
|
[size]="_size"
|
|
2130
2208
|
*ngIf="_icon === 'check-grey'"
|
|
2131
|
-
>
|
|
2132
|
-
</monkey-icon-check-grey>
|
|
2209
|
+
></monkey-icon-check-grey>
|
|
2133
2210
|
<monkey-icon-check-white
|
|
2134
2211
|
[fillColor]="_fillColor"
|
|
2135
2212
|
[id]="_id"
|
|
2136
2213
|
[size]="_size"
|
|
2137
2214
|
*ngIf="_icon === 'check-white'"
|
|
2138
|
-
>
|
|
2139
|
-
</monkey-icon-check-white>
|
|
2215
|
+
></monkey-icon-check-white>
|
|
2140
2216
|
<monkey-icon-check
|
|
2141
2217
|
[fillColor]="_fillColor"
|
|
2142
2218
|
[id]="_id"
|
|
@@ -2377,6 +2453,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2377
2453
|
[size]="_size"
|
|
2378
2454
|
*ngIf="_icon === 'pork'"
|
|
2379
2455
|
></monkey-icon-pork>
|
|
2456
|
+
<monkey-icon-radio
|
|
2457
|
+
[fillColor]="_fillColor"
|
|
2458
|
+
[id]="_id"
|
|
2459
|
+
[size]="_size"
|
|
2460
|
+
*ngIf="_icon === 'radio'"
|
|
2461
|
+
></monkey-icon-radio>
|
|
2380
2462
|
<monkey-icon-refresh
|
|
2381
2463
|
[fillColor]="_fillColor"
|
|
2382
2464
|
[id]="_id"
|
|
@@ -2413,6 +2495,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2413
2495
|
[size]="_size"
|
|
2414
2496
|
*ngIf="_icon === 'trash'"
|
|
2415
2497
|
></monkey-icon-trash>
|
|
2498
|
+
<monkey-icon-trophy
|
|
2499
|
+
[fillColor]="_fillColor"
|
|
2500
|
+
[id]="_id"
|
|
2501
|
+
[size]="_size"
|
|
2502
|
+
*ngIf="_icon === 'trophy'"
|
|
2503
|
+
></monkey-icon-trophy>
|
|
2416
2504
|
<monkey-icon-upload
|
|
2417
2505
|
[fillColor]="_fillColor"
|
|
2418
2506
|
[id]="_id"
|
|
@@ -2425,6 +2513,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2425
2513
|
[size]="_size"
|
|
2426
2514
|
*ngIf="_icon === 'user'"
|
|
2427
2515
|
></monkey-icon-user>
|
|
2516
|
+
<monkey-icon-waiting
|
|
2517
|
+
[fillColor]="_fillColor"
|
|
2518
|
+
[id]="_id"
|
|
2519
|
+
[size]="_size"
|
|
2520
|
+
*ngIf="_icon === 'waiting'"
|
|
2521
|
+
></monkey-icon-waiting>
|
|
2428
2522
|
<monkey-icon-wallet
|
|
2429
2523
|
[fillColor]="_fillColor"
|
|
2430
2524
|
[id]="_id"
|
|
@@ -2772,10 +2866,11 @@ class MonkeyIconModule {
|
|
|
2772
2866
|
}
|
|
2773
2867
|
MonkeyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2774
2868
|
MonkeyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, declarations: [MonkeyIconComponent,
|
|
2869
|
+
MonkeyIconArrowDownComponent,
|
|
2775
2870
|
MonkeyIconArrowLeftComponent,
|
|
2776
2871
|
MonkeyIconArrowRightComponent,
|
|
2777
2872
|
MonkeyIconArrowUpComponent,
|
|
2778
|
-
|
|
2873
|
+
MonkeyIconAuctionComponent,
|
|
2779
2874
|
MonkeyIconBankComponent,
|
|
2780
2875
|
MonkeyIconBellComponent,
|
|
2781
2876
|
MonkeyIconBookComponent,
|
|
@@ -2827,14 +2922,17 @@ MonkeyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
2827
2922
|
MonkeyIconPersonSadComponent,
|
|
2828
2923
|
MonkeyIconPhoneComponent,
|
|
2829
2924
|
MonkeyIconPorkComponent,
|
|
2925
|
+
MonkeyIconRadioComponent,
|
|
2830
2926
|
MonkeyIconRefreshComponent,
|
|
2831
2927
|
MonkeyIconRepeatComponent,
|
|
2832
2928
|
MonkeyIconSearchComponent,
|
|
2833
2929
|
MonkeyIconSecondWarningComponent,
|
|
2834
2930
|
MonkeyIconSettingsComponent,
|
|
2835
2931
|
MonkeyIconTrashComponent,
|
|
2932
|
+
MonkeyIconTrophyComponent,
|
|
2836
2933
|
MonkeyIconUploadComponent,
|
|
2837
2934
|
MonkeyIconUserComponent,
|
|
2935
|
+
MonkeyIconWaitingComponent,
|
|
2838
2936
|
MonkeyIconWalletComponent,
|
|
2839
2937
|
MonkeyIconWarningComponent], imports: [CommonModule], exports: [MonkeyIconComponent] });
|
|
2840
2938
|
MonkeyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, imports: [[CommonModule]] });
|
|
@@ -2843,10 +2941,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2843
2941
|
args: [{
|
|
2844
2942
|
declarations: [
|
|
2845
2943
|
MonkeyIconComponent,
|
|
2944
|
+
MonkeyIconArrowDownComponent,
|
|
2846
2945
|
MonkeyIconArrowLeftComponent,
|
|
2847
2946
|
MonkeyIconArrowRightComponent,
|
|
2848
2947
|
MonkeyIconArrowUpComponent,
|
|
2849
|
-
|
|
2948
|
+
MonkeyIconAuctionComponent,
|
|
2850
2949
|
MonkeyIconBankComponent,
|
|
2851
2950
|
MonkeyIconBellComponent,
|
|
2852
2951
|
MonkeyIconBookComponent,
|
|
@@ -2898,20 +2997,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2898
2997
|
MonkeyIconPersonSadComponent,
|
|
2899
2998
|
MonkeyIconPhoneComponent,
|
|
2900
2999
|
MonkeyIconPorkComponent,
|
|
3000
|
+
MonkeyIconRadioComponent,
|
|
2901
3001
|
MonkeyIconRefreshComponent,
|
|
2902
3002
|
MonkeyIconRepeatComponent,
|
|
2903
3003
|
MonkeyIconSearchComponent,
|
|
2904
3004
|
MonkeyIconSecondWarningComponent,
|
|
2905
3005
|
MonkeyIconSettingsComponent,
|
|
2906
3006
|
MonkeyIconTrashComponent,
|
|
3007
|
+
MonkeyIconTrophyComponent,
|
|
2907
3008
|
MonkeyIconUploadComponent,
|
|
2908
3009
|
MonkeyIconUserComponent,
|
|
3010
|
+
MonkeyIconWaitingComponent,
|
|
2909
3011
|
MonkeyIconWalletComponent,
|
|
2910
|
-
MonkeyIconWarningComponent
|
|
3012
|
+
MonkeyIconWarningComponent
|
|
2911
3013
|
],
|
|
2912
3014
|
imports: [CommonModule],
|
|
2913
3015
|
exports: [MonkeyIconComponent],
|
|
2914
|
-
schemas: [NO_ERRORS_SCHEMA]
|
|
3016
|
+
schemas: [NO_ERRORS_SCHEMA]
|
|
2915
3017
|
}]
|
|
2916
3018
|
}] });
|
|
2917
3019
|
|
|
@@ -2943,11 +3045,11 @@ class MonkeyDateRangePickerComponent {
|
|
|
2943
3045
|
this.helperMessage = '';
|
|
2944
3046
|
this.minDate = null;
|
|
2945
3047
|
this.onChange = new EventEmitter();
|
|
2946
|
-
this.today = moment().format('YYYY-MM-DD');
|
|
3048
|
+
this.today = moment.default().format('YYYY-MM-DD');
|
|
2947
3049
|
this.onModelChange = (value) => { };
|
|
2948
3050
|
this.onModelTouched = (value) => { };
|
|
2949
|
-
this._dateFirst = moment();
|
|
2950
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3051
|
+
this._dateFirst = moment.default();
|
|
3052
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
2951
3053
|
this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
|
|
2952
3054
|
this._daysArrFirst = [];
|
|
2953
3055
|
this._daysArrSecond = [];
|
|
@@ -2961,12 +3063,12 @@ class MonkeyDateRangePickerComponent {
|
|
|
2961
3063
|
}));
|
|
2962
3064
|
}
|
|
2963
3065
|
createCalendar(month) {
|
|
2964
|
-
let firstDay = moment(month).startOf('M');
|
|
2965
|
-
let lastDay = moment(month).endOf('M');
|
|
3066
|
+
let firstDay = moment.default(month).startOf('M');
|
|
3067
|
+
let lastDay = moment.default(month).endOf('M');
|
|
2966
3068
|
let days = Array.apply(null, { length: month.daysInMonth() })
|
|
2967
3069
|
.map(Number.call, Number)
|
|
2968
3070
|
.map((n) => {
|
|
2969
|
-
return moment(firstDay).add(n, 'd');
|
|
3071
|
+
return moment.default(firstDay).add(n, 'd');
|
|
2970
3072
|
});
|
|
2971
3073
|
let n = 0;
|
|
2972
3074
|
while (n < firstDay.weekday()) {
|
|
@@ -3004,8 +3106,8 @@ class MonkeyDateRangePickerComponent {
|
|
|
3004
3106
|
this.writeValue(this._dateForm.value);
|
|
3005
3107
|
}
|
|
3006
3108
|
navigateToToday() {
|
|
3007
|
-
this._dateFirst = moment();
|
|
3008
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3109
|
+
this._dateFirst = moment.default();
|
|
3110
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
3009
3111
|
this.build();
|
|
3010
3112
|
}
|
|
3011
3113
|
ngOnInit() {
|
|
@@ -3060,14 +3162,14 @@ class MonkeyDateRangePickerComponent {
|
|
|
3060
3162
|
if (!day) {
|
|
3061
3163
|
return false;
|
|
3062
3164
|
}
|
|
3063
|
-
return moment().format('L') === day.format('L');
|
|
3165
|
+
return moment.default().format('L') === day.format('L');
|
|
3064
3166
|
}
|
|
3065
3167
|
isSelected(day) {
|
|
3066
3168
|
if (!day) {
|
|
3067
3169
|
return false;
|
|
3068
3170
|
}
|
|
3069
|
-
let startDateMoment = moment(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3070
|
-
let endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3171
|
+
let startDateMoment = moment.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3172
|
+
let endDateMoment = moment.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3071
3173
|
if (this._dateForm.valid) {
|
|
3072
3174
|
return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
|
|
3073
3175
|
}
|
|
@@ -3078,7 +3180,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3078
3180
|
isDisabled(day) {
|
|
3079
3181
|
const { minDate } = this;
|
|
3080
3182
|
if (minDate) {
|
|
3081
|
-
const firstDay = moment(minDate);
|
|
3183
|
+
const firstDay = moment.default(minDate);
|
|
3082
3184
|
return day.isBefore(firstDay.subtract(1, 'day'));
|
|
3083
3185
|
}
|
|
3084
3186
|
return false;
|
|
@@ -3099,7 +3201,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3099
3201
|
const { _dateForm, minDate } = this;
|
|
3100
3202
|
let dayFormatted = day.format('YYYY-MM-DD');
|
|
3101
3203
|
if (minDate) {
|
|
3102
|
-
const firstDay = moment(minDate);
|
|
3204
|
+
const firstDay = moment.default(minDate);
|
|
3103
3205
|
if (day.isBefore(firstDay.subtract(1, 'day')))
|
|
3104
3206
|
return;
|
|
3105
3207
|
}
|
|
@@ -3108,7 +3210,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3108
3210
|
}
|
|
3109
3211
|
let { startDate, endDate } = _dateForm.value;
|
|
3110
3212
|
if (startDate) {
|
|
3111
|
-
if (moment(startDate).isAfter(moment(dayFormatted))) {
|
|
3213
|
+
if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
|
|
3112
3214
|
endDate = startDate;
|
|
3113
3215
|
startDate = dayFormatted;
|
|
3114
3216
|
}
|
|
@@ -3131,8 +3233,8 @@ class MonkeyDateRangePickerComponent {
|
|
|
3131
3233
|
return;
|
|
3132
3234
|
const { _dateForm, minDate, today } = this;
|
|
3133
3235
|
const { startDate } = _dateForm.value;
|
|
3134
|
-
const firstDay = moment(startDate || minDate || today).format('YYYY-MM-DD');
|
|
3135
|
-
const lastDay = moment(firstDay).add(days, 'day').format('YYYY-MM-DD');
|
|
3236
|
+
const firstDay = moment.default(startDate || minDate || today).format('YYYY-MM-DD');
|
|
3237
|
+
const lastDay = moment.default(firstDay).add(days, 'day').format('YYYY-MM-DD');
|
|
3136
3238
|
_dateForm.get('startDate').patchValue(firstDay);
|
|
3137
3239
|
_dateForm.get('endDate').patchValue(lastDay);
|
|
3138
3240
|
this.writeValue(_dateForm.value);
|
|
@@ -7298,79 +7400,79 @@ class MonkeyExpansionComponent {
|
|
|
7298
7400
|
}
|
|
7299
7401
|
}
|
|
7300
7402
|
MonkeyExpansionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyExpansionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7301
|
-
MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyExpansionComponent, selector: "monkey-expansion", inputs: { label: "label", helperMessage: "helperMessage", color: "color", disabled: "disabled", open: "open" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
7302
|
-
<mecx-monkey-expansion
|
|
7303
|
-
[id]="_id"
|
|
7304
|
-
[ngClass]="
|
|
7305
|
-
('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
|
|
7306
|
-
(disabled ? ' disabled' : '')
|
|
7307
|
-
"
|
|
7308
|
-
>
|
|
7309
|
-
<mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
|
|
7310
|
-
<label>
|
|
7311
|
-
{{ label }}
|
|
7312
|
-
</label>
|
|
7313
|
-
<helper>
|
|
7314
|
-
{{ helperMessage }}
|
|
7315
|
-
</helper>
|
|
7316
|
-
<monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7317
|
-
</mecx-monkey-expansion-header>
|
|
7318
|
-
<mecx-monkey-expansion-header
|
|
7319
|
-
class="open"
|
|
7320
|
-
*ngIf="open"
|
|
7321
|
-
(click)="onToggleExpand()"
|
|
7322
|
-
>
|
|
7323
|
-
<label>
|
|
7324
|
-
{{ label }}
|
|
7325
|
-
</label>
|
|
7326
|
-
<helper>
|
|
7327
|
-
{{ helperMessage }}
|
|
7328
|
-
</helper>
|
|
7329
|
-
<monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7330
|
-
</mecx-monkey-expansion-header>
|
|
7331
|
-
<mecx-monkey-expansion-body *ngIf="open">
|
|
7332
|
-
<ng-content></ng-content>
|
|
7333
|
-
</mecx-monkey-expansion-body>
|
|
7334
|
-
</mecx-monkey-expansion>
|
|
7403
|
+
MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyExpansionComponent, selector: "monkey-expansion", inputs: { label: "label", helperMessage: "helperMessage", color: "color", disabled: "disabled", open: "open" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
7404
|
+
<mecx-monkey-expansion
|
|
7405
|
+
[id]="_id"
|
|
7406
|
+
[ngClass]="
|
|
7407
|
+
('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
|
|
7408
|
+
(disabled ? ' disabled' : '')
|
|
7409
|
+
"
|
|
7410
|
+
>
|
|
7411
|
+
<mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
|
|
7412
|
+
<label>
|
|
7413
|
+
{{ label }}
|
|
7414
|
+
</label>
|
|
7415
|
+
<helper>
|
|
7416
|
+
{{ helperMessage }}
|
|
7417
|
+
</helper>
|
|
7418
|
+
<monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7419
|
+
</mecx-monkey-expansion-header>
|
|
7420
|
+
<mecx-monkey-expansion-header
|
|
7421
|
+
class="open"
|
|
7422
|
+
*ngIf="open"
|
|
7423
|
+
(click)="onToggleExpand()"
|
|
7424
|
+
>
|
|
7425
|
+
<label>
|
|
7426
|
+
{{ label }}
|
|
7427
|
+
</label>
|
|
7428
|
+
<helper>
|
|
7429
|
+
{{ helperMessage }}
|
|
7430
|
+
</helper>
|
|
7431
|
+
<monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7432
|
+
</mecx-monkey-expansion-header>
|
|
7433
|
+
<mecx-monkey-expansion-body *ngIf="open">
|
|
7434
|
+
<ng-content></ng-content>
|
|
7435
|
+
</mecx-monkey-expansion-body>
|
|
7436
|
+
</mecx-monkey-expansion>
|
|
7335
7437
|
`, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7336
7438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyExpansionComponent, decorators: [{
|
|
7337
7439
|
type: Component,
|
|
7338
7440
|
args: [{
|
|
7339
7441
|
selector: 'monkey-expansion',
|
|
7340
|
-
template: `
|
|
7341
|
-
<mecx-monkey-expansion
|
|
7342
|
-
[id]="_id"
|
|
7343
|
-
[ngClass]="
|
|
7344
|
-
('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
|
|
7345
|
-
(disabled ? ' disabled' : '')
|
|
7346
|
-
"
|
|
7347
|
-
>
|
|
7348
|
-
<mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
|
|
7349
|
-
<label>
|
|
7350
|
-
{{ label }}
|
|
7351
|
-
</label>
|
|
7352
|
-
<helper>
|
|
7353
|
-
{{ helperMessage }}
|
|
7354
|
-
</helper>
|
|
7355
|
-
<monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7356
|
-
</mecx-monkey-expansion-header>
|
|
7357
|
-
<mecx-monkey-expansion-header
|
|
7358
|
-
class="open"
|
|
7359
|
-
*ngIf="open"
|
|
7360
|
-
(click)="onToggleExpand()"
|
|
7361
|
-
>
|
|
7362
|
-
<label>
|
|
7363
|
-
{{ label }}
|
|
7364
|
-
</label>
|
|
7365
|
-
<helper>
|
|
7366
|
-
{{ helperMessage }}
|
|
7367
|
-
</helper>
|
|
7368
|
-
<monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7369
|
-
</mecx-monkey-expansion-header>
|
|
7370
|
-
<mecx-monkey-expansion-body *ngIf="open">
|
|
7371
|
-
<ng-content></ng-content>
|
|
7372
|
-
</mecx-monkey-expansion-body>
|
|
7373
|
-
</mecx-monkey-expansion>
|
|
7442
|
+
template: `
|
|
7443
|
+
<mecx-monkey-expansion
|
|
7444
|
+
[id]="_id"
|
|
7445
|
+
[ngClass]="
|
|
7446
|
+
('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
|
|
7447
|
+
(disabled ? ' disabled' : '')
|
|
7448
|
+
"
|
|
7449
|
+
>
|
|
7450
|
+
<mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
|
|
7451
|
+
<label>
|
|
7452
|
+
{{ label }}
|
|
7453
|
+
</label>
|
|
7454
|
+
<helper>
|
|
7455
|
+
{{ helperMessage }}
|
|
7456
|
+
</helper>
|
|
7457
|
+
<monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7458
|
+
</mecx-monkey-expansion-header>
|
|
7459
|
+
<mecx-monkey-expansion-header
|
|
7460
|
+
class="open"
|
|
7461
|
+
*ngIf="open"
|
|
7462
|
+
(click)="onToggleExpand()"
|
|
7463
|
+
>
|
|
7464
|
+
<label>
|
|
7465
|
+
{{ label }}
|
|
7466
|
+
</label>
|
|
7467
|
+
<helper>
|
|
7468
|
+
{{ helperMessage }}
|
|
7469
|
+
</helper>
|
|
7470
|
+
<monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
|
|
7471
|
+
</mecx-monkey-expansion-header>
|
|
7472
|
+
<mecx-monkey-expansion-body *ngIf="open">
|
|
7473
|
+
<ng-content></ng-content>
|
|
7474
|
+
</mecx-monkey-expansion-body>
|
|
7475
|
+
</mecx-monkey-expansion>
|
|
7374
7476
|
`,
|
|
7375
7477
|
encapsulation: ViewEncapsulation.None,
|
|
7376
7478
|
}]
|
|
@@ -7413,6 +7515,7 @@ class MonkeyTableComponent {
|
|
|
7413
7515
|
this.elRef = elRef;
|
|
7414
7516
|
this.loading = false;
|
|
7415
7517
|
this.selectable = false;
|
|
7518
|
+
this.showSelectAll = true;
|
|
7416
7519
|
this.callbackValidation = null;
|
|
7417
7520
|
this.callbackValidationAll = null;
|
|
7418
7521
|
this.selectedList = null;
|
|
@@ -7451,6 +7554,9 @@ class MonkeyTableComponent {
|
|
|
7451
7554
|
}
|
|
7452
7555
|
ngOnChanges() {
|
|
7453
7556
|
this.handleDataSource();
|
|
7557
|
+
if (this.selectedList) {
|
|
7558
|
+
this.list = this.selectedList;
|
|
7559
|
+
}
|
|
7454
7560
|
}
|
|
7455
7561
|
onHandleSelect(event, row) {
|
|
7456
7562
|
const { callbackValidation } = this;
|
|
@@ -7508,13 +7614,13 @@ class MonkeyTableComponent {
|
|
|
7508
7614
|
}
|
|
7509
7615
|
}
|
|
7510
7616
|
MonkeyTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7511
|
-
MonkeyTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyTableComponent, selector: "monkey-table", inputs: { headers: "headers", dataSource: "dataSource", loading: "loading", rowTemplate: "rowTemplate", selectable: "selectable", callbackValidation: "callbackValidation", callbackValidationAll: "callbackValidationAll", selectedList: "selectedList", functionId: "functionId" }, outputs: { selection: "selection", selected: "selected" }, usesOnChanges: true, ngImport: i0, template: `
|
|
7617
|
+
MonkeyTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyTableComponent, selector: "monkey-table", inputs: { headers: "headers", dataSource: "dataSource", loading: "loading", rowTemplate: "rowTemplate", selectable: "selectable", showSelectAll: "showSelectAll", callbackValidation: "callbackValidation", callbackValidationAll: "callbackValidationAll", selectedList: "selectedList", functionId: "functionId" }, outputs: { selection: "selection", selected: "selected" }, usesOnChanges: true, ngImport: i0, template: `
|
|
7512
7618
|
<mecx-monkey-table>
|
|
7513
7619
|
<mecx-monkey-table-header>
|
|
7514
7620
|
<monkey-checkbox
|
|
7515
7621
|
[value]="onHandleSelectedAll()"
|
|
7516
7622
|
(click)="onHandleSelectAll($event)"
|
|
7517
|
-
*ngIf="selectable"
|
|
7623
|
+
*ngIf="selectable && showSelectAll"
|
|
7518
7624
|
></monkey-checkbox>
|
|
7519
7625
|
<span *ngFor="let header of headers" [style.width]="_maxWidth + '%'">
|
|
7520
7626
|
{{ header }}
|
|
@@ -7550,7 +7656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
7550
7656
|
<monkey-checkbox
|
|
7551
7657
|
[value]="onHandleSelectedAll()"
|
|
7552
7658
|
(click)="onHandleSelectAll($event)"
|
|
7553
|
-
*ngIf="selectable"
|
|
7659
|
+
*ngIf="selectable && showSelectAll"
|
|
7554
7660
|
></monkey-checkbox>
|
|
7555
7661
|
<span *ngFor="let header of headers" [style.width]="_maxWidth + '%'">
|
|
7556
7662
|
{{ header }}
|
|
@@ -7588,6 +7694,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
7588
7694
|
type: Input
|
|
7589
7695
|
}], selectable: [{
|
|
7590
7696
|
type: Input
|
|
7697
|
+
}], showSelectAll: [{
|
|
7698
|
+
type: Input
|
|
7591
7699
|
}], callbackValidation: [{
|
|
7592
7700
|
type: Input
|
|
7593
7701
|
}], callbackValidationAll: [{
|
|
@@ -7775,19 +7883,19 @@ MonkeyTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
7775
7883
|
useExisting: forwardRef(() => MonkeyTabComponent),
|
|
7776
7884
|
multi: true,
|
|
7777
7885
|
},
|
|
7778
|
-
], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
|
|
7779
|
-
<mecx-tab-body [ngClass]="position">
|
|
7780
|
-
<ng-content></ng-content>
|
|
7781
|
-
</mecx-tab-body>
|
|
7886
|
+
], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
|
|
7887
|
+
<mecx-tab-body [ngClass]="position">
|
|
7888
|
+
<ng-content></ng-content>
|
|
7889
|
+
</mecx-tab-body>
|
|
7782
7890
|
`, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7783
7891
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyTabComponent, decorators: [{
|
|
7784
7892
|
type: Component,
|
|
7785
7893
|
args: [{
|
|
7786
7894
|
selector: 'monkey-tab',
|
|
7787
|
-
template: `
|
|
7788
|
-
<mecx-tab-body [ngClass]="position">
|
|
7789
|
-
<ng-content></ng-content>
|
|
7790
|
-
</mecx-tab-body>
|
|
7895
|
+
template: `
|
|
7896
|
+
<mecx-tab-body [ngClass]="position">
|
|
7897
|
+
<ng-content></ng-content>
|
|
7898
|
+
</mecx-tab-body>
|
|
7791
7899
|
`,
|
|
7792
7900
|
encapsulation: ViewEncapsulation.None,
|
|
7793
7901
|
providers: [
|
|
@@ -7926,5 +8034,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
7926
8034
|
* Generated bundle index. Do not edit.
|
|
7927
8035
|
*/
|
|
7928
8036
|
|
|
7929
|
-
export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonModule, MonkeyCheckboxComponent, MonkeyCheckboxModule, MonkeyDateRangePickerComponent, MonkeyDateRangePickerModule, MonkeyExpansionComponent, MonkeyExpansionModule, MonkeyFileUploadComponent, MonkeyFileUploadModule, MonkeyIconArrowLeftComponent, MonkeyIconArrowRightComponent, MonkeyIconArrowUpComponent, MonkeyIconBankComponent, MonkeyIconBellComponent, MonkeyIconBookComponent, MonkeyIconBoxComponent, MonkeyIconCNPJComponent, MonkeyIconCalendarComponent, MonkeyIconCameraComponent, MonkeyIconChatComponent, MonkeyIconCheckCircleComponent, MonkeyIconCheckCircleOutComponent, MonkeyIconCheckComponent, MonkeyIconCheckGreyComponent, MonkeyIconCheckWhiteComponent, MonkeyIconClipboardComponent, MonkeyIconClockComponent, MonkeyIconCloseComponent, MonkeyIconCodepenComponent, MonkeyIconCompanyNameComponent, MonkeyIconComponent, MonkeyIconContractComponent, MonkeyIconDeleteComponent, MonkeyIconDocumentComponent, MonkeyIconDollarSignComponent, MonkeyIconDomainComponent, MonkeyIconDownloadComponent, MonkeyIconEditComponent, MonkeyIconEmailComponent, MonkeyIconEmptyDocComponent, MonkeyIconErrorComponent, MonkeyIconEyeClosedComponent, MonkeyIconEyeOpenComponent, MonkeyIconFilterComponent, MonkeyIconGridComponent, MonkeyIconHelpComponent, MonkeyIconHexagonComponent, MonkeyIconHomeComponent, MonkeyIconImageComponent, MonkeyIconListComponent, MonkeyIconLocationPinComponent, MonkeyIconLoginComponent, MonkeyIconLogoutComponent, MonkeyIconMenuComponent, MonkeyIconModule, MonkeyIconMoneySignComponent, MonkeyIconMoreComponent, MonkeyIconOfferedComponent, MonkeyIconPasswordComponent, MonkeyIconPeopleComponent, MonkeyIconPercentComponent, MonkeyIconPersonDocumentComponent, MonkeyIconPersonSadComponent, MonkeyIconPhoneComponent, MonkeyIconPorkComponent, MonkeyIconRefreshComponent, MonkeyIconRepeatComponent, MonkeyIconSearchComponent, MonkeyIconSecondWarningComponent, MonkeyIconSettingsComponent, MonkeyIconTrashComponent, MonkeyIconUploadComponent, MonkeyIconUserComponent, MonkeyIconWalletComponent, MonkeyIconWarningComponent, MonkeyImageCropComponent, MonkeyImageCropModule, MonkeyInputComponent, MonkeyInputFilterComponent, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputPhoneModule, MonkeyModalComponent, MonkeyModalModule, MonkeyOptionComponent, MonkeyOptionModule, MonkeyRadioButtonComponent, MonkeyRadioButtonModule, MonkeySelectComponent, MonkeySelectFilterComponent, MonkeySelectModule, MonkeySelectMultipleComponent, MonkeySelectSearchComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStyleGuideModalFixedService, MonkeyStyleGuideModalService, MonkeyStyleGuideModule, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService, MonkeyTabComponent, MonkeyTabModule, MonkeyTableColumnComponent, MonkeyTableComponent, MonkeyTableModule, MonkeyToggleComponent, MonkeyToggleModule, MonkeyUtils, MonkeyWizardComponent, MonkeyWizardModule, PhoneNumberValidDirective };
|
|
8037
|
+
export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonModule, MonkeyCheckboxComponent, MonkeyCheckboxModule, MonkeyDateRangePickerComponent, MonkeyDateRangePickerModule, MonkeyExpansionComponent, MonkeyExpansionModule, MonkeyFileUploadComponent, MonkeyFileUploadModule, MonkeyIconArrowLeftComponent, MonkeyIconArrowRightComponent, MonkeyIconArrowUpComponent, MonkeyIconAuctionComponent, MonkeyIconBankComponent, MonkeyIconBellComponent, MonkeyIconBookComponent, MonkeyIconBoxComponent, MonkeyIconCNPJComponent, MonkeyIconCalendarComponent, MonkeyIconCameraComponent, MonkeyIconChatComponent, MonkeyIconCheckCircleComponent, MonkeyIconCheckCircleOutComponent, MonkeyIconCheckComponent, MonkeyIconCheckGreyComponent, MonkeyIconCheckWhiteComponent, MonkeyIconClipboardComponent, MonkeyIconClockComponent, MonkeyIconCloseComponent, MonkeyIconCodepenComponent, MonkeyIconCompanyNameComponent, MonkeyIconComponent, MonkeyIconContractComponent, MonkeyIconDeleteComponent, MonkeyIconDocumentComponent, MonkeyIconDollarSignComponent, MonkeyIconDomainComponent, MonkeyIconDownloadComponent, MonkeyIconEditComponent, MonkeyIconEmailComponent, MonkeyIconEmptyDocComponent, MonkeyIconErrorComponent, MonkeyIconEyeClosedComponent, MonkeyIconEyeOpenComponent, MonkeyIconFilterComponent, MonkeyIconGridComponent, MonkeyIconHelpComponent, MonkeyIconHexagonComponent, MonkeyIconHomeComponent, MonkeyIconImageComponent, MonkeyIconListComponent, MonkeyIconLocationPinComponent, MonkeyIconLoginComponent, MonkeyIconLogoutComponent, MonkeyIconMenuComponent, MonkeyIconModule, MonkeyIconMoneySignComponent, MonkeyIconMoreComponent, MonkeyIconOfferedComponent, MonkeyIconPasswordComponent, MonkeyIconPeopleComponent, MonkeyIconPercentComponent, MonkeyIconPersonDocumentComponent, MonkeyIconPersonSadComponent, MonkeyIconPhoneComponent, MonkeyIconPorkComponent, MonkeyIconRadioComponent, MonkeyIconRefreshComponent, MonkeyIconRepeatComponent, MonkeyIconSearchComponent, MonkeyIconSecondWarningComponent, MonkeyIconSettingsComponent, MonkeyIconTrashComponent, MonkeyIconTrophyComponent, MonkeyIconUploadComponent, MonkeyIconUserComponent, MonkeyIconWaitingComponent, MonkeyIconWalletComponent, MonkeyIconWarningComponent, MonkeyImageCropComponent, MonkeyImageCropModule, MonkeyInputComponent, MonkeyInputFilterComponent, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputPhoneModule, MonkeyModalComponent, MonkeyModalModule, MonkeyOptionComponent, MonkeyOptionModule, MonkeyRadioButtonComponent, MonkeyRadioButtonModule, MonkeySelectComponent, MonkeySelectFilterComponent, MonkeySelectModule, MonkeySelectMultipleComponent, MonkeySelectSearchComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStyleGuideModalFixedService, MonkeyStyleGuideModalService, MonkeyStyleGuideModule, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService, MonkeyTabComponent, MonkeyTabModule, MonkeyTableColumnComponent, MonkeyTableComponent, MonkeyTableModule, MonkeyToggleComponent, MonkeyToggleModule, MonkeyUtils, MonkeyWizardComponent, MonkeyWizardModule, PhoneNumberValidDirective };
|
|
7930
8038
|
//# sourceMappingURL=monkey-style-guide.mjs.map
|