{"id":17142,"date":"2025-02-18T04:13:25","date_gmt":"2025-02-18T04:13:25","guid":{"rendered":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/?page_id=17142"},"modified":"2025-06-09T05:27:41","modified_gmt":"2025-06-09T05:27:41","slug":"investor-calculator","status":"publish","type":"page","link":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/investor-calculator\/","title":{"rendered":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17142\" class=\"elementor elementor-17142\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48db7a e-flex e-con-boxed parallax_section_no qode_elementor_container_no e-con e-parent\" data-id=\"a48db7a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a826ea elementor-widget elementor-widget-heading\" data-id=\"7a826ea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-968f183 elementor-widget elementor-widget-spacer\" data-id=\"968f183\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca9b8d e-flex e-con-boxed parallax_section_no qode_elementor_container_no e-con e-parent\" data-id=\"cca9b8d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6583ad elementor-widget elementor-widget-shortcode\" data-id=\"d6583ad\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style class=\"wpcode-css-snippet\">      .color1 {\r\n          color: #ffffff !important;\r\n      }\r\n\r\n      #input-4 {\r\n          border: #ffffff !important;\r\n      }\r\n\r\n      p.tex-sub-about {\r\n          font-size: 90% !important;\r\n      }\r\n\r\n      p.small, .p.small, blockquote.small {\r\n          font-size: 23px !important;\r\n      }\r\n\r\n      .custom-calendar-container .custom-calendar-btn .custom-select-icon {\r\n          position: absolute;\r\n          left: 10px;\r\n          font-size: 18px;\r\n          color: var(--tertiery) !important;\r\n          margin-top: -2px;\r\n      }\r\n\r\n      .calculator {\r\n          padding-left: 0px !important;\r\n          width: 100%;\r\n      }\r\n\r\n      .label {\r\n          font-size: 16px !important;\r\n          line-height: 4;\r\n          color: #000;\r\n      }\r\n\r\n      .custom-control-inline {\r\n          margin-bottom: 23px;\r\n          margin-top: 21px;\r\n      }\r\n\r\n      .calculator-chart__remark {\r\n          margin-top: 111px;\r\n      }\r\n\r\n\r\n      @media only screen and (min-width: 1500px) {\r\n          .v-menu__content {\r\n              top: 174px !important;\r\n              z-index: 100 !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 10px !important;\r\n          }\r\n      }\r\n\r\n      @media only screen and (min-width: 1900px) {\r\n\r\n          .v-menu__content {\r\n              top: 119px !important;\r\n              z-index: 100 !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 10px !important;\r\n          }\r\n      }\r\n\r\n   \r\n\r\n      \/*For iPhone 14 Pro Max, iPhone 15 Plus and iPhone 15 Pro Max:*\/\r\n      @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 611px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n\r\n      \/*For iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14:*\/\r\n      @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 576px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*For iPhone 14 Pro, iPhone 15 and iPhone 15 Pro:*\/\r\n      @media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 706px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*For iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus:*\/\r\n      @media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 692px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n\r\n      \/*For iPhone X, iPhone Xs, iPhone 11 Pro, iPhone 12 Mini, and iPhone 13 Mini:*\/\r\n      @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 706px !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n      }\r\n      \/*For iPhone XR, and iPhone 11:*\/\r\n      @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {\r\n          .v-menu__content {\r\n              top: 587px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*For iPhone Xs Max, and iPhone 11 Pro Max:*\/\r\n      @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {\r\n          .v-menu__content {\r\n              top: 706px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n\r\n      \/*For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen):*\/\r\n      @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {\r\n          .v-menu__content {\r\n              top: 658px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen):*\/\r\n      @media only screen and (device-width : 360px) and (device-height : 740px) and (-webkit-device-pixel-ratio : 2) {\r\n          .v-menu__content {\r\n              top: 681px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*ipad mini*\/\r\n      @media only screen and (device-width : 768px) and (device-height : 1024px) and (-webkit-device-pixel-ratio : 2) {\r\n          .v-menu__content {\r\n              top: 616px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*ipad air*\/\r\n      @media only screen and (device-width : 820px) and (device-height : 1180px) and (-webkit-device-pixel-ratio : 2) {\r\n          .v-menu__content {\r\n              top: 621px !important;\r\n          }\r\n\r\n          .box-crop-crop6 {\r\n              padding: 19px 0% 100px 7% !important;\r\n          }\r\n\r\n          .calculator-chart__remark {\r\n              margin-top: 111px !important;\r\n          }\r\n      }\r\n      \/*ipad pro*\/\r\n      @media only screen and (device-width : 1024px) and (device-height : 1366px) and (-webkit-device-pixel-ratio : 2) {\r\n          .v-menu__content {\r\n              top: 704px !important;\r\n          }\r\n      }\r\n\r\n\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\r\n      .txt2 {\r\n          margin-top: -13px !important;\r\n      }\r\n\r\n      .label {\r\n          background-color: unset !important;\r\n      }\r\n\r\n\r\n\r\n      table:not([class]):not([id]) td, table:not([class]):not([id]) th {\r\n          padding: 0px 0px !important;\r\n      }\r\n\r\n      .cal-box-left {\r\n          border-right: 1px solid #e7e7e7;\r\n          \/*padding-right: 30px;*\/\r\n      }\r\n\r\n      .margin-style {\r\n          padding-left: 0px !important;\r\n          width: 100%;\r\n      }\r\n\r\n      img.img-short {\r\n          height: 36px;\r\n      }\r\n\r\n      .calculator-form .calculator-form__label {\r\n          margin-bottom: 21px;\r\n          margin-top: 23px;\r\n      }\r\n\r\n      h5.calculator-results__heading {\r\n          font-size: 18px !important;\r\n          font-weight: bold;\r\n      }\r\n\r\n      .service__detail-sub-title {\r\n          font-size: 18px;\r\n          font-weight: bold;\r\n      }\r\n\r\n\/*       .row {\r\n         margin-right: calc(var(--bs-gutter-x) * 0) !important;\r\n      }\r\n *\/\r\n      .row {\r\n          display: -webkit-box;\r\n          display: -ms-flexbox;\r\n          display: flex;\r\n          -ms-flex-wrap: wrap;\r\n          flex-wrap: wrap;\r\n          margin-right: -15px;\r\n          margin-left: -2px;\r\n      }\r\n\r\n      @media (max-width: 1000px) {\r\n          .row {\r\n              display: -webkit-box;\r\n              display: -ms-flexbox;\r\n              display: flex;\r\n              -ms-flex-wrap: wrap;\r\n              flex-wrap: wrap;\r\n              margin-right: -15px;\r\n              margin-left: -2px;\r\n              width: 100%!important;\r\n    \r\n          }\r\n      }\r\n input[type=text] {\r\n     border-radius: 0px;\r\n     line-height: 20px;\r\n     font-size: 18px;\r\n     font-weight: normal;\r\n     margin-bottom: 4px;\r\n     height: 40px !important;\r\n\t background-color: #ffffff;\r\n }\r\n\r\n    \r\ninput.color1[disabled] {\r\n    background-color: #ffffff !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.custom-control-label {\r\nfont-size: 16px!important;\r\nfont-weight:500!important;\r\n\t}\r\n.custom-control-input:checked ~ .custom-control-label:before {\r\n    color: #fff;\r\n    border-color: #000000 !important;\r\n    background-color: #000000 !important;\r\n}\r\n@supports (-webkit-appearance: none) or (-moz-appearance: none) {\r\n    input[type=checkbox], input[type=radio] {\r\n        --active: #fff0!important;\r\n        --active-inner: #fff0!important;\r\n        --focus: 2px #fff0!important;\r\n        --border: #fff0!important;\r\n        border: 1px solid #fff0!important;\r\n\r\n    }\r\n}\r\n@supports (-webkit-appearance: none) or (-moz-appearance: none) {\r\n    input[type=checkbox]:checked, input[type=radio]:checked {\r\n        --b: #0000!important;\r\n        --bc: #0000!important;\r\n    }\r\n}\r\n      @media (min-width: 1400px) {\r\n\/*           .container {\r\n              max-width: 1320px;\r\n          } *\/\r\n\r\n\r\n\r\n          input#investmentValue1, input#investmentValue2 {\r\n              width: 80%;\r\n          }\r\n\r\n          .v-input.v-input--is-label-active.v-input--is-dirty.v-input--is-readonly.theme--light.v-text-field.v-text-field--is-booted.v-text-field--placeholder {\r\n              width: 90%;\r\n          }\r\n\r\n          .col-lg-6.col-md-12.col-sm-12 {\r\n              width: 50%;\r\n          }\r\n      }\r\n\r\n      button {\r\n          font-family: 'Kanit',sans-serif;\r\n      }\r\n\r\n      .col-lg-6.col-md-12.col-sm-12 {\r\n          width: 50%;\r\n      }\r\n\r\n      input[type=text] {\r\n          width: 85%;\r\n      }\r\n\r\n   .calculator-form .v-input {\r\n    width: 90% !important;\r\n    margin-top: -7px!important;\r\n}\r\n.crop-form2 {\r\n    background-color:#dfe2ef !important;\r\n}\r\n.calculator-form .v-icon {\r\n    color: #000000!important;\r\n}\r\n      @media (max-width: 420px) {\r\n          input[type=text] {\r\n              width: 280px;\r\n          }\r\n\r\n          .calculator-form .v-input {\r\n              width: 280px;\r\n          }\r\n          \/*.row {\r\n              width: 320px;\r\n          }*\/\r\n          .col-lg-6.col-md-12.col-sm-12 {\r\n              width: 100% !important;\r\n          }\r\n      }\r\n\r\n      @media (max-width: 430px) {\r\n\r\n          .col-lg-6.col-md-12.col-sm-12 {\r\n              width: 100%;\r\n          }\r\n      }\r\n    \r\n\/*  \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\r\n\r\n@media only screen and (max-width: 991px) {\r\n    .crop__form1 {\r\n        padding: 30px 25px 0px!important;\r\n        height: auto;\r\n    }\r\n}\r\n   @media (max-width: 767px) {\r\n.custom-control-label {\r\n    font-size: 14px !important;\r\n}\r\n.label {\r\n    font-size: 14px !important;\r\n }\r\n}\r\n     @media (max-width: 480px) {\r\n.calculator-form .v-input {\r\n    width: 100% !important;\r\n\t\t }\r\ninput[type=text] {\r\n    width: 100%;\r\n}\r\n.col-lg-6.col-md-12.col-sm-12 {\r\n    width: 100%;\r\n }\r\n}<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d22895 elementor-widget elementor-widget-shortcode\" data-id=\"0d22895\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> \r\n\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/style-calendar.css?v2\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/style-quotes.css?v2\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/css\/line-awesome.min.css?v1\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/css\/normalize.min.css?v1\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/css\/style-calculator.css?v3\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/css\/style-calendar.css?v1\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/css\/style-radio-form.css?v1\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/site-assets.fontawesome.com\/releases\/v6.1.1\/css\/all.css?v1\">\r\n <style>\r\n\t canvas{\r\n\t\t width:100% !important;\r\n\t }\r\n\t .cal-box-left{\r\n\t\t border-right: none !important;\r\n\t }\r\n<\/style>\r\n\r\n<section class=\"countdown set-bg\">\r\n    <div id=\"vue-app\" data-app>\r\n        <div v-cloak>\r\n            <main>\r\n                <calculator locale=\"en\" :trans='{\"investment.date1\":\"INVESTMENT PERIOD\",\"investment.date\":\"Investment Date\",\"investment.by\":\"INVESTMENT BY\",\"shares\":\"Shares\",\"value\":\"Value\",\"thb\":\"THB\",\"investment.amount\":\"Amount\",\"estimated.investment.return\":\"Estimate return on investment\",\"volume\":\"Volume\",\"investment.value\":\"Investment Value\",\"present.value\":\"Current Value\",\"percent.return\":\"% Return\",\"stock.chart.remark\":\"*Note\",\"stock.chart.remark2\":\"The stock price chart and related data on this page are displayed for illustration purposes only. Investors should research before making investment decisions.\",\"baht\":\"Baht\",\"symbol\":\"LDC\",\"currency\":\"THB\"}'><\/calculator>\r\n            <\/main>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<input type=\"hidden\" name=\"listed_share \" id=\"listed_share\" value=\"LDC\">\r\n<!-- <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" type=\"text\/javascript\"><\/script> -->\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/echarts.min.js?v1\"><\/script>\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/calendar.js?v1\"><\/script>\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/lodash.min.js?v1\"><\/script>\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/moment.min.js?v1\"><\/script>\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/runtime.js?v1\"><\/script>\r\n<!-- <script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/quotes.js?v7\"><\/script> -->\r\n<script src=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/js\/calculator\/aos.js?v1\"><\/script>\r\n\r\n<script type=\"text\/javascript\">\r\n\r\njQuery(document).ready(function () {\r\n    jQuery('#typeShares').on('change', function () {\r\n        \/\/ \u0e16\u0e49\u0e32 element \u0e19\u0e35\u0e49\u0e16\u0e39\u0e01\u0e04\u0e25\u0e34\u0e01\r\n        if (jQuery(this).prop('checked')) {\r\n            \/\/ \u0e17\u0e33\u0e43\u0e2b\u0e49 input field \u0e19\u0e35\u0e49 disabled\r\n            jQuery('#investmentValue2').val('').prop('disabled', true).addClass('color1');\r\n            \/\/ \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 input field \u0e17\u0e35\u0e48\u0e2d\u0e37\u0e48\u0e19\r\n            jQuery('#investmentValue1').prop('disabled', false).removeClass('color1');\r\n        }\r\n    });\r\n\r\n    \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48 element \u0e17\u0e35\u0e48\u0e21\u0e35 id \u0e40\u0e1b\u0e47\u0e19 typeAmount\r\n    jQuery('#typeAmount').on('change', function () {\r\n        \/\/ \u0e16\u0e49\u0e32 element \u0e19\u0e35\u0e49\u0e16\u0e39\u0e01\u0e04\u0e25\u0e34\u0e01\r\n        if (jQuery(this).prop('checked')) {\r\n            \/\/ \u0e17\u0e33\u0e43\u0e2b\u0e49 input field \u0e19\u0e35\u0e49 disabled\r\n            jQuery('#investmentValue1').prop('disabled', true).val('').addClass('color1');\r\n            \/\/ \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 input field \u0e17\u0e35\u0e48\u0e2d\u0e37\u0e48\u0e19\r\n            jQuery('#investmentValue2').prop('disabled', false).removeClass('color1');\r\n        }\r\n    });\r\n\r\n    \/\/\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e01\u0e32\u0e23\u0e25\u0e1a value \u0e2d\u0e2d\u0e01\r\n    jQuery('#investmentValue1').on('keyup', function () {\r\n        jQuery('#investmentValue2').val('');\r\n    });\r\n\r\n    jQuery('#investmentValue2').on('keyup', function () {\r\n        jQuery('#investmentValue1').val('');\r\n    });\r\n    \/\/\u0e14\u0e31\u0e01\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e2d\u0e01\u0e44\u0e14\u0e49\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\r\n   jQuery('#investmentValue1,#investmentValue2').keypress(function (e) {\r\n        if (String.fromCharCode(e.keyCode).match(\/[^0-9]\/g)) return false;\r\n    });\r\n\r\n    load_invesment();\r\n});\r\n\r\nfunction load_invesment() {\r\n\r\n    \/\/ \u0e42\u0e2b\u0e25\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n    jQuery('#investmentValue2').prop('disabled', true).addClass('color1').val('');\r\n    setTimeout(function () { jQuery('#investmentValue2').val(''); }, 1000);\r\n}\r\n\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23012e2 e-flex e-con-boxed parallax_section_no qode_elementor_container_no e-con e-parent\" data-id=\"23012e2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2f3d50 elementor-widget elementor-widget-spacer\" data-id=\"a2f3d50\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96ba7be e-flex e-con-boxed parallax_section_no qode_elementor_container_no e-con e-parent\" data-id=\"96ba7be\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b76a1a7 elementor-widget elementor-widget-html\" data-id=\"b76a1a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody{\n    overflow-y: auto !important;\n}\n.content .title .container_inner {\n\n    margin-top: 45px;\n\n}@media only screen and (max-width: 991px) {\n    .content .title .container_inner {\n    margin-top: 0px;\n}\n}\n\n.custom-control-input:checked ~ .custom-control-label:before {\n    color: #fff;\n    border-color: #000000 !important;\n    background-color: #000000!important;\n}\n\n.custom-control-label:before {\n    background-color: #ffffff;\n    border: #000000 solid 1px;\n}\n.theme--light.v-btn.v-btn--disabled, .theme--light.v-btn.v-btn--disabled .v-icon, .theme--light.v-btn.v-btn--disabled .v-btn__loading {\n    color: #000000!important;\n}\n.picker-bg-color {\n    background-color: #000000 !important;\n}\n.la-angle-right:before {\n    color: #000000;\n}\n.v-icon.v-icon:after {\n    color: #000000;\n}\n.margin-style {\n    margin-top: -30px;\n}\np.small, .p.small, blockquote.small {\n    font-size: 18px !important;\n}\n@supports (-webkit-appearance: none) or (-moz-appearance: none) {\n    input[type=checkbox], input[type=radio] {\n        background: #fff0!important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8d2582 e-flex e-con-boxed parallax_section_no qode_elementor_container_no e-con e-parent\" data-id=\"f8d2582\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1eab4 elementor-widget elementor-widget-shortcode\" data-id=\"0f1eab4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>\r\n\r\n\"use strict\";\r\n(self.webpackChunk = self.webpackChunk || []).push([\r\n    [143],\r\n    {\r\n        6379: function (y, I, p) {\r\n            var D = p(1631),\r\n                b = p.n(D);\r\n            \/\/(b().defaults.headers.common[\"X-Requested-With\"] = \"XMLHttpRequest\"),\r\n            \/\/    (b().defaults.headers.common[\"X-CSRF-TOKEN\"] = jQuery(\r\n            \/\/        'meta[name=\"csrf-token\"]'\r\n            \/\/    ).attr(\"content\"));\r\n            class re {\r\n                static init() {\r\n                    AOS.init({ duration: 0, delay: 0, once: !0, disable: \"mobile\" });\r\n                }\r\n            }\r\n            var ie = re,\r\n                se = p(7975),\r\n                oe = p.n(se);\r\n            jQuery(document).ready(function () {\r\n                ie.init(), oe().init();\r\n            });\r\n            var n = p(7034),\r\n                ne = p(9996),\r\n                L = p.n(ne),\r\n                le = {\r\n                    bind(t, a, e) {\r\n                        t.style.visibility = \"hidden\";\r\n                    },\r\n                    inserted(t, a, e) {\r\n                        let r = a.value || 200;\r\n                        setTimeout(() => {\r\n                            t.style.visibility = \"visible\";\r\n                        }, r);\r\n                    }\r\n                },\r\n                ce = {\r\n                    bind(t, a, e) {\r\n                        jQuery(t).click(function (r) {\r\n                            if (jQuery(this).attr(\"is-submitting\")) return !1;\r\n                            jQuery(this).attr(\"is-submitting\", !0),\r\n                                setTimeout(() => {\r\n                                    jQuery(this).removeAttr(\"is-submitting\");\r\n                                }, 1e3);\r\n                        });\r\n                    }\r\n                },\r\n                de = {\r\n                    bind(t, a, e) {\r\n                        jQuery(t).click((r) => {\r\n                            let i = jQuery(r.currentTarget)\r\n                                .parents(\".hero-banner\")\r\n                                .next()\r\n                                .position().top;\r\n                            jQuery(\"html,body\").animate({ scrollTop: i }, 500);\r\n                        });\r\n                    }\r\n                },\r\n                he = {\r\n                    inserted(t, a, e) {\r\n                        jQuery(t).jarallax();\r\n                    }\r\n                },\r\n                ue = {\r\n                    bind(t, a, e) {\r\n                        window.addEventListener(\"load\", function () {\r\n                            let r = new URLSearchParams(\r\n                                document.location.search.substring(1)\r\n                            );\r\n                            (r.has(\"category_id\") || r.has(\"year\") || r.has(\"keyword\")) &&\r\n                                jQuery(\"html, body\").animate(\r\n                                    { scrollTop: jQuery(t).offset().top - 100 },\r\n                                    1500\r\n                                );\r\n                        });\r\n                    }\r\n                },\r\n                pe = {\r\n                    inserted(t, a, e) {\r\n                        jQuery(t).select2({ minimumResultsForSearch: 1 \/ 0 });\r\n                    }\r\n                },\r\n                _e = {\r\n                    bind(t, a, e) {\r\n                        function r() {\r\n                            let i = jQuery(window).innerHeight();\r\n                            jQuery(t).css(\"height\", i);\r\n                        }\r\n                        setTimeout(() => {\r\n                            r();\r\n                        }, 100),\r\n                            jQuery(window).resize(() => {\r\n                                r();\r\n                            });\r\n                    }\r\n                },\r\n                me = {\r\n                    bind(t, a, e) {\r\n                        jQuery(t).lightcase({\r\n                            maxWidth: 1100,\r\n                            maxHeight: 618,\r\n                            video: { width: 1100, height: 618 },\r\n                            iframe: { width: 1100, height: 618 }\r\n                        });\r\n                    }\r\n                },\r\n                ve = {\r\n                    bind(t, a, e) {\r\n                        jQuery(t).popover({ placement: \"top\", content: \"copied!\" }),\r\n                            new ClipboardJS(t).on(\"success\", function (i) {\r\n                                jQuery(t).popover(\"show\"),\r\n                                    setTimeout(() => {\r\n                                        jQuery(t).popover(\"hide\");\r\n                                    }, 500),\r\n                                    i.clearSelection();\r\n                            });\r\n                    }\r\n                },\r\n                fe = {\r\n                    bind(t, a, e) {\r\n                        jQuery(t)\r\n                            .find(\".dropdown-menu\")\r\n                            .click(function (r) {\r\n                                r.stopPropagation();\r\n                            });\r\n                    }\r\n                };\r\n            n.default.directive(\"visible-delay\", le),\r\n                n.default.directive(\"submit-once\", ce),\r\n                n.default.directive(\"scroll-down\", de),\r\n                n.default.directive(\"parallax\", he),\r\n                n.default.directive(\"select\", pe),\r\n                n.default.directive(\"scroll-filter\", ue),\r\n                n.default.directive(\"rwd-full-height\", _e),\r\n                n.default.directive(\"lightcase\", me),\r\n                n.default.directive(\"clipboard\", ve),\r\n                n.default.directive(\"dropdown-clickable\", fe);\r\n            var ge = p(6805),\r\n                d = p.n(ge),\r\n                ye = (t, a) => d()(t).format(a),\r\n                be = (t, a, e, r = \"en\") => {\r\n                    try {\r\n                        let i = moment(t, a).locale(r);\r\n                        return r === \"th\" && (i = i.add(543, \"year\")), i.format(e);\r\n                    } catch (i) {\r\n                        return \"\";\r\n                    }\r\n                },\r\n                we = function (t, a) {\r\n                    if (a && a.length > 0 && a.trim() !== \"\") {\r\n                        let r = a.split(\" \").join(\"|\");\r\n                        var e = new RegExp(r, \"ig\");\r\n                        return t.toString().replace(e, function (i, o, c) {\r\n                            return \"<mark>\" + i + \"<\/mark>\";\r\n                        });\r\n                    }\r\n                    return t;\r\n                },\r\n                Ce = function (t, a = 250) {\r\n                    return _.truncate(t, { length: a }) || \"\";\r\n                };\r\n            n.default.filter(\"numeralFormat\", ye),\r\n                n.default.filter(\"dateFormat\", be),\r\n                n.default.filter(\"highlight\", we),\r\n                n.default.filter(\"truncate\", Ce);\r\n            var A = function () {\r\n                var t = this,\r\n                    a = t.$createElement,\r\n                    e = t._self._c || a;\r\n                return e(\r\n                    \"div\",\r\n                    { staticClass: \"slider swiper\" },\r\n                    [t._t(\"default\")],\r\n                    2\r\n                );\r\n            },\r\n                xe = [];\r\n            A._withStripped = !0;\r\n            var j = p(7930),\r\n                Se = {\r\n                    props: { pagination: { type: Boolean }, theme: { type: String } },\r\n                    data() {\r\n                        return { swiper: null, activeIndex: 1, total: 1 };\r\n                    },\r\n                    mounted() {\r\n                        let t = {};\r\n                        this.theme == \"primary\" && (t = this.primaryConfig()),\r\n                            this.theme === \"home-news\" && (t = this.homeNewsConfig()),\r\n                            this.theme === \"business-milestone\" &&\r\n                            (t = this.businessMilestoneConfig()),\r\n                            this.theme === \"gallery\" && (t = this.galleryConfig()),\r\n                            this.theme === \"flavors\" && (t = this.productsFlavorConfig()),\r\n                            this.theme === \"flavor-detail\" &&\r\n                            (t = this.productsFlavorDetailConfig()),\r\n                            this.theme === \"milestone-thumbnail\" &&\r\n                            (t = this.milestoneThumbnailConfig()),\r\n                            this.theme === \"milestone\" && (t = this.milestoneConfig()),\r\n                            this.theme === \"products\" && (t = this.productsThumbnailConfig()),\r\n                            this.theme === \"related-products\" &&\r\n                            (t = this.relatedProductsConfig()),\r\n                            this.theme === \"dialog\" && (t = this.dialogConfig()),\r\n                            (this.swiper = new j.Z(this.$el, t)),\r\n                            this.updateActiveSlideNumber(),\r\n                            this.updateTotalSlideNumber();\r\n                    },\r\n                    methods: {\r\n                        primaryConfig() {\r\n                            return {\r\n                                slidesPerView: 1,\r\n                                spaceBetween: 0,\r\n                                navigation: {\r\n                                    nextEl: \".slider__next\",\r\n                                    prevEl: \".slider__prev\"\r\n                                },\r\n                                pagination: { el: \".slider__swiper-pagination\", clickable: !0 },\r\n                                breakpoints: {\r\n                                    0: { spaceBetween: 0, slidesPerView: 1 },\r\n                                    452: { spaceBetween: 30, slidesPerView: 2 },\r\n                                    1024: { spaceBetween: 0, slidesPerView: 1 }\r\n                                }\r\n                            };\r\n                        },\r\n                        dialogConfig() {\r\n                            return {\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                slidesPerView: 1,\r\n                                spaceBetween: 0,\r\n                                speed: 300,\r\n                                autoHeight: !0,\r\n                                navigation: {\r\n                                    nextEl: \".slider__swiper-button-next\",\r\n                                    prevEl: \".slider__swiper-button-prev\"\r\n                                },\r\n                                pagination: { el: \".slider__swiper-pagination\", clickable: !0 }\r\n                            };\r\n                        },\r\n                        homeNewsConfig() {\r\n                            return {\r\n                                speed: 800,\r\n                                spaceBetween: 30,\r\n                                loop: !1,\r\n                                effect: \"fade\",\r\n                                allowTouchMove: !0,\r\n                                navigation: {\r\n                                    nextEl: \".slider--home-news .slider__swiper-button-next\",\r\n                                    prevEl: \".slider--home-news .slider__swiper-button-prev\"\r\n                                },\r\n                                pagination: {\r\n                                    el: \".slider--home-news .slider__swiper-pagination\",\r\n                                    clickable: !0\r\n                                },\r\n                                breakpoints: { 320: { slidesPerView: 1, slidesPerGroup: 1 } }\r\n                            };\r\n                        },\r\n                        businessMilestoneConfig() {\r\n                            return {\r\n                                speed: 800,\r\n                                loop: !1,\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                observeSlideChildren: !0,\r\n                                pagination: {\r\n                                    el: [\r\n                                        jQuery(\"html\").find(\".business-milestone__progressbar\")[0],\r\n                                        jQuery(\"html\").find(\".business-milestone__progressbar\")[1]\r\n                                    ],\r\n                                    type: \"progressbar\"\r\n                                },\r\n                                navigation: {\r\n                                    nextEl: \".business-milestone .business-milestone__next\",\r\n                                    prevEl: \".business-milestone .business-milestone__prev\"\r\n                                },\r\n                                breakpoints: {\r\n                                    0: {\r\n                                        slidesPerView: 1,\r\n                                        slidesPerGroup: 1,\r\n                                        spaceBetween: 15,\r\n                                        autoHeight: !0\r\n                                    },\r\n                                    768: { slidesPerView: 2, slidesPerGroup: 2 },\r\n                                    1024: { slidesPerView: 3, slidesPerGroup: 3, autoHeight: !1 },\r\n                                    1200: {\r\n                                        slidesPerView: 3,\r\n                                        slidesPerGroup: 3,\r\n                                        autoHeight: !1,\r\n                                        spaceBetween: 30\r\n                                    }\r\n                                }\r\n                            };\r\n                        },\r\n                        productsFlavorConfig() {\r\n                            return {\r\n                                speed: 800,\r\n                                loop: !1,\r\n                                watchSlidesVisibility: !0,\r\n                                watchSlidesProgress: !0,\r\n                                spaceBetween: 15,\r\n                                allowTouchMove: !0,\r\n                                breakpoints: {\r\n                                    0: { slidesPerView: 4 },\r\n                                    768: { slidesPerView: 6 },\r\n                                    1024: { slidesPerView: 4 },\r\n                                    1200: { slidesPerView: 5 }\r\n                                },\r\n                                pagination: { el: \".slider__progressbar\", type: \"progressbar\" }\r\n                            };\r\n                        },\r\n                        productsFlavorDetailConfig() {\r\n                            return {\r\n                                speed: 800,\r\n                                loop: !1,\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                observeSlideChildren: !0,\r\n                                centeredSlides: !0,\r\n                                allowTouchMove: !1,\r\n                                slidesPerView: 1,\r\n                                spaceBetween: 15,\r\n                                effect: \"fade\",\r\n                                navigation: {\r\n                                    nextEl: \".product-detail__next\",\r\n                                    prevEl: \".product-detail__prev\"\r\n                                },\r\n                                thumbs: { swiper: this.$root.$refs.productsFlavor.swiper }\r\n                            };\r\n                        },\r\n                        productsThumbnailConfig() {\r\n                            return {\r\n                                speed: 800,\r\n                                loop: !1,\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                observeSlideChildren: !0,\r\n                                centeredSlides: !0,\r\n                                allowTouchMove: !1,\r\n                                slidesPerView:\r\n                                    this.$root.$refs.productsFlavor.swiper.slides.length > 1\r\n                                        ? 2\r\n                                        : 1,\r\n                                spaceBetween: 0,\r\n                                navigation: {\r\n                                    nextEl: \".product-detail__next\",\r\n                                    prevEl: \".product-detail__prev\"\r\n                                },\r\n                                thumbs: { swiper: this.$root.$refs.productsFlavor.swiper },\r\n                                on: {\r\n                                    afterInit: (t) => {\r\n                                        this.$root.$refs.productsFlavor.swiper.slides.length < 2 &&\r\n                                            jQuery(t.el)\r\n                                                .find(\".img-fluid\")\r\n                                                .css({ transform: \"scale(.7)\" });\r\n                                    },\r\n                                    slideChange: (t) => {\r\n                                        let a = t.realIndex;\r\n                                        this.$root.$refs.productsFlavorDetail.swiper.slideTo(\r\n                                            a,\r\n                                            1e3\r\n                                        );\r\n                                    }\r\n                                }\r\n                            };\r\n                        },\r\n                        milestoneConfig() {\r\n                            return {\r\n                                direction: \"vertical\",\r\n                                effect: \"fade\",\r\n                                fadeEffect: { crossFade: !0 },\r\n                                slidesPerView: 1,\r\n                                spaceBetween: 30,\r\n                                mousewheel: { forceToAxis: !0, releaseOnEdges: !0 },\r\n                                navigation: {\r\n                                    nextEl: jQuery(this.$el).find(\".slider__next\")[0],\r\n                                    prevEl: jQuery(this.$el).find(\".slider__prev\")[0]\r\n                                },\r\n                                thumbs: { swiper: this.$root.$refs.milestoneThumbnail.swiper }\r\n                            };\r\n                        },\r\n                        milestoneThumbnailConfig() {\r\n                            return {\r\n                                direction: \"vertical\",\r\n                                spaceBetween: 15,\r\n                                allowTouchMove: !1,\r\n                                watchSlidesProgress: !0,\r\n                                breakpoints: {\r\n                                    0: { slidesPerView: 6 },\r\n                                    768: { slidesPerView: 8 },\r\n                                    1024: { slidesPerView: 6 }\r\n                                }\r\n                            };\r\n                        },\r\n                        galleryConfig() {\r\n                            return {\r\n                                slidesPerView: 1,\r\n                                centeredSlides: !0,\r\n                                spaceBetween: 30,\r\n                                autoHeight: !0,\r\n                                centeredSlidesBounds: !0,\r\n                                loop: !0,\r\n                                autoplay: { delay: 5e3, pauseOnMouseEnter: !0 },\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                observeSlideChildren: !0,\r\n                                pagination: {\r\n                                    el: \".gallery .gallery__pagination\",\r\n                                    type: \"fraction\"\r\n                                },\r\n                                navigation: {\r\n                                    nextEl: \".gallery .gallery__next\",\r\n                                    prevEl: \".gallery .gallery__prev\"\r\n                                },\r\n                                breakpoints: {\r\n                                    768: {\r\n                                        autoHeight: !1,\r\n                                        slidesPerView: \"auto\",\r\n                                        spaceBetween: 30\r\n                                    },\r\n                                    1800: {\r\n                                        autoHeight: !1,\r\n                                        slidesPerView: \"auto\",\r\n                                        spaceBetween: 40\r\n                                    }\r\n                                }\r\n                            };\r\n                        },\r\n                        relatedProductsConfig() {\r\n                            return {\r\n                                slidesPerView: 1,\r\n                                spaceBetween: 30,\r\n                                autoHeight: !1,\r\n                                loop: !1,\r\n                                autoplay: { delay: 5e3, pauseOnMouseEnter: !0 },\r\n                                observer: !0,\r\n                                observeParents: !0,\r\n                                observeSlideChildren: !0,\r\n                                pagination: {\r\n                                    el: \".related-products .related-products__pagination\",\r\n                                    type: \"fraction\"\r\n                                },\r\n                                navigation: {\r\n                                    nextEl: \".related-products .related-products__next\",\r\n                                    prevEl: \".related-products .related-products__prev\"\r\n                                },\r\n                                breakpoints: {\r\n                                    0: { slidesPerView: 1, spaceBetween: 20 },\r\n                                    768: { slidesPerView: 2.4, spaceBetween: 20 },\r\n                                    1024: { slidesPerView: 4, spaceBetween: 20 },\r\n                                    1200: { slidesPerView: 4, spaceBetween: 30 }\r\n                                }\r\n                            };\r\n                        },\r\n                        updateActiveSlideNumber() {\r\n                            this.swiper.on(\"slideChange\", () => {\r\n                                this.activeIndex = this.swiper.realIndex + 1;\r\n                            });\r\n                        },\r\n                        updateTotalSlideNumber() {\r\n                            this.total = this.swiper.slides.length;\r\n                        },\r\n                        update() {\r\n                            this.swiper.update(), this.updateTotalSlideNumber();\r\n                        }\r\n                    }\r\n                },\r\n                Pe = Se,\r\n                h = p(9812),\r\n                M = (0, h.Z)(Pe, A, xe, !1, null, null, null);\r\n            if (!1) var ji;\r\n            var $e = M.exports,\r\n                z = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\r\n                        \"div\",\r\n                        { staticClass: \"text-animated\" },\r\n                        [t._t(\"default\")],\r\n                        2\r\n                    );\r\n                },\r\n                Te = [];\r\n            z._withStripped = !0;\r\n            var ke = p(394),\r\n                De = p.n(ke),\r\n                m = p(214),\r\n                g = p(4597);\r\n            m.ZP.registerPlugin(g.Z);\r\n            var Oe = {\r\n                props: {\r\n                    delay: { default: 0, type: Number, required: !1 },\r\n                    by: { default: \"words\", type: String, required: !1 },\r\n                    loop: { default: !1, type: Boolean, required: !1 }\r\n                },\r\n                data() {\r\n                    return { scrollTrigger: null, splitting: null, isAnimationEnd: !1 };\r\n                },\r\n                mounted() {\r\n                    this.splittingText(), this.init();\r\n                },\r\n                methods: {\r\n                    init() {\r\n                        this.scrollTrigger = g.Z.create({\r\n                            trigger: jQuery(this.$el),\r\n                            top: \"100% top\",\r\n                            onToggle: () => this.animate(),\r\n                            onLeaveBack: () => this.resetAnimate()\r\n                        });\r\n                    },\r\n                    splittingText() {\r\n                        setTimeout(() => {\r\n                            this.splitting = De()({ target: jQuery(this.$el), by: this.by });\r\n                        }, this.delay);\r\n                    },\r\n                    animate() {\r\n                        jQuery(this.$el).addClass(\"animated\");\r\n                    },\r\n                    resetAnimate() {\r\n                        jQuery(this.$el).removeClass(\"animated\");\r\n                    }\r\n                }\r\n            },\r\n                Fe = Oe,\r\n                E = (0, h.Z)(Fe, z, Te, !1, null, null, null);\r\n            if (!1) var Mi;\r\n            var Ie = E.exports,\r\n                Le = p(9055),\r\n                Ae = p.n(Le),\r\n                q = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"section\", [t._t(\"default\")], 2);\r\n                },\r\n                je = [];\r\n            q._withStripped = !0;\r\n            var v = p(3789);\r\n            m.ZP.registerPlugin(g.Z);\r\n            var Me = {\r\n                mounted() {\r\n                    this.initAnimation(),\r\n                        jQuery(window).width() < 1900\r\n                            ? this.laptopScreenAnimation()\r\n                            : jQuery(window).width() > 1900 && this.largeScreenAnimation();\r\n                },\r\n                methods: {\r\n                    initAnimation() {\r\n                        (this.scrollTriggerConfig = this.configForScrollTrigger()),\r\n                            (this.timeline = m.ZP.timeline({\r\n                                scrollTrigger: this.scrollTriggerConfig\r\n                            })),\r\n                            this.setTimelineObjects(),\r\n                            this.waveAnimation(),\r\n                            this.curvyLineAnimation();\r\n                    },\r\n                    configForScrollTrigger() {\r\n                        return {\r\n                            trigger: \".hero-banner\",\r\n                            start: \"top top\",\r\n                            end: \"bottom center\",\r\n                            scrub: 1,\r\n                            markers: !1,\r\n                            ease: v.Lp.easeInOut\r\n                        };\r\n                    },\r\n                    waveAnimation() {\r\n                        let t = jQuery(this.$el).find(\".hero-banner__bg-wave\");\r\n                        m.ZP.fromTo(\r\n                            t,\r\n                            { xPercent: 0 },\r\n                            {\r\n                                xPercent: 40,\r\n                                ease: v.Lp.easeInOut,\r\n                                duration: 12,\r\n                                repeat: -1,\r\n                                yoyo: !0,\r\n                                timeScale: 0.5\r\n                            }\r\n                        );\r\n                    },\r\n                    curvyLineAnimation() {\r\n                        let t = jQuery(this.$el).find(\".hero-banner__bg-curvy-line\");\r\n                        m.ZP.fromTo(\r\n                            t,\r\n                            { xPercent: 40, y: 0 },\r\n                            {\r\n                                xPercent: 0,\r\n                                y: 30,\r\n                                ease: v.Lp.easeInOut,\r\n                                duration: 6,\r\n                                repeat: -1,\r\n                                yoyo: !0,\r\n                                timeScale: 0.5\r\n                            }\r\n                        );\r\n                    },\r\n                    setTimelineObjects() {\r\n                        this.timeline.set(\".hero-banner__body\", {\r\n                            y: 0,\r\n                            duration: 20,\r\n                            timeScale: 0.5,\r\n                            opacity: 1\r\n                        });\r\n                    },\r\n                    largeScreenAnimation() {\r\n                        this.timeline.to(\".hero-banner__body\", { y: 800, opacity: 0 });\r\n                    },\r\n                    laptopScreenAnimation() {\r\n                        this.timeline.to(\".hero-banner__body\", { y: 400, opacity: 0 });\r\n                    }\r\n                }\r\n            },\r\n                ze = Me,\r\n                N = (0, h.Z)(ze, q, je, !1, null, null, null);\r\n            if (!1) var zi;\r\n            var Ee = N.exports,\r\n                W = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\r\n                        \"button\",\r\n                        {\r\n                            staticClass: \"back-to-top\",\r\n                            class: { show: t.isShow },\r\n                            on: {\r\n                                click: function (r) {\r\n                                    return t.scrollToTop();\r\n                                }\r\n                            }\r\n                        },\r\n                        [\r\n                            t._m(0),\r\n                            t._v(\" \"),\r\n                            e(\"span\", { staticClass: \"back-to-top__text\" }, [t._v(\"Top\")])\r\n                        ]\r\n                    );\r\n                },\r\n                qe = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"span\", { staticClass: \"back-to-top__icon\" }, [\r\n                            e(\"img\", {\r\n                                staticClass: \"img-fluid\",\r\n                                attrs: { src: \"\/storage\/icon\/back-to-top.svg\", alt: \"\" }\r\n                            })\r\n                        ]);\r\n                    }\r\n                ];\r\n            W._withStripped = !0;\r\n            var Ne = {\r\n                data() {\r\n                    return { isShow: !1 };\r\n                },\r\n                mounted() {\r\n                    let a = document.body.scrollHeight \/ 2.75,\r\n                        e = () => {\r\n                            this.isShow = jQuery(window).scrollTop() > a;\r\n                        };\r\n                    e(),\r\n                        jQuery(window).on(\"scroll\", (r) => {\r\n                            e();\r\n                        });\r\n                },\r\n                methods: {\r\n                    scrollToTop() {\r\n                        window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n                    }\r\n                }\r\n            },\r\n                We = Ne,\r\n                V = (0, h.Z)(We, W, qe, !1, null, null, null);\r\n            if (!1) var Ei;\r\n            var Ve = V.exports,\r\n                Y = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"toast show\" }, [\r\n                        e(\"div\", { staticClass: \"container\" }, [\r\n                            e(\"div\", { staticClass: \"row text-center\" }, [\r\n                                e(\"div\", { staticClass: \"col-12\" }, [t._t(\"default\")], 2)\r\n                            ])\r\n                        ])\r\n                    ]);\r\n                },\r\n                Ye = [];\r\n            Y._withStripped = !0;\r\n            var He = {\r\n                data() {\r\n                    return { isShow: !1 };\r\n                },\r\n                mounted() {\r\n                    this.detectScroll();\r\n                },\r\n                methods: {\r\n                    detectScroll() {\r\n                        jQuery(window)\r\n                            .on(\"scroll\", () => {\r\n                                let t = jQuery(window).scrollTop();\r\n                                this.isScrollDown(this.scrollPosition, t)\r\n                                    ? jQuery(this.$el).removeClass(\"show\")\r\n                                    : jQuery(this.$el).addClass(\"show\"),\r\n                                    this.isScrollToTopOfDocument(t) &&\r\n                                    jQuery(this.$el).addClass(\"show\"),\r\n                                    (this.scrollPosition = t);\r\n                            })\r\n                            .delay(550);\r\n                    },\r\n                    isScrollDown(t, a) {\r\n                        let e = jQuery(this.$el).position().top;\r\n                        return t < a && a >= e;\r\n                    },\r\n                    isScrollToTopOfDocument(t) {\r\n                        return t === 0;\r\n                    }\r\n                }\r\n            },\r\n                Re = He,\r\n                H = (0, h.Z)(Re, Y, Ye, !1, null, null, null);\r\n            if (!1) var qi;\r\n            var Be = H.exports,\r\n                R = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"span\", {}, [t._v(t._s(t.counterNumber))]);\r\n                },\r\n                Ze = [];\r\n            R._withStripped = !0;\r\n            var Ni = p(3053),\r\n                Qe = {\r\n                    props: {\r\n                        initialNumber: { type: Number, default: 0 },\r\n                        number: { type: String },\r\n                        format: { type: String, default: \"0,0\" },\r\n                        duration: { type: String },\r\n                        pauseInterval: { type: Number, default: 1 }\r\n                    },\r\n                    data() {\r\n                        return { counterNumber: 0 };\r\n                    },\r\n                    mounted() {\r\n                        this.createObserver();\r\n                    },\r\n                    methods: {\r\n                        createObserver() {\r\n                            new IntersectionObserver((a) => this.isElementOnViewport(a), {\r\n                                threshold: 0.85\r\n                            }).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        isElementOnViewport(t) {\r\n                            t[0].isIntersecting === !0 && this.createCounterNumber();\r\n                        },\r\n                        createCounterNumber() {\r\n                            let t = { value: this.initialNumber };\r\n                            v.iC.to(t, Number.parseInt(this.duration), {\r\n                                value: this.number,\r\n                                onUpdate: () => {\r\n                                    this.shouldUpdate(t.value, this.pauseInterval) &&\r\n                                        (this.counterNumber = this.formatNumber(t.value));\r\n                                },\r\n                                onComplete: () => {\r\n                                    this.counterNumber = this.formatNumber(t.value);\r\n                                }\r\n                            });\r\n                        },\r\n                        getMilliseconds() {\r\n                            return new Date().getMilliseconds();\r\n                        },\r\n                        shouldUpdate(t, a) {\r\n                            return Math.floor(this.getMilliseconds() \/ a) % a === 0;\r\n                        },\r\n                        formatNumber(t) {\r\n                            return d()(t).format(this.format);\r\n                        }\r\n                    }\r\n                },\r\n                Ge = Qe,\r\n                B = (0, h.Z)(Ge, R, Ze, !1, null, null, null);\r\n            if (!1) var Wi;\r\n            var Ue = B.exports,\r\n                Z = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\r\n                        \"div\",\r\n                        { staticClass: \"accordion\", attrs: { id: t.name } },\r\n                        [t._t(\"default\")],\r\n                        2\r\n                    );\r\n                },\r\n                Ke = [];\r\n            Z._withStripped = !0;\r\n            var Xe = {\r\n                props: { name: { type: String, required: !0 } },\r\n                mounted() {\r\n                    this.sliderToActiveContent();\r\n                },\r\n                methods: {\r\n                    sliderToActiveContent() {\r\n                        jQuery(this.$el).on(\"shown.bs.collapse\", () => {\r\n                            let t = jQuery(this.$el).find(\".show\").prev(),\r\n                                a = jQuery(\"html\").find(\".header\").height() + 10;\r\n                            jQuery(\"html,body\").animate(\r\n                                { scrollTop: jQuery(t).offset().top - a },\r\n                                500\r\n                            );\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n                Je = Xe,\r\n                Q = (0, h.Z)(Je, Z, Ke, !1, null, null, null);\r\n            if (!1) var Vi;\r\n            var ta = Q.exports,\r\n                G = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"accordion__item\" }, [\r\n                        e(\r\n                            \"div\",\r\n                            {\r\n                                staticClass: \"accordion__header\",\r\n                                attrs: {\r\n                                    \"data-toggle\": \"collapse\",\r\n                                    \"data-target\": \"#\" + t.name,\r\n                                    \"aria-expanded\": t.show\r\n                                }\r\n                            },\r\n                            [\r\n                                e(\r\n                                    \"div\",\r\n                                    { staticClass: \"accordion__title\" },\r\n                                    [t._t(\"title\")],\r\n                                    2\r\n                                ),\r\n                                t._v(\" \"),\r\n                                e(\"span\", { staticClass: \"accordion__icon\" })\r\n                            ]\r\n                        ),\r\n                        t._v(\" \"),\r\n                        e(\r\n                            \"div\",\r\n                            {\r\n                                staticClass: \"collapse\",\r\n                                class: { show: t.show },\r\n                                attrs: { id: t.name, \"data-parent\": \"#\" + t.parentName }\r\n                            },\r\n                            [\r\n                                e(\r\n                                    \"div\",\r\n                                    { staticClass: \"accordion__content\" },\r\n                                    [t._t(\"content\")],\r\n                                    2\r\n                                )\r\n                            ]\r\n                        )\r\n                    ]);\r\n                },\r\n                ea = [];\r\n            G._withStripped = !0;\r\n            var aa = {\r\n                props: {\r\n                    name: { type: String, required: !0 },\r\n                    show: { type: Boolean, default: !1 }\r\n                },\r\n                data() {\r\n                    return { parentName: \"\" };\r\n                },\r\n                mounted() {\r\n                    this.parentName = this.$parent.$props.name;\r\n                }\r\n            },\r\n                ra = aa,\r\n                U = (0, h.Z)(ra, G, ea, !1, null, null, null);\r\n            if (!1) var Yi;\r\n            var ia = U.exports,\r\n                K = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\r\n                        \"section\",\r\n                        { staticClass: \"cracking-coconut\" },\r\n                        [t._t(\"default\")],\r\n                        2\r\n                    );\r\n                },\r\n                sa = [];\r\n            (K._withStripped = !0), m.ZP.registerPlugin(g.Z);\r\n            var oa = {\r\n                data() {\r\n                    return {};\r\n                },\r\n                mounted() {\r\n                    this.init(),\r\n                        window.addEventListener(\"resize\", () => {\r\n                            this.init();\r\n                        }),\r\n                        window.addEventListener(\"orientationchange\", () => {\r\n                            this.init();\r\n                        });\r\n                },\r\n                methods: {\r\n                    init() {\r\n                        jQuery(window).width() > 720 &&\r\n                            jQuery(window).width() < 1024 &&\r\n                            window.innerHeight > window.innerWidth\r\n                            ? (this.initAnimation(),\r\n                                this.tabletTimelineObjects(),\r\n                                this.tabletAnimation())\r\n                            : jQuery(window).width() >= 1024 &&\r\n                            (this.initAnimation(),\r\n                                this.desktopTimelineObjects(),\r\n                                this.desktopAnimation());\r\n                    },\r\n                    initAnimation() {\r\n                        (this.scrollTriggerConfig = this.configForScrollTrigger()),\r\n                            (this.timeline = m.ZP.timeline({\r\n                                scrollTrigger: this.scrollTriggerConfig\r\n                            }));\r\n                    },\r\n                    configForScrollTrigger() {\r\n                        return {\r\n                            trigger: this.$el,\r\n                            start: () =>\r\n                                `${jQuery(\".cracking-coconut__container\").height() \/ 2} center`,\r\n                            end: () =>\r\n                                `${jQuery(\".cracking-coconut__container\").height() * 1.35} center`,\r\n                            markers: !1,\r\n                            scrub: 1,\r\n                            pin: !0\r\n                        };\r\n                    },\r\n                    desktopTimelineObjects() {\r\n                        this.timeline\r\n                            .set(\".cracking-coconut__text\", { opacity: 0 }, 0)\r\n                            .set(\r\n                                \".cracking-coconut__item--left\",\r\n                                { xPercent: 40, scale: 1, rotate: 0 },\r\n                                0\r\n                            )\r\n                            .set(\".cracking-coconut__item--right\", { xPercent: -40 }, 0)\r\n                            .set(\r\n                                \".cracking-coconut__product\",\r\n                                { xPercent: 50, opacity: 0, scale: 0.75 },\r\n                                0\r\n                            )\r\n                            .set(\r\n                                \".cracking-coconut__video\",\r\n                                { xPercent: 40, opacity: 0, scale: 0.65, rotate: -20 },\r\n                                0\r\n                            );\r\n                    },\r\n                    tabletTimelineObjects() {\r\n                        this.timeline\r\n                            .set(\".cracking-coconut__text\", { opacity: 0 }, 0)\r\n                            .set(\r\n                                \".cracking-coconut__item--left\",\r\n                                { xPercent: 30, scale: 1, rotate: 0 },\r\n                                0\r\n                            )\r\n                            .set(\".cracking-coconut__item--right\", { xPercent: -30 }, 0)\r\n                            .set(\r\n                                \".cracking-coconut__product\",\r\n                                { xPercent: 50, opacity: 0, scale: 0.75 },\r\n                                0\r\n                            )\r\n                            .set(\r\n                                \".cracking-coconut__video\",\r\n                                { xPercent: 40, opacity: 0, scale: 0.65 },\r\n                                0\r\n                            );\r\n                    },\r\n                    desktopAnimation() {\r\n                        this.timeline\r\n                            .to(\".cracking-coconut__text\", { opacity: 1 }, 0)\r\n                            .to(\r\n                                \".cracking-coconut__item--left\",\r\n                                { xPercent: 20, scale: 0.6, rotate: -20 },\r\n                                0\r\n                            )\r\n                            .to(\".cracking-coconut__item--right\", { xPercent: 50 }, 0)\r\n                            .to(\r\n                                \".cracking-coconut__product\",\r\n                                { xPercent: 30, opacity: 1, scale: 1 },\r\n                                0\r\n                            )\r\n                            .to(\r\n                                \".cracking-coconut__video\",\r\n                                {\r\n                                    xPercent: 105,\r\n                                    opacity: 1,\r\n                                    scale: 1,\r\n                                    rotate: 0,\r\n                                    delay: 0.15\r\n                                },\r\n                                0\r\n                            );\r\n                    },\r\n                    tabletAnimation() {\r\n                        this.timeline\r\n                            .to(\".cracking-coconut__text\", { opacity: 1 }, 0)\r\n                            .to(\r\n                                \".cracking-coconut__item--left\",\r\n                                { xPercent: -10, scale: 0.6, rotate: -20 },\r\n                                0\r\n                            )\r\n                            .to(\".cracking-coconut__item--right\", { xPercent: 50 }, 0)\r\n                            .to(\r\n                                \".cracking-coconut__product\",\r\n                                { xPercent: -10, opacity: 1, scale: 1 },\r\n                                0\r\n                            )\r\n                            .to(\r\n                                \".cracking-coconut__video\",\r\n                                { xPercent: 100, opacity: 1, scale: 1, delay: 0.15 },\r\n                                0\r\n                            );\r\n                    }\r\n                }\r\n            },\r\n                na = oa,\r\n                X = (0, h.Z)(na, K, sa, !1, null, null, null);\r\n            if (!1) var Hi;\r\n            var la = X.exports,\r\n                J = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"pouring-tea\" }, [t._t(\"default\")], 2);\r\n                },\r\n                ca = [];\r\n            J._withStripped = !0;\r\n            var da = {\r\n                data() {\r\n                    return {};\r\n                },\r\n                mounted() {\r\n                    this.init();\r\n                },\r\n                methods: {\r\n                    init() {\r\n                        m.ZP.registerPlugin(g.Z),\r\n                            m.ZP.timeline({\r\n                                scrollTrigger: {\r\n                                    trigger: this.$el,\r\n                                    start: () => {\r\n                                        let t = jQuery(\".pouring-tea__container\").height();\r\n                                        return \"15% center\";\r\n                                    },\r\n                                    end: () =>\r\n                                        `${jQuery(\".pouring-tea__container\").height() * 0.5} center`,\r\n                                    markers: !1,\r\n                                    scrub: 0.5,\r\n                                    ease: v.Lp.easeInOut\r\n                                }\r\n                            })\r\n                                .from(\".pouring-tea__item--top\", { yPercent: 30 }, 0)\r\n                                .to(\".pouring-tea__item--top\", { yPercent: 7 }, 0);\r\n                    }\r\n                }\r\n            },\r\n                ha = da,\r\n                tt = (0, h.Z)(ha, J, ca, !1, null, null, null);\r\n            if (!1) var Ri;\r\n            var ua = tt.exports,\r\n                et = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"products\" }, [t._t(\"default\")], 2);\r\n                },\r\n                pa = [];\r\n            et._withStripped = !0;\r\n            var _a = {\r\n                mounted() {\r\n                    this.createObserver(),\r\n                        jQuery(window).on(\"resize\", () => {\r\n                            this.createObserver();\r\n                        });\r\n                },\r\n                methods: {\r\n                    createObserver() {\r\n                        const t = new IntersectionObserver(\r\n                            (a) => this.isElementOnViewport(a),\r\n                            { threshold: 0.65 }\r\n                        );\r\n                        document\r\n                            .querySelectorAll(\".home-product__item .card--overview\")\r\n                            .forEach((a) => {\r\n                                t.observe(a);\r\n                            });\r\n                    },\r\n                    isElementOnViewport(t) {\r\n                        t.forEach((a) => {\r\n                            let e = jQuery(a.target);\r\n                            jQuery(window).width() < 769 && a.isIntersecting\r\n                                ? e.addClass(\"is-view\")\r\n                                : e.removeClass(\"is-view\");\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n                ma = _a,\r\n                at = (0, h.Z)(ma, et, pa, !1, null, null, null);\r\n            if (!1) var Bi;\r\n            var va = at.exports,\r\n                rt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\r\n                        \"div\",\r\n                        { staticClass: \"product-detail__wrapper\" },\r\n                        [t._t(\"intro\"), t._v(\" \"), t._t(\"main\")],\r\n                        2\r\n                    );\r\n                },\r\n                fa = [];\r\n            (rt._withStripped = !0), m.ZP.registerPlugin(g.Z);\r\n            var ga = {\r\n                mounted() {\r\n                    this.initAnimation(),\r\n                        this.triggerAnimation(),\r\n                        this.triggerSliderAnimation();\r\n                },\r\n                methods: {\r\n                    initAnimation() {\r\n                        (this.scrollTriggerConfig = this.configForScrollTrigger()),\r\n                            (this.timeline = m.ZP.timeline({\r\n                                scrollTrigger: this.scrollTriggerConfig\r\n                            })),\r\n                            this.setTimelineObjects();\r\n                    },\r\n                    configForScrollTrigger() {\r\n                        return {\r\n                            trigger: \".product-detail__wrapper\",\r\n                            start: \"-5% 20%\",\r\n                            end: \"60% 90%\",\r\n                            scrub: 1,\r\n                            markers: !1,\r\n                            ease: v.Lp.easeInOut\r\n                        };\r\n                    },\r\n                    setTimelineObjects() {\r\n                        this.timeline\r\n                            .set(\".product-detail__main\", {\r\n                                yPercent: 5,\r\n                                opacity: 0.25,\r\n                                ease: v.Lp.easeInOut\r\n                            })\r\n                            .set(\".product-detail__animation\", {\r\n                                yPercent: 0,\r\n                                scale: 1,\r\n                                opacity: 1,\r\n                                ease: v.Lp.easeInOut\r\n                            });\r\n                    },\r\n                    triggerAnimation() {\r\n                        this.timeline.to(\".product-detail__animation\", {\r\n                            yPercent: 500,\r\n                            duration: 10,\r\n                            scale: 0.5,\r\n                            opacity: 0\r\n                        });\r\n                    },\r\n                    triggerSliderAnimation() {\r\n                        this.timeline.to(\".product-detail__main\", {\r\n                            yPercent: 0,\r\n                            duration: 4,\r\n                            opacity: 1\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n                ya = ga,\r\n                it = (0, h.Z)(ya, rt, fa, !1, null, null, null);\r\n            if (!1) var Zi;\r\n            var ba = it.exports,\r\n                st = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"object\", {\r\n                        attrs: { type: \"image\/svg+xml\", data: t.data }\r\n                    });\r\n                },\r\n                wa = [];\r\n            st._withStripped = !0;\r\n            var Ca = {\r\n                props: [\"data\", \"id\"],\r\n                data() {\r\n                    return { svg: null, played: !1 };\r\n                },\r\n                mounted() {\r\n                    setTimeout(() => this.init(), 1200), this.createObserver();\r\n                },\r\n                methods: {\r\n                    init() {\r\n                        this.svg = jQuery(this.$el)[0].contentDocument.getElementById(this.id);\r\n                    },\r\n                    createObserver() {\r\n                        new IntersectionObserver((a) => this.checkElementOnViewport(a), {\r\n                            threshold: 0.5\r\n                        }).observe(jQuery(this.$el)[0]);\r\n                    },\r\n                    checkElementOnViewport(t) {\r\n                        t[0].isIntersecting &&\r\n                            !this.played &&\r\n                            (this.animatedSVG(), (this.played = !0));\r\n                    },\r\n                    animatedSVG() {\r\n                        this.svg !== null && this.svg.dispatchEvent(new Event(\"click\"));\r\n                    }\r\n                }\r\n            },\r\n                xa = Ca,\r\n                ot = (0, h.Z)(xa, st, wa, !1, null, null, null);\r\n            if (!1) var Qi;\r\n            var Sa = ot.exports,\r\n                nt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"header\", { staticClass: \"header\" }, [\r\n                        e(\r\n                            \"nav\",\r\n                            { staticClass: \"navbar navbar-toggleable-lg\" },\r\n                            [t._t(\"default\")],\r\n                            2\r\n                        )\r\n                    ]);\r\n                },\r\n                Pa = [];\r\n            nt._withStripped = !0;\r\n            var $a = {\r\n                mounted() {\r\n                    this.onShow(),\r\n                        this.onHidden(),\r\n                        this.onScroll(),\r\n                        this.toggleResponsiveMenu();\r\n                },\r\n                methods: {\r\n                    onShow() {\r\n                        jQuery(window).width() >= 1200 &&\r\n                            jQuery(this.$el)\r\n                                .find(\".dropdown\")\r\n                                .on(\"show.bs.dropdown\", () => {\r\n                                    jQuery(this.$el).addClass(\"header--on-open\"),\r\n                                        jQuery(\"html\").addClass(\"header-enabled\");\r\n                                }),\r\n                            jQuery(this.$el)\r\n                                .find(\".navbar-main\")\r\n                                .on(\"show.bs.collapse\", function () {\r\n                                    jQuery(\"html\").addClass(\"header-enabled\"),\r\n                                        jQuery(\"html\").find(\".header\").addClass(\"header--on-open\");\r\n                                });\r\n                    },\r\n                    onHidden() {\r\n                        jQuery(window).width() >= 1200 &&\r\n                            jQuery(this.$el)\r\n                                .find(\".dropdown\")\r\n                                .on(\"hidden.bs.dropdown\", () => {\r\n                                    jQuery(this.$el).removeClass(\"header--on-open\"),\r\n                                        jQuery(\"html\").removeClass(\"header-enabled\");\r\n                                }),\r\n                            jQuery(this.$el)\r\n                                .find(\".navbar-main\")\r\n                                .on(\"hidden.bs.collapse\", function () {\r\n                                    jQuery(\"html\").removeClass(\"header-enabled\"),\r\n                                        jQuery(\"html\").find(\".header\").removeClass(\"header--on-open\");\r\n                                });\r\n                    },\r\n                    onScroll() {\r\n                        let t = 0;\r\n                        jQuery(window)\r\n                            .on(\"scroll\", () => {\r\n                                let a = jQuery(window).scrollTop();\r\n                                this.isScrollDown(t, a)\r\n                                    ? (jQuery(\".header\").removeClass(\"header--scroll-up\"),\r\n                                        jQuery(\".header\").hasClass(\"header--home\")\r\n                                            ? a > 250 && jQuery(\".header\").addClass(\"header--hide\")\r\n                                            : jQuery(\".header\").addClass(\"header--hide\"))\r\n                                    : (jQuery(\".header\").removeClass(\"header--hide\"),\r\n                                        jQuery(\".header\").hasClass(\"header--home\")\r\n                                            ? a > 250 && jQuery(\".header\").addClass(\"header--scroll-up\")\r\n                                            : jQuery(\".header\").addClass(\"header--scroll-up\")),\r\n                                    this.isScrollToTopOfDocument(a) &&\r\n                                    jQuery(\".header\").removeClass(\"header--scroll-up\"),\r\n                                    (t = a);\r\n                            })\r\n                            .delay(550);\r\n                    },\r\n                    toggleResponsiveMenu() {\r\n                        jQuery(window).width() < 1200 &&\r\n                            (jQuery(this.$el)\r\n                                .find(\".navbar-main__lv2 > .nav-item\")\r\n                                .on(\"click\", (t) => {\r\n                                    let a = jQuery(t.currentTarget).find(\r\n                                        \".nav-link.dropdown-toggle\"\r\n                                    );\r\n                                    a.attr(\"aria-expanded\") === \"true\"\r\n                                        ? (a.attr(\"aria-expanded\", \"false\"),\r\n                                            jQuery(t.currentTarget).siblings().removeClass(\"show\"))\r\n                                        : a.attr(\"aria-expanded\", \"true\");\r\n                                }),\r\n                                jQuery(this.$el)\r\n                                    .find(\".navbar-main__lv2 > .nav-item\")\r\n                                    .on(\"click\", (t) => {\r\n                                        t.stopPropagation();\r\n                                        let a = jQuery(t.currentTarget).find(\"> .navbar-main__lv3\");\r\n                                        jQuery(t.currentTarget).hasClass(\"show\")\r\n                                            ? (jQuery(t.currentTarget).removeClass(\"show\"),\r\n                                                a.removeClass(\"show\"))\r\n                                            : (jQuery(t.currentTarget).addClass(\"show\"),\r\n                                                jQuery(t.currentTarget).siblings().removeClass(\"show\"),\r\n                                                jQuery(t.currentTarget)\r\n                                                    .siblings()\r\n                                                    .find(\"> .navbar-main__lv3\")\r\n                                                    .removeClass(\"show\"),\r\n                                                a.addClass(\"show\"));\r\n                                    }),\r\n                                jQuery(this.$el)\r\n                                    .find(\".navbar-main__lv3 >.dropdown-item\")\r\n                                    .on(\"click\", (t) => (t.stopPropagation(), !0)));\r\n                    },\r\n                    isScrollToTopOfDocument(t) {\r\n                        return t === 0;\r\n                    },\r\n                    isScrollDown(t, a) {\r\n                        let e = jQuery(\".header\").height(),\r\n                            r = jQuery(this.$el).position().top;\r\n                        return t < a && a >= r + e;\r\n                    },\r\n                    getScrollbarWidth() {\r\n                        let t = document.createElement(\"div\");\r\n                        (t.className = \"measured-scrollbar\"),\r\n                            document.body.appendChild(t);\r\n                        let a = window.innerWidth - t.clientWidth;\r\n                        return document.body.removeChild(t), a;\r\n                    }\r\n                }\r\n            },\r\n                Ta = $a,\r\n                lt = (0, h.Z)(Ta, nt, Pa, !1, null, null, null);\r\n            if (!1) var Gi;\r\n            var ka = lt.exports,\r\n                ct = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"calculator\" }, [\r\n                        e(\r\n                            \"div\",\r\n                            {\r\n                                staticClass:\r\n                                    \"calculator-form section section--curve-top bg-cover\",\r\n                                staticStyle: {\r\n                                    \"background-image\":\r\n                                        \"url('')\"\r\n                                }\r\n                            },\r\n                            [\r\n                                e(\"div\", { staticClass: \"container\" }, [\r\n                                    e(\"div\", { staticClass: \"row\" }, [\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass: \"col-lg-12 col-md-12 col-sm-12 calculator\"\r\n                                            },\r\n                                            [\r\n                                                e(\r\n                                                    \"form\",\r\n                                                    { staticClass: \"service__sidebar crop__form1\" },\r\n                                                    [\r\n                                                        e(\"div\", { staticClass: \"row\" }, [\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"col-lg-6 col-md-12 col-sm-12\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"form-group cal-box-left\" },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"div\",\r\n                                                                                {\r\n                                                                                    staticClass:\r\n                                                                                        \"service__detail-sub-title tex-sub-main\"\r\n                                                                                },\r\n                                                                                [\r\n                                                                                    t._v(\r\n                                                                                        t._s(t.trans[\"investment.date1\"])\r\n                                                                                    )\r\n                                                                                ]\r\n                                                                            ),\r\n                                                                            e(\r\n                                                                                \"label\",\r\n                                                                                {\r\n                                                                                    staticClass:\r\n                                                                                        \"calculator-form__label label\"\r\n                                                                                },\r\n                                                                                [t._v(t._s(t.trans[\"investment.date\"]))]\r\n                                                                            ),\r\n                                                                            t._v(\" \"),\r\n                                                                            e(\r\n                                                                                \"v-menu\",\r\n                                                                                {\r\n                                                                                    attrs: {\r\n                                                                                        \"content-class\": \"v-application\",\r\n                                                                                        \"close-on-content-click\": !1,\r\n                                                                                        \"nudge-right\": 0,\r\n                                                                                        transition: \"scale-transition\",\r\n                                                                                        \"min-width\": \"290px\"\r\n                                                                                    },\r\n                                                                                    scopedSlots: t._u([\r\n                                                                                        {\r\n                                                                                            key: \"activator\",\r\n                                                                                            fn: function (r) {\r\n                                                                                                var i = r.on,\r\n                                                                                                    o = r.attrs;\r\n                                                                                                return [\r\n                                                                                                    e(\r\n                                                                                                        \"v-text-field\",\r\n                                                                                                        t._g(\r\n                                                                                                            t._b(\r\n                                                                                                                {\r\n                                                                                                                    attrs: {\r\n                                                                                                                        value:\r\n                                                                                                                            t.displayInvestmentDate,\r\n                                                                                                                        readonly: \"\",\r\n                                                                                                                        placeholder:\r\n                                                                                                                            \"DD\/MM\/YYYY\",\r\n                                                                                                                        \"prepend-inner-icon\":\r\n                                                                                                                            \"fa fa-calendar\"\r\n                                                                                                                    }\r\n                                                                                                                },\r\n                                                                                                                \"v-text-field\",\r\n                                                                                                                o,\r\n                                                                                                                !1\r\n                                                                                                            ),\r\n                                                                                                            i\r\n                                                                                                        )\r\n                                                                                                    )\r\n                                                                                                ];\r\n                                                                                            }\r\n                                                                                        }\r\n                                                                                    ]),\r\n                                                                                    model: {\r\n                                                                                        value:\r\n                                                                                            t.isInvestmentDatePickerVisible,\r\n                                                                                        callback: function (r) {\r\n                                                                                            t.isInvestmentDatePickerVisible = r;\r\n                                                                                        },\r\n                                                                                        expression:\r\n                                                                                            \"isInvestmentDatePickerVisible\"\r\n                                                                                    }\r\n                                                                                },\r\n                                                                                [\r\n                                                                                    t._v(\" \"),\r\n                                                                                    e(\"v-date-picker\", {\r\n                                                                                        attrs: {\r\n                                                                                            color: \"picker-bg-color\",\r\n                                                                                            min: t.minDate,\r\n                                                                                            max: t.maxDate,\r\n                                                                                            locale: t.getDatePickerLocale(),\r\n                                                                                            \"allowed-dates\": t.isDateAllowed\r\n                                                                                        },\r\n                                                                                        on: {\r\n                                                                                            input: function (r) {\r\n                                                                                                return t.closeInvestmentDatePicker();\r\n                                                                                            }\r\n                                                                                        },\r\n                                                                                        model: {\r\n                                                                                            value: t.investmentDate,\r\n                                                                                            callback: function (r) {\r\n                                                                                                t.investmentDate = r;\r\n                                                                                            },\r\n                                                                                            expression: \"investmentDate\"\r\n                                                                                        }\r\n                                                                                    })\r\n                                                                                ],\r\n                                                                                1\r\n                                                                            )\r\n                                                                        ],\r\n                                                                        1\r\n                                                                    )\r\n                                                                ],\r\n                                                                1\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"col-lg-6 col-md-12 col-sm-12\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass:\r\n                                                                                \"service__detail-sub-title tex-sub-main\",\r\n                                                                            attrs: { for: \"investmentValue\" }\r\n                                                                        },\r\n                                                                        [t._v(t._s(t.trans[\"investment.by\"]))]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\"div\", { staticClass: \"form-group row\" }, [\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"col-lg-6 col-md-12 col-sm-12\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\r\n                                                                                    \"div\",\r\n                                                                                    {\r\n                                                                                        staticClass:\r\n                                                                                            \"custom-control custom-radio custom-control-inline\"\r\n                                                                                    },\r\n                                                                                    [\r\n                                                                                        e(\"input\", {\r\n                                                                                            directives: [\r\n                                                                                                {\r\n                                                                                                    name: \"model\",\r\n                                                                                                    rawName: \"v-model\",\r\n                                                                                                    value: t.investmentType,\r\n                                                                                                    expression: \"investmentType\"\r\n                                                                                                }\r\n                                                                                            ],\r\n                                                                                            staticClass:\r\n                                                                                                \"custom-control-input\",\r\n                                                                                            attrs: {\r\n                                                                                                type: \"radio\",\r\n                                                                                                id: \"typeShares\",\r\n                                                                                                name: \"type\",\r\n                                                                                                value: \"shares\",\r\n                                                                                                checked: \"\"\r\n                                                                                            },\r\n                                                                                            domProps: {\r\n                                                                                                checked: t._q(\r\n                                                                                                    t.investmentType,\r\n                                                                                                    \"shares\"\r\n                                                                                                )\r\n                                                                                            },\r\n                                                                                            on: {\r\n                                                                                                change: function (r) {\r\n                                                                                                    t.investmentType = \"shares\";\r\n                                                                                                }\r\n                                                                                            }\r\n                                                                                        }),\r\n                                                                                        t._v(\" \"),\r\n                                                                                        e(\r\n                                                                                            \"label\",\r\n                                                                                            {\r\n                                                                                                staticClass:\r\n                                                                                                    \"custom-control-label\",\r\n                                                                                                attrs: { for: \"typeShares\" }\r\n                                                                                            },\r\n                                                                                            [t._v(t._s(t.trans.shares))]\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                ),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"div\",\r\n                                                                                    { staticClass: \"form-group\" },\r\n                                                                                    [\r\n                                                                                        e(\"input\", {\r\n                                                                                            directives: [\r\n                                                                                                {\r\n                                                                                                    name: \"model\",\r\n                                                                                                    rawName: \"v-model\",\r\n                                                                                                    value: t.investmentValue,\r\n                                                                                                    expression: \"investmentValue\"\r\n                                                                                                }\r\n                                                                                            ],\r\n                                                                                            staticClass: \"form-control\",\r\n                                                                                            attrs: {\r\n                                                                                                type: \"text\",\r\n                                                                                                id: \"investmentValue1\"\r\n                                                                                            },\r\n                                                                                            domProps: {\r\n                                                                                                value: t.investmentValue\r\n                                                                                            },\r\n                                                                                            on: {\r\n                                                                                                input: function (r) {\r\n                                                                                                    r.target.composing ||\r\n                                                                                                        (t.investmentValue =\r\n                                                                                                            r.target.value);\r\n                                                                                                }\r\n                                                                                            }\r\n                                                                                        })\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        ),\r\n                                                                        t._v(\" \"),\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"col-lg-6 col-md-12 col-sm-12\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\r\n                                                                                    \"div\",\r\n                                                                                    {\r\n                                                                                        staticClass:\r\n                                                                                            \"custom-control custom-radio custom-control-inline\"\r\n                                                                                    },\r\n                                                                                    [\r\n                                                                                        e(\"input\", {\r\n                                                                                            directives: [\r\n                                                                                                {\r\n                                                                                                    name: \"model1\",\r\n                                                                                                    rawName: \"v-model\",\r\n                                                                                                    value: t.investmentType,\r\n                                                                                                    expression: \"investmentType\"\r\n                                                                                                }\r\n                                                                                            ],\r\n                                                                                            staticClass:\r\n                                                                                                \"custom-control-input\",\r\n                                                                                            attrs: {\r\n                                                                                                type: \"radio\",\r\n                                                                                                id: \"typeAmount\",\r\n                                                                                                name: \"type\"\r\n                                                                                            },\r\n                                                                                            domProps: {\r\n                                                                                                checked: t._q(\r\n                                                                                                    t.investmentType,\r\n                                                                                                    null\r\n                                                                                                )\r\n                                                                                            },\r\n                                                                                            on: {\r\n                                                                                                change: function (r) {\r\n                                                                                                    t.investmentType = null;\r\n                                                                                                }\r\n                                                                                            }\r\n                                                                                        }),\r\n                                                                                        t._v(\" \"),\r\n                                                                                        e(\r\n                                                                                            \"label\",\r\n                                                                                            {\r\n                                                                                                staticClass:\r\n                                                                                                    \"custom-control-label\",\r\n                                                                                                attrs: { for: \"typeAmount\" }\r\n                                                                                            },\r\n                                                                                            [\r\n                                                                                                t._v(\r\n                                                                                                    t._s(\r\n                                                                                                        t.trans[\"investment.amount\"]\r\n                                                                                                    )\r\n                                                                                                )\r\n                                                                                            ]\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                ),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"div\",\r\n                                                                                    { staticClass: \"form-group\" },\r\n                                                                                    [\r\n                                                                                        e(\"input\", {\r\n                                                                                            directives: [\r\n                                                                                                {\r\n                                                                                                    name: \"model2\",\r\n                                                                                                    rawName: \"v-model\",\r\n                                                                                                    value: t.investmentValue,\r\n                                                                                                    expression: \"investmentValue\"\r\n                                                                                                }\r\n                                                                                            ],\r\n                                                                                            staticClass: \"form-control\",\r\n                                                                                            attrs: {\r\n                                                                                                type: \"text\",\r\n                                                                                                id: \"investmentValue2\"\r\n                                                                                            },\r\n                                                                                            domProps: {\r\n                                                                                                value: t.investmentValue\r\n                                                                                            },\r\n                                                                                            on: {\r\n                                                                                                input: function (r) {\r\n                                                                                                    r.target.composing ||\r\n                                                                                                        (t.investmentValue =\r\n                                                                                                            r.target.value);\r\n                                                                                                }\r\n                                                                                            }\r\n                                                                                        })\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ])\r\n                                                                ]\r\n                                                            )\r\n                                                        ])\r\n                                                    ]\r\n                                                )\r\n                                            ]\r\n                                        ),\r\n                                        t._v(\" \"),\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass:\r\n                                                    \"col-lg-12 col-md-12 col-sm-12 margin-style\"\r\n                                            },\r\n                                            [\r\n                                                e(\r\n                                                    \"div\",\r\n                                                    {\r\n                                                        staticClass:\r\n                                                            \"wow wcfadeUp crop-form2 animated \"\r\n                                                    },\r\n                                                    [\r\n                                                        e(\"div\", { staticClass: \"calculator-results\" }, [\r\n                                                            e(\r\n                                                                \"h5\",\r\n                                                                { staticClass: \"calculator-results__heading\" },\r\n                                                                [\r\n                                                                    t._v(\r\n                                                                        t._s(t.trans[\"estimated.investment.return\"])\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"calculator-results__item\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass: \"calculator-results__title\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [t._v(t._s(t.trans.volume))]\r\n                                                                            ),\r\n                                                                            t._v(\" \"),\r\n                                                                            e(\"span\", [\r\n                                                                                t._v(\"(\" + t._s(t.trans.shares) + \")\")\r\n                                                                            ])\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"calculator-results__text\" },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                ` +\r\n                                                                                t._s(\r\n                                                                                    t._f(\"numeralFormat\")(\r\n                                                                                        t.volume,\r\n                                                                                        \"0,0.00\"\r\n                                                                                    )\r\n                                                                                ) +\r\n                                                                                `\r\n                            `\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"calculator-results__item\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass: \"calculator-results__title\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [\r\n                                                                                    t._v(\r\n                                                                                        t._s(t.trans[\"investment.value\"])\r\n                                                                                    )\r\n                                                                                ]\r\n                                                                            ),\r\n                                                                            t._v(\" \"),\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [t._v(\"(\" + t._s(t.trans.baht) + \")\")]\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"calculator-results__text\" },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                ` +\r\n                                                                                t._s(\r\n                                                                                    t._f(\"numeralFormat\")(\r\n                                                                                        t.startValue,\r\n                                                                                        \"0,0.00\"\r\n                                                                                    )\r\n                                                                                ) +\r\n                                                                                `\r\n                            `\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"calculator-results__item\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass: \"calculator-results__title\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [t._v(t._s(t.trans[\"present.value\"]))]\r\n                                                                            ),\r\n                                                                            t._v(\" \"),\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [t._v(\"(\" + t._s(t.trans.baht) + \")\")]\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"calculator-results__text\" },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                ` +\r\n                                                                                t._s(\r\n                                                                                    t._f(\"numeralFormat\")(\r\n                                                                                        t.presentValue,\r\n                                                                                        \"0,0.00\"\r\n                                                                                    )\r\n                                                                                ) +\r\n                                                                                `\r\n                            `\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                {\r\n                                                                    staticClass:\r\n                                                                        \"calculator-results__item calculator-results__item--return\"\r\n                                                                },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass: \"calculator-results__title\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"span\",\r\n                                                                                { staticClass: \"font-weight-normal\" },\r\n                                                                                [t._v(t._s(t.trans[\"percent.return\"]))]\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"calculator-results__text\" },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                ` +\r\n                                                                                t._s(\r\n                                                                                    t._f(\"numeralFormat\")(\r\n                                                                                        t.capitalGainPercent,\r\n                                                                                        \"0,0.00\"\r\n                                                                                    )\r\n                                                                                ) +\r\n                                                                                `%\r\n                                (` +\r\n                                                                                t._s(\r\n                                                                                    t._f(\"numeralFormat\")(\r\n                                                                                        t.capitalGainValue,\r\n                                                                                        \"0,0.00\"\r\n                                                                                    )\r\n                                                                                ) +\r\n                                                                                \" \" +\r\n                                                                                t._s(t.trans.baht) +\r\n                                                                                `)\r\n                            `\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    )\r\n                                                                ]\r\n                                                            )\r\n                                                        ])\r\n                                                    ]\r\n                                                )\r\n                                            ]\r\n                                        )\r\n                                    ])\r\n                                ])\r\n                            ]\r\n                        ),\r\n                        t._v(\" \"),\r\n                        e(\r\n                            \"div\",\r\n                            { staticClass: \"calculator-chart section section--space-y pt-0\" },\r\n                            [\r\n                                e(\"div\", { staticClass: \"container\" }, [\r\n                                    e(\"div\", { staticClass: \"\" }, [\r\n                                        e(\r\n                                            \"div\",\r\n                                            { staticClass: \"\" },\r\n                                            [\r\n                                                e(\"calculator-chart\", {\r\n                                                    attrs: {\r\n                                                        quotes: t.quotesWithInvestmentValue(),\r\n                                                        trans: t.trans,\r\n                                                        locale: t.locale\r\n                                                    }\r\n                                                }),\r\n                                                t._v(\" \"),\r\n                                                e(\r\n                                                    \"p\",\r\n                                                    { staticClass: \"calculator-chart__remark small\" },\r\n                                                    [\r\n                                                        t._v(\r\n                                                            `\r\n                        ` +\r\n                                                            t._s(t.trans[\"stock.chart.remark\"]) +\r\n                                                            `\r\n                    `\r\n                                                        )\r\n                                                    ]\r\n                                                ),\r\n                                                e(\"p\", { staticClass: \"tex-sub-about\" }, [\r\n                                                    t._v(\r\n                                                        `\r\n                        ` +\r\n                                                        t._s(t.trans[\"stock.chart.remark2\"]) +\r\n                                                        `\r\n                    `\r\n                                                    )\r\n                                                ]),\r\n                                                e(\"p\", { staticClass: \"tex-sub-about\" }, [\r\n                                                    t._v(\r\n                                                        `\r\n                        ` +\r\n                                                        t._s(t.trans[\"stock.chart.remark3\"]) +\r\n                                                        `\r\n                    `\r\n                                                    )\r\n                                                ])\r\n                                            ],\r\n                                            1\r\n                                        )\r\n                                    ])\r\n                                ])\r\n                            ]\r\n                        )\r\n                    ]);\r\n                },\r\n                Da = [];\r\n            ct._withStripped = !0;\r\n            var Oa = (t, a, e) =>\r\n                new Promise((r, i) => {\r\n                    var o = (s) => {\r\n                        try {\r\n                            l(e.next(s));\r\n                        } catch (u) {\r\n                            i(u);\r\n                        }\r\n                    },\r\n                        c = (s) => {\r\n                            try {\r\n                                l(e.throw(s));\r\n                            } catch (u) {\r\n                                i(u);\r\n                            }\r\n                        },\r\n                        l = (s) =>\r\n                            s.done ? r(s.value) : Promise.resolve(s.value).then(o, c);\r\n                    l((e = e.apply(t, a)).next());\r\n                }),\r\n                Fa = {\r\n                    props: [\"trans\", \"locale\"],\r\n                    data() {\r\n                        return {\r\n                            isInvestmentDatePickerVisible: !1,\r\n                            investmentType: \"shares\",\r\n                            investmentDate: null,\r\n                            investmentValue: 100,\r\n                            quotes: null\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    computed: {\r\n                        dateFormat() {\r\n                            return \"YYYY-MM-DD\";\r\n                        },\r\n                        yesterdayDate() {\r\n                            return this.quotes ? _.last(this.quotes).date : null;\r\n                        },\r\n                        lastDoneOnYesterdayDate() {\r\n                            return this.lastDoneByDate(this.yesterdayDate);\r\n                        },\r\n                        lastDoneOnStartDate() {\r\n                            return this.lastDoneByDate(this.investmentDate);\r\n                        },\r\n                        volume() {\r\n                            return this.investmentType === \"shares\"\r\n                                ? this.investmentValue\r\n                                : this.investmentValue \/ this.lastDoneOnStartDate;\r\n                        },\r\n                        presentValue() {\r\n                            return this.volume * this.lastDoneOnYesterdayDate;\r\n                        },\r\n                        startValue() {\r\n                            return this.volume * this.lastDoneOnStartDate;\r\n                        },\r\n                        capitalGainValue() {\r\n                            return this.presentValue - this.startValue;\r\n                        },\r\n                        capitalGainPercent() {\r\n                            return (this.capitalGainValue \/ this.startValue) * 100;\r\n                        },\r\n                        minDate() {\r\n                            if (this.quotes) {\r\n                                let t = _.first(this.quotes).date;\r\n                                return moment(t, this.dateFormat).format(\"YYYY-MM-DD\");\r\n                            }\r\n                            return null;\r\n                        },\r\n                        maxDate() {\r\n                            let t = this.yesterdayDate;\r\n                            return moment(t, this.dateFormat).format(\"YYYY-MM-DD\");\r\n                        },\r\n                        availableDates() {\r\n                            return _.map(this.quotes, (t) => t.date);\r\n                        },\r\n                        displayInvestmentDate() {\r\n                            return this.quotes\r\n                                ? this.formatDisplayDate(this.investmentDate, this.locale)\r\n                                : null;\r\n                        }\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            return Oa(this, null, function* () {\r\n\r\n                                var like_SERVICECENTERIRPlus;\r\n\r\n\r\n                                        like_SERVICECENTERIRPlus = \"https:\/\/irplus.in.th\";\r\n                                    \r\n                               \r\n                                let t = yield b().get(\r\n                                    like_SERVICECENTERIRPlus + \"\/listed\/servicecenter\/doprocess\/HistoricalStockPriceCalculator?share=LDC\"\r\n                                );\r\n                                (this.quotes = t.data.data.reverse()),\r\n                                    (this.investmentDate = this.defaultInvestmentDate());\r\n                            });\r\n                        },\r\n                        closeInvestmentDatePicker() {\r\n                            this.isInvestmentDatePickerVisible = !1;\r\n                        },\r\n                        defaultInvestmentDate() {\r\n                            return _.first(this.quotes).date;\r\n                        },\r\n                        quotesWithInvestmentValue() {\r\n                            return _.filter(this.quotes, (t) =>\r\n                                moment(t.date, \"YYYY-MM-DD\").isSameOrAfter(\r\n                                    moment(this.investmentDate, \"YYYY-MM-DD\")\r\n                                )\r\n                            ).map((t) => [t.date, t.close * this.volume]);\r\n                        },\r\n                        formatDisplayDate(t, a) {\r\n                            return this.$options.filters.dateFormat(\r\n                                t,\r\n                                \"YYYY-MM-DD\",\r\n                                \"DD\/MM\/YYYY\",\r\n                                a\r\n                            );\r\n                        },\r\n                        lastDoneByDate(t) {\r\n                            let a = _.find(this.quotes, (e) => t === e.date);\r\n                            return a ? a.close : 0;\r\n                        },\r\n                        isDateAllowed(t) {\r\n                            return this.availableDates.includes(t);\r\n                        },\r\n                        getDatePickerLocale() {\r\n                            return this.locale === \"th\" ? \"th-th\" : \"en-gb\";\r\n                        }\r\n                    }\r\n                },\r\n                Ia = Fa,\r\n                dt = (0, h.Z)(Ia, ct, Da, !1, null, null, null);\r\n            if (!1) var Ui;\r\n            var La = dt.exports,\r\n                ht = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"calculator-chart__echarts\" });\r\n                },\r\n                Aa = [];\r\n            ht._withStripped = !0;\r\n            var ja = {\r\n                props: [\"quotes\", \"trans\", \"locale\"],\r\n                data() {\r\n                    return { chart: Object };\r\n                },\r\n                mounted() {\r\n                    this.createChart();\r\n                },\r\n                watch: {\r\n                    quotes(t, a) {\r\n                        t !== a && this.refreshChartOptions();\r\n                    }\r\n                },\r\n                computed: {\r\n                    styleConfig() {\r\n                        return {\r\n                            loading: {\r\n                                color: \"hsla(118, 50%, 43%, 1)\",\r\n                                maskColor: \"rgba(255, 255, 255, 0.5)\"\r\n                            },\r\n                            series: { priceAreaColor: \"#dfe2ef\", priceColor: \"#6d689a\" },\r\n                            xAxis: { splitLineColor: [\"#eaeaea\"] },\r\n                            yAxis: { splitLineColor: [\"#eaeaea\"] }\r\n                        };\r\n                    }\r\n                },\r\n                methods: {\r\n                    dates() {\r\n                        return _.map(this.quotes, (t) => t[0]);\r\n                    },\r\n                    refreshChartOptions() {\r\n                        this.chart.setOption(this.chartOptions());\r\n                    },\r\n                    formatDisplayDate(t, a) {\r\n                        return this.$options.filters.dateFormat(\r\n                            t,\r\n                            \"YYYY-MM-DD\",\r\n                            \"DD\/MM\/YYYY\",\r\n                            a\r\n                        );\r\n                    },\r\n                    createChart() {\r\n                        this.chart = echarts.init(jQuery(this.$el).get(0));\r\n                    },\r\n                    chartOptions() {\r\n                        return {\r\n                            baseOption: {\r\n                                tooltip: {\r\n                                    trigger: \"axis\",\r\n                                    borderWidth: 0,\r\n                                    padding: 0,\r\n                                    confine: !0,\r\n                                    formatter: (t) => this.getTooltip(t)\r\n                                },\r\n                                grid: [{ left: \"2%\", right: \"3%\" }],\r\n                                xAxis: {\r\n                                    data: this.dates(),\r\n                                    scale: !1,\r\n                                    splitLine: {\r\n                                        show: !0,\r\n                                        lineStyle: {\r\n                                            color: this.styleConfig.xAxis.splitLineColor\r\n                                        }\r\n                                    },\r\n                                    minInterval: 10,\r\n                                    axisPointer: { z: 100 },\r\n                                    axisLabel: {\r\n                                        formatter: (t) => this.formatDisplayDate(t, this.locale)\r\n                                    }\r\n                                },\r\n                                yAxis: {\r\n                                    scale: !0,\r\n                                    splitLine: {\r\n                                        show: !0,\r\n                                        lineStyle: {\r\n                                            color: this.styleConfig.yAxis.splitLineColor\r\n                                        }\r\n                                    },\r\n                                    position: \"right\",\r\n                                    axisLabel: { formatter: (t, a) => d()(t).format(\"0,000a\") }\r\n                                },\r\n                                series: [\r\n                                    {\r\n                                        data: this.quotes,\r\n                                        type: \"line\",\r\n                                        showSymbol: !1,\r\n                                        itemStyle: { color: this.styleConfig.series.priceColor },\r\n                                        areaStyle: {\r\n                                            color: this.styleConfig.series.priceAreaColor\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            },\r\n                            media: [\r\n                                {\r\n                                    query: { maxWidth: 1024 },\r\n                                    option: { grid: [{ left: \"6%\", right: \"8%\" }] }\r\n                                },\r\n                                {\r\n                                    query: { maxWidth: 568 },\r\n                                    option: {\r\n                                        grid: [{ left: \"6%\", right: \"8%\" }],\r\n                                        xAxis: [{ axisLabel: { textStyle: { fontSize: 8 } } }],\r\n                                        yAxis: [{ axisLabel: { textStyle: { fontSize: 8 } } }]\r\n                                    }\r\n                                }\r\n                            ]\r\n                        };\r\n                    },\r\n                    getTooltip(t) {\r\n                        let [a, e] = t[0].data,\r\n                            r = this.formatDisplayDate(a, this.locale);\r\n                        return `\r\n                <div class=\"echarts-tooltip\">\r\n                    <div class=\"echarts-tooltip__header\"> ${this.trans.symbol\r\n                            } : ${this.trans.thb}<\/div>\r\n                    <div class=\"echarts-tooltip__volume\">${this.trans.value\r\n                            } : ${d()(e).format(\"0,0.00\")} <\/div>\r\n                    <div class=\"echarts-tooltip__last-updated\">${r}<\/div>\r\n                <\/div>\r\n           `;\r\n                    }\r\n                }\r\n            },\r\n                Ma = ja,\r\n                ut = (0, h.Z)(Ma, ht, Aa, !1, null, null, null);\r\n            if (!1) var Ki;\r\n            var za = ut.exports,\r\n                pt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"stock-chart\" }, [\r\n                        e(\"div\", { staticClass: \"stock-chart__filter\" }, [\r\n                            e(\"div\", { staticClass: \"stock-chart__type\" }, [\r\n                                e(\"div\", { staticClass: \"stock-chart__type-title\" }, [\r\n                                    t._v(t._s(t.trans[\"stock.chart.type\"]) + \" :\")\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"stock-chart__type-option\" }, [\r\n                                    e(\r\n                                        \"div\",\r\n                                        {\r\n                                            staticClass:\r\n                                                \"custom-control custom-radio stock-chart__type-radio\"\r\n                                        },\r\n                                        [\r\n                                            e(\"input\", {\r\n                                                directives: [\r\n                                                    {\r\n                                                        name: \"model\",\r\n                                                        rawName: \"v-model\",\r\n                                                        value: t.chartType,\r\n                                                        expression: \"chartType\"\r\n                                                    }\r\n                                                ],\r\n                                                staticClass: \"custom-control-input\",\r\n                                                attrs: { type: \"radio\", id: \"chartTypeLine\" },\r\n                                                domProps: {\r\n                                                    value: t.defaultChartType.LINE,\r\n                                                    checked: t._q(t.chartType, t.defaultChartType.LINE)\r\n                                                },\r\n                                                on: {\r\n                                                    change: function (r) {\r\n                                                        t.chartType = t.defaultChartType.LINE;\r\n                                                    }\r\n                                                }\r\n                                            }),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"label\",\r\n                                                {\r\n                                                    staticClass: \"custom-control-label\",\r\n                                                    attrs: { for: \"chartTypeLine\" }\r\n                                                },\r\n                                                [t._v(t._s(t.trans[\"stock.chart.type.line\"]))]\r\n                                            )\r\n                                        ]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"div\",\r\n                                        {\r\n                                            staticClass:\r\n                                                \"custom-control custom-radio stock-chart__type-radio\"\r\n                                        },\r\n                                        [\r\n                                            e(\"input\", {\r\n                                                directives: [\r\n                                                    {\r\n                                                        name: \"model\",\r\n                                                        rawName: \"v-model\",\r\n                                                        value: t.chartType,\r\n                                                        expression: \"chartType\"\r\n                                                    }\r\n                                                ],\r\n                                                staticClass: \"custom-control-input\",\r\n                                                attrs: { type: \"radio\", id: \"chartTypeCandlestick\" },\r\n                                                domProps: {\r\n                                                    value: t.defaultChartType.CANDLESTICK,\r\n                                                    checked: t._q(\r\n                                                        t.chartType,\r\n                                                        t.defaultChartType.CANDLESTICK\r\n                                                    )\r\n                                                },\r\n                                                on: {\r\n                                                    change: function (r) {\r\n                                                        t.chartType = t.defaultChartType.CANDLESTICK;\r\n                                                    }\r\n                                                }\r\n                                            }),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"label\",\r\n                                                {\r\n                                                    staticClass: \"custom-control-label\",\r\n                                                    attrs: { for: \"chartTypeCandlestick\" }\r\n                                                },\r\n                                                [t._v(t._s(t.trans[\"stock.chart.type.candlestick\"]))]\r\n                                            )\r\n                                        ]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"div\",\r\n                                        {\r\n                                            staticClass:\r\n                                                \"custom-control custom-radio stock-chart__type-radio\"\r\n                                        },\r\n                                        [\r\n                                            e(\"input\", {\r\n                                                directives: [\r\n                                                    {\r\n                                                        name: \"model\",\r\n                                                        rawName: \"v-model\",\r\n                                                        value: t.chartType,\r\n                                                        expression: \"chartType\"\r\n                                                    }\r\n                                                ],\r\n                                                staticClass: \"custom-control-input\",\r\n                                                attrs: { type: \"radio\", id: \"chartTypeOhlc\" },\r\n                                                domProps: {\r\n                                                    value: t.defaultChartType.OHLC,\r\n                                                    checked: t._q(t.chartType, t.defaultChartType.OHLC)\r\n                                                },\r\n                                                on: {\r\n                                                    change: function (r) {\r\n                                                        t.chartType = t.defaultChartType.OHLC;\r\n                                                    }\r\n                                                }\r\n                                            }),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"label\",\r\n                                                {\r\n                                                    staticClass: \"custom-control-label\",\r\n                                                    attrs: { for: \"chartTypeOhlc\" }\r\n                                                },\r\n                                                [t._v(t._s(t.trans[\"stock.chart.type.ohlc\"]))]\r\n                                            )\r\n                                        ]\r\n                                    )\r\n                                ])\r\n                            ]),\r\n                            t._v(\" \"),\r\n                            e(\"div\", { staticClass: \"stock-chart__date-range date-range\" }, [\r\n                                e(\"div\", { staticClass: \"date-range__title\" }, [\r\n                                    t._v(t._s(t.trans[\"focus.on\"]) + \" :\")\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"date-range__option\" }, [\r\n                                    e(\r\n                                        \"button\",\r\n                                        {\r\n                                            staticClass: \"date-range__button\",\r\n                                            class: { active: t.filterType === \"1M\" },\r\n                                            on: {\r\n                                                click: function (r) {\r\n                                                    return t.focusOnOneMonth();\r\n                                                }\r\n                                            }\r\n                                        },\r\n                                        [t._v(\"1M\")]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"button\",\r\n                                        {\r\n                                            staticClass: \"date-range__button\",\r\n                                            class: { active: t.filterType === \"3M\" },\r\n                                            on: {\r\n                                                click: function (r) {\r\n                                                    return t.focusOnThreeMonth();\r\n                                                }\r\n                                            }\r\n                                        },\r\n                                        [t._v(\"3M\")]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"button\",\r\n                                        {\r\n                                            staticClass: \"date-range__button\",\r\n                                            class: { active: t.filterType === \"YTD\" },\r\n                                            on: {\r\n                                                click: function (r) {\r\n                                                    return t.focusOnYTD();\r\n                                                }\r\n                                            }\r\n                                        },\r\n                                        [t._v(\"YTD\")]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"button\",\r\n                                        {\r\n                                            staticClass: \"date-range__button\",\r\n                                            class: { active: t.filterType === \"1Y\" },\r\n                                            on: {\r\n                                                click: function (r) {\r\n                                                    return t.focusOnOneYear();\r\n                                                }\r\n                                            }\r\n                                        },\r\n                                        [t._v(\"1Y\")]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"button\",\r\n                                        {\r\n                                            staticClass: \"date-range__button\",\r\n                                            class: { active: t.filterType === \"2Y\" },\r\n                                            on: {\r\n                                                click: function (r) {\r\n                                                    return t.focusOnTwoYear();\r\n                                                }\r\n                                            }\r\n                                        },\r\n                                        [t._v(\"2Y\")]\r\n                                    )\r\n                                ])\r\n                            ]),\r\n                            t._v(\" \"),\r\n                            e(\r\n                                \"div\",\r\n                                { staticClass: \"stock-chart__calendar-picker calendar-picker\" },\r\n                                [\r\n                                    e(\r\n                                        \"div\",\r\n                                        { staticClass: \"calendar-picker__form-group form-group\" },\r\n                                        [\r\n                                            e(\"div\", { staticClass: \"calendar-picker__title\" }, [\r\n                                                t._v(\r\n                                                    `\r\n                    ` +\r\n                                                    t._s(t.trans[\"period.from\"]) +\r\n                                                    ` :\r\n                `\r\n                                                )\r\n                                            ]),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"v-menu\",\r\n                                                {\r\n                                                    attrs: {\r\n                                                        \"content-class\": \"v-application\",\r\n                                                        \"close-on-content-click\": !1,\r\n                                                        \"nudge-right\": 0,\r\n                                                        transition: \"scale-transition\",\r\n                                                        \"min-width\": \"250px\"\r\n                                                    },\r\n                                                    scopedSlots: t._u([\r\n                                                        {\r\n                                                            key: \"activator\",\r\n                                                            fn: function (r) {\r\n                                                                var i = r.on,\r\n                                                                    o = r.attrs;\r\n                                                                return [\r\n                                                                    e(\r\n                                                                        \"v-text-field\",\r\n                                                                        t._g(\r\n                                                                            t._b(\r\n                                                                                {\r\n                                                                                    attrs: {\r\n                                                                                        value: t.displayStartDate,\r\n                                                                                        readonly: \"\",\r\n                                                                                        \"append-icon\": \"fas fa-caret-down\",\r\n                                                                                        placeholder: \"DD\/MM\/YYYY\"\r\n                                                                                    }\r\n                                                                                },\r\n                                                                                \"v-text-field\",\r\n                                                                                o,\r\n                                                                                !1\r\n                                                                            ),\r\n                                                                            i\r\n                                                                        )\r\n                                                                    )\r\n                                                                ];\r\n                                                            }\r\n                                                        }\r\n                                                    ]),\r\n                                                    model: {\r\n                                                        value: t.isStartDatePickerVisible,\r\n                                                        callback: function (r) {\r\n                                                            t.isStartDatePickerVisible = r;\r\n                                                        },\r\n                                                        expression: \"isStartDatePickerVisible\"\r\n                                                    }\r\n                                                },\r\n                                                [\r\n                                                    t._v(\" \"),\r\n                                                    e(\"v-date-picker\", {\r\n                                                        attrs: {\r\n                                                            color: \"picker-bg-color\",\r\n                                                            min: t.minDate,\r\n                                                            max: t.maxDate,\r\n                                                            locale: t.getDatePickerLocale(),\r\n                                                            \"allowed-dates\": t.isDateAllowed\r\n                                                        },\r\n                                                        on: {\r\n                                                            input: function (r) {\r\n                                                                return t.closeStartDatePicker();\r\n                                                            }\r\n                                                        },\r\n                                                        model: {\r\n                                                            value: t.startDate,\r\n                                                            callback: function (r) {\r\n                                                                t.startDate = r;\r\n                                                            },\r\n                                                            expression: \"startDate\"\r\n                                                        }\r\n                                                    })\r\n                                                ],\r\n                                                1\r\n                                            )\r\n                                        ],\r\n                                        1\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"div\",\r\n                                        { staticClass: \"calendar-picker__form-group form-group\" },\r\n                                        [\r\n                                            e(\"div\", { staticClass: \"calendar-picker__title\" }, [\r\n                                                t._v(\" \" + t._s(t.trans.to))\r\n                                            ]),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"v-menu\",\r\n                                                {\r\n                                                    attrs: {\r\n                                                        \"content-class\": \"v-application\",\r\n                                                        \"close-on-content-click\": !1,\r\n                                                        \"nudge-right\": 0,\r\n                                                        transition: \"scale-transition\",\r\n                                                        \"min-width\": \"250px\"\r\n                                                    },\r\n                                                    scopedSlots: t._u([\r\n                                                        {\r\n                                                            key: \"activator\",\r\n                                                            fn: function (r) {\r\n                                                                var i = r.on,\r\n                                                                    o = r.attrs;\r\n                                                                return [\r\n                                                                    e(\r\n                                                                        \"v-text-field\",\r\n                                                                        t._g(\r\n                                                                            t._b(\r\n                                                                                {\r\n                                                                                    attrs: {\r\n                                                                                        value: t.displayEndDate,\r\n                                                                                        readonly: \"\",\r\n                                                                                        \"append-icon\": \"fas fa-caret-down\",\r\n                                                                                        placeholder: \"DD\/MM\/YYYY\"\r\n                                                                                    }\r\n                                                                                },\r\n                                                                                \"v-text-field\",\r\n                                                                                o,\r\n                                                                                !1\r\n                                                                            ),\r\n                                                                            i\r\n                                                                        )\r\n                                                                    )\r\n                                                                ];\r\n                                                            }\r\n                                                        }\r\n                                                    ]),\r\n                                                    model: {\r\n                                                        value: t.isEndDatePickerVisible,\r\n                                                        callback: function (r) {\r\n                                                            t.isEndDatePickerVisible = r;\r\n                                                        },\r\n                                                        expression: \"isEndDatePickerVisible\"\r\n                                                    }\r\n                                                },\r\n                                                [\r\n                                                    t._v(\" \"),\r\n                                                    e(\"v-date-picker\", {\r\n                                                        attrs: {\r\n                                                            color: \"picker-bg-color\",\r\n                                                            min: t.minDate,\r\n                                                            max: t.maxDate,\r\n                                                            locale: t.getDatePickerLocale(),\r\n                                                            \"allowed-dates\": t.isDateAllowed\r\n                                                        },\r\n                                                        on: {\r\n                                                            input: function (r) {\r\n                                                                return t.closeEndDatePicker();\r\n                                                            }\r\n                                                        },\r\n                                                        model: {\r\n                                                            value: t.endDate,\r\n                                                            callback: function (r) {\r\n                                                                t.endDate = r;\r\n                                                            },\r\n                                                            expression: \"endDate\"\r\n                                                        }\r\n                                                    })\r\n                                                ],\r\n                                                1\r\n                                            )\r\n                                        ],\r\n                                        1\r\n                                    )\r\n                                ]\r\n                            )\r\n                        ]),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"stock-chart__echarts\" }),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"stock-chart__remark\" }, [\r\n                            e(\"p\", { staticClass: \"h6\" }, [\r\n                                e(\"small\", { staticClass: \"small-heading\" }, [\r\n                                    t._v(t._s(t.trans[\"stock.chart.remark\"]))\r\n                                ])\r\n                            ])\r\n                        ])\r\n                    ]);\r\n                },\r\n                Ea = [];\r\n            pt._withStripped = !0;\r\n            var qa = (t, a, e) =>\r\n                new Promise((r, i) => {\r\n                    var o = (s) => {\r\n                        try {\r\n                            l(e.next(s));\r\n                        } catch (u) {\r\n                            i(u);\r\n                        }\r\n                    },\r\n                        c = (s) => {\r\n                            try {\r\n                                l(e.throw(s));\r\n                            } catch (u) {\r\n                                i(u);\r\n                            }\r\n                        },\r\n                        l = (s) =>\r\n                            s.done ? r(s.value) : Promise.resolve(s.value).then(o, c);\r\n                    l((e = e.apply(t, a)).next());\r\n                }),\r\n                Na = {\r\n                    props: [\"locale\", \"trans\"],\r\n                    data() {\r\n                        return {\r\n                            isStartDatePickerVisible: !1,\r\n                            isEndDatePickerVisible: !1,\r\n                            quotes: null,\r\n                            chart: null,\r\n                            startDate: null,\r\n                            endDate: null,\r\n                            filterType: \"2Y\",\r\n                            chartType: \"line\"\r\n                        };\r\n                    },\r\n                    watch: {\r\n                        startDate(t, a) {\r\n                            t !== a &&\r\n                                this.chart.dispatchAction({\r\n                                    type: \"dataZoom\",\r\n                                    startValue: t,\r\n                                    endValue: this.endDate\r\n                                });\r\n                        },\r\n                        endDate(t, a) {\r\n                            t !== a &&\r\n                                this.chart.dispatchAction({\r\n                                    type: \"dataZoom\",\r\n                                    startValue: this.startDate,\r\n                                    endValue: t\r\n                                });\r\n                        },\r\n                        chartType(t, a) {\r\n                            t !== a && this.rebuildChart();\r\n                        }\r\n                    },\r\n                    computed: {\r\n                        styleConfig() {\r\n                            return {\r\n                                loading: {\r\n                                    color: \"hsla(118, 50%, 43%, 1)\",\r\n                                    maskColor: \"rgba(255, 255, 255, 0.5)\"\r\n                                },\r\n                                series: {\r\n                                    volumeColor: \"hsla(118, 50%, 43%, 1)\",\r\n                                    priceAreaColor: \"hsla(76, 52%, 94%, 1)\",\r\n                                    priceColor: \"hsla(118, 50%, 43%, 1)\"\r\n                                },\r\n                                dataZoom: {\r\n                                    lineColor: \"hsla(118, 50%, 43%, 1)\",\r\n                                    areaBgColor: \"#ffffff\",\r\n                                    fillerBgColor: \"rgba(255, 255, 255, 0.15)\",\r\n                                    borderColor: \"rgba(255,255,255,0)\",\r\n                                    handleStyle: {\r\n                                        color: \"#ffffff\",\r\n                                        moveHandleColor: \"hsla(98, 49%, 51%, 1)\",\r\n                                        borderColor: \"hsla(118, 50%, 43%, 1)\"\r\n                                    },\r\n                                    selectedDataBackground: {\r\n                                        lineColor: \"hsla(118, 50%, 43%, 1)\",\r\n                                        areaBgColor: \"hsla(98, 49%, 51%, .5)\"\r\n                                    }\r\n                                },\r\n                                xAxis: { splitLineColor: [\"#eaeaea\"] },\r\n                                yAxis: { splitLineColor: [\"#eaeaea\"] },\r\n                                isPriceUpColor: \"#007bff\",\r\n                                isPriceDownColor: \"#ec0000\"\r\n                            };\r\n                        },\r\n                        dateFormat() {\r\n                            return \"YYYY-MM-DD\";\r\n                        },\r\n                        defaultChartType() {\r\n                            return { LINE: \"line\", CANDLESTICK: \"candlestick\", OHLC: \"ohlc\" };\r\n                        },\r\n                        dates() {\r\n                            return this.quotes.map((t) => t.date);\r\n                        },\r\n                        volume() {\r\n                            return this.quotes.map((t) => t.volume);\r\n                        },\r\n                        minDate() {\r\n                            return this.quotes ? _.first(this.quotes).date : null;\r\n                        },\r\n                        maxDate() {\r\n                            return this.quotes ? _.last(this.quotes).date : null;\r\n                        },\r\n                        availableDates() {\r\n                            return _.map(this.quotes, (t) => t.date);\r\n                        },\r\n                        displayStartDate() {\r\n                            return this.quotes\r\n                                ? this.formatDisplayDate(this.startDate, this.locale)\r\n                                : null;\r\n                        },\r\n                        displayEndDate() {\r\n                            return this.quotes\r\n                                ? this.formatDisplayDate(this.endDate, this.locale)\r\n                                : null;\r\n                        }\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            return qa(this, null, function* () {\r\n\r\n                                var like_SERVICECENTERIRPlus;\r\n\r\n                              \r\n                                    like_SERVICECENTERIRPlus = \"https:\/\/irplus.in.th\";\r\n                                \r\n\r\n\r\n                                let t = yield b().get(\r\n                                    like_SERVICECENTERIRPlus + \"\/listed\/servicecenter\/doprocess\/HistoricalStockPriceCalculator?share=LDC\"\r\n                                );\r\n\r\n                                (this.quotes = t.data.data.reverse()),\r\n                                    (this.startDate = this.minDate),\r\n                                    (this.endDate = this.maxDate),\r\n                                    this.createChart(),\r\n                                    \/\/this.showLoadingIndicator(),\r\n                                    this.resizeChart();\r\n                            });\r\n                        },\r\n                        closeStartDatePicker() {\r\n                            this.isStartDatePickerVisible = !1;\r\n                        },\r\n                        closeEndDatePicker() {\r\n                            this.isEndDatePickerVisible = !1;\r\n                        },\r\n                        setCustomFilterType() {\r\n                            this.filterType = \"\";\r\n                        },\r\n                        formatDisplayDate(t, a) {\r\n                            return this.$options.filters.dateFormat(\r\n                                t,\r\n                                \"YYYY-MM-DD\",\r\n                                \"DD\/MM\/YYYY\",\r\n                                a\r\n                            );\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(\r\n                                jQuery(this.$el).find(\".stock-chart__echarts\").get(0)\r\n                            )),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                this.chart.on(\"datazoom\", (t) => {\r\n                                    let a = this.chart.getModel().option.xAxis[0];\r\n                                    a.rangeStart != null &&\r\n                                        (this.startDate = a.data[a.rangeStart]),\r\n                                        a.rangeEnd != null && (this.endDate = a.data[a.rangeEnd]);\r\n                                });\r\n                        },\r\n                        showLoadingIndicator() {\r\n                            let t = {\r\n                                color: this.styleConfig.loading.color,\r\n                                maskColor: this.styleConfig.loading.maskColor\r\n                            };\r\n                            this.chart.showLoading(t),\r\n                                setTimeout(() => {\r\n                                    this.chart.hideLoading();\r\n                                }, 800);\r\n                        },\r\n                        setStartDateToMaxDate() {\r\n                            this.endDate = this.maxDate;\r\n                        },\r\n                        focusOnOneMonth() {\r\n                            this.setStartDateToMaxDate();\r\n                            let t = moment(this.endDate, this.dateFormat)\r\n                                .subtract(\"1\", \"month\")\r\n                                .format(this.dateFormat);\r\n                            (this.startDate = this.findValidStartDate(t)),\r\n                                (this.filterType = \"1M\");\r\n                        },\r\n                        focusOnThreeMonth() {\r\n                            this.setStartDateToMaxDate();\r\n                            let t = moment(this.endDate, this.dateFormat)\r\n                                .subtract(\"3\", \"month\")\r\n                                .format(this.dateFormat);\r\n                            (this.startDate = this.findValidStartDate(t)),\r\n                                (this.filterType = \"3M\");\r\n                        },\r\n                        focusOnYTD() {\r\n                            this.setStartDateToMaxDate();\r\n                            let t = moment(this.endDate, this.dateFormat)\r\n                                .startOf(\"year\")\r\n                                .format(this.dateFormat);\r\n                            (this.startDate = this.findValidStartDate(t)),\r\n                                (this.filterType = \"YTD\");\r\n                        },\r\n                        focusOnOneYear() {\r\n                            this.setStartDateToMaxDate();\r\n                            let t = moment(this.endDate, this.dateFormat)\r\n                                .subtract(\"1\", \"year\")\r\n                                .format(this.dateFormat);\r\n                            (this.startDate = this.findValidStartDate(t)),\r\n                                (this.filterType = \"1Y\");\r\n                        },\r\n                        focusOnTwoYear() {\r\n                            this.setStartDateToMaxDate();\r\n                            let t = moment(this.endDate, this.dateFormat)\r\n                                .subtract(\"2\", \"year\")\r\n                                .format(this.dateFormat);\r\n                            (this.startDate = this.findValidStartDate(t)),\r\n                                (this.filterType = \"2Y\");\r\n                        },\r\n                        findValidStartDate(t) {\r\n                            let a = _.find(this.quotes, { date: t });\r\n                            if (a) return a.date;\r\n                            let e = moment(t, this.dateFormat)\r\n                                .add(1, \"days\")\r\n                                .format(this.dateFormat);\r\n                            return this.findValidStartDate(e);\r\n                        },\r\n                        chartOptions() {\r\n                            return {\r\n                                baseOption: {\r\n                                    animation: !0,\r\n                                    tooltip: {\r\n                                        trigger: \"axis\",\r\n                                        borderWidth: 0,\r\n                                        confine: !0,\r\n                                        padding: 0,\r\n                                        formatter: (t) => this.getTooltip(t)\r\n                                    },\r\n                                    axisPointer: {\r\n                                        link: { xAxisIndex: \"all\" },\r\n                                        label: {\r\n                                            formatter: (t) => this.formatDisplayDate(t, this.locale)\r\n                                        }\r\n                                    },\r\n                                    grid: [\r\n                                        { left: \"3%\", right: \"3%\", height: \"50%\" },\r\n                                        { left: \"3%\", right: \"3%\", top: \"65%\", height: \"20%\" }\r\n                                    ],\r\n                                    dataZoom: [\r\n                                        {\r\n                                            type: \"inside\",\r\n                                            xAxisIndex: [0, 1],\r\n                                            startValue: this.startDate,\r\n                                            endValue: this.endDate\r\n                                        },\r\n                                        {\r\n                                            height: \"60px\",\r\n                                            bottom: 0,\r\n                                            fillerColor: this.styleConfig.dataZoom.fillerBgColor,\r\n                                            dataBackground: {\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.dataZoom.lineColor,\r\n                                                    width: 1\r\n                                                },\r\n                                                areaStyle: {\r\n                                                    color: this.styleConfig.dataZoom.areaBgColor\r\n                                                }\r\n                                            },\r\n                                            borderColor: this.styleConfig.dataZoom.borderColor,\r\n                                            xAxisIndex: [0, 1],\r\n                                            handleIcon:\r\n                                                \"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z\",\r\n                                            handleSize: \"50%\",\r\n                                            selectedDataBackground: {\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.dataZoom\r\n                                                        .selectedDataBackground.lineColor\r\n                                                },\r\n                                                areaStyle: {\r\n                                                    color: this.styleConfig.dataZoom\r\n                                                        .selectedDataBackground.areaBgColor\r\n                                                }\r\n                                            },\r\n                                            moveHandleStyle: {\r\n                                                color: this.styleConfig.dataZoom.handleStyle\r\n                                                    .moveHandleColor\r\n                                            },\r\n                                            handleStyle: {\r\n                                                color: this.styleConfig.dataZoom.handleStyle.color,\r\n                                                borderColor: this.styleConfig.dataZoom.handleStyle\r\n                                                    .borderColor\r\n                                            },\r\n                                            emphasis: {\r\n                                                moveHandleStyle: {\r\n                                                    color: this.styleConfig.dataZoom.handleStyle\r\n                                                        .moveHandleColor\r\n                                                },\r\n                                                handleStyle: {\r\n                                                    color: this.styleConfig.dataZoom.handleStyle.color,\r\n                                                    borderColor: this.styleConfig.dataZoom.handleStyle\r\n                                                        .borderColor\r\n                                                }\r\n                                            },\r\n                                            labelFormatter: (t, a) =>\r\n                                                this.formatDisplayDate(a, this.locale)\r\n                                        }\r\n                                    ],\r\n                                    xAxis: [\r\n                                        {\r\n                                            data: this.dates,\r\n                                            boundaryGap: !0,\r\n                                            splitLine: {\r\n                                                show: !0,\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.xAxis.splitLineColor\r\n                                                }\r\n                                            },\r\n                                            axisLine: { onZero: !1 },\r\n                                            axisTick: { show: !1 },\r\n                                            axisLabel: { show: !1 },\r\n                                            axisPointer: { z: 100 }\r\n                                        },\r\n                                        {\r\n                                            data: this.dates,\r\n                                            padding: [0, \"100px\", 0, 0],\r\n                                            gridIndex: 1,\r\n                                            boundaryGap: !0,\r\n                                            splitLine: {\r\n                                                show: !0,\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.xAxis.splitLineColor\r\n                                                }\r\n                                            },\r\n                                            axisLabel: {\r\n                                                formatter: (t) => this.formatDisplayDate(t, this.locale)\r\n                                            }\r\n                                        }\r\n                                    ],\r\n                                    yAxis: [\r\n                                        {\r\n                                            scale: !0,\r\n                                            splitLine: {\r\n                                                show: !0,\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.yAxis.splitLineColor\r\n                                                }\r\n                                            },\r\n                                            position: \"right\"\r\n                                        },\r\n                                        {\r\n                                            scale: !0,\r\n                                            gridIndex: 1,\r\n                                            splitLine: {\r\n                                                show: !0,\r\n                                                lineStyle: {\r\n                                                    color: this.styleConfig.yAxis.splitLineColor\r\n                                                }\r\n                                            },\r\n                                            position: \"right\",\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: {\r\n                                                formatter: (t, a) => d()(t).format(\"0,000a\")\r\n                                            }\r\n                                        }\r\n                                    ],\r\n                                    series: this.getChartSeries()\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxWidth: 1024 },\r\n                                        option: {\r\n                                            grid: [\r\n                                                { left: \"7%\", right: \"7%\", height: \"45%\" },\r\n                                                { left: \"7%\", right: \"7%\", top: \"62%\", height: \"18%\" }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 568 },\r\n                                        option: {\r\n                                            grid: [\r\n                                                { left: \"10%\", right: \"10%\", height: \"50%\" },\r\n                                                { left: \"10%\", right: \"10%\", top: \"68%\", height: \"14%\" }\r\n                                            ],\r\n                                            xAxis: [\r\n                                                {},\r\n                                                { axisLabel: { textStyle: { fontSize: 8 } } }\r\n                                            ],\r\n                                            yAxis: [\r\n                                                { axisLabel: { textStyle: { fontSize: 8 } } },\r\n                                                { axisLabel: { textStyle: { fontSize: 8 } } }\r\n                                            ]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        getTooltip(t) {\r\n                            let a = this.chartType;\r\n                            return a === this.defaultChartType.CANDLESTICK\r\n                                ? this.getCandlestickTooltip(t)\r\n                                : a === this.defaultChartType.OHLC\r\n                                    ? this.getOHLCTooltip(t)\r\n                                    : this.getLineTooltip(t);\r\n                        },\r\n                        getLineTooltip(t) {\r\n                            let [a, e, r] = t[0].data,\r\n                                i = this.formatDisplayDate(a, this.locale);\r\n                            return `\r\n                <div class=\"echarts-tooltip\">\r\n                    <div class=\"echarts-tooltip__header\"> ${this.trans.symbol\r\n                                } :  ${this.trans.thb}<\/div>\r\n                    <div class=\"echarts-tooltip__last-done\">${d()(e).format(\r\n                                    \"0,0.00\"\r\n                                )}<\/div>\r\n                    <div class=\"echarts-tooltip__volume\">${this.trans.volume\r\n                                } : ${d()(r).format(\"0,0\")} <\/div>\r\n                    <div class=\"echarts-tooltip__last-updated\">${i}<\/div>\r\n                <\/div>\r\n            `;\r\n                        },\r\n                        getCandlestickTooltip(t) {\r\n                            let [a, e, r, i, o, c] = t[0].data,\r\n                                l = t[0].name,\r\n                                s = this.formatDisplayDate(l, this.locale);\r\n                            return `\r\n                <div class=\"echarts-tooltip\">\r\n                    <div class=\"echarts-tooltip__header\"> ${this.trans.symbol\r\n                                } : THB<\/div>\r\n                    <div>${this.trans[\"price.open\"]}: ${d()(r).format(\r\n                                    \"0,0.00\"\r\n                                )}<\/div>\r\n                    <div>${this.trans[\"price.close\"]}: ${d()(e).format(\r\n                                    \"0,0.00\"\r\n                                )}<\/div>\r\n                    <div>${this.trans[\"price.low\"]}: ${d()(i).format(\r\n                                    \"0,0.00\"\r\n                                )}<\/div>\r\n                    <div>${this.trans[\"price.high\"]}: ${d()(o).format(\r\n                                    \"0,0.00\"\r\n                                )}<\/div>\r\n                    <div class=\"echarts-tooltip__volume\">Volume: ${d()(\r\n                                    c\r\n                                ).format(\"0,0.00\")}<\/div>\r\n                    <div class=\"echarts-tooltip__last-updated\">${s}<\/div>\r\n                <\/div>\r\n            `;\r\n                        },\r\n                        getOHLCTooltip(t) {\r\n                            return this.getCandlestickTooltip(t);\r\n                        },\r\n                        getChartSeries() {\r\n                            let t = this.chartType;\r\n                            return t === this.defaultChartType.CANDLESTICK\r\n                                ? this.getCandlestickChartSeries()\r\n                                : t === this.defaultChartType.OHLC\r\n                                    ? this.getOHLCChartSeries()\r\n                                    : this.getLineChartSeries();\r\n                        },\r\n                        getLineChartSeries() {\r\n                            let t = this.quotes.map((a) => [a.date, a.close, a.volume]);\r\n                            return [\r\n                                {\r\n                                    name: \"Stock Chart\",\r\n                                    data: t,\r\n                                    type: \"line\",\r\n                                    showSymbol: !1,\r\n                                    itemStyle: { color: this.styleConfig.series.priceColor },\r\n                                    areaStyle: { color: this.styleConfig.series.priceAreaColor }\r\n                                },\r\n                                {\r\n                                    data: this.volume,\r\n                                    name: \"Volume\",\r\n                                    type: \"bar\",\r\n                                    xAxisIndex: 1,\r\n                                    yAxisIndex: 1,\r\n                                    itemStyle: { color: this.styleConfig.series.volumeColor },\r\n                                    tooltip: { show: !1 }\r\n                                }\r\n                            ];\r\n                        },\r\n                        getCandlestickChartSeries() {\r\n                            let t = this.quotes.map((a) => [\r\n                                a.close,\r\n                                a.open,\r\n                                a.low,\r\n                                a.high,\r\n                                a.volume\r\n                            ]);\r\n                            return [\r\n                                {\r\n                                    name: \"Stock Chart\",\r\n                                    data: t,\r\n                                    type: \"candlestick\",\r\n                                    itemStyle: {\r\n                                        color: this.styleConfig.isPriceDownColor,\r\n                                        color0: this.styleConfig.isPriceUpColor,\r\n                                        borderColor: this.styleConfig.isPriceDownColor,\r\n                                        borderColor0: this.styleConfig.isPriceUpColor\r\n                                    }\r\n                                },\r\n                                {\r\n                                    data: this.volume,\r\n                                    name: \"Volume\",\r\n                                    type: \"bar\",\r\n                                    xAxisIndex: 1,\r\n                                    yAxisIndex: 1,\r\n                                    itemStyle: { color: this.styleConfig.series.volumeColor },\r\n                                    tooltip: { show: !1 }\r\n                                }\r\n                            ];\r\n                        },\r\n                        getOHLCChartSeries() {\r\n                            let t = this.quotes.map((e, r) => [\r\n                                r,\r\n                                e.close,\r\n                                e.open,\r\n                                e.low,\r\n                                e.high,\r\n                                e.volume\r\n                            ]);\r\n                            return [\r\n                                {\r\n                                    name: \"Stock Chart\",\r\n                                    data: t,\r\n                                    type: \"custom\",\r\n                                    renderItem: (e, r) => {\r\n                                        let i = r.value(0),\r\n                                            o = r.coord([i, r.value(1)]),\r\n                                            c = r.coord([i, r.value(2)]),\r\n                                            l = r.coord([i, r.value(3)]),\r\n                                            s = r.coord([i, r.value(4)]),\r\n                                            u = r.size([1, 0])[0] * 0.35,\r\n                                            Ti = e.dataIndex,\r\n                                            [us, ki, Di, ps, _s] = t[Ti],\r\n                                            Oi = ki > Di,\r\n                                            F = r.style({\r\n                                                stroke: Oi\r\n                                                    ? this.styleConfig.isPriceUpColor\r\n                                                    : this.styleConfig.isPriceDownColor\r\n                                            });\r\n                                        return {\r\n                                            type: \"group\",\r\n                                            children: [\r\n                                                {\r\n                                                    type: \"line\",\r\n                                                    shape: { x1: l[0], y1: l[1], x2: s[0], y2: s[1] },\r\n                                                    style: F\r\n                                                },\r\n                                                {\r\n                                                    type: \"line\",\r\n                                                    shape: { x1: o[0], y1: o[1], x2: o[0] - u, y2: o[1] },\r\n                                                    style: F\r\n                                                },\r\n                                                {\r\n                                                    type: \"line\",\r\n                                                    shape: { x1: c[0], y1: c[1], x2: c[0] + u, y2: c[1] },\r\n                                                    style: F\r\n                                                }\r\n                                            ]\r\n                                        };\r\n                                    }\r\n                                },\r\n                                {\r\n                                    data: this.volume,\r\n                                    name: \"Volume\",\r\n                                    type: \"bar\",\r\n                                    xAxisIndex: 1,\r\n                                    yAxisIndex: 1,\r\n                                    itemStyle: { color: this.styleConfig.series.volumeColor },\r\n                                    tooltip: { show: !1 }\r\n                                }\r\n                            ];\r\n                        },\r\n                        resizeChart() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                let t = jQuery(this.$el)\r\n                                    .find(\".stock-chart__echarts\")\r\n                                    .attr(\"_echarts_instance_\");\r\n                                window.echarts.getInstanceById(t).resize();\r\n                            });\r\n                        },\r\n                        rebuildChart() {\r\n                            let t = jQuery(this.$el)\r\n                                .find(\".stock-chart__echarts\")\r\n                                .attr(\"_echarts_instance_\");\r\n                            window.echarts.getInstanceById(t).dispose(), this.createChart();\r\n                        },\r\n                        isDateAllowed(t) {\r\n                            return this.availableDates.includes(t);\r\n                        },\r\n                        getDatePickerLocale() {\r\n                            return this.locale === \"th\" ? \"th-th\" : \"en-gb\";\r\n                        }\r\n                    }\r\n                },\r\n                Wa = Na,\r\n                _t = (0, h.Z)(Wa, pt, Ea, !1, null, null, null);\r\n            if (!1) var Xi;\r\n            var Va = _t.exports,\r\n                mt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"share-price share-price--full\" }, [\r\n                        e(\"div\", { staticClass: \"share-price__header\" }, [\r\n                            e(\"div\", { staticClass: \"headline\" }, [\r\n                                e(\r\n                                    \"div\",\r\n                                    { staticClass: \"headline__overline\" },\r\n                                    [\r\n                                        e(\"text-animated\", { attrs: { by: \"chars\" } }, [\r\n                                            t._v(\"Stock\")\r\n                                        ])\r\n                                    ],\r\n                                    1\r\n                                ),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__symbol\" }, [\r\n                                    t._v(t._s(t.trans.symbol))\r\n                                ])\r\n                            ])\r\n                        ]),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"share-price__body\" }, [\r\n                            e(\"div\", { staticClass: \"share-price__aside\" }, [\r\n                                e(\"div\", { staticClass: \"share-price__group mb-4\" }, [\r\n                                    e(\r\n                                        \"div\",\r\n                                        {\r\n                                            staticClass: \"share-price__item share-price__item--price\"\r\n                                        },\r\n                                        [\r\n                                            e(\"div\", { staticClass: \"share-price__item-wrapper\" }, [\r\n                                                e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                                    t._v(\r\n                                                        t._s(t._f(\"numeralFormat\")(t.last, \"0,0.00\")) +\r\n                                                        `\r\n                            `\r\n                                                    ),\r\n                                                    e(\"span\", { staticClass: \"share-price__currency\" }, [\r\n                                                        t._v(t._s(t.trans.thb))\r\n                                                    ])\r\n                                                ])\r\n                                            ])\r\n                                        ]\r\n                                    ),\r\n                                    t._v(\" \"),\r\n                                    e(\r\n                                        \"div\",\r\n                                        {\r\n                                            staticClass: \"share-price__item share-price__item--change\"\r\n                                        },\r\n                                        [\r\n                                            e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                                t._v(\r\n                                                    t._s(t.trans.change) +\r\n                                                    \"(% \" +\r\n                                                    t._s(t.trans.change) +\r\n                                                    \"):\"\r\n                                                )\r\n                                            ]),\r\n                                            t._v(\" \"),\r\n                                            e(\r\n                                                \"div\",\r\n                                                {\r\n                                                    staticClass: \"share-price__value\",\r\n                                                    class: {\r\n                                                        \"share-price__value--up\": t.change > 0,\r\n                                                        \"share-price__value--down\": t.change < 0\r\n                                                    }\r\n                                                },\r\n                                                [\r\n                                                    t._v(\r\n                                                        t._s(t._f(\"numeralFormat\")(t.change, \"0,0.00\")) +\r\n                                                        \" (\" +\r\n                                                        t._s(\r\n                                                            t._f(\"numeralFormat\")(t.percentChange, \"0,0.00\")\r\n                                                        ) +\r\n                                                        \"%)\"\r\n                                                    )\r\n                                                ]\r\n                                            )\r\n                                        ]\r\n                                    )\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                t._m(0)\r\n                            ]),\r\n                            t._v(\" \"),\r\n                            e(\"div\", { staticClass: \"share-price__main\" }, [\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans[\"volume.shares\"]))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(\" \" + t._s(t._f(\"numeralFormat\")(t.volume, \"0,0.00\")))\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans[\"value.baht\"]))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(\" \" + t._s(t._f(\"numeralFormat\")(t.value, \"0,0.00\")))\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans.prior))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(t._s(t._f(\"numeralFormat\")(t.prior, \"0,0.00\")))\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans[\"price.open\"]))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(t._s(t._f(\"numeralFormat\")(t.open, \"0,0.00\")))\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans[\"days.range\"]))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(\r\n                                            t._s(t._f(\"numeralFormat\")(t.low, \"0,0.00\")) +\r\n                                            \"-\" +\r\n                                            t._s(t._f(\"numeralFormat\")(t.high, \"0,0.00\")) +\r\n                                            `\r\n                `\r\n                                        )\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\"div\", { staticClass: \"share-price__item\" }, [\r\n                                    e(\"div\", { staticClass: \"share-price__title\" }, [\r\n                                        t._v(t._s(t.trans[\"52weeks.range\"]))\r\n                                    ]),\r\n                                    t._v(\" \"),\r\n                                    e(\"div\", { staticClass: \"share-price__value\" }, [\r\n                                        t._v(\r\n                                            t._s(t._f(\"numeralFormat\")(t.low52Weeks, \"0,0.00\")) +\r\n                                            \"-\" +\r\n                                            t._s(t._f(\"numeralFormat\")(t.high52weeks, \"0,0.00\")) +\r\n                                            `\r\n                `\r\n                                        )\r\n                                    ])\r\n                                ]),\r\n                                t._v(\" \"),\r\n                                e(\r\n                                    \"div\",\r\n                                    {\r\n                                        directives: [\r\n                                            {\r\n                                                name: \"show\",\r\n                                                rawName: \"v-show\",\r\n                                                value: t.quote,\r\n                                                expression: \"quote\"\r\n                                            }\r\n                                        ],\r\n                                        staticClass: \"share-price__updated\"\r\n                                    },\r\n                                    [\r\n                                        t._v(\r\n                                            `\r\n                ` +\r\n                                            t._s(t.trans[\"last.updated\"]) +\r\n                                            `:\r\n                ` +\r\n                                            t._s(\r\n                                                t._f(\"dateFormat\")(\r\n                                                    t.date,\r\n                                                    \"DD-MM-YYYY HH:mm\",\r\n                                                    \"D MMMM yyyy HH:mm\",\r\n                                                    t.locale\r\n                                                )\r\n                                            ) +\r\n                                            `\r\n            `\r\n                                        )\r\n                                    ]\r\n                                )\r\n                            ])\r\n                        ])\r\n                    ]);\r\n                },\r\n                Ya = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"share-price__image\" }, [\r\n                            e(\"img\", {\r\n                                staticClass: \"img-fluid\",\r\n                                attrs: { src: \"\/storage\/stock-quote\/computer.svg\" }\r\n                            })\r\n                        ]);\r\n                    }\r\n                ];\r\n            mt._withStripped = !0;\r\n            var Ha = (t, a, e) =>\r\n                new Promise((r, i) => {\r\n                    var o = (s) => {\r\n                        try {\r\n                            l(e.next(s));\r\n                        } catch (u) {\r\n                            i(u);\r\n                        }\r\n                    },\r\n                        c = (s) => {\r\n                            try {\r\n                                l(e.throw(s));\r\n                            } catch (u) {\r\n                                i(u);\r\n                            }\r\n                        },\r\n                        l = (s) =>\r\n                            s.done ? r(s.value) : Promise.resolve(s.value).then(o, c);\r\n                    l((e = e.apply(t, a)).next());\r\n                }),\r\n                Ra = {\r\n                    props: [\"locale\", \"trans\"],\r\n                    data() {\r\n                        return { quote: null };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    computed: {\r\n                        last() {\r\n                            return this.quote ? this.quote.last : null;\r\n                        },\r\n                        change() {\r\n                            return this.quote ? this.quote.change : null;\r\n                        },\r\n                        percentChange() {\r\n                            return this.quote ? this.quote.percent_change : null;\r\n                        },\r\n                        volume() {\r\n                            return this.quote ? this.quote.total_volume : null;\r\n                        },\r\n                        value() {\r\n                            return this.quote ? this.quote.total_value : null;\r\n                        },\r\n                        open() {\r\n                            return this.quote ? this.quote.open : null;\r\n                        },\r\n                        prior() {\r\n                            return this.quote ? this.quote.prior : null;\r\n                        },\r\n                        low() {\r\n                            return this.quote ? this.quote.low : null;\r\n                        },\r\n                        high() {\r\n                            return this.quote ? this.quote.high : null;\r\n                        },\r\n                        low52Weeks() {\r\n                            return this.quote ? this.quote.low_52weeks : null;\r\n                        },\r\n                        high52weeks() {\r\n                            return this.quote ? this.quote.high_52weeks : null;\r\n                        },\r\n                        date() {\r\n                            return this.quote\r\n                                ? moment(this.quote.date, \"YYYY-MM-DD HH:mm\").format(\r\n                                    \"DD-MM-YYYY HH:mm\"\r\n                                )\r\n                                : null;\r\n                        }\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            return Ha(this, null, function* () {\r\n                                let t = yield b().get(\"\/api\/stock\/realtime-quote\");\r\n                                this.quote = t.data.data;\r\n                            });\r\n                        }\r\n                    }\r\n                },\r\n                Ba = Ra,\r\n                vt = (0, h.Z)(Ba, mt, Ya, !1, null, null, null);\r\n            if (!1) var Ji;\r\n            var Za = vt.exports,\r\n                ft = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"resource-center\" }, [\r\n                        e(\"div\", { staticClass: \"container\" }, [\r\n                            e(\"div\", { staticClass: \"row justify-content-between\" }, [\r\n                                e(\r\n                                    \"div\",\r\n                                    {\r\n                                        staticClass:\r\n                                            \"col-lg-4 col-xxl-3 resource-center__category-col\"\r\n                                    },\r\n                                    [\r\n                                        e(\"div\", { staticClass: \"resource-center__category\" }, [\r\n                                            e(\r\n                                                \"form\",\r\n                                                {\r\n                                                    ref: \"form\",\r\n                                                    staticClass: \"form\",\r\n                                                    attrs: { action: t.action }\r\n                                                },\r\n                                                [\r\n                                                    e(\"div\", { staticClass: \"resource-center__body\" }, [\r\n                                                        e(\"div\", { staticClass: \"dropdown__group\" }, [\r\n                                                            e(\r\n                                                                \"label\",\r\n                                                                {\r\n                                                                    staticClass: \"text-nowrap\",\r\n                                                                    attrs: { for: \"year\" }\r\n                                                                },\r\n                                                                [t._v(\"Year:\")]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                {\r\n                                                                    directives: [\r\n                                                                        {\r\n                                                                            name: \"dropdown-clickable\",\r\n                                                                            rawName: \"v-dropdown-clickable\"\r\n                                                                        }\r\n                                                                    ],\r\n                                                                    staticClass: \"dropdown dropdown--resource\"\r\n                                                                },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"button\",\r\n                                                                        {\r\n                                                                            staticClass: \"dropdown-toggle\",\r\n                                                                            attrs: {\r\n                                                                                \"data-display\": \"static\",\r\n                                                                                type: \"button\",\r\n                                                                                \"data-toggle\": \"dropdown\",\r\n                                                                                \"aria-expanded\": \"false\"\r\n                                                                            }\r\n                                                                        },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                        ` +\r\n                                                                                t._s(t.trans[\"select.year\"]) +\r\n                                                                                `\r\n                                        `\r\n                                                                            ),\r\n                                                                            e(\"span\", {\r\n                                                                                staticClass: \"dropdown__toggle-icon\"\r\n                                                                            })\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        { staticClass: \"dropdown-menu\" },\r\n                                                                        t._l(t.localizedYears, function (r) {\r\n                                                                            return e(\r\n                                                                                \"div\",\r\n                                                                                {\r\n                                                                                    staticClass:\r\n                                                                                        \"custom-control custom-checkbox\"\r\n                                                                                },\r\n                                                                                [\r\n                                                                                    e(\"input\", {\r\n                                                                                        directives: [\r\n                                                                                            {\r\n                                                                                                name: \"model\",\r\n                                                                                                rawName: \"v-model\",\r\n                                                                                                value: t.years,\r\n                                                                                                expression: \"years\"\r\n                                                                                            }\r\n                                                                                        ],\r\n                                                                                        staticClass: \"custom-control-input\",\r\n                                                                                        attrs: {\r\n                                                                                            name: \"years[]\",\r\n                                                                                            type: \"checkbox\",\r\n                                                                                            id: r[0]\r\n                                                                                        },\r\n                                                                                        domProps: {\r\n                                                                                            value: r[0],\r\n                                                                                            checked: Array.isArray(t.years)\r\n                                                                                                ? t._i(t.years, r[0]) > -1\r\n                                                                                                : t.years\r\n                                                                                        },\r\n                                                                                        on: {\r\n                                                                                            change: function (i) {\r\n                                                                                                var o = t.years,\r\n                                                                                                    c = i.target,\r\n                                                                                                    l = !!c.checked;\r\n                                                                                                if (Array.isArray(o)) {\r\n                                                                                                    var s = r[0],\r\n                                                                                                        u = t._i(o, s);\r\n                                                                                                    c.checked\r\n                                                                                                        ? u < 0 &&\r\n                                                                                                        (t.years = o.concat([s]))\r\n                                                                                                        : u > -1 &&\r\n                                                                                                        (t.years = o\r\n                                                                                                            .slice(0, u)\r\n                                                                                                            .concat(\r\n                                                                                                                o.slice(u + 1)\r\n                                                                                                            ));\r\n                                                                                                } else t.years = l;\r\n                                                                                            }\r\n                                                                                        }\r\n                                                                                    }),\r\n                                                                                    t._v(\" \"),\r\n                                                                                    e(\r\n                                                                                        \"label\",\r\n                                                                                        {\r\n                                                                                            staticClass:\r\n                                                                                                \"custom-control-label\",\r\n                                                                                            attrs: { for: r[0] }\r\n                                                                                        },\r\n                                                                                        [t._v(t._s(r[1]))]\r\n                                                                                    )\r\n                                                                                ]\r\n                                                                            );\r\n                                                                        }),\r\n                                                                        0\r\n                                                                    )\r\n                                                                ]\r\n                                                            )\r\n                                                        ])\r\n                                                    ]),\r\n                                                    t._v(\" \"),\r\n                                                    e(\"hr\", { staticClass: \"my-4\" }),\r\n                                                    t._v(\" \"),\r\n                                                    e(\r\n                                                        \"div\",\r\n                                                        {\r\n                                                            staticClass: \"resource-center__header\",\r\n                                                            attrs: {\r\n                                                                role: \"button\",\r\n                                                                \"data-toggle\": \"collapse\",\r\n                                                                \"data-target\": \"#collapseCategory\",\r\n                                                                \"aria-expanded\": \"false\",\r\n                                                                \"aria-controls\": \"collapseCategory\"\r\n                                                            }\r\n                                                        },\r\n                                                        [\r\n                                                            e(\r\n                                                                \"p\",\r\n                                                                { staticClass: \"h6 font-weight-bold mb-0\" },\r\n                                                                [\r\n                                                                    t._v(\r\n                                                                        `\r\n                                ` +\r\n                                                                        t._s(t.trans[\"type.of.document\"]) +\r\n                                                                        `\r\n                            `\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\"span\", {\r\n                                                                staticClass: \"resource-center__btn-icon\"\r\n                                                            })\r\n                                                        ]\r\n                                                    ),\r\n                                                    t._v(\" \"),\r\n                                                    e(\r\n                                                        \"div\",\r\n                                                        {\r\n                                                            staticClass: \"resource-center__collapse collapse\",\r\n                                                            attrs: { id: \"collapseCategory\" }\r\n                                                        },\r\n                                                        [\r\n                                                            e(\r\n                                                                \"div\",\r\n                                                                { staticClass: \"resource-center__wrapper\" },\r\n                                                                [\r\n                                                                    e(\r\n                                                                        \"p\",\r\n                                                                        {\r\n                                                                            staticClass:\r\n                                                                                \"h6 font-weight-bold mb-lg-3 d-none d-lg-block\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            t._v(\r\n                                                                                `\r\n                                    ` +\r\n                                                                                t._s(t.trans[\"type.of.document\"]) +\r\n                                                                                `\r\n                                `\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    ),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\"div\", { staticClass: \"form-group\" }, [\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"custom-control custom-checkbox custom-control-inline\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\"input\", {\r\n                                                                                    directives: [\r\n                                                                                        {\r\n                                                                                            name: \"model\",\r\n                                                                                            rawName: \"v-model\",\r\n                                                                                            value: t.categories,\r\n                                                                                            expression: \"categories\"\r\n                                                                                        }\r\n                                                                                    ],\r\n                                                                                    staticClass: \"custom-control-input\",\r\n                                                                                    attrs: {\r\n                                                                                        type: \"checkbox\",\r\n                                                                                        name: \"categories[]\",\r\n                                                                                        id: \"annual-report\",\r\n                                                                                        value: \"annual-report\"\r\n                                                                                    },\r\n                                                                                    domProps: {\r\n                                                                                        checked: Array.isArray(t.categories)\r\n                                                                                            ? t._i(\r\n                                                                                                t.categories,\r\n                                                                                                \"annual-report\"\r\n                                                                                            ) > -1\r\n                                                                                            : t.categories\r\n                                                                                    },\r\n                                                                                    on: {\r\n                                                                                        change: function (r) {\r\n                                                                                            var i = t.categories,\r\n                                                                                                o = r.target,\r\n                                                                                                c = !!o.checked;\r\n                                                                                            if (Array.isArray(i)) {\r\n                                                                                                var l = \"annual-report\",\r\n                                                                                                    s = t._i(i, l);\r\n                                                                                                o.checked\r\n                                                                                                    ? s < 0 &&\r\n                                                                                                    (t.categories = i.concat([\r\n                                                                                                        l\r\n                                                                                                    ]))\r\n                                                                                                    : s > -1 &&\r\n                                                                                                    (t.categories = i\r\n                                                                                                        .slice(0, s)\r\n                                                                                                        .concat(i.slice(s + 1)));\r\n                                                                                            } else t.categories = c;\r\n                                                                                        }\r\n                                                                                    }\r\n                                                                                }),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"label\",\r\n                                                                                    {\r\n                                                                                        staticClass: \"custom-control-label\",\r\n                                                                                        attrs: { for: \"annual-report\" }\r\n                                                                                    },\r\n                                                                                    [t._v(t._s(t.trans[\"one.report\"]))]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ]),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\"div\", { staticClass: \"form-group\" }, [\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"custom-control custom-checkbox custom-control-inline\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\"input\", {\r\n                                                                                    directives: [\r\n                                                                                        {\r\n                                                                                            name: \"model\",\r\n                                                                                            rawName: \"v-model\",\r\n                                                                                            value: t.categories,\r\n                                                                                            expression: \"categories\"\r\n                                                                                        }\r\n                                                                                    ],\r\n                                                                                    staticClass: \"custom-control-input\",\r\n                                                                                    attrs: {\r\n                                                                                        type: \"checkbox\",\r\n                                                                                        name: \"categories[]\",\r\n                                                                                        id: \"financial-statement\",\r\n                                                                                        value: \"financial-statement\"\r\n                                                                                    },\r\n                                                                                    domProps: {\r\n                                                                                        checked: Array.isArray(t.categories)\r\n                                                                                            ? t._i(\r\n                                                                                                t.categories,\r\n                                                                                                \"financial-statement\"\r\n                                                                                            ) > -1\r\n                                                                                            : t.categories\r\n                                                                                    },\r\n                                                                                    on: {\r\n                                                                                        change: function (r) {\r\n                                                                                            var i = t.categories,\r\n                                                                                                o = r.target,\r\n                                                                                                c = !!o.checked;\r\n                                                                                            if (Array.isArray(i)) {\r\n                                                                                                var l = \"financial-statement\",\r\n                                                                                                    s = t._i(i, l);\r\n                                                                                                o.checked\r\n                                                                                                    ? s < 0 &&\r\n                                                                                                    (t.categories = i.concat([\r\n                                                                                                        l\r\n                                                                                                    ]))\r\n                                                                                                    : s > -1 &&\r\n                                                                                                    (t.categories = i\r\n                                                                                                        .slice(0, s)\r\n                                                                                                        .concat(i.slice(s + 1)));\r\n                                                                                            } else t.categories = c;\r\n                                                                                        }\r\n                                                                                    }\r\n                                                                                }),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"label\",\r\n                                                                                    {\r\n                                                                                        staticClass: \"custom-control-label\",\r\n                                                                                        attrs: {\r\n                                                                                            for: \"financial-statement\"\r\n                                                                                        }\r\n                                                                                    },\r\n                                                                                    [\r\n                                                                                        t._v(\r\n                                                                                            t._s(\r\n                                                                                                t.trans[\"financial.statement\"]\r\n                                                                                            )\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ]),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\"div\", { staticClass: \"form-group\" }, [\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"custom-control custom-checkbox custom-control-inline\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\"input\", {\r\n                                                                                    directives: [\r\n                                                                                        {\r\n                                                                                            name: \"model\",\r\n                                                                                            rawName: \"v-model\",\r\n                                                                                            value: t.categories,\r\n                                                                                            expression: \"categories\"\r\n                                                                                        }\r\n                                                                                    ],\r\n                                                                                    staticClass: \"custom-control-input\",\r\n                                                                                    attrs: {\r\n                                                                                        type: \"checkbox\",\r\n                                                                                        name: \"categories[]\",\r\n                                                                                        id: \"mdna\",\r\n                                                                                        value: \"mdna\"\r\n                                                                                    },\r\n                                                                                    domProps: {\r\n                                                                                        checked: Array.isArray(t.categories)\r\n                                                                                            ? t._i(t.categories, \"mdna\") > -1\r\n                                                                                            : t.categories\r\n                                                                                    },\r\n                                                                                    on: {\r\n                                                                                        change: function (r) {\r\n                                                                                            var i = t.categories,\r\n                                                                                                o = r.target,\r\n                                                                                                c = !!o.checked;\r\n                                                                                            if (Array.isArray(i)) {\r\n                                                                                                var l = \"mdna\",\r\n                                                                                                    s = t._i(i, l);\r\n                                                                                                o.checked\r\n                                                                                                    ? s < 0 &&\r\n                                                                                                    (t.categories = i.concat([\r\n                                                                                                        l\r\n                                                                                                    ]))\r\n                                                                                                    : s > -1 &&\r\n                                                                                                    (t.categories = i\r\n                                                                                                        .slice(0, s)\r\n                                                                                                        .concat(i.slice(s + 1)));\r\n                                                                                            } else t.categories = c;\r\n                                                                                        }\r\n                                                                                    }\r\n                                                                                }),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"label\",\r\n                                                                                    {\r\n                                                                                        staticClass: \"custom-control-label\",\r\n                                                                                        attrs: { for: \"mdna\" }\r\n                                                                                    },\r\n                                                                                    [\r\n                                                                                        t._v(\r\n                                                                                            t._s(\r\n                                                                                                t.trans[\r\n                                                                                                \"management.discussion.and.analysis\"\r\n                                                                                                ]\r\n                                                                                            )\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ]),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\"div\", { staticClass: \"form-group\" }, [\r\n                                                                        e(\r\n                                                                            \"div\",\r\n                                                                            {\r\n                                                                                staticClass:\r\n                                                                                    \"custom-control custom-checkbox custom-control-inline\"\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\"input\", {\r\n                                                                                    directives: [\r\n                                                                                        {\r\n                                                                                            name: \"model\",\r\n                                                                                            rawName: \"v-model\",\r\n                                                                                            value: t.categories,\r\n                                                                                            expression: \"categories\"\r\n                                                                                        }\r\n                                                                                    ],\r\n                                                                                    staticClass: \"custom-control-input\",\r\n                                                                                    attrs: {\r\n                                                                                        type: \"checkbox\",\r\n                                                                                        name: \"categories[]\",\r\n                                                                                        id: \"presentation\",\r\n                                                                                        value: \"presentation\"\r\n                                                                                    },\r\n                                                                                    domProps: {\r\n                                                                                        checked: Array.isArray(t.categories)\r\n                                                                                            ? t._i(\r\n                                                                                                t.categories,\r\n                                                                                                \"presentation\"\r\n                                                                                            ) > -1\r\n                                                                                            : t.categories\r\n                                                                                    },\r\n                                                                                    on: {\r\n                                                                                        change: function (r) {\r\n                                                                                            var i = t.categories,\r\n                                                                                                o = r.target,\r\n                                                                                                c = !!o.checked;\r\n                                                                                            if (Array.isArray(i)) {\r\n                                                                                                var l = \"presentation\",\r\n                                                                                                    s = t._i(i, l);\r\n                                                                                                o.checked\r\n                                                                                                    ? s < 0 &&\r\n                                                                                                    (t.categories = i.concat([\r\n                                                                                                        l\r\n                                                                                                    ]))\r\n                                                                                                    : s > -1 &&\r\n                                                                                                    (t.categories = i\r\n                                                                                                        .slice(0, s)\r\n                                                                                                        .concat(i.slice(s + 1)));\r\n                                                                                            } else t.categories = c;\r\n                                                                                        }\r\n                                                                                    }\r\n                                                                                }),\r\n                                                                                t._v(\" \"),\r\n                                                                                e(\r\n                                                                                    \"label\",\r\n                                                                                    {\r\n                                                                                        staticClass: \"custom-control-label\",\r\n                                                                                        attrs: { for: \"presentation\" }\r\n                                                                                    },\r\n                                                                                    [t._v(t._s(t.trans.presentation))]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ]),\r\n                                                                    t._v(\" \"),\r\n                                                                    e(\r\n                                                                        \"div\",\r\n                                                                        {\r\n                                                                            staticClass:\r\n                                                                                \"form-group form-group--webcast\"\r\n                                                                        },\r\n                                                                        [\r\n                                                                            e(\r\n                                                                                \"div\",\r\n                                                                                {\r\n                                                                                    staticClass:\r\n                                                                                        \"custom-control custom-checkbox custom-control-inline\"\r\n                                                                                },\r\n                                                                                [\r\n                                                                                    e(\"input\", {\r\n                                                                                        directives: [\r\n                                                                                            {\r\n                                                                                                name: \"model\",\r\n                                                                                                rawName: \"v-model\",\r\n                                                                                                value: t.categories,\r\n                                                                                                expression: \"categories\"\r\n                                                                                            }\r\n                                                                                        ],\r\n                                                                                        staticClass: \"custom-control-input\",\r\n                                                                                        attrs: {\r\n                                                                                            type: \"checkbox\",\r\n                                                                                            name: \"categories[]\",\r\n                                                                                            id: \"webcast\",\r\n                                                                                            value: \"webcast\"\r\n                                                                                        },\r\n                                                                                        domProps: {\r\n                                                                                            checked: Array.isArray(\r\n                                                                                                t.categories\r\n                                                                                            )\r\n                                                                                                ? t._i(\r\n                                                                                                    t.categories,\r\n                                                                                                    \"webcast\"\r\n                                                                                                ) > -1\r\n                                                                                                : t.categories\r\n                                                                                        },\r\n                                                                                        on: {\r\n                                                                                            change: function (r) {\r\n                                                                                                var i = t.categories,\r\n                                                                                                    o = r.target,\r\n                                                                                                    c = !!o.checked;\r\n                                                                                                if (Array.isArray(i)) {\r\n                                                                                                    var l = \"webcast\",\r\n                                                                                                        s = t._i(i, l);\r\n                                                                                                    o.checked\r\n                                                                                                        ? s < 0 &&\r\n                                                                                                        (t.categories = i.concat([\r\n                                                                                                            l\r\n                                                                                                        ]))\r\n                                                                                                        : s > -1 &&\r\n                                                                                                        (t.categories = i\r\n                                                                                                            .slice(0, s)\r\n                                                                                                            .concat(\r\n                                                                                                                i.slice(s + 1)\r\n                                                                                                            ));\r\n                                                                                                } else t.categories = c;\r\n                                                                                            }\r\n                                                                                        }\r\n                                                                                    }),\r\n                                                                                    t._v(\" \"),\r\n                                                                                    e(\r\n                                                                                        \"label\",\r\n                                                                                        {\r\n                                                                                            staticClass:\r\n                                                                                                \"custom-control-label\",\r\n                                                                                            attrs: { for: \"webcast\" }\r\n                                                                                        },\r\n                                                                                        [t._v(t._s(t.trans.webcast))]\r\n                                                                                    )\r\n                                                                                ]\r\n                                                                            )\r\n                                                                        ]\r\n                                                                    )\r\n                                                                ]\r\n                                                            ),\r\n                                                            t._v(\" \"),\r\n                                                            e(\"div\", { staticClass: \"form-group\" }, [\r\n                                                                e(\r\n                                                                    \"div\",\r\n                                                                    {\r\n                                                                        staticClass: \"btn-group w-100 text-center\"\r\n                                                                    },\r\n                                                                    [\r\n                                                                        e(\r\n                                                                            \"a\",\r\n                                                                            {\r\n                                                                                staticClass: \"btn mr-3\",\r\n                                                                                on: {\r\n                                                                                    click: function (r) {\r\n                                                                                        return (\r\n                                                                                            r.preventDefault(),\r\n                                                                                            t.selectAll.apply(null, arguments)\r\n                                                                                        );\r\n                                                                                    }\r\n                                                                                }\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\r\n                                                                                    \"small\",\r\n                                                                                    { staticClass: \"btn__title\" },\r\n                                                                                    [\r\n                                                                                        t._v(\r\n                                                                                            `\r\n                                            ` +\r\n                                                                                            t._s(t.trans[\"select.all\"]) +\r\n                                                                                            `\r\n                                        `\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        ),\r\n                                                                        t._v(\" \"),\r\n                                                                        e(\r\n                                                                            \"a\",\r\n                                                                            {\r\n                                                                                staticClass: \"btn\",\r\n                                                                                on: {\r\n                                                                                    click: function (r) {\r\n                                                                                        return (\r\n                                                                                            r.preventDefault(), t.reset()\r\n                                                                                        );\r\n                                                                                    }\r\n                                                                                }\r\n                                                                            },\r\n                                                                            [\r\n                                                                                e(\r\n                                                                                    \"small\",\r\n                                                                                    { staticClass: \"btn__title\" },\r\n                                                                                    [\r\n                                                                                        t._v(\r\n                                                                                            `\r\n                                            ` +\r\n                                                                                            t._s(t.trans[\"clear.filter\"]) +\r\n                                                                                            `\r\n                                        `\r\n                                                                                        )\r\n                                                                                    ]\r\n                                                                                )\r\n                                                                            ]\r\n                                                                        )\r\n                                                                    ]\r\n                                                                )\r\n                                                            ])\r\n                                                        ]\r\n                                                    ),\r\n                                                    t._v(\" \"),\r\n                                                    e(\"div\", { staticClass: \"resource-center__button\" }, [\r\n                                                        e(\r\n                                                            \"div\",\r\n                                                            { staticClass: \"form-group text-center mb-0\" },\r\n                                                            [\r\n                                                                e(\r\n                                                                    \"button\",\r\n                                                                    {\r\n                                                                        staticClass: \"btn btn--primary\",\r\n                                                                        attrs: { type: \"submit\" }\r\n                                                                    },\r\n                                                                    [\r\n                                                                        e(\"span\", { staticClass: \"btn__title\" }, [\r\n                                                                            t._v(t._s(t.trans.search))\r\n                                                                        ])\r\n                                                                    ]\r\n                                                                )\r\n                                                            ]\r\n                                                        )\r\n                                                    ])\r\n                                                ]\r\n                                            )\r\n                                        ])\r\n                                    ]\r\n                                ),\r\n                                t._v(\" \"),\r\n                                e(\r\n                                    \"div\",\r\n                                    {\r\n                                        staticClass: \"col-lg-8 col-xxl-9 resource-center__body-col\"\r\n                                    },\r\n                                    [\r\n                                        e(\r\n                                            \"div\",\r\n                                            { staticClass: \"resource-center__body\" },\r\n                                            [t._t(\"default\")],\r\n                                            2\r\n                                        )\r\n                                    ]\r\n                                )\r\n                            ])\r\n                        ])\r\n                    ]);\r\n                },\r\n                Qa = [];\r\n            ft._withStripped = !0;\r\n            var Ga = {\r\n                props: [\"data\", \"action\", \"trans\"],\r\n                data() {\r\n                    return {\r\n                        categories: this.data.categories || [],\r\n                        years: this.data.years || []\r\n                    };\r\n                },\r\n                mounted() { },\r\n                computed: {\r\n                    localizedYears() {\r\n                        return Object.entries(this.data.localizedYears).sort().reverse();\r\n                    }\r\n                },\r\n                methods: {\r\n                    isSelectedYear(t) {\r\n                        for (let a of this.years)\r\n                            if (parseInt(a) === parseInt(t)) return !0;\r\n                        return !1;\r\n                    },\r\n                    selectAll() {\r\n                        this.categories.push(...this.data.defaultCategories);\r\n                    },\r\n                    reset() {\r\n                        this.categories = [];\r\n                    },\r\n                    submit() {\r\n                        this.$refs.form.submit();\r\n                    }\r\n                }\r\n            },\r\n                Ua = Ga,\r\n                gt = (0, h.Z)(Ua, ft, Qa, !1, null, null, null);\r\n            if (!1) var ts;\r\n            var Ka = gt.exports,\r\n                yt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return t._m(0);\r\n                },\r\n                Xa = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart chart--sales-revenue\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            yt._withStripped = !0;\r\n            var Ja = Object.defineProperty,\r\n                tr = Object.defineProperties,\r\n                er = Object.getOwnPropertyDescriptors,\r\n                bt = Object.getOwnPropertySymbols,\r\n                ar = Object.prototype.hasOwnProperty,\r\n                rr = Object.prototype.propertyIsEnumerable,\r\n                wt = (t, a, e) =>\r\n                    a in t\r\n                        ? Ja(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                w = (t, a) => {\r\n                    for (var e in a || (a = {})) ar.call(a, e) && wt(t, e, a[e]);\r\n                    if (bt) for (var e of bt(a)) rr.call(a, e) && wt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                C = (t, a) => tr(t, er(a)),\r\n                ir = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            legendData: window.chart[this.source].legend,\r\n                            maxDataset: window.chart[this.source].max,\r\n                            minDataset: window.chart[this.source].min,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].format,\r\n                            colors: window.chart[this.source].colors,\r\n                            qoq: (t = window.chart[this.source].QoQ) != null ? t : !0\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5 }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            return {\r\n                                baseOption: {\r\n                                    legend: { show: !1 },\r\n                                    grid: this.gridOptions(),\r\n                                    xAxis: [\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 0,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: C(w({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: C(w({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.quarterly.period\r\n                                        }\r\n                                    ],\r\n                                    yAxis: [\r\n                                        {\r\n                                            gridIndex: 0,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (t) => this.maxDataset,\r\n                                            min: (t) => this.minDataset\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 1,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (t) => this.maxDataset,\r\n                                            min: (t) => this.minDataset\r\n                                        }\r\n                                    ],\r\n                                    tooltip: C(\r\n                                        w(\r\n                                            {\r\n                                                show: !0,\r\n                                                trigger: \"axis\",\r\n                                                borderRadius: 10,\r\n                                                confine: !0,\r\n                                                axisPointer: {\r\n                                                    type: \"shadow\",\r\n                                                    shadowStyle: { color: \"hsla(112, 52%, 43%, .05)\" }\r\n                                                },\r\n                                                padding: 10,\r\n                                                extraCssText: \"min-width: 260px; z-index: 10;\"\r\n                                            },\r\n                                            this.tooltipStyle()\r\n                                        ),\r\n                                        {\r\n                                            formatter: (t) => {\r\n                                                let a = t[0].name,\r\n                                                    [e, r] = [t[0].seriesName, t[0].value];\r\n                                                return `\r\n                                 <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__year\">${a}<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__item\">\r\n                                        <div class=\"echarts-tooltip__title\"> ${e} <\/div>\r\n                                        <div class=\"echarts-tooltip__value\"> ${d()(\r\n                                                    r\r\n                                                ).format(this.formatter)}\r\n                                            <span class=\"echarts-tooltip__unit\">${this.unit\r\n                                                    }<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            `;\r\n                                            }\r\n                                        }\r\n                                    ),\r\n                                    series: [\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: C(w({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: \"top\",\r\n                                                distance: 8,\r\n                                                formatter: (t) => d()(t.value).format(this.formatter)\r\n                                            }),\r\n                                            data: this.defaultYearlyDatasetOptions()\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 1,\r\n                                            yAxisIndex: 1,\r\n                                            label: C(w({ show: !0 }, this.labelFontOptions()), {\r\n                                                fontWeight: 600,\r\n                                                position: \"top\",\r\n                                                distance: 8,\r\n                                                formatter: (t) => d()(t.value).format(this.formatter)\r\n                                            }),\r\n                                            itemStyle: { color: \"rgba(69, 167, 53, 01)\" },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            data: this.defaultQuarterlyDatasetOptions(),\r\n                                            markLine: this.markLineOptions()\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: []\r\n                            };\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        markLineOptions() {\r\n                            if (this.qoq === !0)\r\n                                return {\r\n                                    silent: !0,\r\n                                    symbol: !1,\r\n                                    label: { show: !1 },\r\n                                    animation: !1,\r\n                                    lineStyle: this.lineOptions(),\r\n                                    data: [\r\n                                        [\r\n                                            { name: \"Start Point\", y: \"10%\", x: \"75%\" },\r\n                                            { name: \"End Point\", y: \"80%\", x: \"75%\" }\r\n                                        ]\r\n                                    ]\r\n                                };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"16px\",\r\n                                    fontWeight: 500\r\n                                }\r\n                            );\r\n                        },\r\n                        tooltipStyle() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                textStyle: {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: \"#000000\"\r\n                                },\r\n                                backgroundColor: \"#FFF\"\r\n                            };\r\n                        },\r\n                        lineOptions() {\r\n                            return this.theme === \"green\"\r\n                                ? { color: \"#FFF\" }\r\n                                : { color: \"rgba(69, 167, 53, 1)\" };\r\n                        },\r\n                        gridOptions() {\r\n                            return this.qoq === !1\r\n                                ? [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ]\r\n                                : [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"25%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"75%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ];\r\n                        },\r\n                        defaultYearlyDatasetOptions() {\r\n                            let t = this.data.yearly.dataset;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: (r == t.length - 1, \"rgba(69, 167, 53, 0.6)\"),\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(69, 167, 53, 0.6)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        },\r\n                        defaultQuarterlyDatasetOptions() {\r\n                            let t = this.data.quarterly.dataset;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color:\r\n                                                r == t.length - 1\r\n                                                    ? \"rgba(69, 167, 53, 0.6)\"\r\n                                                    : \"rgba(69, 167, 53, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(69, 167, 53, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        }\r\n                    }\r\n                },\r\n                sr = ir,\r\n                Ct = (0, h.Z)(sr, yt, Xa, !1, null, null, null);\r\n            if (!1) var es;\r\n            var or = Ct.exports,\r\n                xt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return t._m(0);\r\n                },\r\n                nr = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart chart--ebitda\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            xt._withStripped = !0;\r\n            var lr = Object.defineProperty,\r\n                cr = Object.defineProperties,\r\n                dr = Object.getOwnPropertyDescriptors,\r\n                St = Object.getOwnPropertySymbols,\r\n                hr = Object.prototype.hasOwnProperty,\r\n                ur = Object.prototype.propertyIsEnumerable,\r\n                Pt = (t, a, e) =>\r\n                    a in t\r\n                        ? lr(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                x = (t, a) => {\r\n                    for (var e in a || (a = {})) hr.call(a, e) && Pt(t, e, a[e]);\r\n                    if (St) for (var e of St(a)) ur.call(a, e) && Pt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                S = (t, a) => cr(t, dr(a)),\r\n                pr = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            legendData: window.chart[this.source].legend,\r\n                            maxDataset: window.chart[this.source].max,\r\n                            minDataset: window.chart[this.source].min,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].format,\r\n                            colors: window.chart[this.source].colors,\r\n                            qoq: (t = window.chart[this.source].QoQ) != null ? t : !0\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5 }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this;\r\n                            return {\r\n                                baseOption: {\r\n                                    legend: { show: !1 },\r\n                                    grid: this.gridOptions(),\r\n                                    xAxis: [\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 0,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: S(x({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: S(x({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.quarterly.period\r\n                                        }\r\n                                    ],\r\n                                    yAxis: [\r\n                                        {\r\n                                            gridIndex: 0,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.maxDataset,\r\n                                            min: (a) => this.minDataset\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 1,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.maxDataset,\r\n                                            min: (a) => this.minDataset\r\n                                        }\r\n                                    ],\r\n                                    tooltip: S(\r\n                                        x(\r\n                                            {\r\n                                                show: !0,\r\n                                                trigger: \"axis\",\r\n                                                borderRadius: 10,\r\n                                                confine: !0,\r\n                                                axisPointer: {\r\n                                                    type: \"shadow\",\r\n                                                    shadowStyle: { color: \"hsla(28, 43%, 61%, .05)\" }\r\n                                                },\r\n                                                padding: 10,\r\n                                                extraCssText: \"min-width: 260px; z-index: 10;\"\r\n                                            },\r\n                                            this.tooltipStyle()\r\n                                        ),\r\n                                        {\r\n                                            formatter: (a) => {\r\n                                                let e = a[0].name,\r\n                                                    [r, i] = [a[0].seriesName, a[0].value];\r\n                                                return `\r\n                                 <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__year\">${e}<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__item\">\r\n                                        <div class=\"echarts-tooltip__title\"> ${r} <\/div>\r\n                                        <div class=\"echarts-tooltip__value\"> ${d()(\r\n                                                    i\r\n                                                ).format(this.formatter)}\r\n                                            <span class=\"echarts-tooltip__unit\">${this.unit\r\n                                                    }<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            `;\r\n                                            }\r\n                                        }\r\n                                    ),\r\n                                    series: [\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: S(x({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: \"top\",\r\n                                                distance: 8,\r\n                                                formatter: (a) => d()(a.value).format(this.formatter)\r\n                                            }),\r\n                                            data: this.defaultYearlyDatasetOptions()\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 1,\r\n                                            yAxisIndex: 1,\r\n                                            label: S(x({ show: !0 }, this.labelFontOptions()), {\r\n                                                fontWeight: 600,\r\n                                                position: \"top\",\r\n                                                distance: 8,\r\n                                                formatter: (a) => d()(a.value).format(this.formatter)\r\n                                            }),\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            data: this.defaultQuarterlyDatasetOptions(),\r\n                                            markLine: this.markLineOptions()\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: []\r\n                            };\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        markLineOptions() {\r\n                            if (this.qoq === !0)\r\n                                return {\r\n                                    silent: !0,\r\n                                    symbol: !1,\r\n                                    label: { show: !1 },\r\n                                    animation: !1,\r\n                                    lineStyle: this.lineOptions(),\r\n                                    data: [\r\n                                        [\r\n                                            { name: \"Start Point\", y: \"10%\", x: \"75%\" },\r\n                                            { name: \"End Point\", y: \"80%\", x: \"75%\" }\r\n                                        ]\r\n                                    ]\r\n                                };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"16px\",\r\n                                    fontWeight: 500\r\n                                }\r\n                            );\r\n                        },\r\n                        tooltipStyle() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                textStyle: {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: \"#000000\"\r\n                                },\r\n                                backgroundColor: \"#FFF\"\r\n                            };\r\n                        },\r\n                        lineOptions() {\r\n                            return this.theme === \"green\"\r\n                                ? { color: \"#FFF\" }\r\n                                : { color: \"rgba(69, 167, 53, 1)\" };\r\n                        },\r\n                        gridOptions() {\r\n                            return this.qoq === !1\r\n                                ? [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ]\r\n                                : [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"25%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"75%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ];\r\n                        },\r\n                        defaultYearlyDatasetOptions() {\r\n                            let t = this.data.yearly.dataset;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: (r == t.length - 1, \"rgba(198, 152, 112, 0.6)\"),\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(198, 152, 112, 0.6)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        },\r\n                        defaultQuarterlyDatasetOptions() {\r\n                            let t = this.data.quarterly.dataset;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color:\r\n                                                r == t.length - 1\r\n                                                    ? \"rgba(198, 152, 112, 0.6)\"\r\n                                                    : \"rgba(198, 152, 112, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(198, 152, 112, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        }\r\n                    }\r\n                },\r\n                _r = pr,\r\n                $t = (0, h.Z)(_r, xt, nr, !1, null, null, null);\r\n            if (!1) var as;\r\n            var mr = $t.exports,\r\n                Tt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return t._m(0);\r\n                },\r\n                vr = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart chart--net-profit\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            Tt._withStripped = !0;\r\n            var fr = Object.defineProperty,\r\n                gr = Object.defineProperties,\r\n                yr = Object.getOwnPropertyDescriptors,\r\n                kt = Object.getOwnPropertySymbols,\r\n                br = Object.prototype.hasOwnProperty,\r\n                wr = Object.prototype.propertyIsEnumerable,\r\n                Dt = (t, a, e) =>\r\n                    a in t\r\n                        ? fr(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                f = (t, a) => {\r\n                    for (var e in a || (a = {})) br.call(a, e) && Dt(t, e, a[e]);\r\n                    if (kt) for (var e of kt(a)) wr.call(a, e) && Dt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                P = (t, a) => gr(t, yr(a)),\r\n                Cr = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            legendData: window.chart[this.source].legend,\r\n                            netProfitMax: window.chart[this.source].netProfitMax,\r\n                            netProfitMin: window.chart[this.source].netProfitMin,\r\n                            netProfitMarginMax: window.chart[this.source].netProfitMarginMax,\r\n                            netProfitMarginMin: window.chart[this.source].netProfitMarginMin,\r\n                            netProfitUnit: window.chart[this.source].netProfitUnit,\r\n                            netProfitMarginUnit:\r\n                                window.chart[this.source].netProfitMarginUnit,\r\n                            netProfitFormat: window.chart[this.source].netProfitFormat,\r\n                            netProfitMarginFormat:\r\n                                window.chart[this.source].netProfitMarginFormat,\r\n                            qoq: (t = window.chart[this.source].QoQ) != null ? t : !0\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5 }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this;\r\n                            return {\r\n                                baseOption: {\r\n                                    legend: {\r\n                                        show: !0,\r\n                                        data: [\r\n                                            {\r\n                                                name: this.legendData[0],\r\n                                                itemStyle: { color: \"rgba(145, 189, 39, 1)\" },\r\n                                                icon: \"circle\"\r\n                                            },\r\n                                            { name: this.legendData[1] }\r\n                                        ],\r\n                                        bottom: 0,\r\n                                        width: \"100%\",\r\n                                        itemWidth: 35,\r\n                                        textStyle: {\r\n                                            fontSize: 16,\r\n                                            fontFamily: \"'FC Minimal', sans-serif\",\r\n                                            fontWeight: 500,\r\n                                            color: \"#000000\"\r\n                                        }\r\n                                    },\r\n                                    grid: this.gridOptions(),\r\n                                    xAxis: [\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 0,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: f({}, this.fontOptions()),\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 1,\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 2,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0 },\r\n                                            axisLabel: f({}, this.fontOptions()),\r\n                                            data: this.data.quarterly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 3,\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            data: this.data.quarterly.period\r\n                                        }\r\n                                    ],\r\n                                    yAxis: [\r\n                                        {\r\n                                            gridIndex: 0,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.netProfitMax,\r\n                                            min: (a) => this.netProfitMin\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 1,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.netProfitMarginMax,\r\n                                            min: (a) => this.netProfitMarginMin\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 2,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.netProfitMax,\r\n                                            min: (a) => this.netProfitMin\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 3,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.netProfitMarginMax,\r\n                                            min: (a) => this.netProfitMarginMin\r\n                                        }\r\n                                    ],\r\n                                    tooltip: P(\r\n                                        f(\r\n                                            {\r\n                                                show: !0,\r\n                                                trigger: \"axis\",\r\n                                                borderRadius: 10,\r\n                                                confine: !0,\r\n                                                axisPointer: {\r\n                                                    type: \"shadow\",\r\n                                                    shadowStyle: { color: \"hsla(80, 59%, 47%, .05)\" }\r\n                                                },\r\n                                                padding: 10,\r\n                                                extraCssText: \"min-width: 260px; z-index: 10;\"\r\n                                            },\r\n                                            this.tooltipStyle()\r\n                                        ),\r\n                                        {\r\n                                            formatter: (a) => {\r\n                                                let e = a[0].name,\r\n                                                    r = a\r\n                                                        .map((i) => {\r\n                                                            let o = i.marker,\r\n                                                                c = i.seriesName,\r\n                                                                l,\r\n                                                                s,\r\n                                                                u;\r\n                                                            return (\r\n                                                                c === this.legendData[0] &&\r\n                                                                ((l = i.value),\r\n                                                                    (s = this.netProfitFormat),\r\n                                                                    (u = this.netProfitUnit)),\r\n                                                                c === this.legendData[1] &&\r\n                                                                ((l = i.value),\r\n                                                                    (s = this.netProfitMarginFormat),\r\n                                                                    (u = this.netProfitMarginUnit)),\r\n                                                                `\r\n                                            <div class=\"echarts-tooltip__item\">\r\n                                                <div class=\"echarts-tooltip__wrapper\">\r\n<!--                                                    <div class=\"echarts-tooltip__badge\">${o}<\/div>-->\r\n                                                    <div class=\"echarts-tooltip__title\">${c}<\/div>\r\n                                                <\/div>\r\n                                                <div class=\"echarts-tooltip__value\">${d()(\r\n                                                                    l\r\n                                                                ).format(\r\n                                                                    s\r\n                                                                )} <span class=\"echarts-tooltip__unit\">${u}<\/span><\/div>\r\n                                            <\/div>\r\n                                        `\r\n                                                            );\r\n                                                        })\r\n                                                        .join(\"\");\r\n                                                return `\r\n                                         <div class=\"echarts-tooltip\">\r\n                                            <div class=\"echarts-tooltip__main\">\r\n                                                <div class=\"echarts-tooltip__year\"> ${e} <\/div>\r\n                                            <\/div>\r\n                                            ${r}\r\n                                        <\/div>\r\n                                    `;\r\n                                            }\r\n                                        }\r\n                                    ),\r\n                                    series: [\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: P(f({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: \"top\",\r\n                                                formatter: (a) =>\r\n                                                    d()(a.value).format(this.netProfitFormat)\r\n                                            }),\r\n                                            data: this.defaultYearlyDatasetOptions()\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"line\",\r\n                                            xAxisIndex: 1,\r\n                                            yAxisIndex: 1,\r\n                                            symbol: \"emptyCircle\",\r\n                                            symbolSize: 10,\r\n                                            distance: 10,\r\n                                            emphasis: { focus: \"none\" },\r\n                                            itemStyle: { color: \"#90BE31\" },\r\n                                            label: P(f({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: \"top\",\r\n                                                formatter: (a) =>\r\n                                                    d()(a.value).format(this.netProfitMarginFormat)\r\n                                            }),\r\n                                            lineStyle: { width: 1 },\r\n                                            data: this.data.yearly.netProfitMargin\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 2,\r\n                                            yAxisIndex: 2,\r\n                                            label: P(f({ show: !0 }, this.labelFontOptions()), {\r\n                                                fontWeight: 600,\r\n                                                position: \"top\",\r\n                                                formatter: (a) =>\r\n                                                    d()(a.value).format(this.netProfitFormat)\r\n                                            }),\r\n                                            emphasis: { focus: \"none\" },\r\n                                            data: this.defaultQuarterlyDatasetOptions(),\r\n                                            markLine: this.markLineOptions()\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"line\",\r\n                                            xAxisIndex: 3,\r\n                                            yAxisIndex: 3,\r\n                                            symbol: \"emptyCircle\",\r\n                                            symbolSize: 10,\r\n                                            distance: 10,\r\n                                            itemStyle: { color: \"#green\" },\r\n                                            label: P(f({ show: !0 }, this.labelFontOptions()), {\r\n                                                fontWeight: 400,\r\n                                                formatter: (a) =>\r\n                                                    d()(a.value).format(this.netProfitMarginFormat)\r\n                                            }),\r\n                                            lineStyle: { width: 1 },\r\n                                            data: this.data.quarterly.netProfitMargin\r\n                                        }\r\n                                    ]\r\n                                }\r\n                            };\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        markLineOptions() {\r\n                            if (this.qoq === !0)\r\n                                return {\r\n                                    silent: !0,\r\n                                    symbol: !1,\r\n                                    label: { show: !1 },\r\n                                    animation: !1,\r\n                                    lineStyle: this.lineOptions(),\r\n                                    data: [\r\n                                        [\r\n                                            { name: \"Start Point\", y: \"10%\", x: \"75%\" },\r\n                                            { name: \"End Point\", y: \"80%\", x: \"75%\" }\r\n                                        ]\r\n                                    ]\r\n                                };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"16px\",\r\n                                    fontWeight: 500\r\n                                }\r\n                            );\r\n                        },\r\n                        tooltipStyle() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                textStyle: {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: \"#000000\"\r\n                                },\r\n                                backgroundColor: \"#FFF\"\r\n                            };\r\n                        },\r\n                        lineOptions() {\r\n                            return this.theme === \"green\"\r\n                                ? { color: \"#FFF\" }\r\n                                : { color: \"rgba(144, 190, 49, 1)\" };\r\n                        },\r\n                        gridOptions() {\r\n                            return this.qoq === !1\r\n                                ? [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ]\r\n                                : [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"25%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"25%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"75%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"75%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ];\r\n                        },\r\n                        defaultYearlyDatasetOptions() {\r\n                            let t = this.data.yearly.netProfit;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: (r == t.length - 1, \"rgba(144, 190, 49, 0.6)\"),\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(144, 190, 49, 0.6)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        },\r\n                        defaultQuarterlyDatasetOptions() {\r\n                            let t = this.data.quarterly.netProfit;\r\n                            return t.map((e, r) =>\r\n                                this.qoq === !1\r\n                                    ? {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color:\r\n                                                r == t.length - 1\r\n                                                    ? \"rgba(144, 190, 49, 0.6)\"\r\n                                                    : \"rgba(144, 190, 49, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                                    : {\r\n                                        value: e,\r\n                                        itemStyle: {\r\n                                            color: \"rgba(144, 190, 49, 1)\",\r\n                                            borderRadius: e > 0 ? [5, 5, 0, 0] : [0, 0, 5, 5]\r\n                                        }\r\n                                    }\r\n                            );\r\n                        }\r\n                    }\r\n                },\r\n                xr = Cr,\r\n                Ot = (0, h.Z)(xr, Tt, vr, !1, null, null, null);\r\n            if (!1) var rs;\r\n            var Sr = Ot.exports,\r\n                Ft = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"chart chart--total-asset\" }, [\r\n                        t._m(0),\r\n                        t._v(\" \"),\r\n                        e(\r\n                            \"div\",\r\n                            { staticClass: \"chart__legend\" },\r\n                            t._l(this.legendData, function (r, i) {\r\n                                return e(\r\n                                    \"div\",\r\n                                    {\r\n                                        staticClass: \"chart__legend-item\",\r\n                                        on: {\r\n                                            click: function (o) {\r\n                                                return t.legendToggleSelect(r, i);\r\n                                            }\r\n                                        }\r\n                                    },\r\n                                    [\r\n                                        e(\"span\", {\r\n                                            staticClass: \"chart__legend-badge\",\r\n                                            style: t.legendLabelColor(i)\r\n                                        }),\r\n                                        t._v(\" \"),\r\n                                        e(\"span\", {\r\n                                            staticClass: \"chart__legend-title\",\r\n                                            domProps: { innerHTML: t._s(r) }\r\n                                        })\r\n                                    ]\r\n                                );\r\n                            }),\r\n                            0\r\n                        )\r\n                    ]);\r\n                },\r\n                Pr = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart__wrapper\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            Ft._withStripped = !0;\r\n            var $r = Object.defineProperty,\r\n                Tr = Object.defineProperties,\r\n                kr = Object.getOwnPropertyDescriptors,\r\n                It = Object.getOwnPropertySymbols,\r\n                Dr = Object.prototype.hasOwnProperty,\r\n                Or = Object.prototype.propertyIsEnumerable,\r\n                Lt = (t, a, e) =>\r\n                    a in t\r\n                        ? $r(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                T = (t, a) => {\r\n                    for (var e in a || (a = {})) Dr.call(a, e) && Lt(t, e, a[e]);\r\n                    if (It) for (var e of It(a)) Or.call(a, e) && Lt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                k = (t, a) => Tr(t, kr(a)),\r\n                Fr = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t;\r\n                        return {\r\n                            chart: Object,\r\n                            data: window.chart[this.source].source,\r\n                            legendData: window.chart[this.source].legend,\r\n                            maxDataset: window.chart[this.source].max,\r\n                            minDataset: window.chart[this.source].min,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].format,\r\n                            colors: window.chart[this.source].colors,\r\n                            qoq: (t = window.chart[this.source].QoQ) != null ? t : !0\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init(), this.onWindowResize(), this.onTabChanged();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5 }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions());\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this;\r\n                            return {\r\n                                baseOption: {\r\n                                    legend: { show: !1 },\r\n                                    grid: this.gridOptions(),\r\n                                    xAxis: [\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 0,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0, lineStyle: this.lineOptions() },\r\n                                            axisLabel: k(T({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 1,\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            axisLabel: { show: !1 },\r\n                                            data: this.data.yearly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 2,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !0, lineStyle: this.lineOptions() },\r\n                                            axisLabel: k(T({}, this.fontOptions()), {\r\n                                                padding: 5,\r\n                                                rotate: 0\r\n                                            }),\r\n                                            data: this.data.quarterly.period\r\n                                        },\r\n                                        {\r\n                                            type: \"category\",\r\n                                            gridIndex: 3,\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            axisLabel: { show: !1 },\r\n                                            data: this.data.quarterly.period\r\n                                        }\r\n                                    ],\r\n                                    yAxis: [\r\n                                        {\r\n                                            gridIndex: 0,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.maxDataset,\r\n                                            min: (a) => this.minDataset\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 1,\r\n                                            type: \"value\",\r\n                                            show: !0,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 }\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 2,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 },\r\n                                            max: (a) => this.maxDataset,\r\n                                            min: (a) => this.minDataset\r\n                                        },\r\n                                        {\r\n                                            gridIndex: 3,\r\n                                            type: \"value\",\r\n                                            show: !1,\r\n                                            axisTick: { show: !1 },\r\n                                            splitLine: { show: !1 },\r\n                                            axisLine: { show: !1 }\r\n                                        }\r\n                                    ],\r\n                                    tooltip: k(\r\n                                        T(\r\n                                            {\r\n                                                show: !0,\r\n                                                trigger: \"axis\",\r\n                                                borderRadius: 10,\r\n                                                confine: !0,\r\n                                                axisPointer: {\r\n                                                    type: \"shadow\",\r\n                                                    shadowStyle: { color: \"hsla(24, 100%, 13%, .05)\" }\r\n                                                },\r\n                                                padding: 10,\r\n                                                extraCssText: \"z-index: 10;\"\r\n                                            },\r\n                                            this.tooltipStyle()\r\n                                        ),\r\n                                        {\r\n                                            formatter: (a) => {\r\n                                                let e = a[0].name,\r\n                                                    r = a\r\n                                                        .map((i) => {\r\n                                                            let o = i.marker,\r\n                                                                c = i.seriesName,\r\n                                                                l = i.value,\r\n                                                                s = this.formatter,\r\n                                                                u = this.unit;\r\n                                                            return `\r\n                                            <div class=\"echarts-tooltip__item\">\r\n                                                <div class=\"echarts-tooltip__wrapper\">\r\n                                                <div class=\"echarts-tooltip__badge\">${o}<\/div>\r\n                                                    <div class=\"echarts-tooltip__title\">${c}<\/div>\r\n                                                <\/div>\r\n                                                <div class=\"echarts-tooltip__value\">${d()(\r\n                                                                l\r\n                                                            ).format(\r\n                                                                s\r\n                                                            )} <span class=\"echarts-tooltip__unit\">${u}<\/span><\/div>\r\n                                            <\/div>\r\n                                        `;\r\n                                                        })\r\n                                                        .join(\"\");\r\n                                                return `\r\n                                         <div class=\"echarts-tooltip\">\r\n                                            <div class=\"echarts-tooltip__main\">\r\n                                                <div class=\"echarts-tooltip__year\"> ${e} <\/div>\r\n                                            <\/div>\r\n                                            ${r}\r\n                                        <\/div>\r\n                                    `;\r\n                                            }\r\n                                        }\r\n                                    ),\r\n                                    series: [\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            itemStyle: {\r\n                                                color: this.colors[0],\r\n                                                borderRadius: [4, 4, 0, 0]\r\n                                            },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: k(T({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: [\"25%\", \"-25\"],\r\n                                                formatter: (a) => d()(a.value).format(this.formatter)\r\n                                            }),\r\n                                            data: this.data.yearly.assets\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            stack: \"yearly\",\r\n                                            itemStyle: { color: this.colors[1] },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: { show: !1 },\r\n                                            data: this.data.yearly.liabilities\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[2],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 0,\r\n                                            yAxisIndex: 0,\r\n                                            stack: \"yearly\",\r\n                                            itemStyle: {\r\n                                                color: this.colors[2],\r\n                                                borderRadius: [4, 4, 0, 0]\r\n                                            },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: { show: !1 },\r\n                                            data: this.data.yearly.equity\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[0],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 2,\r\n                                            yAxisIndex: 2,\r\n                                            label: k(T({ show: !0 }, this.labelFontOptions()), {\r\n                                                position: [\"25%\", \"-15%\"],\r\n                                                formatter: (a) => d()(a.value).format(this.formatter)\r\n                                            }),\r\n                                            itemStyle: {\r\n                                                color: this.colors[0],\r\n                                                borderRadius: [4, 4, 0, 0]\r\n                                            },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            data: this.data.quarterly.assets,\r\n                                            markLine: this.markLineOptions()\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[1],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 2,\r\n                                            yAxisIndex: 2,\r\n                                            stack: \"quarterly\",\r\n                                            itemStyle: { color: this.colors[1] },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: { show: !1 },\r\n                                            data: this.data.quarterly.liabilities\r\n                                        },\r\n                                        {\r\n                                            name: this.legendData[2],\r\n                                            type: \"bar\",\r\n                                            barWidth: 35,\r\n                                            xAxisIndex: 2,\r\n                                            yAxisIndex: 2,\r\n                                            stack: \"quarterly\",\r\n                                            itemStyle: {\r\n                                                color: this.colors[2],\r\n                                                borderRadius: [4, 4, 0, 0]\r\n                                            },\r\n                                            emphasis: { itemStyle: { color: \"inherit\" } },\r\n                                            label: { show: !1 },\r\n                                            data: this.data.quarterly.equity\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxWidth: 400 },\r\n                                        option: {\r\n                                            series: [\r\n                                                { barWidth: 30 },\r\n                                                { barWidth: 30 },\r\n                                                { barWidth: 30 },\r\n                                                { barWidth: 30 },\r\n                                                { barWidth: 30 },\r\n                                                { barWidth: 30 }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 375 },\r\n                                        option: {\r\n                                            xAxis: [\r\n                                                { axisLabel: { fontSize: \"14px\" } },\r\n                                                {},\r\n                                                { axisLabel: { fontSize: \"14px\" } },\r\n                                                {}\r\n                                            ],\r\n                                            series: [\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } },\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } },\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } },\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } },\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } },\r\n                                                { barWidth: 25, label: { fontSize: \"12px\" } }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 300 },\r\n                                        option: {\r\n                                            xAxis: [\r\n                                                { axisLabel: { fontSize: \"12px\" } },\r\n                                                {},\r\n                                                { axisLabel: { fontSize: \"12px\" } },\r\n                                                {}\r\n                                            ],\r\n                                            series: [\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } },\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } },\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } },\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } },\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } },\r\n                                                { barWidth: 22, label: { fontSize: \"11px\" } }\r\n                                            ]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        resize() {\r\n                            let t = jQuery(this.$el).find(\".echarts\").attr(\"_echarts_instance_\");\r\n                            window.echarts.getInstanceById(t).resize();\r\n                        },\r\n                        onWindowResize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        markLineOptions() {\r\n                            if (this.qoq === !0)\r\n                                return {\r\n                                    silent: !0,\r\n                                    symbol: !1,\r\n                                    label: { show: !1 },\r\n                                    animation: !1,\r\n                                    lineStyle: this.lineOptions(),\r\n                                    data: [\r\n                                        [\r\n                                            { name: \"Start Point\", y: \"10%\", x: \"80%\" },\r\n                                            { name: \"End Point\", y: \"80%\", x: \"80%\" }\r\n                                        ]\r\n                                    ]\r\n                                };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        legendFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"16px\",\r\n                                    fontWeight: 500\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"16px\",\r\n                                    fontWeight: 500\r\n                                }\r\n                            );\r\n                        },\r\n                        tooltipStyle() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                textStyle: {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 500,\r\n                                    fontSize: \"16px\",\r\n                                    color: \"#000000\"\r\n                                },\r\n                                backgroundColor: \"#FFF\"\r\n                            };\r\n                        },\r\n                        lineOptions() {\r\n                            return this.theme === \"dark\"\r\n                                ? { color: \"#FFF\" }\r\n                                : { color: \"rgba(0, 0, 0, 1)\" };\r\n                        },\r\n                        gridOptions() {\r\n                            return this.qoq === !1\r\n                                ? [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: 0,\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"100%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ]\r\n                                : [\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"20%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        right: \"20%\",\r\n                                        left: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"80%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    },\r\n                                    {\r\n                                        containLabel: !1,\r\n                                        left: \"80%\",\r\n                                        right: 0,\r\n                                        top: \"10%\",\r\n                                        bottom: \"20%\"\r\n                                    }\r\n                                ];\r\n                        },\r\n                        legendLabelColor(t) {\r\n                            return { \"background-color\": this.colors[t] };\r\n                        },\r\n                        legendToggleSelect(t, a) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"legendToggleSelect\",\r\n                                name: t\r\n                            }),\r\n                                jQuery(jQuery(this.$el).find(\".chart__legend-item\")[a]).toggleClass(\r\n                                    \"selected\"\r\n                                );\r\n                        }\r\n                    }\r\n                },\r\n                Ir = Fr,\r\n                At = (0, h.Z)(Ir, Ft, Pr, !1, null, null, null);\r\n            if (!1) var is;\r\n            var Lr = At.exports,\r\n                jt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"chart chart--major-shareholder\" }, [\r\n                        t._m(0),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"chart__aside\" }, [\r\n                            e(\r\n                                \"ul\",\r\n                                {\r\n                                    staticClass: \"echarts-legend\",\r\n                                    class: t.enableLegend ? \"\" : \"d-none\"\r\n                                },\r\n                                t._l(this.data, function (r, i) {\r\n                                    return e(\"li\", { staticClass: \"echarts-legend__item\" }, [\r\n                                        e(\"span\", {\r\n                                            staticClass: \"echarts-legend__badge\",\r\n                                            style: t.legendLabelColor(i)\r\n                                        }),\r\n                                        t._v(\" \"),\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass: \"echarts-legend__detail\",\r\n                                                on: {\r\n                                                    mouseout: function (o) {\r\n                                                        return t.mouseOutOnLegendItem(r.name);\r\n                                                    },\r\n                                                    mouseover: function (o) {\r\n                                                        return t.mouseOverOnLegendItem(r.name);\r\n                                                    }\r\n                                                }\r\n                                            },\r\n                                            [\r\n                                                e(\"span\", { staticClass: \"echarts-legend__title\" }, [\r\n                                                    t._v(\r\n                                                        `\r\n                        ` +\r\n                                                        t._s(r.name) +\r\n                                                        `\r\n                    `\r\n                                                    )\r\n                                                ])\r\n                                            ]\r\n                                        )\r\n                                    ]);\r\n                                }),\r\n                                0\r\n                            )\r\n                        ])\r\n                    ]);\r\n                },\r\n                Ar = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart__main\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            jt._withStripped = !0;\r\n            var jr = Object.defineProperty,\r\n                Mr = Object.defineProperties,\r\n                zr = Object.getOwnPropertyDescriptors,\r\n                Mt = Object.getOwnPropertySymbols,\r\n                Er = Object.prototype.hasOwnProperty,\r\n                qr = Object.prototype.propertyIsEnumerable,\r\n                zt = (t, a, e) =>\r\n                    a in t\r\n                        ? jr(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                O = (t, a) => {\r\n                    for (var e in a || (a = {})) Er.call(a, e) && zt(t, e, a[e]);\r\n                    if (Mt) for (var e of Mt(a)) qr.call(a, e) && zt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                Nr = (t, a) => Mr(t, zr(a)),\r\n                Wr = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t, a, e;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            colors: window.chart[this.source].colors,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].formatter,\r\n                            enableLegend: window.chart[this.source].enableLegend,\r\n                            titleText:\r\n                                (t = window.chart[this.source].titleText) != null ? t : \"\",\r\n                            subTitleText:\r\n                                (a = window.chart[this.source].subTitleText) != null ? a : \"\",\r\n                            markPointName:\r\n                                (e = window.chart[this.source].markPointName) != null ? e : \"\"\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5, rootMargin: \"100px 0px\" }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this,\r\n                                a = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                baseOption: {\r\n                                    color: this.colors,\r\n                                    title: {\r\n                                        text: this.titleText,\r\n                                        subtext: this.subTitleText,\r\n                                        itemGap: 5,\r\n                                        left: \"50%\",\r\n                                        top: \"45%\",\r\n                                        textAlign: \"center\",\r\n                                        textStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#000000\"\r\n                                        },\r\n                                        subtextStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#45A735\"\r\n                                        }\r\n                                    },\r\n                                    grid: {\r\n                                        containLabel: !1,\r\n                                        top: 0,\r\n                                        left: 0,\r\n                                        right: 0,\r\n                                        bottom: 0\r\n                                    },\r\n                                    tooltip: {\r\n                                        position: \"top\",\r\n                                        confine: !0,\r\n                                        borderWidth: 1,\r\n                                        borderRadius: 10,\r\n                                        padding: 15,\r\n                                        backgroundColor: \"#fff\",\r\n                                        extraCssText: \"min-width: 120px;z-index: 15;\",\r\n                                        textStyle: O({ color: \"#000000\" }, this.fontOptions()),\r\n                                        formatter: (e, r, i) => `\r\n                                <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__title\">${e.name\r\n                                            }<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__value\">\r\n                                        ${d()(e.value).format(\r\n                                                this.formatter\r\n                                            )}<span>${this.unit}<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            `\r\n                                    },\r\n                                    series: [\r\n                                        {\r\n                                            type: \"pie\",\r\n                                            radius: [\"45%\", \"65%\"],\r\n                                            center: [\"center\", \"center\"],\r\n                                            avoidLabelOverlap: !0,\r\n                                            minAngle: 10,\r\n                                            label: Nr(\r\n                                                O(\r\n                                                    {\r\n                                                        show: !0,\r\n                                                        confine: !0,\r\n                                                        formatter: \"{percent|{c}%}\"\r\n                                                    },\r\n                                                    this.labelFontOptions()\r\n                                                ),\r\n                                                {\r\n                                                    rich: {\r\n                                                        percent: O({}, this.labelPercentFontOptions())\r\n                                                    }\r\n                                                }\r\n                                            ),\r\n                                            labelLine: { show: !0, length: 15, length2: 15 },\r\n                                            emphasis: {\r\n                                                scaleSize: 11,\r\n                                                emphasis: { itemStyle: { color: \"inherit\" } }\r\n                                            },\r\n                                            data: this.data\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxHeight: 280 },\r\n                                        option: {\r\n                                            title: {\r\n                                                top: \"41%\",\r\n                                                left: \"49%\",\r\n                                                textStyle: { fontSize: 15, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 15 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [\r\n                                                {\r\n                                                    radius: [\"40%\", \"65%\"],\r\n                                                    label: { rich: { percent: { fontSize: \"14px\" } } },\r\n                                                    labelLine: { length: 5 }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxHeight: 250 },\r\n                                        option: {\r\n                                            series: [\r\n                                                {\r\n                                                    label: { rich: { percent: { fontSize: \"10px\" } } },\r\n                                                    labelLine: { length: 2 }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        fontOptions() {\r\n                            return {\r\n                                fontFamily: \"'FC Minimal', sans-serif\",\r\n                                fontWeight: 400,\r\n                                fontSize: \"16px\"\r\n                            };\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                fontFamily: \"'FC Minimal', sans-serif\",\r\n                                color: \"#FFF\",\r\n                                fontSize: \"16px\",\r\n                                fontWeight: 400\r\n                            };\r\n                        },\r\n                        labelPercentFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                fontFamily: \"'FC Minimal', sans-serif\",\r\n                                color: \"#000000\",\r\n                                fontSize: \"16px\",\r\n                                fontWeight: 400\r\n                            };\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        mouseOutOnLegendItem(t) {\r\n                            this.removeHighlightFromGraphicItem(t), this.hideTooltip(t);\r\n                        },\r\n                        mouseOverOnLegendItem(t) {\r\n                            this.addHighlightToGraphicItem(t), this.showTooltip(t);\r\n                        },\r\n                        showTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"showTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        hideTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"hideTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        addHighlightToGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"highlight\", name: t });\r\n                        },\r\n                        removeHighlightFromGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"downplay\", name: t });\r\n                        },\r\n                        legendLabelColor(t) {\r\n                            return { \"background-color\": this.colors[t] };\r\n                        }\r\n                    }\r\n                },\r\n                Vr = Wr,\r\n                Et = (0, h.Z)(Vr, jt, Ar, !1, null, null, null);\r\n            if (!1) var ss;\r\n            var Yr = Et.exports,\r\n                qt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"chart chart--sales-products\" }, [\r\n                        t._m(0),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"chart__aside\" }, [\r\n                            e(\r\n                                \"div\",\r\n                                {\r\n                                    staticClass: \"echarts-legend\",\r\n                                    class: t.enableLegend ? \"\" : \"d-none\"\r\n                                },\r\n                                t._l(this.data, function (r, i) {\r\n                                    return e(\"div\", { staticClass: \"echarts-legend__item\" }, [\r\n                                        e(\"span\", {\r\n                                            staticClass: \"echarts-legend__badge\",\r\n                                            style: t.legendLabelColor(i)\r\n                                        }),\r\n                                        t._v(\" \"),\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass: \"echarts-legend__detail\",\r\n                                                on: {\r\n                                                    mouseout: function (o) {\r\n                                                        return t.mouseOutOnLegendItem(r.name);\r\n                                                    },\r\n                                                    mouseover: function (o) {\r\n                                                        return t.mouseOverOnLegendItem(r.name);\r\n                                                    }\r\n                                                }\r\n                                            },\r\n                                            [\r\n                                                e(\"span\", {\r\n                                                    staticClass: \"echarts-legend__title\",\r\n                                                    domProps: { innerHTML: t._s(r.name) }\r\n                                                })\r\n                                            ]\r\n                                        )\r\n                                    ]);\r\n                                }),\r\n                                0\r\n                            )\r\n                        ])\r\n                    ]);\r\n                },\r\n                Hr = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart__main\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            qt._withStripped = !0;\r\n            var Rr = Object.defineProperty,\r\n                Nt = Object.getOwnPropertySymbols,\r\n                Br = Object.prototype.hasOwnProperty,\r\n                Zr = Object.prototype.propertyIsEnumerable,\r\n                Wt = (t, a, e) =>\r\n                    a in t\r\n                        ? Rr(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                Qr = (t, a) => {\r\n                    for (var e in a || (a = {})) Br.call(a, e) && Wt(t, e, a[e]);\r\n                    if (Nt) for (var e of Nt(a)) Zr.call(a, e) && Wt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                Gr = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t, a, e;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            colors: window.chart[this.source].colors,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].formatter,\r\n                            titleText:\r\n                                (t = window.chart[this.source].titleText) != null ? t : \"\",\r\n                            subTitleText:\r\n                                (a = window.chart[this.source].subTitleText) != null ? a : \"\",\r\n                            enableLegend: window.chart[this.source].enableLegend,\r\n                            markPointName:\r\n                                (e = window.chart[this.source].markPointName) != null ? e : \"\"\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5, rootMargin: \"100px 0px\" }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this,\r\n                                a = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                baseOption: {\r\n                                    color: this.colors,\r\n                                    title: {\r\n                                        text: this.titleText,\r\n                                        subtext: this.subTitleText,\r\n                                        itemGap: 5,\r\n                                        left: \"50%\",\r\n                                        top: \"44%\",\r\n                                        textAlign: \"center\",\r\n                                        textStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#000000\"\r\n                                        },\r\n                                        subtextStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#45A735\"\r\n                                        }\r\n                                    },\r\n                                    grid: {\r\n                                        containLabel: !1,\r\n                                        top: \"5\",\r\n                                        left: \"5\",\r\n                                        right: \"5\",\r\n                                        bottom: \"5\"\r\n                                    },\r\n                                    tooltip: {\r\n                                        position: \"top\",\r\n                                        confine: !0,\r\n                                        borderWidth: 1,\r\n                                        borderRadius: 10,\r\n                                        borderColor: \"rgba(255,255,255,0)\",\r\n                                        padding: 10,\r\n                                        backgroundColor: \"#FFF\",\r\n                                        extraCssText: \"min-width: 100px;z-index: 15;\",\r\n                                        textStyle: Qr({ color: \"#000\" }, this.fontOptions()),\r\n                                        formatter: (e, r, i) => `\r\n                                <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__badge\">${e.marker\r\n                                            }<\/div>\r\n                                        <div class=\"echarts-tooltip__title\">${e.name\r\n                                            }<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__value\">${d()(\r\n                                                e.value\r\n                                            ).format(this.formatter)}<span>${this.unit\r\n                                            }<\/span><\/div>\r\n                                <\/div>\r\n                            `\r\n                                    },\r\n                                    series: [\r\n                                        {\r\n                                            type: \"pie\",\r\n                                            radius: [\"60%\", \"82%\"],\r\n                                            center: [\"center\", \"center\"],\r\n                                            avoidLabelOverlap: !0,\r\n                                            startAngle: 90,\r\n                                            minAngle: 5,\r\n                                            labelLine: { show: !0 },\r\n                                            label: { show: !1, confine: !0 },\r\n                                            emphasis: { scaleSize: 11 },\r\n                                            markPoint: {\r\n                                                tooltip: { show: !1 },\r\n                                                label: {\r\n                                                    show: !0,\r\n                                                    formatter: \"{b}\",\r\n                                                    color: \"black\",\r\n                                                    fontFamily: \"FC Minimal\",\r\n                                                    fontSize: 21,\r\n                                                    fontWeight: 400\r\n                                                },\r\n                                                data: [\r\n                                                    {\r\n                                                        name: this.markPointName,\r\n                                                        value: \"-\",\r\n                                                        symbol: \"circle\",\r\n                                                        itemStyle: { color: \"transparent\" },\r\n                                                        x: \"50%\",\r\n                                                        y: \"60%\"\r\n                                                    }\r\n                                                ]\r\n                                            },\r\n                                            data: this.data\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxWidth: 242, maxHeight: 450 },\r\n                                        option: {\r\n                                            title: {\r\n                                                textStyle: { fontSize: 17, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 17 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [{ label: { position: \"inner\", color: \"white\" } }]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 400,\r\n                                    fontSize: \"14px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"13px\",\r\n                                    fontWeight: 700\r\n                                }\r\n                            );\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        mouseOutOnLegendItem(t) {\r\n                            this.removeHighlightFromGraphicItem(t), this.hideTooltip(t);\r\n                        },\r\n                        mouseOverOnLegendItem(t) {\r\n                            this.addHighlightToGraphicItem(t), this.showTooltip(t);\r\n                        },\r\n                        showTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"showTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        hideTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"hideTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        addHighlightToGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"highlight\", name: t });\r\n                        },\r\n                        removeHighlightFromGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"downplay\", name: t });\r\n                        },\r\n                        legendLabelColor(t) {\r\n                            return { \"background-color\": this.colors[t] };\r\n                        }\r\n                    }\r\n                },\r\n                Ur = Gr,\r\n                Vt = (0, h.Z)(Ur, qt, Hr, !1, null, null, null);\r\n            if (!1) var os;\r\n            var Kr = Vt.exports,\r\n                Yt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"chart chart--sales-distribution\" }, [\r\n                        t._m(0),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"chart__aside\" }, [\r\n                            e(\r\n                                \"div\",\r\n                                {\r\n                                    staticClass: \"echarts-legend\",\r\n                                    class: t.enableLegend ? \"\" : \"d-none\"\r\n                                },\r\n                                t._l(this.data, function (r, i) {\r\n                                    return e(\"div\", { staticClass: \"echarts-legend__item\" }, [\r\n                                        e(\"span\", {\r\n                                            staticClass: \"echarts-legend__badge\",\r\n                                            style: t.legendLabelColor(i)\r\n                                        }),\r\n                                        t._v(\" \"),\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass: \"echarts-legend__detail\",\r\n                                                on: {\r\n                                                    mouseout: function (o) {\r\n                                                        return t.mouseOutOnLegendItem(r.name);\r\n                                                    },\r\n                                                    mouseover: function (o) {\r\n                                                        return t.mouseOverOnLegendItem(r.name);\r\n                                                    }\r\n                                                }\r\n                                            },\r\n                                            [\r\n                                                e(\"span\", {\r\n                                                    staticClass: \"echarts-legend__title\",\r\n                                                    domProps: { innerHTML: t._s(r.name) }\r\n                                                })\r\n                                            ]\r\n                                        )\r\n                                    ]);\r\n                                }),\r\n                                0\r\n                            )\r\n                        ])\r\n                    ]);\r\n                },\r\n                Xr = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart__main\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            Yt._withStripped = !0;\r\n            var Jr = Object.defineProperty,\r\n                Ht = Object.getOwnPropertySymbols,\r\n                ti = Object.prototype.hasOwnProperty,\r\n                ei = Object.prototype.propertyIsEnumerable,\r\n                Rt = (t, a, e) =>\r\n                    a in t\r\n                        ? Jr(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                ai = (t, a) => {\r\n                    for (var e in a || (a = {})) ti.call(a, e) && Rt(t, e, a[e]);\r\n                    if (Ht) for (var e of Ht(a)) ei.call(a, e) && Rt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                ri = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t, a, e;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            colors: window.chart[this.source].colors,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].formatter,\r\n                            titleText:\r\n                                (t = window.chart[this.source].titleText) != null ? t : \"\",\r\n                            subTitleText:\r\n                                (a = window.chart[this.source].subTitleText) != null ? a : \"\",\r\n                            enableLegend: window.chart[this.source].enableLegend,\r\n                            markPointName:\r\n                                (e = window.chart[this.source].markPointName) != null ? e : \"\"\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5, rootMargin: \"100px 0px\" }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this,\r\n                                a = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                baseOption: {\r\n                                    color: this.colors,\r\n                                    title: {\r\n                                        text: this.titleText,\r\n                                        subtext: this.subTitleText,\r\n                                        itemGap: 5,\r\n                                        left: \"50%\",\r\n                                        top: \"44%\",\r\n                                        textAlign: \"center\",\r\n                                        textStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#000000\"\r\n                                        },\r\n                                        subtextStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#45A735\"\r\n                                        }\r\n                                    },\r\n                                    grid: {\r\n                                        containLabel: !1,\r\n                                        top: \"5\",\r\n                                        left: \"5\",\r\n                                        right: \"5\",\r\n                                        bottom: \"5\"\r\n                                    },\r\n                                    tooltip: {\r\n                                        position: \"top\",\r\n                                        confine: !0,\r\n                                        borderWidth: 1,\r\n                                        borderRadius: 10,\r\n                                        borderColor: \"rgba(255,255,255,0)\",\r\n                                        padding: 10,\r\n                                        backgroundColor: \"#FFF\",\r\n                                        extraCssText: \"min-width: 100px;z-index: 15;\",\r\n                                        textStyle: ai({ color: \"#000\" }, this.fontOptions()),\r\n                                        formatter: (e, r, i) => `\r\n                                <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__badge\">${e.marker\r\n                                            }<\/div>\r\n                                        <div class=\"echarts-tooltip__title\">${e.name\r\n                                            }<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__value\">${d()(\r\n                                                e.value\r\n                                            ).format(this.formatter)}<span>${this.unit\r\n                                            }<\/span><\/div>\r\n                                <\/div>\r\n                            `\r\n                                    },\r\n                                    series: [\r\n                                        {\r\n                                            type: \"pie\",\r\n                                            radius: [\"60%\", \"82%\"],\r\n                                            center: [\"center\", \"center\"],\r\n                                            avoidLabelOverlap: !0,\r\n                                            startAngle: 90,\r\n                                            minAngle: 5,\r\n                                            labelLine: { show: !0 },\r\n                                            label: { show: !1, confine: !0 },\r\n                                            emphasis: { scaleSize: 11 },\r\n                                            markPoint: {\r\n                                                tooltip: { show: !1 },\r\n                                                label: {\r\n                                                    show: !0,\r\n                                                    formatter: \"{b}\",\r\n                                                    color: \"black\",\r\n                                                    fontFamily: \"FC Minimal\",\r\n                                                    fontSize: 21,\r\n                                                    fontWeight: 400\r\n                                                },\r\n                                                data: [\r\n                                                    {\r\n                                                        name: this.markPointName,\r\n                                                        value: \"-\",\r\n                                                        symbol: \"circle\",\r\n                                                        itemStyle: { color: \"transparent\" },\r\n                                                        x: \"50%\",\r\n                                                        y: \"60%\"\r\n                                                    }\r\n                                                ]\r\n                                            },\r\n                                            data: this.data\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxWidth: 242, maxHeight: 450 },\r\n                                        option: {\r\n                                            title: {\r\n                                                textStyle: { fontSize: 17, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 17 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [{ label: { position: \"inner\", color: \"white\" } }]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 400,\r\n                                    fontSize: \"14px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"13px\",\r\n                                    fontWeight: 700\r\n                                }\r\n                            );\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        mouseOutOnLegendItem(t) {\r\n                            this.removeHighlightFromGraphicItem(t), this.hideTooltip(t);\r\n                        },\r\n                        mouseOverOnLegendItem(t) {\r\n                            this.addHighlightToGraphicItem(t), this.showTooltip(t);\r\n                        },\r\n                        showTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"showTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        hideTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"hideTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        addHighlightToGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"highlight\", name: t });\r\n                        },\r\n                        removeHighlightFromGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"downplay\", name: t });\r\n                        },\r\n                        legendLabelColor(t) {\r\n                            return { \"background-color\": this.colors[t] };\r\n                        }\r\n                    }\r\n                },\r\n                ii = ri,\r\n                Bt = (0, h.Z)(ii, Yt, Xr, !1, null, null, null);\r\n            if (!1) var ns;\r\n            var si = Bt.exports,\r\n                Zt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"chart chart--quarter\" }, [\r\n                        t._m(0),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"chart__aside\" }, [\r\n                            e(\r\n                                \"div\",\r\n                                {\r\n                                    staticClass: \"echarts-legend\",\r\n                                    class: t.enableLegend ? \"\" : \"d-none\"\r\n                                },\r\n                                t._l(this.data, function (r, i) {\r\n                                    return e(\"div\", { staticClass: \"echarts-legend__item\" }, [\r\n                                        e(\"span\", {\r\n                                            staticClass: \"echarts-legend__badge\",\r\n                                            style: t.legendLabelColor(i)\r\n                                        }),\r\n                                        t._v(\" \"),\r\n                                        e(\r\n                                            \"div\",\r\n                                            {\r\n                                                staticClass: \"echarts-legend__detail\",\r\n                                                on: {\r\n                                                    mouseout: function (o) {\r\n                                                        return t.mouseOutOnLegendItem(r.name);\r\n                                                    },\r\n                                                    mouseover: function (o) {\r\n                                                        return t.mouseOverOnLegendItem(r.name);\r\n                                                    }\r\n                                                }\r\n                                            },\r\n                                            [\r\n                                                e(\"span\", {\r\n                                                    staticClass: \"echarts-legend__title\",\r\n                                                    domProps: { innerHTML: t._s(r.name) }\r\n                                                })\r\n                                            ]\r\n                                        )\r\n                                    ]);\r\n                                }),\r\n                                0\r\n                            )\r\n                        ])\r\n                    ]);\r\n                },\r\n                oi = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"chart__main\" }, [\r\n                            e(\"div\", { staticClass: \"echarts\" })\r\n                        ]);\r\n                    }\r\n                ];\r\n            Zt._withStripped = !0;\r\n            var ni = Object.defineProperty,\r\n                Qt = Object.getOwnPropertySymbols,\r\n                li = Object.prototype.hasOwnProperty,\r\n                ci = Object.prototype.propertyIsEnumerable,\r\n                Gt = (t, a, e) =>\r\n                    a in t\r\n                        ? ni(t, a, {\r\n                            enumerable: !0,\r\n                            configurable: !0,\r\n                            writable: !0,\r\n                            value: e\r\n                        })\r\n                        : (t[a] = e),\r\n                di = (t, a) => {\r\n                    for (var e in a || (a = {})) li.call(a, e) && Gt(t, e, a[e]);\r\n                    if (Qt) for (var e of Qt(a)) ci.call(a, e) && Gt(t, e, a[e]);\r\n                    return t;\r\n                },\r\n                hi = {\r\n                    props: {\r\n                        source: { required: !0 },\r\n                        theme: { type: String, default: \"light\" }\r\n                    },\r\n                    data() {\r\n                        var t, a, e;\r\n                        return {\r\n                            chart: Object,\r\n                            chartId: \"\",\r\n                            data: window.chart[this.source].source,\r\n                            colors: window.chart[this.source].colors,\r\n                            unit: window.chart[this.source].unit,\r\n                            formatter: window.chart[this.source].formatter,\r\n                            titleText:\r\n                                (t = window.chart[this.source].titleText) != null ? t : \"\",\r\n                            subTitleText:\r\n                                (a = window.chart[this.source].subTitleText) != null ? a : \"\",\r\n                            enableLegend: window.chart[this.source].enableLegend,\r\n                            markPointName:\r\n                                (e = window.chart[this.source].markPointName) != null ? e : \"\"\r\n                        };\r\n                    },\r\n                    mounted() {\r\n                        this.init();\r\n                    },\r\n                    methods: {\r\n                        init() {\r\n                            new IntersectionObserver(\r\n                                (a) => {\r\n                                    a[0].isIntersecting && this.createChart();\r\n                                },\r\n                                { threshold: 0.5, rootMargin: \"100px 0px\" }\r\n                            ).observe(jQuery(this.$el)[0]);\r\n                        },\r\n                        createChart() {\r\n                            (this.chart = echarts.init(jQuery(this.$el).find(\".echarts\").get(0), {\r\n                                renderer: \"svg\"\r\n                            })),\r\n                                this.chart.setOption(this.chartOptions()),\r\n                                (this.chartId = jQuery(this.$el)\r\n                                    .find(\".echarts\")\r\n                                    .attr(\"_echarts_instance_\")),\r\n                                this.resize(),\r\n                                this.onTabChanged();\r\n                        },\r\n                        chartOptions() {\r\n                            let t = this,\r\n                                a = jQuery(\"html\").attr(\"lang\");\r\n                            return {\r\n                                baseOption: {\r\n                                    color: this.colors,\r\n                                    overflow: \"breakAll\",\r\n                                    title: {\r\n                                        text: this.titleText,\r\n                                        subtext: this.subTitleText,\r\n                                        itemGap: 5,\r\n                                        left: \"50%\",\r\n                                        top: \"43%\",\r\n                                        textAlign: \"center\",\r\n                                        textStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 21,\r\n                                            fontWeight: 400,\r\n                                            color: \"#000000\"\r\n                                        },\r\n                                        subtextStyle: {\r\n                                            fontFamily: \"FC Minimal\",\r\n                                            fontSize: 28,\r\n                                            fontWeight: 500,\r\n                                            color: \"#45A735\"\r\n                                        }\r\n                                    },\r\n                                    grid: {\r\n                                        containLabel: !1,\r\n                                        top: \"5\",\r\n                                        left: \"5\",\r\n                                        right: \"5\",\r\n                                        bottom: \"5\"\r\n                                    },\r\n                                    tooltip: {\r\n                                        position: \"top\",\r\n                                        confine: !0,\r\n                                        borderWidth: 1,\r\n                                        borderRadius: 10,\r\n                                        borderColor: \"rgba(255,255,255,0)\",\r\n                                        padding: 10,\r\n                                        backgroundColor: \"#FFF\",\r\n                                        extraCssText: \"min-width: 100px;z-index: 15;\",\r\n                                        textStyle: di({ color: \"#000000\" }, this.fontOptions()),\r\n                                        formatter: (e, r, i) => `\r\n                                <div class=\"echarts-tooltip\">\r\n                                    <div class=\"echarts-tooltip__main\">\r\n                                        <div class=\"echarts-tooltip__badge\">${e.marker\r\n                                            }<\/div>\r\n                                        <div class=\"echarts-tooltip__title\">${e.name\r\n                                            }<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"echarts-tooltip__value\">${d()(\r\n                                                e.value\r\n                                            ).format(this.formatter)}<span>${this.unit\r\n                                            }<\/span><\/div>\r\n                                <\/div>\r\n                            `\r\n                                    },\r\n                                    series: [\r\n                                        {\r\n                                            type: \"pie\",\r\n                                            radius: [\"60%\", \"82%\"],\r\n                                            center: [\"center\", \"center\"],\r\n                                            avoidLabelOverlap: !0,\r\n                                            startAngle: 90,\r\n                                            minAngle: 5,\r\n                                            labelLine: { show: !0 },\r\n                                            label: { show: !1, confine: !0 },\r\n                                            emphasis: { scaleSize: 11 },\r\n                                            markPoint: {\r\n                                                tooltip: { show: !1 },\r\n                                                label: {\r\n                                                    show: !0,\r\n                                                    formatter: \"{b}\",\r\n                                                    color: \"#000000\",\r\n                                                    fontFamily: \"FC Minimal\",\r\n                                                    fontSize: 16,\r\n                                                    fontWeight: 400\r\n                                                },\r\n                                                data: [\r\n                                                    {\r\n                                                        name: this.markPointName,\r\n                                                        value: \"-\",\r\n                                                        symbol: \"circle\",\r\n                                                        itemStyle: { color: \"transparent\" },\r\n                                                        x: \"52%\",\r\n                                                        y: \"59%\"\r\n                                                    }\r\n                                                ]\r\n                                            },\r\n                                            data: this.data\r\n                                        }\r\n                                    ]\r\n                                },\r\n                                media: [\r\n                                    {\r\n                                        query: { maxWidth: 293, maxHeight: 450 },\r\n                                        option: {\r\n                                            title: {\r\n                                                top: \"41%\",\r\n                                                left: \"49%\",\r\n                                                textStyle: { fontSize: 23, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 28 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [\r\n                                                {\r\n                                                    label: { position: \"inner\", color: \"white\" },\r\n                                                    markPoint: {\r\n                                                        tooltip: { show: !1 },\r\n                                                        label: {\r\n                                                            show: !0,\r\n                                                            formatter: \"{b}\",\r\n                                                            color: \"black\",\r\n                                                            fontSize: 16\r\n                                                        },\r\n                                                        data: [\r\n                                                            {\r\n                                                                name: this.markPointName,\r\n                                                                value: \"-\",\r\n                                                                symbol: \"circle\",\r\n                                                                itemStyle: { color: \"transparent\" },\r\n                                                                x: \"52%\",\r\n                                                                y: \"57%\"\r\n                                                            }\r\n                                                        ]\r\n                                                    }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 277, maxHeight: 450 },\r\n                                        option: {\r\n                                            title: {\r\n                                                top: \"43%\",\r\n                                                left: \"49%\",\r\n                                                textStyle: { fontSize: 18, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 25 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [\r\n                                                {\r\n                                                    label: { position: \"inner\", color: \"white\" },\r\n                                                    markPoint: {\r\n                                                        tooltip: { show: !1 },\r\n                                                        label: {\r\n                                                            show: !0,\r\n                                                            formatter: \"{b}\",\r\n                                                            color: \"black\",\r\n                                                            fontSize: 14\r\n                                                        },\r\n                                                        data: [\r\n                                                            {\r\n                                                                name: this.markPointName,\r\n                                                                value: \"-\",\r\n                                                                symbol: \"circle\",\r\n                                                                itemStyle: { color: \"transparent\" },\r\n                                                                x: \"52%\",\r\n                                                                y: \"58%\"\r\n                                                            }\r\n                                                        ]\r\n                                                    }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 242, maxHeight: 450 },\r\n                                        option: {\r\n                                            title: {\r\n                                                top: \"42%\",\r\n                                                left: \"49%\",\r\n                                                textStyle: { fontSize: 16, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 21 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [\r\n                                                {\r\n                                                    label: { position: \"inner\", color: \"white\" },\r\n                                                    markPoint: {\r\n                                                        tooltip: { show: !1 },\r\n                                                        label: {\r\n                                                            show: !0,\r\n                                                            formatter: \"{b}\",\r\n                                                            color: \"black\",\r\n                                                            fontSize: 12\r\n                                                        },\r\n                                                        data: [\r\n                                                            {\r\n                                                                name: this.markPointName,\r\n                                                                value: \"-\",\r\n                                                                symbol: \"circle\",\r\n                                                                itemStyle: { color: \"transparent\" },\r\n                                                                x: \"52%\",\r\n                                                                y: \"55%\"\r\n                                                            }\r\n                                                        ]\r\n                                                    }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    },\r\n                                    {\r\n                                        query: { maxWidth: 233, maxHeight: 300 },\r\n                                        option: {\r\n                                            title: {\r\n                                                top: \"42%\",\r\n                                                left: \"49%\",\r\n                                                textStyle: { fontSize: 15, fontWeight: 400 },\r\n                                                subtextStyle: { fontSize: 21 }\r\n                                            },\r\n                                            labelLine: { show: !1 },\r\n                                            series: [\r\n                                                {\r\n                                                    label: { position: \"inner\", color: \"white\" },\r\n                                                    markPoint: {\r\n                                                        tooltip: { show: !1 },\r\n                                                        label: {\r\n                                                            show: !0,\r\n                                                            formatter: \"{b}\",\r\n                                                            color: \"black\",\r\n                                                            fontSize: 12\r\n                                                        },\r\n                                                        data: [\r\n                                                            {\r\n                                                                name: this.markPointName,\r\n                                                                value: \"-\",\r\n                                                                symbol: \"circle\",\r\n                                                                itemStyle: { color: \"transparent\" },\r\n                                                                x: \"52%\",\r\n                                                                y: \"59%\"\r\n                                                            }\r\n                                                        ]\r\n                                                    }\r\n                                                }\r\n                                            ]\r\n                                        }\r\n                                    }\r\n                                ]\r\n                            };\r\n                        },\r\n                        fontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    fontWeight: 400,\r\n                                    fontSize: \"14px\",\r\n                                    color: a\r\n                                }\r\n                            );\r\n                        },\r\n                        labelFontOptions() {\r\n                            let t = jQuery(\"html\").attr(\"lang\"),\r\n                                a = \"#000\";\r\n                            return (\r\n                                this.theme === \"dark\" && (a = \"#FFF\"),\r\n                                {\r\n                                    fontFamily: \"'FC Minimal', sans-serif\",\r\n                                    color: a,\r\n                                    fontSize: \"13px\",\r\n                                    fontWeight: 700\r\n                                }\r\n                            );\r\n                        },\r\n                        resize() {\r\n                            jQuery(window).on(\"resize\", () => {\r\n                                window.echarts.getInstanceById(this.chartId).resize();\r\n                            });\r\n                        },\r\n                        onTabChanged() {\r\n                            jQuery('a[data-toggle=\"tab\"]').on(\"shown.bs.tab\", (t) => {\r\n                                this.resize();\r\n                            });\r\n                        },\r\n                        mouseOutOnLegendItem(t) {\r\n                            this.removeHighlightFromGraphicItem(t), this.hideTooltip(t);\r\n                        },\r\n                        mouseOverOnLegendItem(t) {\r\n                            this.addHighlightToGraphicItem(t), this.showTooltip(t);\r\n                        },\r\n                        showTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"showTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        hideTooltip(t) {\r\n                            this.chart.dispatchAction({\r\n                                type: \"hideTip\",\r\n                                seriesIndex: 0,\r\n                                name: t\r\n                            });\r\n                        },\r\n                        addHighlightToGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"highlight\", name: t });\r\n                        },\r\n                        removeHighlightFromGraphicItem(t) {\r\n                            this.chart.dispatchAction({ type: \"downplay\", name: t });\r\n                        },\r\n                        legendLabelColor(t) {\r\n                            return { \"background-color\": this.colors[t] };\r\n                        }\r\n                    }\r\n                },\r\n                ui = hi,\r\n                Ut = (0, h.Z)(ui, Zt, oi, !1, null, null, null);\r\n            if (!1) var ls;\r\n            var pi = Ut.exports,\r\n                Kt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"span\", [t._v(t._s(t.counterNumber))]);\r\n                },\r\n                _i = [];\r\n            Kt._withStripped = !0;\r\n            var mi = {\r\n                props: {\r\n                    initialNumber: { type: Number, default: 0 },\r\n                    number: { type: String },\r\n                    format: { type: String, default: \"0,0\" },\r\n                    duration: { type: String, default: \"3\" },\r\n                    pauseInterval: { type: Number, default: 1 }\r\n                },\r\n                data() {\r\n                    return { counterNumber: 0 };\r\n                },\r\n                mounted() {\r\n                    this.createObserver();\r\n                },\r\n                methods: {\r\n                    createObserver() {\r\n                        new IntersectionObserver((a) => this.isElementOnViewport(a), {\r\n                            threshold: 0.85\r\n                        }).observe(jQuery(this.$el)[0]);\r\n                    },\r\n                    isElementOnViewport(t) {\r\n                        t[0].isIntersecting === !0 && this.createCounterNumber();\r\n                    },\r\n                    createCounterNumber() {\r\n                        let t = { value: this.initialNumber };\r\n                        m.ZP.to(t, Number.parseInt(this.duration), {\r\n                            value: this.number,\r\n                            onUpdate: () => {\r\n                                this.shouldUpdate(t.value, this.pauseInterval) &&\r\n                                    (this.counterNumber = this.formatNumber(t.value));\r\n                            },\r\n                            onComplete: () => {\r\n                                this.counterNumber = this.formatNumber(t.value);\r\n                            }\r\n                        });\r\n                    },\r\n                    getMilliseconds() {\r\n                        return new Date().getMilliseconds();\r\n                    },\r\n                    shouldUpdate(t, a) {\r\n                        return Math.floor(this.getMilliseconds() \/ a) % a === 0;\r\n                    },\r\n                    formatNumber(t) {\r\n                        return d()(t).format(this.format);\r\n                    }\r\n                }\r\n            },\r\n                vi = mi,\r\n                Xt = (0, h.Z)(vi, Kt, _i, !1, null, null, null);\r\n            if (!1) var cs;\r\n            var fi = Xt.exports,\r\n                Jt = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"intro-dialog__slider\" }, [\r\n                        e(\"div\", { staticClass: \"swiper\" }, [\r\n                            e(\"div\", { staticClass: \"swiper-wrapper\" }, [t._t(\"default\")], 2)\r\n                        ]),\r\n                        t._v(\" \"),\r\n                        e(\"div\", { staticClass: \"intro-dialog__pagination\" }),\r\n                        t._v(\" \"),\r\n                        t._m(0)\r\n                    ]);\r\n                },\r\n                gi = [\r\n                    function () {\r\n                        var t = this,\r\n                            a = t.$createElement,\r\n                            e = t._self._c || a;\r\n                        return e(\"div\", { staticClass: \"intro-dialog__navigation\" }, [\r\n                            e(\r\n                                \"div\",\r\n                                { staticClass: \"intro-dialog__btn intro-dialog__btn--prev\" },\r\n                                [e(\"i\", { staticClass: \"fa-regular fa-chevron-left\" })]\r\n                            ),\r\n                            t._v(\" \"),\r\n                            e(\r\n                                \"div\",\r\n                                { staticClass: \"intro-dialog__btn intro-dialog__btn--next\" },\r\n                                [e(\"i\", { staticClass: \"fa-regular fa-chevron-right\" })]\r\n                            )\r\n                        ]);\r\n                    }\r\n                ];\r\n            Jt._withStripped = !0;\r\n            var yi = {\r\n                props: { theme: { type: String } },\r\n                data() {\r\n                    return { swiper: null };\r\n                },\r\n                mounted() {\r\n                    let t = jQuery(this.$el).find(\".swiper\")[0];\r\n                    this.swiper = new j.Z(t, {\r\n                        slidesPerView: 1,\r\n                        autoHeight: !0,\r\n                        autoplay: { delay: 5e3, pauseOnMouseEnter: !0 },\r\n                        observer: !0,\r\n                        observeParents: !0,\r\n                        observeSlideChildren: !0,\r\n                        navigation: {\r\n                            nextEl: \".intro-dialog__btn--next\",\r\n                            prevEl: \".intro-dialog__btn--prev\"\r\n                        },\r\n                        pagination: { el: \".intro-dialog__pagination\", clickable: !0 }\r\n                    });\r\n                }\r\n            },\r\n                bi = yi,\r\n                te = (0, h.Z)(bi, Jt, gi, !1, null, null, null);\r\n            if (!1) var ds;\r\n            var wi = te.exports,\r\n                ee = function () {\r\n                    var t = this,\r\n                        a = t.$createElement,\r\n                        e = t._self._c || a;\r\n                    return e(\"div\", { staticClass: \"map\" }, [\r\n                        e(\"div\", { staticClass: \"map__main\" }, [\r\n                            e(\r\n                                \"div\",\r\n                                { staticClass: \"map__img-wrapper\" },\r\n                                [t._t(\"image\"), t._v(\" \"), t._t(\"overlay\")],\r\n                                2\r\n                            )\r\n                        ]),\r\n                        t._v(\" \"),\r\n                        e(\r\n                            \"div\",\r\n                            { staticClass: \"map__body\" },\r\n                            [\r\n                                t._t(\"body\"),\r\n                                t._v(\" \"),\r\n                                e(\r\n                                    \"div\",\r\n                                    { staticClass: \"map__responsive\" },\r\n                                    [t._t(\"overlay\")],\r\n                                    2\r\n                                )\r\n                            ],\r\n                            2\r\n                        )\r\n                    ]);\r\n                },\r\n                Ci = [];\r\n            ee._withStripped = !0;\r\n            var xi = {\r\n                mounted() {\r\n                    setTimeout(() => {\r\n                        this.init();\r\n                    }, 1e3),\r\n                        jQuery(window).on(\"resize\", () => {\r\n                            setTimeout(() => {\r\n                                this.init();\r\n                            }, 1e3);\r\n                        });\r\n                },\r\n                methods: {\r\n                    init() {\r\n                        jQuery(window).width() >= 1024 &&\r\n                            (jQuery(this.$el)\r\n                                .find(\".map__pin[data-target^='location-']\")\r\n                                .hover(\r\n                                    (t) => {\r\n                                        let a = jQuery(t.currentTarget).attr(\"data-target\");\r\n                                        jQuery(this.$el)\r\n                                            .find('[id=\"' + a + '\"]')\r\n                                            .addClass(\"is-hover\");\r\n                                    },\r\n                                    (t) => {\r\n                                        jQuery(this.$el)\r\n                                            .find('[id^=\"location-\"]')\r\n                                            .removeClass(\"is-hover\");\r\n                                    }\r\n                                ),\r\n                                jQuery(this.$el)\r\n                                    .find(\".map__close\")\r\n                                    .click((t) => {\r\n                                        jQuery(this.$el)\r\n                                            .find('[id^=\"location-\"]')\r\n                                            .removeClass(\"is-active\"),\r\n                                            jQuery(this.$el)\r\n                                                .find(\".map__main .map__overlay-item\")\r\n                                                .removeClass(\"active\");\r\n                                    }));\r\n                    }\r\n                }\r\n            },\r\n                Si = xi,\r\n                ae = (0, h.Z)(Si, ee, Ci, !1, null, null, null);\r\n            if (!1) var hs;\r\n            var Pi = ae.exports;\r\n            n.default.component(\"slider\", $e),\r\n                n.default.component(\"text-animated\", Ie),\r\n                n.default.component(\"inline-svg\", Ae()),\r\n                n.default.component(\"hero-banner\", Ee),\r\n                n.default.component(\"back-to-top\", Ve),\r\n                n.default.component(\"toast\", Be),\r\n                n.default.component(\"counter-number\", Ue),\r\n                n.default.component(\"accordion\", ta),\r\n                n.default.component(\"accordion-item\", ia),\r\n                n.default.component(\"cracking-coconut\", la),\r\n                n.default.component(\"pouring-tea\", ua),\r\n                n.default.component(\"products\", va),\r\n                n.default.component(\"product-detail\", ba),\r\n                n.default.component(\"animated-svg\", Sa),\r\n                n.default.component(\"header-layout\", ka),\r\n                n.default.component(\"calculator\", La),\r\n                n.default.component(\"calculator-chart\", za),\r\n                n.default.component(\"stock-quote\", Za),\r\n                n.default.component(\"stock-chart\", Va),\r\n                n.default.component(\"resource-center\", Ka),\r\n                n.default.component(\"sales-revenue\", or),\r\n                n.default.component(\"ebitda\", mr),\r\n                n.default.component(\"net-profit\", Sr),\r\n                n.default.component(\"major-shareholder\", Yr),\r\n                n.default.component(\"sales-products\", Kr),\r\n                n.default.component(\"sales-distribution\", si),\r\n                n.default.component(\"quarter\", pi),\r\n                n.default.component(\"total-assets\", Lr),\r\n                n.default.component(\"number-counter\", fi),\r\n                n.default.component(\"map-popover\", Pi),\r\n                n.default.component(\"intro-dialog\", wi),\r\n                n.default.use(L());\r\n            let $i = new (L())({});\r\n            (window.VueBus = new n.default()),\r\n                new n.default({ vuetify: $i, el: \"#vue-app\" });\r\n        }\r\n    },\r\n    function (y) {\r\n        var I = function (D) {\r\n            return y((y.s = D));\r\n        };\r\n        y.O(0, [577], function () {\r\n            return I(6379);\r\n        });\r\n        var p = y.O();\r\n    }\r\n]);\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17142","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL\" \/>\n<meta property=\"og:description\" content=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/investor-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"LDC Dental PCL\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/LDCDental\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-09T05:27:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@LDC_Dental\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/\",\"url\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/\",\"name\":\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL\",\"isPartOf\":{\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#website\"},\"datePublished\":\"2025-02-18T04:13:25+00:00\",\"dateModified\":\"2025-06-09T05:27:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#website\",\"url\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/\",\"name\":\"My WordPress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#organization\",\"name\":\"My WordPress\",\"url\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/uploads\/2025\/04\/logo-LDC-02.webp\",\"contentUrl\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/uploads\/2025\/04\/logo-LDC-02.webp\",\"width\":150,\"height\":39,\"caption\":\"My WordPress\"},\"image\":{\"@id\":\"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/LDCDental\",\"https:\/\/x.com\/LDC_Dental\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL","og_description":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19","og_url":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/investor-calculator\/","og_site_name":"LDC Dental PCL","article_publisher":"https:\/\/www.facebook.com\/LDCDental","article_modified_time":"2025-06-09T05:27:41+00:00","twitter_card":"summary_large_image","twitter_site":"@LDC_Dental","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/","url":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/","name":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19 - LDC Dental PCL","isPartOf":{"@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#website"},"datePublished":"2025-02-18T04:13:25+00:00","dateModified":"2025-06-09T05:27:41+00:00","breadcrumb":{"@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/investor-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/"},{"@type":"ListItem","position":2,"name":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19"}]},{"@type":"WebSite","@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#website","url":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/","name":"My WordPress","description":"","publisher":{"@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#organization","name":"My WordPress","url":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#\/schema\/logo\/image\/","url":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/uploads\/2025\/04\/logo-LDC-02.webp","contentUrl":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/wp-content\/uploads\/2025\/04\/logo-LDC-02.webp","width":150,"height":39,"caption":"My WordPress"},"image":{"@id":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/LDCDental","https:\/\/x.com\/LDC_Dental"]}]}},"_links":{"self":[{"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/pages\/17142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/comments?post=17142"}],"version-history":[{"count":71,"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/pages\/17142\/revisions"}],"predecessor-version":[{"id":21587,"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/pages\/17142\/revisions\/21587"}],"wp:attachment":[{"href":"https:\/\/aliceblue-flamingo-311157-clone.irpluscontent.com\/en\/wp-json\/wp\/v2\/media?parent=17142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}