xv-webcomponents 0.1.43 → 0.1.46

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

@@ -0,0 +1,54 @@
+import { h } from "@stencil/core";
+export class XvHeader {
+    constructor() {
+        this.htmlContent = '';
+        this.showLoginModal = false;
+        this.openLoginModal = () => {
+            this.showLoginModal = true;
+        };
+        this.closeLoginModal = () => {
+            this.showLoginModal = false;
+        };
+    }
+    async componentWillLoad() {
+        try {
+            const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');
+            const text = await response.text();
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(text, 'text/html');
+            const mixedMenu = doc.querySelector('.alle-kategorien-menu');
+            const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');
+            const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');
+            if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {
+                allCategoriesContainer.appendChild(mixedMenu);
+                allCategoriesContainer.appendChild(allCategoriesGenerals);
+            }
+            this.htmlContent = doc.body.innerHTML;
+        }
+        catch (error) {
+            console.error('Failed to fetch header HTML:', error);
+        }
+    }
+    render() {
+        return (h("div", { key: 'b7aab6acaa7c2413b1c6e9a4b6ae05713811960c', id: "nav-container", class: "xv-header" }, h("nav", { key: 'f788b98e47962ac01b496b8f0f89b58ce4370419', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '8a40f066454f9653ee8edb4f1f48a52b20218011', class: "container" }, h("div", { key: 'd678952c074b64205fd6ace899aef78ca160a0e5', class: "row" }, h("div", { key: 'f205bb60260b131fa6d6dabac56bc42b8766fc34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'ce7e0e8f266811a72bf50e6b6ab9151abfec3cb5', class: "navbar-header" }, h("button", { key: 'f927eedb153cc3a70ac4806bf464306818fcc1ce', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '79a7dbea97c0b2f90efd2b07714e542b34abb19a', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'bc11baf30585ac9e4dc20db488fae122e4d2ad8a', class: "visible-xs-inline" }, h("a", { key: '8df1723becb1239e99ef723258b117c080b69148', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '6596d266e73b88d73375952703a879b1e64366cb', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: 'd0881fa49bb3869013762fe946ecd778611f969b', class: "hidden-xs" }, h("a", { key: 'c5a75281506a325de9a0ae18a7caa42b4891ea20', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9823da8d0f391a06376a4207917cb518e3106fd7', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '751f34a9ac038f8adeaab310a8460cd5d874595b', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '3dafb893f2d7f1fe939b76f3cce0f1dce38525b5', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: 'be464f72fa4691826033b40a024edf6408dd5e0d' }, h("a", { key: 'b2bf46d24a3a67affa5ee0fe45e10d52da7d6529', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: 'f3d77fdd87de26113f3d8a44b997536a62afef7a', class: "fa fa-user" }), h("i", { key: '6485646caf92d85c8a8f28b19cf978a13afa9aa8', class: "fa fa-exchange-alt" }))), h("li", { key: 'e962f8de44d5d890da4feffb078a47c3f35e3880' }, h("a", { key: '211740f428b4331c861ab1b6c66d1b66d5d8cc78', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '236cdec447c0fa7dee945b2292d802e6130d73f9', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '0420eddf96d681532dce268bd5a9ead16c3c8aec', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'e6a8674a98ae9b14d8c2c2b1d7401c263dce1a3e', class: "fa fa-phone" }))), h("li", { key: 'b86f2ae90a88c656bb57e6e11d7d01c3351828ae', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '03612f92396ecaa250c4034857651059856d1079', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: '88373fa2719c5ba53a010547c8da5d03157e473b', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '01d46ab9a728b4bed00f7e51447590167488f174', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: 'f5aa74c331af74f2ddfe4982448811080f5d6cbd', class: "caret" })), h("ul", { key: '08b246ba0841a78d36b80941ad31a2ecbecb78bf', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'be019929b12cc758b33c4501054b5202e2a6c231' }, h("a", { key: 'b03b8b3cbf8fa30716bac0ded50c8a9ab0d65ddc', href: "#" }, h("i", { key: '504c93b867f94e168e3f830b38dc35e40fb47413', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: '4bdc28d3fa15730bc0f1878fbea1e8114494fb58', class: "fa fa-caret-down" }))), h("li", { key: '83f8664631367b6a619eb84eab24b960769ba2e8' }, h("a", { key: 'c07ed425d1887b6f660daf8de6634100caa2c2f2', href: "#" }, h("i", { key: '85a23d5082e867842f24c508dcd28601d40cedbd', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'e82487a0fcfd86ae9569fa40145d57b8095c8833', class: "fa fa-caret-down" }))), h("li", { key: '4c8e3f50586c7d666209952d5a269d1c727f9e58', role: "separator", class: "divider" }), h("li", { key: '42ea22dc947b257a5884ed149ded2d475cfb1a65' }, h("a", { key: 'f035a6e82af476aea781164ac3256d9a8e216b29', href: "#" }, h("i", { key: '728d79a2925441364f7e145fa5eaa346c6c0185c', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'c7f81006d6be91706bc8390c1f24eb6885f62c54', class: "badge" }, "0"), h("i", { key: 'b222edbd876509add34ac486616c269598af26fe', class: "fa fa-caret-down" }))), h("li", { key: '8e986473435ca9f93f45852a772336d65ad4a0ed' }, h("a", { key: 'd911df5a29b62096226f29c30435d37db8d2e62e', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: '5fc4602c6860a2ef5253bc1aff26b786f4bf6614', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'ad9e678d4fd0c19c1d66bafca4177b6a11215768', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '35c8bae0c030cde5e632240ebcfee1d3bc9da937', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '1b3398b90d545f6d1fea285a454876308fddd0f7', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: '5290e6a7fa352551948eacf154ace580ccabe28c', class: "hidden-xs hidden-sm" }, h("a", { key: '82535cb3eab93b2c404d8c7c9773d7cba9f1a68d', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '77a780b94ed0146d76db21fb0e90498ea1f38788', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '24a441304c43addc005355b9314c3c6ef02594e5' }, "Login"))), h("xv-login-modal", { key: 'b7f62e49b69348456003bbab3859780648fb1bbb', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: '8f407702b11dac6fc0828e905ec0eca8e2e3024d', class: "hidden-xs" }, h("a", { key: 'c4d3fc79144ffc58f65bdd9b1b9d1d7fa7a9c208', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: 'cf68d99b8a1264ca965c4ff507198ebcadbcc1ca' }, "Registrieren"))), h("li", { key: 'd28aaa20152434878fd4b549762fe493d0cbf98b', class: "navbar-divider hidden-xs" }), h("li", { key: '73fb5fc8726a3f218ddac938d32af24fcc14391e' }, h("a", { key: '24323784701f4c141d4f497c26fd4d251e934bc0', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'd5aef82ca7995f937d07f84d13319f63f3fe7734', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '4eaa3b73bd43436c727e686fad291cb6da11d212', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'ddd067ecfdd76154a43a91e84a6f806bcd207069', class: "badge badge-success" }, "0"))))))), h("div", { key: 'd16d981fe0df4b1a6db976e518bc814c598f88f0', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: 'f8af23ba283e7ebaeea9177d336b63f3073d9fb3', class: "container" }, h("form", { key: '366bbb3bb49d548a94b18411ab48c03cf678a5bc', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '5f02be2ba0e3b02e38c997f92e2235b72c245e94', class: "input-group" }, h("input", { key: '791818f062dfb12fdb82e6a36f78cdfa2d3d4c90', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '5403c028759d73f11750adbbcfcd78399abec986', class: "input-group-btn force-full-width" }, h("button", { key: 'c553c93e1d6727a33379faff15ff3d2d1f1fc829', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '595c6b8bab74002d85b994af6edb1adf10c34add', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '5cd2952c6329675c83cf442ab89a74557d7147ec', innerHTML: this.htmlContent })));
+    }
+    static get is() { return "xv-header"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-header.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-header.css"]
+        };
+    }
+    static get states() {
+        return {
+            "htmlContent": {},
+            "showLoginModal": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=xv-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-header.js","sourceRoot":"","sources":["../../../src/components/xv-header/xv-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h,Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'xv-header',\n  styleUrl: 'xv-header.scss',\n})\nexport class XvHeader {\n  @State() htmlContent: string = '';\n  @State() showLoginModal = false;\n  @Element() el: HTMLElement;\n\n\n  private openLoginModal = () => {\n    this.showLoginModal = true;\n  };\n\n  private closeLoginModal = () => {\n    this.showLoginModal = false;\n  };\n\n  async componentWillLoad() {\n    try {\n      const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\n      const text = await response.text();\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(text, 'text/html');\n\n    const mixedMenu = doc.querySelector('.alle-kategorien-menu');\n    const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\n    const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\n\n    if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\n      allCategoriesContainer.appendChild(mixedMenu);\n      allCategoriesContainer.appendChild(allCategoriesGenerals);\n    }\n\n    this.htmlContent = doc.body.innerHTML;\n    } catch (error) {\n      console.error('Failed to fetch header HTML:', error);\n    }\n  }\n\n  render() {\n    return (\n      <div id=\"nav-container\" class=\"xv-header\">\n        <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\n              <div class=\"navbar-header\">\n                <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\n                  <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\n                </button>\n                <div class=\"visible-xs-inline\">\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                    <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\n                  </a>\n                </div>\n                <div class=\"hidden-xs\">\n                  <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n                    <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\n              <ul class=\"nav nav-pills nav-meta pull-right\">\n                <li>\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\n                    <i class=\"fa fa-user\"></i>\n                    <i class=\"fa fa-exchange-alt\"></i>\n                  </a>\n                </li>\n                <li>\n                  <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n                  <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\n                  <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\n                    <i class=\"fa fa-phone\"></i>\n                  </a>\n                </li>\n                <li class=\"dropdown\" id=\"my-xv-menu\">\n                  <a href=\"#\" class=\"dropdown-toggle btn btn-default navbar-btn btn-link\" data-toggle=\"dropdown\">\n                    <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>&nbsp;\n                    <span class=\"hidden-xs\">Mein Bereich</span>\n                    <span class=\"caret\"></span>\n                  </a>\n                  <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-tachometer-alt fa-fw\"></i>&nbsp;Cockpitfunktionen&nbsp;<i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-cubes\"></i>&nbsp;Entitäten&nbsp;<i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li role=\"separator\" class=\"divider\"></li>\n                    <li>\n                      <a href=\"#\"><i class=\"fa fa-user\"></i>&nbsp;Mein Crossvertise&nbsp;<span class=\"badge\">0</span><i class=\"fa fa-caret-down\"></i></a>\n                    </li>\n                    <li>\n                      <a href=\"https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com\">\n                        <i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i>&nbsp;Logout\n                      </a>\n                    </li>\n                  </ul>\n                </li>\n                <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\n                  <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                  </a>\n                </li>\n                <li class=\"hidden-xs hidden-sm\">\n                  <a role=\"button\" onClick={this.openLoginModal}  class=\"btn btn-default navbar-btn btn-link\">\n                    <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\n                    <span>Login</span>\n                  </a>\n                </li>\n                <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\n                <li class=\"hidden-xs\">\n                  <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\n                    <span>Registrieren</span>\n                  </a>\n                </li>\n                <li class=\"navbar-divider hidden-xs\"></li>\n                <li>\n                  <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\n                    <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\n                    <span class=\"hidden-xs hidden-sm\">&nbsp;Warenkorb&nbsp;</span>\n                    <span class=\"badge badge-success\">0</span>\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\n          <div class=\"container\">\n            <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\n              <div class=\"input-group\">\n                <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\n                <span class=\"input-group-btn force-full-width\">\n                  <button class=\"btn btn-default search-addon\" type=\"submit\">\n                    <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n                  </button>\n                </span>\n              </div>\n            </form>\n          </div>\n        </div>\n      </nav>\n        <div innerHTML={this.htmlContent}></div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,162 @@
+.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;
+}
+
+:host {
+  font-family: var(--ff-body, inherit);
+}
+
+:host(.xv-link_inline) {
+  display: inline-block;
+}
+:host(.xv-link_inline) .xv-link {
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: none;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
+}
+
+:host(.xv-link_standalone) {
+  display: block;
+}
+:host(.xv-link_standalone) .xv-link {
+  display: block;
+  text-decoration-line: none;
+}
+
+:host(.xv-link_ghost) .xv-link {
+  display: contents;
+  color: inherit;
+  text-decoration: none;
+}
+
+.xv-link {
+  display: inline-flex;
+  gap: 8px;
+  align-items: center;
+  color: var(--link-primary);
+  font-family: var(--ff-body);
+  font-style: normal;
+  font-weight: 400;
+  transition: color 200ms ease-in-out;
+}
+.xv-link:active {
+  color: var(--text-primary);
+}
+.xv-link:visited {
+  color: var(--link-visted);
+}
+.xv-link:hover {
+  color: var(--link-primary-hover);
+  cursor: pointer;
+}
+.xv-link:disabled, .xv-link_disabled, .xv-link::part(disabled) {
+  color: var(--text-disabled);
+  pointer-events: none;
+  cursor: initial;
+}
+.xv-link.sm {
+  font-size: var(--fz-sm);
+  line-height: 137.5%;
+}
+.xv-link.md {
+  font-size: var(--fz-md);
+  line-height: 128.571%;
+}
+.xv-link.lg {
+  font-size: var(--fz-lg);
+  line-height: 133.333%;
+}

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

@@ -0,0 +1,132 @@
+import { h, Host } from "@stencil/core";
+export class XvLink {
+    constructor() {
+        this.disabled = false;
+        this.size = 'md';
+        this.variant = 'inline';
+    }
+    preventLinkHandler(e) {
+        if (!this.disabled)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    render() {
+        return (h(Host, { key: 'ba018404c9793ec486297fd0b033f30dec4a5d02', class: `xv-link_${this.variant}` }, h("a", { key: 'ab2696b4a1b3a9f46f7a7358073d62fa368e1705', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: 'e9d547bfd23215c9291080fb45b539743d56e4ed', name: "icon-left" }), h("slot", { key: '2ffb2c2b7fbe7f29cfb8913fc8900142c03cb385' }), h("slot", { key: '7d5d6c69aa44cbda8d954d01fcf580ae21d99a84', name: "icon-right" }))));
+    }
+    static get is() { return "xv-link-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-link.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-link.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "attribute": "href",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "target": {
+                "type": "string",
+                "attribute": "target",
+                "mutable": false,
+                "complexType": {
+                    "original": "'_self' | '_blank' | '_parent' | '_top'",
+                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "'sm' | 'md' | 'lg'",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'md'"
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "'standalone' | 'inline' | 'ghost'",
+                    "resolved": "\"ghost\" | \"inline\" | \"standalone\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'inline'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=xv-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-link.js","sourceRoot":"","sources":["../../../src/components/xv-link/xv-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IALnB;QAQU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAuB,IAAI,CAAC;QAChC,YAAO,GAAsC,QAAQ,CAAC;KA2B/D;IAzBC,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,EAAE;YACpC,0DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACxE,MAAM,EAAE,IAAI,CAAC,MAAM;gBAEnB,6DAAM,IAAI,EAAC,WAAW,GAAQ;gBAE9B,8DAAa;gBAEb,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC7B,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-link-v2',\n  styleUrl: 'xv-link.scss',\n  shadow: true,\n})\nexport class XvLink {\n  @Prop() href: string;\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top';\n  @Prop() disabled: boolean = false;\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n  @Prop() variant: 'standalone' | 'inline' | 'ghost' = 'inline';\n\n  preventLinkHandler(e: PointerEvent) {\n    if (!this.disabled) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host class={`xv-link_${this.variant}`}>\n        <a\n          href={this.href}\n          onClick={this.preventLinkHandler.bind(this)}\n          class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\n          target={this.target}\n        >\n          <slot name=\"icon-left\"></slot>\n\n          <slot></slot>\n\n          <slot name=\"icon-right\"></slot>\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,160 @@
+.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;
+}
+
+:host(.xv-loader) {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+:host(.xv-loader) .spinner {
+  color: var(--text-secondary, #515151);
+  font-size: inherit;
+  border: max(4px, 0.1em) solid rgba(0, 0, 0, 0.1);
+  border-top-color: var(--highlight-01, #CEDE94);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+  width: 1em;
+  height: 1em;
+  min-width: 1em;
+  min-height: 1em;
+  max-width: 1em;
+  max-height: 1em;
+}
+:host(.xv-loader) ::slotted(*) {
+  font-family: var(--ff-heading, "IBM Plex Sans");
+  color: inherit;
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 133.333%;
+  letter-spacing: 0.32px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:host([variant=vertical]) {
+  flex-direction: column;
+}
+
+:host([size=xs]) {
+  font-size: var(--fz-xs, 9px);
+}
+
+:host([size=sm]) {
+  font-size: var(--fz-sm, 12px);
+}
+
+:host([size=md]) {
+  font-size: inherit;
+}
+
+:host([size=lg]) {
+  font-size: var(--spacing-08, 40px);
+}
+
+:host([size=xl]) {
+  font-size: var(--spacing-12, 96px);
+}
+
+/* Animation */
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,106 @@
+import { Host, h } from "@stencil/core";
+import { SIZE_VAR } from "../../types/enum";
+export class XvLoader {
+    constructor() {
+        /**
+         * Is component displayed
+         */
+        this.show = true;
+        /**
+         * Message direction
+         */
+        this.variant = 'horizontal';
+        /**
+         * Size of loader. Default size depends of font size
+         */
+        this.size = SIZE_VAR.MD;
+    }
+    render() {
+        if (!this.show)
+            return null;
+        return (h(Host, { class: { 'xv-loader': true }, size: this.size }, h("slot", { name: "before" }), h("div", { class: { spinner: true } }), h("slot", null)));
+    }
+    static get is() { return "xv-loader-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-loader.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-loader.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "show": {
+                "type": "boolean",
+                "attribute": "show",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Is component displayed"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "'vertical' | 'horizontal'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Message direction"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'horizontal'"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "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": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size of loader. Default size depends of font size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "SIZE_VAR.MD"
+            }
+        };
+    }
+}
+//# sourceMappingURL=xv-loader.js.map