xv-webcomponents 0.1.43 → 0.1.46

package/dist/collection/components/xv-footer/xv-footer.css

@@ -0,0 +1,325 @@
+.xv-tooltip[role=tooltip] {
+  position: absolute;
+  background-color: var(--background-inverse, #333333);
+  color: var(--text-on-color);
+  padding: var(--spacing-03) var(--spacing-04);
+  border-radius: 3px;
+  font-size: var(--fz-sm);
+  z-index: 999;
+  min-width: min(150px, 90vw);
+  max-width: min(400px, 90vw);
+}
+.xv-tooltip[role=tooltip]::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
+  bottom: -5px;
+  left: 12px;
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
+  bottom: -5px;
+  right: 12px;
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
+  top: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
+  top: -5px;
+  left: 12px;
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
+  top: -5px;
+  right: 12px;
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
+  top: 50%;
+  right: -5px;
+  transform: translateY(-50%);
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
+  top: 12px;
+  right: -5px;
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
+  bottom: 12px;
+  right: -5px;
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
+  top: 50%;
+  left: -5px;
+  transform: translateY(-50%);
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
+  top: 12px;
+  left: -5px;
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
+  bottom: 12px;
+  left: -5px;
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+
+.svg-assets--src--project--images--svg-sprite--youtube, .svg-assets--src--project--images--svg-sprite--xing, .svg-assets--src--project--images--svg-sprite--vorkasse, .svg-assets--src--project--images--svg-sprite--visa, .svg-assets--src--project--images--svg-sprite--sepa, .svg-assets--src--project--images--svg-sprite--paypal, .svg-assets--src--project--images--svg-sprite--mastercard, .svg-assets--src--project--images--svg-sprite--linkedin, .svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung, .svg-assets--src--project--images--svg-sprite--instagram, .svg-assets--src--project--images--svg-sprite--facebook {
+  background: url("https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg") no-repeat;
+}
+
+.svg-assets--src--project--images--svg-sprite--facebook {
+  background-position: 0 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--instagram {
+  background-position: 14.5454545455% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {
+  background-position: 0 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--linkedin {
+  background-position: 29.0909090909% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--mastercard {
+  background-position: 50% 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--paypal {
+  background-position: 0 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--sepa {
+  background-position: 50% 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--visa {
+  background-position: 100% 0;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--vorkasse {
+  background-position: 100% 64.4444444444%;
+  width: 84px;
+  height: 58px;
+}
+
+.svg-assets--src--project--images--svg-sprite--xing {
+  background-position: 43.6363636364% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.svg-assets--src--project--images--svg-sprite--youtube {
+  background-position: 58.1818181818% 100%;
+  width: 32px;
+  height: 32px;
+}
+
+.sprite-icon-beachten {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -90px 0px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-buchen {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -82px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-direct {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -284px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-downloads {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -80px -82px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-kino {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -305px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-kosten {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -170px 0px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-kreation {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -170px -80px;
+  width: 80px;
+  height: 80px;
+}
+
+.sprite-icon-logo-full {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -242px;
+  width: 189px;
+  height: 32px;
+}
+
+.sprite-icon-logo-small {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -99px;
+  width: 34px;
+  height: 34px;
+}
+
+.sprite-icon-mobile {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -326px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-online {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -347px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-partner-agma {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -66px;
+  width: 88px;
+  height: 33px;
+}
+
+.sprite-icon-partner-bvdw {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -338px -66px;
+  width: 88px;
+  height: 33px;
+}
+
+.sprite-icon-partner-climate {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px 0px;
+  width: 186px;
+  height: 33px;
+}
+
+.sprite-icon-partner-google {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px 0px;
+  width: 90px;
+  height: 82px;
+}
+
+.sprite-icon-partner-microsoft {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -33px;
+  width: 186px;
+  height: 33px;
+}
+
+.sprite-icon-plakat {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -368px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-print {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -389px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-radio {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -410px -99px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-services {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -250px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-topangebote {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -271px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-tv {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: -292px -133px;
+  width: 21px;
+  height: 21px;
+}
+
+.sprite-icon-werbeformen {
+  background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
+  background-position: 0px -162px;
+  width: 80px;
+  height: 80px;
+}

package/dist/collection/components/xv-footer/xv-footer.js

@@ -0,0 +1,37 @@
+import { h } from "@stencil/core";
+export class Xvfooter {
+    constructor() {
+        this.htmlContent = '';
+    }
+    async componentWillLoad() {
+        try {
+            const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');
+            const text = await response.text();
+            this.htmlContent = text;
+        }
+        catch (error) {
+            console.error('Failed to fetch footer HTML:', error);
+        }
+    }
+    render() {
+        return (h("footer", { key: '8cc48f284221abc3e130a5151f6128fd14f7df58' }, h("div", { key: '0cf27056ee190f644c339f7ffcf2ba8604a33bf3', innerHTML: this.htmlContent })));
+    }
+    static get is() { return "xv-footer"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-footer.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-footer.css"]
+        };
+    }
+    static get states() {
+        return {
+            "htmlContent": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=xv-footer.js.map

package/dist/collection/components/xv-footer/xv-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-footer.js","sourceRoot":"","sources":["../../../src/components/xv-footer/xv-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAM5D,MAAM,OAAO,QAAQ;IAJrB;QAKW,gBAAW,GAAW,EAAE,CAAC;KAoBnC;IAjBC,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oEAAoE,CAAC,CAAC;YACnG,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACH;YACA,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,GAAQ,CAC/B,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h,Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'xv-footer',\n  styleUrl: 'xv-footer.scss',\n})\nexport class Xvfooter {\n  @State() htmlContent: string = '';\n  @Element() el: HTMLElement;\n\n  async componentWillLoad() {\n    try {\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\n      const text = await response.text();\n      this.htmlContent = text;\n    } catch (error) {\n      console.error('Failed to fetch footer HTML:', error);\n    }\n  }\n\n  render() {\n    return (\n        <footer>\n        <div innerHTML={this.htmlContent}></div>\n        </footer>\n    );\n  }\n}\n"]}