monkey-style-guide 2.0.117 → 2.0.121

package/fesm2020/monkey-style-guide.mjs

@@ -797,10 +797,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class MonkeyIconAuctionComponent {
 }
 MonkeyIconAuctionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] });
+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=\"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.63522 10.4077L8.28166 10.7612L8.98877 11.4683L9.34232 11.1148L8.63522 10.4077ZM13.1136 7.34355L13.4671 6.98999L12.76 6.28289L12.4065 6.63644L13.1136 7.34355ZM9.34232 11.1148L13.1136 7.34355L12.4065 6.63644L8.63522 10.4077L9.34232 11.1148Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M4.86471 6.63668L4.51115 6.99023L5.21826 7.69734L5.57182 7.34379L4.86471 6.63668ZM9.34305 3.57255L9.69661 3.219L8.9895 2.51189L8.63594 2.86545L9.34305 3.57255ZM5.57182 7.34379L9.34305 3.57255L8.63594 2.86545L4.86471 6.63668L5.57182 7.34379Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"3.33252\" y=\"5.10449\" width=\"5.33333\" height=\"10.6667\" rx=\"1.33333\" transform=\"rotate(-45 3.33252 5.10449)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M1.31295 13.9799C1.11769 14.1752 1.11769 14.4918 1.31295 14.687C1.50821 14.8823 1.8248 14.8823 2.02006 14.687L1.31295 13.9799ZM7.02006 9.68705C7.21532 9.49179 7.21532 9.1752 7.02006 8.97994C6.8248 8.78468 6.50821 8.78468 6.31295 8.97994L7.02006 9.68705ZM2.02006 14.687L7.02006 9.68705L6.31295 8.97994L1.31295 13.9799L2.02006 14.687Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.3335 14.1665C9.05735 14.1665 8.8335 14.3904 8.8335 14.6665C8.8335 14.9426 9.05735 15.1665 9.3335 15.1665V14.1665ZM14.6668 15.1665C14.943 15.1665 15.1668 14.9426 15.1668 14.6665C15.1668 14.3904 14.943 14.1665 14.6668 14.1665V15.1665ZM9.3335 15.1665H14.6668V14.1665H9.3335V15.1665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'monkey-icon-auction', 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.63522 10.4077L8.28166 10.7612L8.98877 11.4683L9.34232 11.1148L8.63522 10.4077ZM13.1136 7.34355L13.4671 6.98999L12.76 6.28289L12.4065 6.63644L13.1136 7.34355ZM9.34232 11.1148L13.1136 7.34355L12.4065 6.63644L8.63522 10.4077L9.34232 11.1148Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M4.86471 6.63668L4.51115 6.99023L5.21826 7.69734L5.57182 7.34379L4.86471 6.63668ZM9.34305 3.57255L9.69661 3.219L8.9895 2.51189L8.63594 2.86545L9.34305 3.57255ZM5.57182 7.34379L9.34305 3.57255L8.63594 2.86545L4.86471 6.63668L5.57182 7.34379Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<rect x=\"3.33252\" y=\"5.10449\" width=\"5.33333\" height=\"10.6667\" rx=\"1.33333\" transform=\"rotate(-45 3.33252 5.10449)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M1.31295 13.9799C1.11769 14.1752 1.11769 14.4918 1.31295 14.687C1.50821 14.8823 1.8248 14.8823 2.02006 14.687L1.31295 13.9799ZM7.02006 9.68705C7.21532 9.49179 7.21532 9.1752 7.02006 8.97994C6.8248 8.78468 6.50821 8.78468 6.31295 8.97994L7.02006 9.68705ZM2.02006 14.687L7.02006 9.68705L6.31295 8.97994L1.31295 13.9799L2.02006 14.687Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n<path d=\"M9.3335 14.1665C9.05735 14.1665 8.8335 14.3904 8.8335 14.6665C8.8335 14.9426 9.05735 15.1665 9.3335 15.1665V14.1665ZM14.6668 15.1665C14.943 15.1665 15.1668 14.9426 15.1668 14.6665C15.1668 14.3904 14.943 14.1665 14.6668 14.1665V15.1665ZM9.3335 15.1665H14.6668V14.1665H9.3335V15.1665Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { fillColor: [{
                 type: Input
             }], size: [{
@@ -1473,10 +1473,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class MonkeyIconRadioComponent {
 }
 MonkeyIconRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] });
+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\">\r\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\"/>\r\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\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, decorators: [{
             type: Component,
-            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"] }]
+            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\">\r\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\"/>\r\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\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { fillColor: [{
                 type: Input
             }], size: [{
@@ -1564,10 +1564,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class MonkeyIconTrophyComponent {
 }
 MonkeyIconTrophyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] });
+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\">\r\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\"/>\r\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\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\"/>\r\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\"/>\r\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, decorators: [{
             type: Component,
-            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"] }]
+            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\">\r\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\"/>\r\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\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\"/>\r\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\"/>\r\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { fillColor: [{
                 type: Input
             }], size: [{
@@ -1603,10 +1603,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class MonkeyIconWaitingComponent {
 }
 MonkeyIconWaitingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] });
+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\">\r\n<g clip-path=\"url(#clip0_638_12213)\">\r\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_638_12213\">\r\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, decorators: [{
             type: Component,
-            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"] }]
+            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\">\r\n<g clip-path=\"url(#clip0_638_12213)\">\r\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0_638_12213\">\r\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { fillColor: [{
                 type: Input
             }], size: [{
@@ -3049,7 +3049,7 @@ class MonkeyDateRangePickerComponent {
         this.fb = fb;
         this.cdr = cdr;
         this.helperMessage = '';
-        this.minDate = null;
+        this.moveDaysForward = true;
         this.onChange = new EventEmitter();
         this.today = moment.default().format('YYYY-MM-DD');
         this.onModelChange = (value) => { };
@@ -3060,8 +3060,12 @@ class MonkeyDateRangePickerComponent {
         this._daysArrFirst = [];
         this._daysArrSecond = [];
         this._disabled = false;
+        this._minDate = null;
         this.initDateRange();
     }
+    set minDate(value) {
+        this._minDate = !this.moveDaysForward ? null : value;
+    }
     initDateRange() {
         return (this._dateForm = this.fb.group({
             startDate: [null, Validators.required],
@@ -3184,9 +3188,9 @@ class MonkeyDateRangePickerComponent {
         }
     }
     isDisabled(day) {
-        const { minDate } = this;
-        if (minDate) {
-            const firstDay = moment.default(minDate);
+        const { _minDate } = this;
+        if (_minDate) {
+            const firstDay = moment.default(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -3204,10 +3208,10 @@ class MonkeyDateRangePickerComponent {
     selectedDate(day) {
         if (this._disabled)
             return;
-        const { _dateForm, minDate } = this;
+        const { _dateForm, _minDate } = this;
         let dayFormatted = day.format('YYYY-MM-DD');
-        if (minDate) {
-            const firstDay = moment.default(minDate);
+        if (_minDate) {
+            const firstDay = moment.default(_minDate);
             if (day.isBefore(firstDay.subtract(1, 'day')))
                 return;
         }
@@ -3237,17 +3241,24 @@ class MonkeyDateRangePickerComponent {
     selectRangeOfDays(days) {
         if (this._disabled)
             return;
-        const { _dateForm, minDate, today } = this;
+        const { _dateForm, _minDate, today, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment.default(startDate || minDate || today).format('YYYY-MM-DD');
-        const lastDay = moment.default(firstDay).add(days, 'day').format('YYYY-MM-DD');
-        _dateForm.get('startDate').patchValue(firstDay);
-        _dateForm.get('endDate').patchValue(lastDay);
+        const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
+        const method = moveDaysForward ? 'add' : 'subtract';
+        const lastDay = moment.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
+        if (moveDaysForward) {
+            _dateForm.get('startDate').patchValue(firstDay);
+            _dateForm.get('endDate').patchValue(lastDay);
+        }
+        else {
+            _dateForm.get('startDate').patchValue(lastDay);
+            _dateForm.get('endDate').patchValue(firstDay);
+        }
         this.writeValue(_dateForm.value);
     }
 }
 MonkeyDateRangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyDateRangePickerComponent, deps: [{ token: i1$2.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyDateRangePickerComponent, selector: "monkey-date-range-picker", inputs: { label: "label", helperMessage: "helperMessage", i18n: "i18n", infoMessage: "infoMessage", errorMessage: "errorMessage", minDate: "minDate", value: "value" }, outputs: { onChange: "onChange" }, providers: [
+MonkeyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyDateRangePickerComponent, selector: "monkey-date-range-picker", inputs: { label: "label", helperMessage: "helperMessage", i18n: "i18n", infoMessage: "infoMessage", errorMessage: "errorMessage", moveDaysForward: "moveDaysForward", minDate: "minDate", value: "value" }, outputs: { onChange: "onChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => MonkeyDateRangePickerComponent),
@@ -3590,6 +3601,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }], errorMessage: [{
                 type: Input
+            }], moveDaysForward: [{
+                type: Input
             }], minDate: [{
                 type: Input
             }], onChange: [{
@@ -7422,7 +7435,7 @@ MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
         </helper>
         <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
       </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body *ngIf="open">
+      <mecx-monkey-expansion-body [class.open]="open">
         <ng-content></ng-content>
       </mecx-monkey-expansion-body>
     </mecx-monkey-expansion>
@@ -7461,12 +7474,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
         </helper>
         <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
       </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body *ngIf="open">
+      <mecx-monkey-expansion-body [class.open]="open">
         <ng-content></ng-content>
       </mecx-monkey-expansion-body>
     </mecx-monkey-expansion>
   `,
-                    encapsulation: ViewEncapsulation.None,
+                    encapsulation: ViewEncapsulation.None
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                 type: Input
@@ -7874,19 +7887,19 @@ MonkeyTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => MonkeyTabComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
-    <mecx-tab-body [ngClass]="position">
-      <ng-content></ng-content>
-    </mecx-tab-body>
+    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
+    <mecx-tab-body [ngClass]="position">
+      <ng-content></ng-content>
+    </mecx-tab-body>
   `, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-tab',
-                    template: `
-    <mecx-tab-body [ngClass]="position">
-      <ng-content></ng-content>
-    </mecx-tab-body>
+                    template: `
+    <mecx-tab-body [ngClass]="position">
+      <ng-content></ng-content>
+    </mecx-tab-body>
   `,
                     encapsulation: ViewEncapsulation.None,
                     providers: [