xv-webcomponents 0.1.20 → 0.1.23

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

@@ -0,0 +1,376 @@
+import { h, Host } from "@stencil/core";
+export class XvCheckbox {
+    constructor() {
+        var _a, _b;
+        /**
+         * Default checked status
+         */
+        this.checked = false;
+        /**
+         * Using for forms
+         */
+        this.indeterminate = false;
+        /**
+         * Disabled status
+         */
+        this.disabled = false;
+        /**
+         * Input value
+         */
+        this.value = 'on';
+        /**
+         * The same like default checkbox prop
+         */
+        this.required = false;
+        /**
+         * Change checkmark icon to minus
+         */
+        this.partial = false;
+        this.hasFocus = false;
+        this.onInput = (e) => {
+            const target = e.target;
+            this.checked = target.checked;
+            this.inputEvent.emit(this.checked);
+        };
+        this.onChange = (e) => {
+            const target = e.target;
+            this.checked = target.checked;
+            this.changeEvent.emit(this.checked);
+        };
+        this.onFocus = () => {
+            this.hasFocus = true;
+            this.focusEvent.emit();
+        };
+        this.onBlur = () => {
+            this.hasFocus = false;
+            this.blurEvent.emit();
+        };
+        this.internals = ((_b = (_a = this.el).attachInternals) === null || _b === void 0 ? void 0 : _b.call(_a)) || {};
+    }
+    connectedCallback() {
+        var _a;
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(this.checked ? this.value : null);
+        }
+    }
+    onCheckedChange(newValue) {
+        var _a;
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(newValue ? this.value : null);
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ac276d5c3fd650eb0253986d49114005853dd6e3' }, h("label", { key: '42b697e56e09077521dd240cda3634e64ad32c4c', class: { 'xv-checkbox': true, disabled: this.disabled } }, h("input", { key: 'ca3cda2a03db5e4f5e92bba03c9aa52349b6aa74', ref: el => (this.inputEl = el), type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: '40f9add2230681ad01b3eaf95d18965aac0be936', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '0dc9d9dad7e4f86931ab0b367c1fd621004a867e', class: "label" }, h("slot", { key: 'd7cf291cc49e3613a6b1631d758e9faa69e32621' }, this.label))), h("slot", { key: '9a173a733b1fcfd23cdd39c2cf38a9cbe1df995b', name: "info" }), !!this.error && h("span", { key: 'ca9bfcfa30ceb9073ac98d6032af002a8c3e6049', class: "error" }, this.error)));
+    }
+    componentDidLoad() {
+        if (this.indeterminate) {
+            this.inputEl.indeterminate = true;
+        }
+    }
+    componentDidUpdate() {
+        if (this.inputEl) {
+            this.inputEl.indeterminate = this.indeterminate;
+        }
+    }
+    formResetCallback() {
+        this.checked = false;
+    }
+    formStateRestoreCallback(state) {
+        this.checked = state === this.value;
+    }
+    static get is() { return "xv-checkbox-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default checked status"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "checked",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "indeterminate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Using for forms"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "indeterminate",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled status"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Input name"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "name",
+                "reflect": true
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Input value"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": true,
+                "defaultValue": "'on'"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The same like default checkbox prop"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "required",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "partial": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Change checkmark icon to minus"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "partial",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Can be used like property or like slot"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SIZE_VAR",
+                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
+                    "references": {
+                        "SIZE_VAR": {
+                            "location": "import",
+                            "path": "../../types/enum",
+                            "id": "src/types/enum.ts::SIZE_VAR"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": true
+            },
+            "error": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | boolean",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "error",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasFocus": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "changeEvent",
+                "name": "eventChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "event 'onEventChange'"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "inputEvent",
+                "name": "eventInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "event 'onEventInput'"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "focusEvent",
+                "name": "eventFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "event 'onEventFocus'"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "blurEvent",
+                "name": "eventBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "event 'onEventBlur'"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "checked",
+                "methodName": "onCheckedChange"
+            }];
+    }
+}
+//# sourceMappingURL=xv-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-checkbox.js","sourceRoot":"","sources":["../../../src/components/xv-checkbox/xv-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\n\r\n@Component({\r\n  tag: 'xv-checkbox-v2',\r\n  styleUrl: 'xv-checkbox.scss',\r\n  shadow: true,\r\n  formAssociated: true,\r\n})\r\nexport class XvCheckbox {\r\n  private inputEl: HTMLInputElement;\r\n  private internals: ElementInternals;\r\n\r\n  @Element() el!: HTMLElement;\r\n\r\n  /**\r\n   * Default checked status\r\n   */\r\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\r\n  /**\r\n   * Using for forms\r\n   */\r\n  @Prop({ reflect: true }) indeterminate: boolean = false;\r\n  /**\r\n   * Disabled status\r\n   */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  /**\r\n   * Input name\r\n   */\r\n  @Prop({ reflect: true }) name: string;\r\n  /**\r\n   * Input value\r\n   */\r\n  @Prop({ reflect: true }) value: string = 'on';\r\n  /**\r\n   * The same like default checkbox prop\r\n   */\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  /**\r\n   * Change checkmark icon to minus\r\n   */\r\n  @Prop({ reflect: true }) partial: boolean = false;\r\n  /**\r\n   * Can be used like property or like slot\r\n   */\r\n  @Prop() label: string;\r\n\r\n  @Prop({ reflect: true }) size?: SIZE_VAR;\r\n  @Prop({ reflect: true }) error?: string | boolean;\r\n\r\n  @State() hasFocus: boolean = false;\r\n  /**\r\n   * event 'onEventChange'\r\n   */\r\n  @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\r\n  /**\r\n   * event 'onEventInput'\r\n   */\r\n  @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\r\n  /**\r\n   * event 'onEventFocus'\r\n   */\r\n  @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\r\n  /**\r\n   * event 'onEventBlur'\r\n   */\r\n  @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\r\n\r\n  constructor() {\r\n    this.internals = (this.el as any).attachInternals?.() || {};\r\n  }\r\n\r\n  connectedCallback() {\r\n    if (this.internals?.setFormValue) {\r\n      this.internals.setFormValue(this.checked ? this.value : null);\r\n    }\r\n  }\r\n\r\n  @Watch('checked')\r\n  onCheckedChange(newValue: boolean) {\r\n    if (this.internals?.setFormValue) {\r\n      this.internals.setFormValue(newValue ? this.value : null);\r\n    }\r\n  }\r\n\r\n  private onInput = (e: Event) => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.checked = target.checked;\r\n    this.inputEvent.emit(this.checked);\r\n  };\r\n\r\n  private onChange = (e: Event) => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.checked = target.checked;\r\n    this.changeEvent.emit(this.checked);\r\n  };\r\n\r\n  private onFocus = () => {\r\n    this.hasFocus = true;\r\n    this.focusEvent.emit();\r\n  };\r\n\r\n  private onBlur = () => {\r\n    this.hasFocus = false;\r\n    this.blurEvent.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\r\n          <input\r\n            ref={el => (this.inputEl = el)}\r\n            type=\"checkbox\"\r\n            name={this.name}\r\n            value={this.value}\r\n            checked={this.checked}\r\n            disabled={this.disabled}\r\n            required={this.required}\r\n            indeterminate={this.indeterminate}\r\n            onInput={this.onInput}\r\n            onChange={this.onChange}\r\n            onFocus={this.onFocus}\r\n            onBlur={this.onBlur}\r\n          />\r\n          <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\r\n          <div class=\"label\">\r\n            <slot>{this.label}</slot>\r\n          </div>\r\n        </label>\r\n        <slot name=\"info\" />\r\n        {!!this.error && <span class=\"error\">{this.error}</span>}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.indeterminate) {\r\n      this.inputEl.indeterminate = true;\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    if (this.inputEl) {\r\n      this.inputEl.indeterminate = this.indeterminate;\r\n    }\r\n  }\r\n\r\n  formResetCallback() {\r\n    this.checked = false;\r\n  }\r\n\r\n  formStateRestoreCallback(state: string) {\r\n    this.checked = state === this.value;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,230 @@
+.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: '3f97ae50d78ffb11ce8893070598f9d9be6fc2aa' }, h("div", { key: '1f74409dd358f21b6e18e4a470df27fc451ca63f', 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';\r\n\r\n@Component({\r\n  tag: 'xv-footer',\r\n  styleUrl: 'xv-footer.scss',\r\n})\r\nexport class Xvfooter {\r\n  @State() htmlContent: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  async componentWillLoad() {\r\n    try {\r\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\r\n      const text = await response.text();\r\n      this.htmlContent = text;\r\n    } catch (error) {\r\n      console.error('Failed to fetch footer HTML:', error);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n        <footer>\r\n        <div innerHTML={this.htmlContent}></div>\r\n        </footer>\r\n    );\r\n  }\r\n}\r\n"]}