https://guardianindonesia.co.id/132.6ca4d2f2775995338e7e.js

1/*! @version pwa-studio: 13.1.0, @magento/venia-ui: ~10.1.0, @magento/upward-security-headers: file:./src/extensions/upward-security-headers, @magento/swift-language-packs: link:./src/extensions/swift-language-packs, @magento/pwa-theme-venia: ~1.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~13.0.1, @magento/pagebuilder: ~8.1.0, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.2, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[132],{EMZT:function(n,t,e){"use strict"
3var a=e("JPst"),r=e.n(a)()(function(n){return n[1]})
4r.push([n.i,".tabs-root-6EK {\n    -webkit-tap-highlight-color: transparent;\n    --tabs-border: solid;\n    --tabs-border-color: #ccc;\n    --tabs-border-width: 1px;\n    --tabs-border-radius: 0px;\n    background-color: #FDEEDF;\n    border-radius: 16px;\n    /* min-width: 1024px;\n    max-width: 1024px; */\n    /* padding: 30px 80px; */\n}\n\n.tabs-root-6EK ul li.tabs-header-B1u.tabs-selected-8HD {\n    /* border-bottom: 3px solid #FF8200; */\n    /* box-shadow: 0px 4px 32px 0px #FF9D48 inset; */\n    /* border-bottom: 3px var(--tabs-border) #ff8200; */\n    background-color: #FDEEDF;\n    color: #FF8200;\n    z-index: 1;\n}\n\n.tabs-root-6EK ul.tabs-navigation-Q8C {\n    display: flex;\n    /* justify-content: center; */\n    align-items: center;\n    font-size: 0;\n    margin: 0 0 calc(var(--tabs-border-width) * -2);\n    white-space: nowrap;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n}\nul.tabs-navigation-Q8C::-webkit-scrollbar {\n    display: none;\n}\n.tabs-navigationLeft-Gio {\n    text-align: left;\n    background-color: #fff;\n}\n.tabs-navigationCenter--Az {\n    text-align: center;\n}\n.tabs-navigationRight-leB {\n    text-align: right;\n}\n\n.tabs-navigationGradientLeft-z6o,\n.tabs-navigationGradientBoth-AEy,\n.tabs-navigationGradientRight-JCM {\n    position: relative;\n}\n.tabs-navigationGradientLeft-z6o:before,\n.tabs-navigationGradientBoth-AEy:before {\n    pointer-events: none;\n    opacity: 1;\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: var(--tabs-border-width);\n    content: '';\n    display: block;\n    width: 100px;\n    z-index: 4;\n    background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 1) 0%,\n        rgba(255, 255, 255, 0) 100%\n    );\n}\n.tabs-navigationGradientRight-JCM:after,\n.tabs-navigationGradientBoth-AEy:after {\n    pointer-events: none;\n    opacity: 1;\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: var(--tabs-border-width);\n    content: '';\n    display: block;\n    width: 100px;\n    z-index: 4;\n    background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 1) 100%\n    );\n}\n\n.tabs-root-6EK ul li.tabs-header-B1u {\n    list-style: none;\n    border: none;\n    /* color: #bfbfbf; */\n    margin: 0;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    position: relative;\n    word-wrap: break-word;\n    z-index: 1;\n    cursor: pointer !important;\n    font-weight: 700;\n    transition: background-color 0.3s;\n    white-space: nowrap;\n    background: #fff;\n    color: #545453;\n    font-size: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 70px;\n    /* min-width: 16vw; */\n    padding: 0 20px !important;\n    /* width: 13vw; */\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n}\n\n.tabs-root-6EK ul li.tabs-header-B1u:focus {\n    outline: 0;\n}\n\n.tabs-root-6EK ul li.tabs-header-B1u:focus:after {\n    content: '';\n    position: absolute;\n    height: 5px;\n    left: -4px;\n    right: -4px;\n    bottom: -5px;\n    background: #fff;\n}\n\n.tabs-root-6EK ul li.tabs-header-B1u:not(:first-child) {\n    margin-left: calc(var(--tabs-border-width) * -1);\n}\n\n.tabs-panel-NMg {\n    min-height: inherit;\n}\n\n.tabs-panelSelected--zs {\n    display: block;\n}

4\n\n.tabs-panel-NMg:empty {\n    display: none !important; /* Necessary because of inline styles; to be fixed in MC-18326 */\n}\n\n.tabs-content-cPp {\n    /* border-top: var(--tabs-border-width) var(--tabs-border)\n        var(--tabs-border-color); */\n    overflow: hidden;\n    position: relative;\n    z-index: 2;\n    border-radius: var(--tabs-border-radius);\n}\n.tabs-contentLeft-F9b {\n    border-top-left-radius: 0px;\n    overflow: visible;\n}\n.tabs-contentCenter-bxV {\n}\n.tabs-contentRight-Cce {\n    border-top-right-radius: 0px;\n}\n\n.tabs-root-6EK ul.tabs-navigation-Q8C li:first-child {\n    margin-left: 0 !important;\n}\n\n.tabs-disabled-T-C {\n    color: GrayText;\n    cursor: default;\n}\n\n.tabs-item-dPG {\n    min-height: inherit;\n}\n\n.tabs-item-dPG:not(:first-child) {\n    display: none;\n}\n.tabs-root-6EK [class^='swiper-root'] {\n    padding: 0!important;\n}\n.tabs-root-6EK [class^='swiper-button-prev'] {\n    left: -80px!important;\n}\n.tabs-root-6EK [class^='swiper-button-next'] {\n    right: -80px!important;\n}\n.tabs-root-6EK [class^='products-carousel'] {\n    padding: 0!important;\n}\n\n/* mobile */\n@media only screen and (max-width: 768px) {\n    .tabs-item-dPG {\n        background-attachment: scroll !important;\n    }\n    .tabs-root-6EK {\n        /* background-color: #fff; */\n        padding: 0;\n        border-radius: 0;\n    }\n    .tabs-root-6EK ul li.tabs-header-B1u {\n        min-width: 120px;\n        height: 48px;\n        font-size: 10px;\n        border-top-left-radius: 12px;\n        border-top-right-radius: 12px;\n        /* border-radius: 8px; */\n    }\n    /* .root ul.navigation {\n        gap: 4px;\n    } */\n    .tabs-navigationLeft-Gio {\n        overflow-x: scroll;\n    }\n    .tabs-root-6EK [class^='heading-moreButton'] [class^='icon-root'] {\n        background-color: #fff;\n    }\n    .tabs-root-6EK ul li.tabs-header-B1u:first-child {\n        border-top-left-radius: 0;\n    }\n}\n",""]),r.locals={root:"tabs-root-6EK",header:"tabs-header-B1u",selected:"tabs-selected-8HD",navigation:"tabs-navigation-Q8C",navigationLeft:"tabs-navigationLeft-Gio tabs-navigation-Q8C",navigationCenter:"tabs-navigationCenter--Az tabs-navigation-Q8C",navigationRight:"tabs-navigationRight-leB tabs-navigation-Q8C",navigationGradientLeft:"tabs-navigationGradientLeft-z6o",navigationGradientBoth:"tabs-navigationGradientBoth-AEy",navigationGradientRight:"tabs-navigationGradientRight-JCM",panel:"tabs-panel-NMg",panelSelected:"tabs-panelSelected--zs",content:"tabs-content-cPp",contentLeft:"tabs-contentLeft-F9b tabs-content-cPp",contentCenter:"tabs-contentCenter-bxV tabs-content-cPp",contentRight:"tabs-contentRight-Cce tabs-content-cPp",disabled:"tabs-disabled-T-C",item:"tabs-item-dPG"},t.a=r},NntM:function(n,t,e){"use strict"
5var a=e("pVnL"),r=e.n(a),i=e("lSNA"),o=e.n(i),s=e("q1tI"),d=e.n(s),l=e("GTV5"),b=e("LboF"),c=e.n(b),g=e("EMZT"),p={injectType:"singletonStyleTag",insert:"head",singleton:!0},u=(c()(g.a,p),g.a.locals||{}),f=e("y1Xp"),h=e("OBO2"),m=e("17x9")
6function ownKeys(n,t){var e=Object.keys(n)
7if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n)
8t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,a)}return e}function _objectSpread(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{}
9t%2?ownKeys(Object(e),!0).forEach(function(t){o()(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):ownKeys(Object(e)).forEac

9h(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}var v=n=>{if(n)return n.charAt(0).toUpperCase()+n.slice(1)},x=n=>{var t=Object(f.a)(u,n.classes),e=Object(s.useRef)(null),[a,i]=Object(s.useState)(null),[o,b]=Object(s.useState)(null),c=Object(s.useRef)(!1),g=Object(s.useRef)(0),p=Object(s.useRef)(0),{tabNavigationAlignment:m="left",minHeight:x,defaultIndex:w=0,headers:y=[],textAlign:O,border:j,borderColor:E,borderWidth:C,borderRadius:L,marginTop:k,marginRight:G,marginBottom:R,marginLeft:B,mediaQueries:K,paddingTop:N,paddingRight:P,paddingBottom:T,paddingLeft:z,cssClasses:M=[],children:S}=n,{styles:A}=Object(h.a)({mediaQueries:K}),F=Object(s.useCallback)(n=>{c.current=!0,g.current=n.clientX},[]),D=Object(s.useCallback)(()=>{c.current=!1},[]),Q=Object(s.useCallback)(n=>{c.current&&a&&(a.scrollLeft=p.current+(g.current-n.clientX),p.current=a.scrollLeft,g.current=n.clientX)},[a]),J=Object(s.useCallback)(n=>{var t=n.target
10p.current=n.target.scrollLeft,t.scrollLeft>0?t.scrollLeft+t.offsetWidth+1>=t.scrollWidth?b("left"):b("both"):b("right")},[b])
11if(Object(s.useEffect)(()=>{var n,t=e.current
12return t&&"UL"===t.childNodes[0].nodeName&&(n=t.childNodes[0],i(n),n.scrollWidth>n.offsetWidth&&b("right"),n.addEventListener("scroll",J)),()=>{n&&n.removeEventListener("scroll",J)}},[J]),!y.length)return null
13var W={marginTop:k,marginRight:G,marginBottom:R,marginLeft:B,paddingTop:N,paddingRight:P,paddingBottom:T,paddingLeft:z},H={minHeight:x,textAlign:O},I={defaultIndex:w}
14j&&(W["--tabs-border"]=j,W["--tabs-border-color"]=E),C&&(W["--tabs-border-width"]=C),L&&(W["--tabs-border-radius"]=L)
15var V=y.map((n,e)=>d.a.createElement(l.a,{className:t.header,key:e},n)),X=s.Children.map(S,(n,e)=>d.a.createElement(l.c,{key:e,className:t.panel,selectedClassName:t.panelSelected},n)),U=t["navigation".concat(v(m))],_=t["content".concat(v(m))],Z=o?t["navigationGradient".concat(v(o))]:null
16return d.a.createElement(l.d,r()({style:W,className:[t.root,...M].join(" "),disabledTabClassName:t.disabled,selectedTabClassName:t.selected},I),d.a.createElement("div",{className:Z,ref:e},d.a.createElement(l.b,{onMouseDown:F,onMouseUp:D,onMouseMove:Q,onMouseLeave:D,className:U},V)),d.a.createElement("div",{className:_,style:_objectSpread(_objectSpread({},H),A)},X))}
17x.propTypes={classes:Object(m.shape)({header:m.string,panelSelected:m.string,panel:m.string,contentLeft:m.string,contentCenter:m.string,contentRight:m.string,navigationLeft:m.string,navigationCenter:m.string,navigationRight:m.string,navigationGradientLeft:m.string,navigationGradientRight:m.string,navigationGradientBoth:m.string,disabled:m.string,selected:m.string,item:m.string}),tabNavigationAlignment:Object(m.oneOf)(["left","center","right"]),minHeight:m.string,defaultIndex:m.number,headers:Object(m.arrayOf)(m.string),textAlign:m.string,border:m.string,borderColor:m.string,borderWidth:m.string,borderRadius:m.string,marginTop:m.string,marginRight:m.string,marginBottom:m.string,marginLeft:m.string,mediaQueries:Object(m.arrayOf)(Object(m.shape)({media:m.string,style:m.object})),paddingTop:m.string,paddingRight:m.string,paddingBottom:m.string,paddingLeft:m.string,cssClasses:Object(m.arrayOf)(m.string)}
18t.a=x}}])