xv-webcomponents 0.1.42 → 0.1.43

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

@@ -1,54 +0,0 @@
-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: 'e23865373ad9ea2ad72b911763532a825f606bc5', id: "nav-container", class: "xv-header" }, h("nav", { key: '7a621ccedbbcea7752e8f0535718e714ac3b87a7', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '5d48c595a601eb4aecbf20acf7bad412173b0c43', class: "container" }, h("div", { key: '495a0c316a6eaf585704e5d8c7fc1ad6a98ef0a2', class: "row" }, h("div", { key: 'ae0135513b1afd15a8a732b433226ea4c2e5fb34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '941dcc71efd9fcd591fc37d3b79658a5895c0cf5', class: "navbar-header" }, h("button", { key: '05422376a774a3fb2bad4f3d99260c14c9591ac3', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '2724965e90ff27350749d35e4f334c896222adbd', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '540e61643a05c89e92739af9e5639dae1c7a3a89', class: "visible-xs-inline" }, h("a", { key: 'a90967bfd343bfa84310f439e869d5cf6fd7b245', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9a4a05061aab1c1b9f47f3c8a5f1d233f2d0585f', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '6be821a687b33ff2ec170722ced74f916380f351', class: "hidden-xs" }, h("a", { key: '30494848524505dfd30b205d781628ecd76d7133', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3d295824a957db5789a0712bcce707679a0b61eb', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'ccda27c0fc15d51d8bb36a0edc6449a2a0ad96ab', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '11cb71d231254db9f1c5c53695aae2e721da4b20', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: '50c5f81db2f1f0e85c5f6bbf9a253465d9e84b35' }, h("a", { key: '79bc7f4274fc938a35e38682ba0f65fccdfb4b03', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '21710845d33579fab0dc70d063b5d872387378c9', class: "fa fa-user" }), h("i", { key: 'c6061afb38e2b2ed44c03ce4e910d9d2b5801a17', class: "fa fa-exchange-alt" }))), h("li", { key: '49348a283e4ede773307681345099e57207fcdda' }, h("a", { key: '290fd16b3aafec374b449d5050a19f606894b1d7', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: 'b51214e7831f07a03ac866bda5266c8d525fe558', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '31fd0c8390e09334e1996330efa04c9899620cc6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '17684ce738751f491369695434ab9183008a9b0d', class: "fa fa-phone" }))), h("li", { key: '38ece1d7260b8d73c7e48e3bd3b6ac29d389b88b', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '70ba7716137f93f52ea952ea401fb634a85bd672', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: 'bba83584c110f747aeb7e1f64d1010eb76588e93', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '6438bc959dfd6245859425f8e325127f869a4a8a', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '48b03adc129165116ac53166508b7d85a50d9110', class: "caret" })), h("ul", { key: '41a1e53662bc7c4b01b4dc50ed498b904d3e1fe0', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'f74892854e52d7109b3f40aeb9f0df75db7df6b9' }, h("a", { key: '0b41a267d437bab5d1c721942901c90c2b5f544c', href: "#" }, h("i", { key: '8824476df69bb5efeed55b742c2bf660711e9946', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'eea0470f9510c6bb4be719edb4592511fbe9db2f', class: "fa fa-caret-down" }))), h("li", { key: '8db405011c404f6f62ca6f849fd1a5c7fb6130b5' }, h("a", { key: '2a07deb167ebeb88396424325057ded6a5d3bb79', href: "#" }, h("i", { key: 'c278dfc51bb82626032dda352ec0fef4fe292d0e', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'df99378caeca61ff7fc34e0e5ba4ef300945c91b', class: "fa fa-caret-down" }))), h("li", { key: 'ac30718411da279c57fadadc62a6cd669a34d715', role: "separator", class: "divider" }), h("li", { key: '869b0c629487677b67c713ca73651755cbf6f383' }, h("a", { key: 'ac460c523ce2202ba08b7de10bdac67b48912dd6', href: "#" }, h("i", { key: 'feda1a2c2999dead3b2b3eb834f8b51cc63dd991', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'db19052087c8efff2cf408629775636aa1980250', class: "badge" }, "0"), h("i", { key: '5225f5b72738346c19fb1613950410bca93d8d2a', class: "fa fa-caret-down" }))), h("li", { key: '5590a102180218c69e065cc57794b835a5f224d1' }, h("a", { key: '316a47a72b47da1f68fd1f717f7246740f25a6a8', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: 'bb8ccc79300a525d4f8194d2fd00abb2581db9f6', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'd0ba91f2c496398d5aa5dbb1117d6309e8f1e606', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '22b74c5543d27d32c2d02e351b7c21e16b9ce78c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '01b86811a768fc2a19d72cb4f17c6a9785829ab0', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'c0d72f6ddd76f3dfa9d96f12118d0a73241753e8', class: "hidden-xs hidden-sm" }, h("a", { key: '71a09c453ede7a36bc6b8fc5fa79d1e608a16cfb', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '74142f2bd13d8de2d85fc1e82377407152d14c92', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '1b5116849bca8e05dc349f8554b1b552c88369dc' }, "Login"))), h("xv-login-modal", { key: 'cb142ee870252f3633b90b4e9abcd05f9f7e2df7', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'bb2855d3c34440d8fb379624ddd5acda1a8df347', class: "hidden-xs" }, h("a", { key: 'ad31c42ae4f0cfffa369b8c6471f89dc21bbbfa8', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '6a9faaac3cfe6211636be703df13a104762e2fb2' }, "Registrieren"))), h("li", { key: '2211f6d0672a708956f3cc615bf0c7ee7b3ce1ec', class: "navbar-divider hidden-xs" }), h("li", { key: '252bdabd42167b13a7e338c6554dc62f6dbf5156' }, h("a", { key: 'e4e3b75d0be8af70ca5e7fe64e3ee2b21eff072b', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'f5c1b26dd26a7baf67cfccfe4817aaa7b9cf0c9d', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '8e4e16628d7662e46bb92817e430471557390432', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'da18423a0585a0298ec080cb2526c1104f46e907', class: "badge badge-success" }, "0"))))))), h("div", { key: '282355ac46855e03ae8a3d64bb4eaf62c86e77ca', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '5007ccb71a3ff29b7325f0fcf8bce09eb93f603c', class: "container" }, h("form", { key: '55627dcc8b419e24b65cd6f6ad5e4fdde1a368d0', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '0d39c0d7cd9b098f6d5ab5f1f1c3418128753816', class: "input-group" }, h("input", { key: 'fb554f8ba5df87ec3fe372c9834497accafdd451', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '353cc24679f1092fea80f7c033525d8291ec8d0b', class: "input-group-btn force-full-width" }, h("button", { key: 'bbde50921f67baa753a65540f544bfcae80379c6', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '17749c3879831e532d36a08cc7c1ef43d72e5591', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '37675efdf9ad133373d0b4053d1007b92b9be622', 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

@@ -1 +0,0 @@
-{"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

@@ -1,67 +0,0 @@
-: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

@@ -1,132 +0,0 @@
-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: '8abd4142d08b9a55fe67a2c588655728e25dd159', class: `xv-link_${this.variant}` }, h("a", { key: 'b6fec7e701adf7a5caef4ae0610f6d83b2c08617', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '0a68b77769f8681dfc44782f9e5ea2db1a8a7d6f', name: "icon-left" }), h("slot", { key: '3ecd19fef95c96c283f260a5ef5dea734bf318bd' }), h("slot", { key: '8f21cd979ccfc5e6e890092b6ebea3b0bd067f1d', 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

@@ -1 +0,0 @@
-{"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

@@ -1,65 +0,0 @@
-: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

@@ -1,106 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-loader.js","sourceRoot":"","sources":["../../../src/components/xv-loader/xv-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,MAAM,OAAO,QAAQ;IALrB;QAME;;WAEG;QACK,SAAI,GAAY,IAAI,CAAC;QAC7B;;WAEG;QACK,YAAO,GAA8B,YAAY,CAAC;QAC1D;;WAEG;QACK,SAAI,GAAa,QAAQ,CAAC,EAAE,CAAC;KAatC;IAXC,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YACjD,YAAM,IAAI,EAAC,QAAQ,GAAQ;YAC3B,WAAK,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,GAAQ;YACpC,eAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n  tag: 'xv-loader-v2',\n  styleUrl: 'xv-loader.scss',\n  shadow: true,\n})\nexport class XvLoader {\n  /**\n   * Is component displayed\n   */\n  @Prop() show: boolean = true;\n  /**\n   * Message direction\n   */\n  @Prop() variant: 'vertical' | 'horizontal' = 'horizontal';\n  /**\n   * Size of loader. Default size depends of font size\n   */\n  @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n\n  render() {\n    if (!this.show) return null;\n\n    return (\n      <Host class={{ 'xv-loader': true }} size={this.size}>\n        <slot name=\"before\"></slot>\n        <div class={{spinner: true }}></div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}