{"version":3,"names":["zdsNavigationLogoCss","ZdsNavigationLogoStyle0","ZdsNavigationLogo","render","cssClasses","generateCssClasses","overlap","this","logoStyle","width","h","key","class","style","href","link","alt","src"],"sources":["../src/components/zds-navigation/zds-navigation-logo/zds-navigation-logo.scss?tag=zds-navigation-logo&encapsulation=shadow","../src/components/zds-navigation/zds-navigation-logo/zds-navigation-logo.tsx"],"sourcesContent":["@import '../../../../../style/lib/scss';\n@import '../../../mixins/outline';\n\n.zds-navigation-logo {\n\tdisplay: flex;\n\tmax-width: 100%;\n\n\t&__wrapper,\n\t&__link {\n\t\twidth: 100%;\n\t}\n\n\t&__link {\n\t\t@include outline;\n\n\t\tdisplay: block;\n\t}\n\n\t&__img {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t\ttransition: transform var(--zds-transition-sm);\n\t\twidth: auto;\n\n\t\t&:hover {\n\t\t\ttransform: scale(var(--zds-navigation-logo-scale-hover));\n\t\t}\n\n\t\t@include zds-media-breakpoint-up('md') {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t@include zds-media-breakpoint-down('sm') {\n\t\t\tmax-height: 50px;\n\t\t}\n\t}\n\n\t@include zds-media-breakpoint-up('md') {\n\t\tmargin-right: var(--zds-space-6);\n\t}\n\n\t@include zds-media-breakpoint-up('lg') {\n\t\t&--overlap &__wrapper {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\twidth: inherit;\n\t\t\tz-index: 1150;\n\t\t}\n\t}\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\nimport { generateCssClasses } from '../../../utils/generate-css-classes';\n\n@Component({\n\tshadow: true,\n\tstyleUrl: 'zds-navigation-logo.scss',\n\ttag: 'zds-navigation-logo',\n})\nexport class ZdsNavigationLogo {\n\t@Element() hostElement: HTMLDivElement;\n\n\t@Prop() alt?: string = 'Logo';\n\t@Prop() link?: string = 'https://www.zig.nl';\n\t@Prop() src: string = '';\n\t@Prop() width?: number = 100;\n\t@Prop() overlap?: boolean = false;\n\n\trender() {\n\t\tconst cssClasses = generateCssClasses('zds-navigation-logo', {\n\t\t\toverlap: this.overlap,\n\t\t});\n\n\t\tconst logoStyle = {\n\t\t\twidth: this.width + 'px',\n\t\t};\n\n\t\treturn (\n\t\t\t<div class={cssClasses} style={logoStyle}>\n\t\t\t\t<div class=\"zds-navigation-logo__wrapper\">\n\t\t\t\t\t<a class=\"zds-navigation-logo__link\" href={this.link}>\n\t\t\t\t\t\t<img class=\"zds-navigation-logo__img\" alt={this.alt} src={this.src ? this.src : '/'} />\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"sFAAA,MAAMA,EAAuB,smCAC7B,MAAAC,EAAeD,E,MCOFE,EAAiB,M,kCAGN,O,UACC,qB,SACF,G,WACG,I,aACG,K,CAE5B,MAAAC,GACC,MAAMC,EAAaC,EAAmB,sBAAuB,CAC5DC,QAASC,KAAKD,UAGf,MAAME,EAAY,CACjBC,MAAOF,KAAKE,MAAQ,MAGrB,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAOR,EAAYS,MAAOL,GAC9BE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACVF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,4BAA4BE,KAAMP,KAAKQ,MAC/CL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2BAA2BI,IAAKT,KAAKS,IAAKC,IAAKV,KAAKU,IAAMV,KAAKU,IAAM,Q"}