@assaabloy/amarr-wc-header-costco 1.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-present ASSA ABLOY global web contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+![ASSA ABLOY](https://upload.wikimedia.org/wikipedia/commons/e/e8/Assa-Abloy-Logo.svg)
+<sup>Global web - web components</sup>
+
+# Header Costco
+
+**Custom HTML element**
+```html
+<header-costco foo="" bar="" baz=""></header-costco>
+```
+
+**Properties**
+| Name          | Type      | Description                   |
+| ------------- | --------- | ----------------------------- |
+| foo           | Object    |                               |
+| bar           | String    | Allowed values, required etc. |
+| baz           | Array     |                               |
+
+**Dependencies**
+@assaabloy/wc-vendor

package/headerCostco.js

@@ -0,0 +1 @@
+!function(e){function t(t){for(var n,i,l=t[0],s=t[1],c=t[2],m=0,u=[];m<l.length;m++)i=l[m],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&u.push(r[i][0]),r[i]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(d&&d(t);u.length;)u.shift()();return o.push.apply(o,c||[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,l=1;l<a.length;l++){var s=a[l];0!==r[s]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},r={50:0},o=[];function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/";var l=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],s=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var d=s;o.push([511,0]),a()}({0:function(e,t){e.exports=React},1:function(e,t,a){"use strict";a.d(t,"g",(function(){return r})),a.d(t,"T",(function(){return o})),a.d(t,"i",(function(){return i})),a.d(t,"C",(function(){return l})),a.d(t,"F",(function(){return s})),a.d(t,"u",(function(){return c})),a.d(t,"A",(function(){return d})),a.d(t,"n",(function(){return m})),a.d(t,"q",(function(){return u})),a.d(t,"H",(function(){return p})),a.d(t,"G",(function(){return b})),a.d(t,"O",(function(){return h})),a.d(t,"D",(function(){return g})),a.d(t,"t",(function(){return f})),a.d(t,"h",(function(){return v})),a.d(t,"s",(function(){return x})),a.d(t,"x",(function(){return w})),a.d(t,"v",(function(){return y})),a.d(t,"B",(function(){return k})),a.d(t,"r",(function(){return E})),a.d(t,"P",(function(){return N})),a.d(t,"p",(function(){return z})),a.d(t,"I",(function(){return j})),a.d(t,"E",(function(){return A})),a.d(t,"Q",(function(){return L})),a.d(t,"l",(function(){return T})),a.d(t,"j",(function(){return S})),a.d(t,"m",(function(){return I})),a.d(t,"k",(function(){return _})),a.d(t,"y",(function(){return M})),a.d(t,"K",(function(){return $})),a.d(t,"w",(function(){return D})),a.d(t,"R",(function(){return U})),a.d(t,"S",(function(){return Z})),a.d(t,"b",(function(){return P})),a.d(t,"N",(function(){return q})),a.d(t,"z",(function(){return W})),a.d(t,"a",(function(){return X})),a.d(t,"d",(function(){return Y})),a.d(t,"f",(function(){return R})),a.d(t,"e",(function(){return H})),a.d(t,"V",(function(){return B})),a.d(t,"c",(function(){return F})),a.d(t,"U",(function(){return J})),a.d(t,"J",(function(){return G})),a.d(t,"L",(function(){return V})),a.d(t,"M",(function(){return K})),a.d(t,"o",(function(){return Q}));var n=a(3),r=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},o=function(e){return btoa(unescape(encodeURIComponent(e)))},i=function(e){return e.toUpperCase()},l=function(e){return e.replaceAll(" ","-").toLowerCase()},s=new n.a(!1),c=new n.a(!1),d=new n.a(!1),m=new n.a(!1),u=new n.a(""),p=new n.a(!1),b=new n.a(!1),h=new n.a(!1),g=new n.a(!1),f=new n.a(!1),v=new n.a(!1),x=new n.a(""),w=new n.a(!0),y=new n.a(!0),k=new n.a(!0),E=new n.a(!0),N=new n.a(!0),z=new n.a(!0),j=new n.a({}),C=new n.a(!1),O=0,A=new n.a(!1),L=new n.a(""),T=new n.a(""),S=new n.a(""),I=new n.a(""),_=new n.a(""),M=new n.a(""),$=new n.a(""),D=new n.a(!1),U=new n.a(!1),Z=new n.a(!1),P=function(){setTimeout((function(){O++,C.next(!0)}),0)},q=function(){setTimeout((function(){O>0&&O--,0==O&&C.next(!1)}),0)},W=function(){return C.asObservable()},X=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},Y=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},R=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},H=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},B=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},F=function(e){return/^[0-9]*$/.test(e)},J=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},G=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},V=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},K=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)},Q=function(e){var t={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t}},142:function(e,t,a){"use strict";var n=a(23),r=a(2),o=a(0),i=a.n(o),l=a(4).default.section.withConfig({displayName:"styles__Content",componentId:"pqxz1i-0"})([".custom-navbar{background-color:#006166;width:100%;margin:auto;padding-top:0!important;padding-bottom:0!important;}.custom-navbar nav.navbar{position:static;}.navbar-nav{margin-left:1.7rem!important;@media screen and (max-width:1680px){margin-left:0.6rem!important;}}.navbar-nav .wide-menu .dropdown-menu{left:0;right:0;width:100%;}.menu-block.has-secondary-navbar{padding-bottom:0px;position:relative;z-index:10;}.hover-ul > li{@media screen and (max-width:991px){width:100%;}}#header-nav ul li a{display:block;border-top:0 solid transparent;border-bottom:2px solid transparent;color:#fff;}.sub-menu ul li a{padding:0px 0 !important;}.sub-menu-box{position:absolute;background:#f0f0f0;left:0;right:0;z-index:1;width:auto;padding:0 120px 0 332px;display:none;max-width:1920px;margin:auto;@media screen and (max-width:991px){overflow:auto;}@media screen and (min-width:992px){&:before{content:\"\";width:100vw;height:100%;background:#f0f0f0;display:block;top:0;left:50%;position:absolute;margin-left:-50vw;margin-right:-50vw;z-index:-1;}}@media screen and (max-width:767px){overflow-y:auto;padding-bottom:3rem !important;}}.sub-menu-box ul{padding:0;list-style:none;display:flex;width:100%;margin:auto;justify-content:normal!important;}#header-nav .sub-menu-box ul li a{color:#333;margin-left:0;margin-right:0;}#header-nav li.active a{position:relative;}#header-nav .sub-menu-box li a:before{display:none;}#header-nav .sub-menu-box ul li a{text-decoration:none;}#header-nav ul li a:hover{cursor:pointer;}.sub-menu ul{display:flex;flex-direction:column;}.sub-menu ul li a{border:none !important;}.sub-menu-box ul li:hover .dropdown-menu-list{opacity:1;visibility:visible;}.sub-menu-box ul li a:hover{color:#106165 !important;}.sub-menu-box ul li a{position:relative;}.sub-menu ul li a:after{display:none;}.sub-menu-box ul li:hover a:after{opacity:1;visibility:visible;}.navbar-dark .navbar-brand{color:#fff;}.navbar-brand{display:inline-block;padding-top:0;padding-bottom:0;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap;@media screen and (max-width:991px){padding-top:5px;padding-bottom:5px;}@media screen and (max-width:767px){padding-top:7px;padding-bottom:7px;}}.custom-navbar .navbar-brand img{max-width:136px;@media screen and (min-width:1681px){max-width:183px;}@media screen and (max-width:1280px){max-width:122px;}@media screen and (max-width:991px){max-width:100px;margin-left:20px;}@media screen and (max-width:767px){max-width:92px;}}.navbar-dark .navbar-toggler{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.1);}.sub-menu-box ul li.active .second-level-nav-item{border-bottom:2px solid #106165;}#header-nav .sub-menu-box ul li .second-level-nav-item{padding:0;}#header-nav .sub-menu-box ul li.active > .second-level-nav-item{border-bottom:2px solid #006166;}#header-nav .sub-menu-box ul li .sub-menu{display:none;}#header-nav .sub-menu-box ul li .sub-menu ul:not(:empty){margin-bottom:5px;}#header-nav .sub-menu-box ul li .sub-menu a{padding:4px 0 !important;}#header-nav ul li a:hover{cursor:pointer;}.navbar-nav .nav-item.active .sub-menu-box{display:block;}.header-wrapper{position:relative;z-index:999;padding-top:0px;}#header-nav .navbar-nav .nav-item.has-dropdown{.sub-menu-box ul li{.second-level-nav-item{margin-top:8px;border:none;@media screen and (max-width:1280px){margin-top:10px;}@media screen and (min-width:992px){white-space:nowrap;}}}}#header-nav .navbar-nav .nav-item.has-dropdown:hover{@media (min-width:992px){z-index:9999;}.sub-menu{display:block;}}.navbar-nav .nav-item.has-dropdown.active,.navbar-nav .nav-item.has-dropdown:hover{.nav-link{position:relative;&:after{content:'';width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #f0f0f0;position:absolute;bottom:-2px;left:0;right:0;margin:auto;}}.sub-menu-box{display:flex;}}.mobile-search{display:block !important;}.button-mobile-back{background:transparent;border:none;margin-left:1rem;margin-top:5px;}@media screen and (max-width:991px){.header-wrapper .menu-block{position:fixed;top:60px;left:0;right:0;}.topbar{position:fixed;top:0;}.search-form input{line-height:1.2;height:32px;font-size:14px;}.custom-navbar .navbar-toggler{padding:0;border:none;}.custom-navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon{background:none;position:relative;width:24px;height:24px;}.custom-navbar .navbar-toggler[aria-expanded='false'] .navbar-toggler-icon{background:url('/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/menu-icon-copy.svg') no-repeat center;width:24px;height:24px;}.custom-navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon:before,.custom-navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon:after{content:'';height:20px;width:1px;display:block;background:#fff;position:absolute;left:50%;top:5px;}.custom-navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon:before{transform:rotate(45deg);}.custom-navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon:after{transform:rotate(-45deg);}.navbar .navbar-collapse{display:block !important;background-color:#006166;position:fixed;height:100% !important;left:0;right:0;width:100%;z-index:-1;overflow-y:auto;padding:20px;transition:transform 0.5s ease-out;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}.navbar .navbar-collapse.show{top:60px;bottom:0;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);}#header-nav ul li{a.nav-link{padding:10px 40px 10px 0;border-bottom:1px solid rgba(255,255,255,0.15);position:relative;margin-left:0;}&:last-child{margin-bottom:50px;a{border-bottom:0;}}}#header-nav .navbar-nav .nav-item.has-dropdown{position:relative;&.active,&:hover{.nav-link:after{display:none;}}.sub-menu-box{position:fixed;top:0px;bottom:0;left:0;width:100%;background:#006166;z-index:999999;display:block;transition:transform 0.5s linear;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);padding:50px 30px 20px;ul > li.col-auto{padding:0;.second-level-nav-item{margin-top:0;border-bottom:1px solid rgba(255,255,255,0.15);padding:10px 0;padding-right:40px;position:relative;&:after{content:'';height:10px;width:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;display:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;bottom:0;right:10px;margin:auto;}&[aria-expanded='true']:after{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}}a{color:#fff;&:hover{color:#fff !important;}}.sub-menu{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.15);&.collapse{display:none;&.show{display:block;}}li{&:first-child{a{padding-top:0!important;margin-top:-5px;}}&:last-child{margin-bottom:10px;}}a{padding:6px 0 !important;}}&.show-icon{.second-level-nav-item{border-bottom-color:transparent;}}}.hide-submenu-btn{width:42px;height:42px;font-size:0;background:transparent;border:none;margin-bottom:30px;background:url('/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/nav-back-arrow.svg') no-repeat center;}}&.li-active{.sub-menu-box{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}@media screen and (min-width:576px) and (max-width:990px){.sub-menu-horizontal-scroll{padding-bottom:85px;}}}.show-submenu-btn{position:absolute;right:0;top:0;bottom:0;margin:auto 0;width:40px;text-align:center;background:transparent;border:none;text-indent:-99999px;:after{content:'';height:10px;width:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;display:block;margin:0 auto;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}}}}.hide{visibility:hidden;}.submenu-listitem{@media screen and (max-width:576px){width:100% !important;}@media screen and (min-width:992px){flex-grow:1;flex-basis:0;}}.mobile-search-new{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;background-color:#006166;transform:translateX(100%);transition:transform 0.3s ease-out 0s;}.mobile-search-inactive{transform:translateX(0%);height:65px;}.mobile-search-new > div{display:grid;height:100%;grid-template-rows:65px auto;}.search-header{display:grid;grid-template-columns:60px auto;}.root-search-mobile-container{background:white;border-radius:4px;padding-left:10px;@media screen and (max-width:991px){padding-right:40px;}}.root-search-mobile-container input{border:none;}.root-search-mobile-container input:focus{box-shadow:none;}.parent-div{.accordion-expand{display:inline;}.accordion-collapsed{display:none;}&.show-icon{.accordion-expand{display:none;}.accordion-collapsed{display:inline;}}}@media screen and (max-width:1680px){.navbar-brand{margin-right:0;}.search-form .search-icon{height:18px;width:18px;top:5px;left:8px;}.search-form input{padding-left:32px;height:36px;font-size:12px;width:180px;border-radius:4px;}}@media screen and (max-width:1280px){.navbar-brand{margin-right:0;}.search-form .search-icon{height:16px;width:16px;top:3px;left:8px;}.search-form input{padding-left:32px;height:32px;font-size:11px;width:160px;border-radius:2px;}}@media screen and (max-width:991px){a.d-block.d-lg-none.second-level-nav-item{width:calc(100% - 24px);display:inline-block !important;}span.toggle-list-item.d-lg-none.second-level-nav-item{display:inline-block !important;padding-right:0 !important;vertical-align:bottom;}}.hover-state-class{z-index:50;}.remove-tip .nav-link::after{display:none;}.close-icon{right:4%;position:absolute;@media screen and (max-width:772px){right:6%;}}.navbar-nav{.nav-item{&.active{a.nav-link{color:#f8f9faa6 !important;}}}}@media (min-width:769px){header{position:fixed;left:0;right:0;top:0;}.header-wrapper{padding-top:142px;}}@media screen and (min-width:1681px){.favorite-count{padding:4px 9px;}}@media (min-width:1281px) and (max-width:1680px){.header-wrapper{padding-top:105px;}.favorite-count{font-size:11px;}}@media screen and (min-width:768px) and (max-width:1280px){.favorite-count{font-size:10px;}}@media (min-width:992px) and (max-width:1280px){.header-wrapper{padding-top:97px;}}@media screen and (max-width:991px){.header-wrapper{padding-top:65px;}}@media screen and (max-width:767px){.favorite-count{font-size:15px;}}.sub-menu-horizontal-scroll{.sub-menu-arrows{display:none;}}@media screen and (min-width:991px) and (max-width:1024px){.second-level-nav-item{font-size:12px !important;}}@media (min-width:992px){.navbar-nav{.nav-item{&.has-dropdown.active{.sub-menu-box{display:block;}}&.has-dropdown:hover{.sub-menu-box{animation:sub-menu-animate 1s;}}}.nav-link{&:hover{color:#f8f9faa6 !important;}}.sub-menu-box{animation:sub-menu-animate 1.4s;box-shadow:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);.second-level-nav-item{margin-top:0 !important;padding-top:10px !important;padding-bottom:10px !important;}.submenu-listitem{&.active{.second-level-nav-item{border-bottom:2px solid #006166 !important;}}.sub-menu{padding:5px 0;animation:sub-menu-animate 1.4s;}}}}.sub-menu-horizontal-scroll{position:relative;padding:0 13px;&-container{position:relative;display:flex;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;&::-webkit-scrollbar{display:none;}}.sub-menu-arrows{display:block;position:absolute;top:10px;background:#f0f0f0;cursor:pointer;height:20px;&-left{left:-5px;}&-right{right:-5px;}}.submenu-listitem{flex:0 1 auto;}}.dealer-child-accounts-header{margin-top:40px;}}.dealer-child-accounts-header-left{@media screen and (max-width:767px){text-align:center;}}@media(min-width:1681px){.navbar-nav{.nav-item{margin-top:38px !important;&.has-dropdown.active,&.has-dropdown:hover{.nav-link{&:after{bottom:-2px;}}}}.nav-link{padding:0 0 38px 0 !important;}}.dealer-child-accounts-header{margin-top:52px;}}@media(min-width:1920px){.sub-menu-horizontal-scroll{.sub-menu-arrows{top:13px;}}}@media screen and (max-width:767px){.mobile-font-weight{font-weight:600;padding-top:10px;}}@keyframes sub-menu-animate{from{max-height:0px;opacity:0;visibility:hidden;}to{max-height:500px;opacity:1;visibility:visible;}}.topbar{display:flex;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem;.brand-logo{max-height:170px;@media screen and (max-width:991px){max-height:40px;}}ul{li{list-style:none;}}@media screen and (max-width:991px){padding-top:.5rem;padding-bottom:.5rem;height:60px;justify-content:space-between;}}.dealerNote-text{background-color:#f0f0f0;padding-top:0.75rem;padding-bottom:0.75rem;p{margin-bottom:0px;}}.second-logo{padding-left:1.25rem;margin-left:1.25rem;border-left:1px solid #8d8d8d;@media screen and (max-width:991px){padding-left:0;margin-left:0;border-left:0px;}}#header-nav ul li a{padding-top:16px;padding-bottom:16px;}#link1,#link2{visibility:hidden;position:fixed;}"]),s=a(1),c=a(9),d=function(e){var t,a,d,m,u,p,b,h,g,f,v,x,w,y,k=e.headerCostcoData,E=Object(s.g)(k),N=Object(o.useState)({name:"",email:"",primaryCompanyNumber:"",companyName:"",given_name:"",family_name:""}),z=Object(r.a)(N,2),j=(z[0],z[1],Object(o.useState)({accountNumber:"",companyName:""})),C=Object(r.a)(j,2),O=(C[0],C[1],Object(o.useState)(!1)),A=Object(r.a)(O,2),L=A[0],T=A[1],S=Object(o.useState)({value:!1,newindex:1}),I=Object(r.a)(S,2),_=I[0],M=I[1],D=Object(o.useState)(!1),U=Object(r.a)(D,2),Z=U[0],P=U[1],q=Object(o.useState)(!1),W=Object(r.a)(q,2),X=W[0],Y=W[1],R=Object(o.useState)(!1),H=Object(r.a)(R,2),B=H[0],F=H[1],J=Object(o.useState)({value:!1,newindex:0}),G=Object(r.a)(J,2),V=G[0],K=(G[1],Object(o.useState)(0)),Q=Object(r.a)(K,2),ee=(Q[0],Q[1],Object(o.useState)(0)),te=Object(r.a)(ee,2),ae=(te[0],te[1],Object(o.useState)(!1)),ne=Object(r.a)(ae,2),re=ne[0],oe=ne[1],ie=Object(o.useState)(!1),le=Object(r.a)(ie,2),se=le[0],ce=le[1],de=Object(o.useState)(""),me=Object(r.a)(de,2),ue=me[0],pe=me[1],be=function(e){var t=e.target;t.parentElement.classList.contains("parent-div")&&(t.parentElement.classList.contains("show-icon")?t.parentElement.classList.remove("show-icon"):t.parentElement.classList.add("show-icon")),t.parentElement.parentElement.classList.contains("parent-div")&&(t.parentElement.parentElement.classList.contains("show-icon")?t.parentElement.parentElement.classList.remove("show-icon"):t.parentElement.parentElement.classList.add("show-icon"))};Object(o.useEffect)((function(){E.menuItems.forEach((function(e){!0===e.isActive&&e.menuItems&&e.menuItems.length>0&&oe(!0)}));var e=document.createElement("script");e.setAttribute("src",E.addSearchScriptURL),document.body.appendChild(e),Object(s.z)().subscribe((function(e){T(e)}))}),[]);document.body.addEventListener("click",(function(e){var t,a,n,r,o;!(null===(t=document.querySelector(".popup-container"))||void 0===t?void 0:t.classList.contains("show"))||e.target.classList.contains("popup-container")||e.target.classList.contains("item")||e.target.classList.contains("body-text3")||e.target.classList.contains("logout-btn")||e.target.classList.contains("login-toggle")||e.target.classList.contains("arrow-open")||e.target.classList.contains("arrow-close")||(null===(a=document.querySelector(".popup-container"))||void 0===a||a.classList.remove("show"),null===(n=document.querySelector(".login-toggle"))||void 0===n||n.classList.add("collapsed"),null===(r=document.querySelector(".login-toggle"))||void 0===r||r.setAttribute("aria-expanded","false"),null===(o=document.querySelector("#collapse-logout"))||void 0===o||o.classList.remove("show"))})),Object(o.useEffect)((function(){matchMedia("(min-width: 992px)").matches&&ge()}),[]);var he=function(e){return function(t){var a=t.target.parentElement.children;"right"==e&&(a[0].scrollLeft+=200,a[1].scrollLeft<200&&setTimeout((function(){a[1].style.display="block"}),0,a)),"left"==e&&(a[0].scrollLeft-=200,a[0].scrollLeft>0&&setTimeout((function(){a[2].style.display="block"}),0,a))}},ge=function(){var e,t=document.querySelectorAll(".sub-menu-horizontal-scroll"),a=Object(n.a)(t);try{for(a.s();!(e=a.n()).done;){var r=e.value,o=r.childNodes;o&&r.scrollWidth>=o[0].scrollWidth&&(o[1].style.display="none",o[2].style.display="none")}}catch(i){a.e(i)}finally{a.f()}};$(".navbar-nav .nav-item").hover((function(){$(".nav-item.active").addClass("inactive").removeClass("active")}),(function(){$(".nav-item.inactive").addClass("active").removeClass("inactive")}));var fe=function(e){var t=document.querySelector("#sub-menu-horizontal-scroll-".concat(e));t&&t.childNodes&&(t.childNodes[1].style.display=t.scrollWidth>=t.childNodes[0].scrollWidth?"none":"block",t.childNodes[2].style.display=t.scrollWidth>=t.childNodes[0].scrollWidth?"none":"block")};return i.a.createElement(l,null,i.a.createElement("div",{className:"header-wrapper hide-print-media header-costco"},L&&i.a.createElement(c.a,null),i.a.createElement("header",null,i.a.createElement("div",null,E.dealerNote&&E.dealerNote.text&&""!==E.dealerNote.text&&E.dealerNote.text.length>0&&i.a.createElement("div",{className:"container body-text3 text-center py-3 dealerNote-text d-lg-block d-none",dangerouslySetInnerHTML:{__html:E.dealerNote.text}}),i.a.createElement("div",{className:"topbar container"},E.dealerLogo&&i.a.createElement("div",null,i.a.createElement("a",{className:"navbar-brand p-0",href:null===(t=E.dealerLogo)||void 0===t?void 0:t.logoUrl,target:null===(a=E.dealerLogo)||void 0===a?void 0:a.logoUrlAction,"aria-label":E.dealerLogo.logoAltText},i.a.createElement("img",{className:"brand-logo",src:E.dealerLogo.image,alt:E.dealerLogo.logoAltText})),(null===(d=E.powerReviews)||void 0===d?void 0:d.enabled)&&i.a.createElement("div",{id:"pr-reviewsnippet1",className:"mt-3 hide-print-media"})),E.logo&&i.a.createElement("div",{className:"".concat(E.dealerLogo&&E.dealerLogo.image&&"second-logo")},i.a.createElement("a",{className:"navbar-brand p-0",href:null===(m=E.logo)||void 0===m?void 0:m.logoUrl,target:null===(u=E.logo)||void 0===u?void 0:u.logoUrlAction,"aria-label":E.logo.logoAltText},i.a.createElement("img",{className:"brand-logo",src:E.logo.image,alt:E.logo.logoAltText})),(null===(p=E.powerReviews)||void 0===p?void 0:p.enabled)&&i.a.createElement("div",{id:"pr-reviewsnippet1",className:"mt-3 hide-print-media"})),(null===(b=E.powerReviews)||void 0===b?void 0:b.enabled)&&i.a.createElement("div",{id:"pr-reviewsnippet"}),E.scheduleConsultationCTA&&E.scheduleConsultationCTA.phoneLabel&&E.scheduleConsultationCTA.phoneLabel.text&&i.a.createElement("div",{className:"amarr-h6 ml-auto d-none d-lg-block"},null===(h=E.scheduleConsultationCTA)||void 0===h||null===(g=h.phoneLabel)||void 0===g?void 0:g.text),E.scheduleConsultationCTA&&E.scheduleConsultationCTA.phoneNumber&&E.scheduleConsultationCTA.phoneNumber.text&&i.a.createElement("div",{className:"amarr-h6  d-none d-lg-block ".concat((null===(f=E.scheduleConsultationCTA)||void 0===f?void 0:f.phoneLabel)&&(null===(v=E.scheduleConsultationCTA)||void 0===v||null===(x=v.phoneLabel)||void 0===x?void 0:x.text)?"pl-5":"ml-auto")},null===(w=E.scheduleConsultationCTA)||void 0===w||null===(y=w.phoneNumber)||void 0===y?void 0:y.text))),i.a.createElement("section",{className:"has-secondary-navbar"},i.a.createElement("div",{className:"menu-block  custom-navbar py-1 pb-md-0 ".concat(re?"header-gap":"header-gap-default")},i.a.createElement("div",{className:"container py-2 py-lg-0"},i.a.createElement("nav",{className:"navbar navbar-expand-lg navbar-dark p-0 justify-content-between justify-content-md-between"},i.a.createElement("div",null,i.a.createElement("button",{className:"navbar-toggler",type:"button","data-toggle":"collapse","data-target":"#header-nav","aria-controls":"header-nav","aria-expanded":"false","aria-label":"Toggle navigation",onClick:function(){B&&F(!B),M({value:!1,newindex:1}),Y(!X)}},i.a.createElement("span",{className:"navbar-toggler-icon"}))),i.a.createElement("div",{className:"collapse navbar-collapse justify-content-center",id:"header-nav"},i.a.createElement("ul",{className:"navbar-nav ml-0 ml-lg-5 pt-4 pt-lg-0"},E.menuItems&&E.menuItems.length>0&&E.menuItems.map((function(e,t,a){return i.a.createElement("li",{onMouseEnter:function(){return fe(t)},onMouseLeave:function(){return fe(t)},className:"".concat(e.isActive?"nav-item active":"nav-item","\n                            ").concat(0==t?"li-item-hover-state":"").concat(e.menuItems.length>0?" has-dropdown":"").concat(_.value&&_.newindex===t?" li-active":"","\n                              ").concat(V.value&&V.newindex==t?"hover-state-class":""),key:t},e.isInternal&&i.a.createElement("a",{className:"nav-link amarr-h6",href:e.link,target:e.linkAction,"aria-label":e.title},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))),!e.isInternal&&"_self"===e.linkAction&&i.a.createElement("a",{className:"nav-link amarr-h6",href:e.link,target:e.linkAction,"aria-label":e.title},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))),!e.isInternal&&"_blank"===e.linkAction&&i.a.createElement("a",{className:"nav-link amarr-h6",href:e.link,target:e.linkAction,rel:"noopener","aria-label":e.title},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))),e.menuItems.length>0&&i.a.createElement("button",{className:"d-lg-none show-submenu-btn",type:"button",onClick:function(){return function(e){F(!B),M({value:!0,newindex:e})}(t)}},"next"),e.menuItems.length>0&&i.a.createElement("div",{className:"sub-menu-box"},i.a.createElement("button",{className:"d-lg-none hide-submenu-btn",type:"button",onClick:function(){return function(e){F(!B),M({value:!1,newindex:e})}(t)}},"Back"),i.a.createElement("div",{id:"sub-menu-horizontal-scroll-".concat(t),className:"sub-menu-horizontal-scroll"},i.a.createElement("ul",{id:"sub-menu-horizontal-scroll-container-".concat(t),className:"sub-menu-horizontal-scroll-container hover-ul row justify-content-around flex-column flex-md-row"},e.menuItems.map((function(e,a){return i.a.createElement("li",{className:"parent-div ".concat(e.isActive?"col-auto active submenu-listitem":"col-auto submenu-listitem"),key:a},i.a.createElement("a",{"aria-label":e.title,href:e.link,target:e.linkAction,className:"d-none d-lg-inline-block second-level-nav-item amarr-h6"},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))),i.a.createElement("a",{"aria-label":e.title,href:e.link,target:e.linkAction,className:"d-block d-lg-none second-level-nav-item amarr-h6"},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))),e.menuItems&&e.menuItems.length>0&&i.a.createElement("span",{"data-toggle":"collapse","data-target":"#subMenu_".concat(t).concat(a),"aria-expanded":"true","aria-controls":"subMenu_".concat(t).concat(a),id:"toggle-list".concat(t).concat(a),className:"d-lg-none second-level-nav-item toggle-list-item amarr-h6",onClick:be},i.a.createElement("img",{className:"accordion-expand",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowDown.svg",alt:"expanded icon"}),i.a.createElement("img",{className:"accordion-collapsed",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsArrowUp.svg",alt:"collapsed icon"})),e.menuItems&&e.menuItems.length>0&&i.a.createElement("div",{key:t,id:"subMenu_".concat(t).concat(a),className:"sub-menu collapse"},i.a.createElement("ul",null,e.menuItems.map((function(e,t){return i.a.createElement("li",{key:t},i.a.createElement("a",{"aria-label":e.title,href:e.link,target:e.linkAction,className:"body-text3"},i.a.createElement("span",null,e.title," "),e.superscriptTitle&&""!==e.superscriptTitle&&i.a.createElement("span",null,i.a.createElement("sup",null,e.superscriptTitle))))})))))}))),i.a.createElement("img",{onClick:he("left"),onScroll:he("left"),className:"sub-menu-arrows sub-menu-arrows-left",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-left-dark.svg",alt:"menu arrow left"}),i.a.createElement("img",{onClick:he("right"),onScroll:he("right"),className:"sub-menu-arrows sub-menu-arrows-right",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-arrow-right-dark.svg",alt:"menu arrow right"}))))})),E.dealerNote&&E.dealerNote.mobileMenu&&E.dealerNote.mobileMenu.title&&i.a.createElement("li",null," ",i.a.createElement("a",{"aria-label":E.dealerNote.mobileMenu.title,href:E.dealerNote.mobileMenu.link,target:E.dealerNote.mobileMenu.linkAction,className:"d-block d-lg-none second-level-nav-item amarr-h6"},E.dealerNote.mobileMenu.title)))),i.a.createElement("div",{className:"".concat(Z?"mobile-search-new mobile-search-inactive":"mobile-search-new")},i.a.createElement("div",{className:"search-header pr-4"},i.a.createElement("div",{className:"d-flex"},i.a.createElement("button",{className:"w-100 m-0 button-mobile-back hide-submenu-btn",type:"button",onClick:function(){P(!1)}},i.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/iconsBack.svg",alt:"Back icon"}))),i.a.createElement("div",{className:"d-flex align-items-center"},i.a.createElement("div",{className:"w-100 d-flex justify-between align-items-center root-search-mobile-container"},i.a.createElement("div",{className:"search-icon"},i.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Search Icon"})),i.a.createElement("input",{className:"form-control addsearch",type:"text",placeholder:E.searchLabel,"aria-label":E.searchLabel,value:ue,onChange:function(e){pe(e.target.value),""!==e.target.value?ce(!0):($("#addsearch-results").hide(),ce(!1))}}),se&&i.a.createElement("span",{className:"close-icon"},i.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:function(e){""!==ue&&($("#addsearch-results").hide(),pe(""),ce(!1))}}))))),i.a.createElement("div",null)))))))))};d.defaultProps={config:"",theme:"",headerCostcoData:""};t.a=d},17:function(e,t){e.exports=ReactDOM},420:function(e,t,a){"use strict";a.r(t);var n=a(13),r=a(142);t.default=n.a.create({component:r.a,configuration:{tagname:"costco-header",useShadow:!1},plugins:[]})},9:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(15),r=a(0),o=a.n(r),i=a(4),l=(a(34),i.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),s=a(26),c=a.n(s),d=function(e){return Object(n.a)(e),o.a.createElement(l,null,o.a.createElement("div",{className:"d-flex justify-content-center loader"},o.a.createElement("div",{className:"d-flex"},o.a.createElement(c.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@assaabloy/amarr-wc-header-costco",
+  "version": "1.0.1",
+  "description": "Web component - Header Costco",
+  "type": "module",
+  "main": "headerCostco.js",
+  "module": "headerCostco.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ASSAABLOY/amarr-frontend-components"
+  },
+  "author": "Nagarro",
+  "license": "MIT",
+  "gitHead": "7dd3c4369442b387351da7807a9979172dd760dc"
+}