{"version":3,"file":"scripts.min.js","mappings":"6BAEIA,EACU,QAAd,GADIA,EAASC,QACNC,eAAO,QAAdF,EAAOE,QAAY,CAAC,GACD,QAAnB,KAAAF,EAAOE,SAAQC,YAAI,UAAJA,KAEf,SAAqB,GAAc,e,IAEzBC,EADkBC,SAASC,eAAe,iCACbC,iBAAiB,eACpDH,EAAWI,SAAQ,SAACC,GAChBA,EAAKC,iBAAiB,SAAS,SAACC,GAC5BP,EAAWI,SAAQ,SAACI,GAChBA,EAAaC,UAAUC,OAAO,SAClC,IACKL,EAAKI,UAAUE,SAAS,WACzBN,EAAKI,UAAUG,IAAI,SAE3B,GACJ,GACJ,E","sources":["webpack://app-blog/./bs5/ts/index.ts"],"sourcesContent":["import $ = require(\"jquery\");\r\n\r\nvar winAny = window as any;\r\nwinAny.appBlog ??= {};\r\nwinAny.appBlog.init ??= initAppBlog;\r\n\r\nfunction initAppBlog({ domAttribute }: { domAttribute: string }) {\r\n    const _blogTabWrapper = document.getElementById('NextBio_Top_Blog_agg_tabstrip') as HTMLElement;\r\n    const _tabOpener = _blogTabWrapper.querySelectorAll('li.nav-item') as NodeListOf<HTMLElement>;\r\n    _tabOpener.forEach((elem: HTMLElement) => {\r\n        elem.addEventListener('click', (event) => {\r\n            _tabOpener.forEach((inActiveElem: HTMLElement) => {\r\n                inActiveElem.classList.remove('active');\r\n            });\r\n            if (!elem.classList.contains('active')) {\r\n                elem.classList.add('active');\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n///* 2/2 change content base on select */\r\n//$(document).ready(function(){\r\n//  /* set the deafult select-menu value */\r\n//  $(\"#mobileMnu\").change(function(e){\r\n//    var curTabId = $(this).val();\r\n//    $('curTabId').tab('show')\r\n//    console.log(JSON.stringify(curTabId));\r\n//    $(\"#\" + curTabId + \" > a\").trigger('click');\r\n//  });   \r\n//});\r\n\r\nexport function CategoryTabs(cat: Category){ \r\n    return `\r\n    <ul class=\"expanded\">\r\n        <li data-tab=\"Tab0\" id=\"Tab0\" onclick=\"javascript:SelectTab(0);\" class=\"NextBio_Top_Blog_TabSelected\">\r\n            <a id=\"Tab0_link\" href=\"https://dotnextnuke-staging.azurewebsites.net/Blog/All?category=biologics\">\r\n                <input type=\"hidden\" id=\"Tab0_CheckVal\" value=\"all\">\r\n                <span>\r\n                    <span id=\"Tab${cat.Key}_Text\" class=\"NextBio_Top_Blog_TabUnselected\">${cat.Value}</span>\r\n                </span>\r\n                <span class=\"submenu-indicator\">+</span>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n    `\r\n}\r\n\r\nfunction BlogPost(post: Post) {\r\n  return `\r\n          <div class=\"row\">\r\n            <div class=\"col\">\r\n                <article class=\"app-blog5-list-item\">\r\n                    <div class=\"row mb-3\">\r\n                        <a href=\"/Blog/All/details/${post.UrlKey}\">\r\n                        <div class=\"row mb-3\" >\r\n                            <div class=\"col-md-12 col-lg-6 col-sm-12 float-left\" style=\"background-color:rgb(240,240,240)\">\r\n                                    <img class=\"img-fluid list-img\" src=\"${post.Image}\" alt=\"Alternate Text\">\r\n                            </div>\r\n                            <div class=\"col-md-12 col-lg-6 col-sm-12 py-4\" style=\"background-color:rgb(240,240,240)\">\r\n                                <div tabindex=\"0\" class=\"content-title p-2\">\r\n                                    <span style=\"font-family: RopaSoftPro-Regular; font-size: 20px; line-height: 1.2em; letter-spacing: 1px; font-weight: 600; font-style: normal; color: rgb(80, 80, 80); text-decoration: none; text-shadow: none; text-transform: none;\">${post.Title} </span><br>\r\n                                </div>\r\n                                <div class=\"separator-container\">\r\n                                    <div class=\"separator dotted\"></div>\r\n                                </div>\r\n                                <div class=\"content-paragraph w-75 p-2\">\r\n                                <p>${post.Content}</p>\r\n                                </div>\r\n                                <div class=\"float-right\">\r\n                                    <span class=\"button toggle-button blog-toggle-button\">\r\n                                        <div class=\"x-symb\">\r\n                                            <div class=\"dot dot-blue\"></div>\r\n                                            <div class=\"vert-line line line-blue line-w\"></div>\r\n                                            <div class=\"ori-line  line-blue line line-w\"></div>\r\n                                        </div>\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                    </div>\r\n                </article>  \r\n            </div>\r\n        </div>\r\n        `\r\n}\r\n\r\ntype Category = {\r\n    Key:string\r\n    Value: string,\r\n    posts: Post[]\r\n}\r\ntype Post = {\r\n      Title: string,\r\n      UrlKey: string,\r\n      Image: string,\r\n      Content: any,\r\n      Teaser:string,\r\n}\r\nconst deafultValue = 1; /* set Active: index start from zero */\r\n"],"names":["winAny","window","appBlog","init","_tabOpener","document","getElementById","querySelectorAll","forEach","elem","addEventListener","event","inActiveElem","classList","remove","contains","add"],"sourceRoot":""}