xv-webcomponents 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +129 -129
- package/package.json +51 -51
- package/dist/cjs/app-globals-3a1e7e63.js +0 -7
- package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
- package/dist/cjs/index-782b9733.js +0 -1535
- package/dist/cjs/index-782b9733.js.map +0 -1
- package/dist/cjs/index.cjs.js +0 -11
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js +0 -17
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/utils-c7652b74.js +0 -13
- package/dist/cjs/utils-c7652b74.js.map +0 -1
- package/dist/cjs/xv-accordion-v2_16.cjs.entry.js +0 -663
- package/dist/cjs/xv-accordion-v2_16.cjs.entry.js.map +0 -1
- package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js +0 -22
- package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js.map +0 -1
- package/dist/cjs/xv-webcomponents.cjs.js +0 -27
- package/dist/cjs/xv-webcomponents.cjs.js.map +0 -1
- package/dist/collection/assets/fonts/fontawesome5/fa-brands-400.svg +0 -3717
- package/dist/collection/assets/fonts/fontawesome5/fa-duotone-900.svg +0 -15326
- package/dist/collection/assets/fonts/fontawesome5/fa-light-300.svg +0 -12420
- package/dist/collection/assets/fonts/fontawesome5/fa-regular-400.svg +0 -11323
- package/dist/collection/assets/fonts/fontawesome5/fa-solid-900.svg +0 -9653
- package/dist/collection/collection-manifest.json +0 -28
- package/dist/collection/components/xv-accordion/xv-accordion.css +0 -3
- package/dist/collection/components/xv-accordion/xv-accordion.js +0 -163
- package/dist/collection/components/xv-accordion/xv-accordion.js.map +0 -1
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.css +0 -68
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +0 -132
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.js.map +0 -1
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css +0 -3
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js +0 -19
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js.map +0 -1
- package/dist/collection/components/xv-button/xv-button-v2.css +0 -153
- package/dist/collection/components/xv-button/xv-button.js +0 -138
- package/dist/collection/components/xv-button/xv-button.js.map +0 -1
- package/dist/collection/components/xv-card/xv-card.css +0 -63
- package/dist/collection/components/xv-card/xv-card.js +0 -122
- package/dist/collection/components/xv-card/xv-card.js.map +0 -1
- package/dist/collection/components/xv-checkbox/xv-checkbox.css +0 -108
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +0 -376
- package/dist/collection/components/xv-checkbox/xv-checkbox.js.map +0 -1
- package/dist/collection/components/xv-footer/xv-footer.css +0 -230
- package/dist/collection/components/xv-footer/xv-footer.js +0 -37
- package/dist/collection/components/xv-footer/xv-footer.js.map +0 -1
- package/dist/collection/components/xv-header/xv-header.css +0 -22587
- package/dist/collection/components/xv-header/xv-header.js +0 -46
- package/dist/collection/components/xv-header/xv-header.js.map +0 -1
- package/dist/collection/components/xv-link/xv-link.css +0 -60
- package/dist/collection/components/xv-link/xv-link.js +0 -132
- package/dist/collection/components/xv-link/xv-link.js.map +0 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +0 -7
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +0 -70
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js.map +0 -1
- package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.css +0 -66
- package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js +0 -47
- package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js.map +0 -1
- package/dist/collection/components/xv-table/defs.js +0 -14
- package/dist/collection/components/xv-table/defs.js.map +0 -1
- package/dist/collection/components/xv-table/xv-table-col/xv-table-col.css +0 -8
- package/dist/collection/components/xv-table/xv-table-col/xv-table-col.js +0 -19
- package/dist/collection/components/xv-table/xv-table-col/xv-table-col.js.map +0 -1
- package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.css +0 -21
- package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.js +0 -122
- package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.js.map +0 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +0 -53
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +0 -299
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js.map +0 -1
- package/dist/collection/components/xv-table/xv-table.css +0 -154
- package/dist/collection/components/xv-table/xv-table.js +0 -245
- package/dist/collection/components/xv-table/xv-table.js.map +0 -1
- package/dist/collection/components/xv-tag/xv-tag.css +0 -97
- package/dist/collection/components/xv-tag/xv-tag.js +0 -158
- package/dist/collection/components/xv-tag/xv-tag.js.map +0 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.css +0 -154
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +0 -70
- package/dist/collection/components/xv-tooltip/xv-tooltip.js.map +0 -1
- package/dist/collection/index.js +0 -11
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/scss/xv/images/xv-sprite.svg +0 -1
- package/dist/collection/scss/xv/sprite/images/xv-sprite.svg +0 -1
- package/dist/collection/types/enum.js +0 -9
- package/dist/collection/types/enum.js.map +0 -1
- package/dist/collection/utils/utils.js +0 -14
- package/dist/collection/utils/utils.js.map +0 -1
- package/dist/esm/app-globals-0f993ce5.js +0 -5
- package/dist/esm/app-globals-0f993ce5.js.map +0 -1
- package/dist/esm/index-83ab73b7.js +0 -1506
- package/dist/esm/index-83ab73b7.js.map +0 -1
- package/dist/esm/index.js +0 -3
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js +0 -13
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/utils-9bb6333b.js +0 -10
- package/dist/esm/utils-9bb6333b.js.map +0 -1
- package/dist/esm/xv-accordion-v2_16.entry.js +0 -644
- package/dist/esm/xv-accordion-v2_16.entry.js.map +0 -1
- package/dist/esm/xv-breadcrumbs-v2.entry.js +0 -18
- package/dist/esm/xv-breadcrumbs-v2.entry.js.map +0 -1
- package/dist/esm/xv-webcomponents.js +0 -22
- package/dist/esm/xv-webcomponents.js.map +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/types/components/xv-accordion/xv-accordion.d.ts +0 -20
- package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +0 -15
- package/dist/types/components/xv-breadcrumbs/xv-breadcrumbs.d.ts +0 -3
- package/dist/types/components/xv-button/xv-button.d.ts +0 -16
- package/dist/types/components/xv-card/xv-card.d.ts +0 -8
- package/dist/types/components/xv-checkbox/xv-checkbox.d.ts +0 -70
- package/dist/types/components/xv-footer/xv-footer.d.ts +0 -6
- package/dist/types/components/xv-header/xv-header.d.ts +0 -6
- package/dist/types/components/xv-link/xv-link.d.ts +0 -9
- package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +0 -7
- package/dist/types/components/xv-progress-indicator-item/xv-progress-indicator-item.d.ts +0 -5
- package/dist/types/components/xv-table/defs.d.ts +0 -16
- package/dist/types/components/xv-table/xv-table-col/xv-table-col.d.ts +0 -3
- package/dist/types/components/xv-table/xv-table-header-row/xv-table-header-row.d.ts +0 -25
- package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts +0 -59
- package/dist/types/components/xv-table/xv-table.d.ts +0 -40
- package/dist/types/components/xv-tag/xv-tag.d.ts +0 -11
- package/dist/types/components/xv-tooltip/xv-tooltip.d.ts +0 -11
- package/dist/types/components.d.ts +0 -705
- package/dist/types/index.d.ts +0 -11
- package/dist/types/stencil-public-runtime.d.ts +0 -1680
- package/dist/types/types/enum.d.ts +0 -7
- package/dist/types/utils/utils.d.ts +0 -9
- package/dist/xv-webcomponents/index.esm.js +0 -2
- package/dist/xv-webcomponents/index.esm.js.map +0 -1
- package/dist/xv-webcomponents/p-59dc31ad.entry.js +0 -2
- package/dist/xv-webcomponents/p-59dc31ad.entry.js.map +0 -1
- package/dist/xv-webcomponents/p-840929c5.js +0 -3
- package/dist/xv-webcomponents/p-840929c5.js.map +0 -1
- package/dist/xv-webcomponents/p-a0b74d3c.js +0 -2
- package/dist/xv-webcomponents/p-a0b74d3c.js.map +0 -1
- package/dist/xv-webcomponents/p-c1cf7200.entry.js +0 -2
- package/dist/xv-webcomponents/p-c1cf7200.entry.js.map +0 -1
- package/dist/xv-webcomponents/p-e1255160.js +0 -2
- package/dist/xv-webcomponents/p-e1255160.js.map +0 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +0 -2
- package/dist/xv-webcomponents/xv-webcomponents.esm.js.map +0 -1
- package/loader/cdn.js +0 -1
- package/loader/index.cjs.js +0 -1
- package/loader/index.d.ts +0 -24
- package/loader/index.es2017.js +0 -1
- package/loader/index.js +0 -2
- package/loader/package.json +0 -11
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
export class XvHeader {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.htmlContent = '';
|
|
5
|
-
}
|
|
6
|
-
async componentWillLoad() {
|
|
7
|
-
try {
|
|
8
|
-
const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');
|
|
9
|
-
const text = await response.text();
|
|
10
|
-
const parser = new DOMParser();
|
|
11
|
-
const doc = parser.parseFromString(text, 'text/html');
|
|
12
|
-
const mixedMenu = doc.querySelector('.alle-kategorien-menu');
|
|
13
|
-
const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');
|
|
14
|
-
const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');
|
|
15
|
-
if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {
|
|
16
|
-
allCategoriesContainer.appendChild(mixedMenu);
|
|
17
|
-
allCategoriesContainer.appendChild(allCategoriesGenerals);
|
|
18
|
-
}
|
|
19
|
-
this.htmlContent = doc.body.innerHTML;
|
|
20
|
-
}
|
|
21
|
-
catch (error) {
|
|
22
|
-
console.error('Failed to fetch header HTML:', error);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (h("div", { key: '686a2c40478daaf6e4ffd3b2f917ae5f34a7a41e', id: "nav-container", class: "xv-header" }, h("nav", { key: '04778c7c8d77a324e62ee1e5a7c3481c9b64ccbd', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: 'a0b752e442839675c2981b532843988fe7b84d5b', class: "container" }, h("div", { key: '1fcd523663df16bfb2b1a3468489f7942c8850d3', class: "row" }, h("div", { key: '2470c0bb1d064333f9878b04cc0f76079fcf399b', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '05cc8666abef0704559eca3090345f5fd52083a1', class: "navbar-header" }, h("button", { key: 'e3112730f1c1e4e1b9548daf4b8e1957b3caa4ff', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '9841f0a1072d3781532d1b6677f0e3e9e3ee2806', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'aab2ec389c73056bd918697dcec8bbd24a4e6d0c', class: "visible-xs-inline" }, h("a", { key: '023cc00196ad91ef43898997ad7a8cd2ae4d6c62', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: 'f4ea273e18fac1d81939da4e6913e6437df9ed23', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '88fc52ad1503ce6387c049a466f0b11b64fc8dc0', class: "hidden-xs" }, h("a", { key: '47dbf3958690516bb9f34e945ee3699f7f0fea4c', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '95615ea17ed47908168d3e19ff80f1ebe36353bc', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'e192871c029c115785018f86d4c39f8231e9de62', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: 'a796a1f2d640eef994c50c08d6afadd4ffef86f5', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: 'cfa95b0af1e52f3347fe90ea35232f7b4aa504b5' }, h("a", { key: 'bfee6c3ae5e934083ff603e34947991425d4890b', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '0fd9c9c544e50a0722f8ed80fed73939d2a8fd9f', class: "fa fa-user" }), h("i", { key: '7696bfd7b4265708ffdeb7542ba6b758248bd9be', class: "fa fa-exchange-alt" }))), h("li", { key: 'e8859a254ecd64812e61da45f41366d7dc9e17bd' }, h("a", { key: 'd815fc0b8ea4f99d912cbe7d82e5dfa8c0ea0b45', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '35436da536f1d56fcf78cb232ceae9da65aca1c3', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '6e9a39de0c2319d4766a66645dc64787e5839c0c', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '3019df4fb6528a99a199d2c59a9510e8b1b73153', class: "fa fa-phone" }))), h("li", { key: '856598a29af9f069cdbad0fae10cb269d2b320e9', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '53516524e1065d4fc1778da6d30d39884bcd651c', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: '10f330056111b3a109915a326f78fb3dde080b2b', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '19348fc1224be28029431f3a7d2780fed6c62808', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '5d0c443be5b3e455fc292722ba1ecb46f947a652', class: "caret" })), h("ul", { key: 'cefc025b47106b901b72e08b6f35d8f760eb5350', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'f3d2a6540592a6f23fc41ea051157643f7080e36' }, h("a", { key: '85a40f44e00ee6f6a28b28ba4570b0cbcd07812d', href: "#" }, h("i", { key: '1c71a521d733a0b73058192141a74f0d7af08f0b', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: '3921160df9de377d6064ae2d47c8e5cc99f0d64c', class: "fa fa-caret-down" }))), h("li", { key: '464abe5df39a9b34bf2f0f625374322a8d475c8f' }, h("a", { key: 'd41b0d29f77985e0f8389676162412bad220871b', href: "#" }, h("i", { key: '7beaad0aee4117379d00a8bb682f8b9b5e2876f3', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: '765935edd17504fd7f1caeb0e698c1fb173e46bf', class: "fa fa-caret-down" }))), h("li", { key: '100c9e30eb3a50c9c97f3a2314b3042695e41ad0', role: "separator", class: "divider" }), h("li", { key: '5dfb034f2d5ebcf5d368fd3852e43a207ed007b3' }, h("a", { key: '4d47e9c66e0b7951db121177c75183b57533db8b', href: "#" }, h("i", { key: '718b96ab6c8bb5074eda3ebc1298926a130e0739', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: '340f39e539a86f0ec2e91bd5acc9387cf2306264', class: "badge" }, "0"), h("i", { key: '1e8ede49e790b469a3d4155590aa6377275b48bc', class: "fa fa-caret-down" }))), h("li", { key: '96b266796a92b76e1e063fd38e59995ef05112e0' }, h("a", { key: 'dd236b37b63ae64f4ae1d032e1e6bba6521418c2', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: '5ba6131d798d3cb0c4a5e4d2777e61be8e51cd47', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: '71a0ecd395cc30f90ff3145a86a9c6850ac3a76d', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '6971853d388da181e2827144576c0aad73627726', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: 'f28cc223e2beb092857d9e49cc6b32cc36a6a09f', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'a4743b7753562efe679b4bd8ce864ac8ad944907', class: "hidden-md hidden-lg" }, h("a", { key: 'a849c5921cfa64c904e8c7d7ad49e15429e1c81d', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/logon?returnUrl=https%3A%2F%2Fwww.crossvertise.com%2F" }, h("i", { key: '7485f592c29c01493d2578951274b217c86d1f9b', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: 'e920ba402b9ddcfead30535fa43f49ac88a9c31b', class: "hidden-xs" }, "Login"))), h("li", { key: 'a4ab66af6d6eab5ccfd54731a391c0af7f7da05a', class: "hidden-xs hidden-sm" }, h("a", { key: '6e61317190e1ab505c77114e3c60747f55d41082', role: "button", class: "btn btn-default navbar-btn btn-link", "data-toggle": "modal", "data-target": "#login-modal" }, h("i", { key: '99497a6da3f804919b386cf819008ad6fe8d51c1', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: 'ffd0ac681549c171c49349dc1802e72187db0ab8' }, "Login"))), h("li", { key: 'caa41611def5e82709a8fcddc83e7ad604133c19', class: "hidden-xs" }, h("a", { key: '8e9c5f93612f62b97a7b09503ef8efa9aba44d82', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: 'ed9bc73b04d29533d4bf545970a453f39ccd9adb' }, "Registrieren"))), h("li", { key: '846ab78f0d91b4f14a7227782d610fb35dd6902e', class: "navbar-divider hidden-xs" }), h("li", { key: '61a2242bd5b2a1d76fc47aafd89212423b158dcf' }, h("a", { key: '69fc8a96beae97cb80062e8352362d9a0f380d29', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'c719da18d5c65151fe57a93c1a26308e637192ac', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: 'dadf32f4e1ab0c5e8eb7c69330cb932798ff1174', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '17f001e570ba48c8087875f7d7e2e828154a48d8', class: "badge badge-success" }, "0"))))))), h("div", { key: '39af24a950ca971bc2de9a8daa7d3ede6cd7df1f', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '089a8b1fce3ffd7e8efb5263486b6b916a016c61', class: "container" }, h("form", { key: 'eaff691ad00aa8e243c4a3a34ef46bb6ca27c176', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: 'd315434624958fad0cf11985eb3f9a7b8fd92232', class: "input-group" }, h("input", { key: 'c5a2d5bd5991dfbddc42dea5ab61f1a3029bd354', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '783acded8aea23856f07075e81b28e32e1975282', class: "input-group-btn force-full-width" }, h("button", { key: '360d6ca9fb283b3bcfbd2fa9d90adb5c8c8541a3', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: 'f74bd37c6d33cdb7fcdb3066ae24fe130e0b6a2f', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: 'c129b9942bba1d153f8c6e3049168bb3abfebd50', innerHTML: this.htmlContent })));
|
|
27
|
-
}
|
|
28
|
-
static get is() { return "xv-header"; }
|
|
29
|
-
static get originalStyleUrls() {
|
|
30
|
-
return {
|
|
31
|
-
"$": ["xv-header.scss"]
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
static get styleUrls() {
|
|
35
|
-
return {
|
|
36
|
-
"$": ["xv-header.css"]
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
static get states() {
|
|
40
|
-
return {
|
|
41
|
-
"htmlContent": {}
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
static get elementRef() { return "el"; }
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=xv-header.js.map
|
|
@@ -1 +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';\r\n\r\n@Component({\r\n tag: 'xv-header',\r\n styleUrl: 'xv-header.scss',\r\n})\r\nexport class XvHeader {\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/nav.html');\r\n const text = await response.text();\r\n const parser = new DOMParser();\r\n const doc = parser.parseFromString(text, 'text/html');\r\n\r\n const mixedMenu = doc.querySelector('.alle-kategorien-menu');\r\n const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\r\n const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\r\n\r\n if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\r\n allCategoriesContainer.appendChild(mixedMenu);\r\n allCategoriesContainer.appendChild(allCategoriesGenerals);\r\n }\r\n\r\n this.htmlContent = doc.body.innerHTML;\r\n } catch (error) {\r\n console.error('Failed to fetch header HTML:', error);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div id=\"nav-container\" class=\"xv-header\">\r\n <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\r\n <div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\r\n <div class=\"navbar-header\">\r\n <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\r\n <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\r\n </button>\r\n <div class=\"visible-xs-inline\">\r\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\r\n </a>\r\n </div>\r\n <div class=\"hidden-xs\">\r\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\r\n <ul class=\"nav nav-pills nav-meta pull-right\">\r\n <li>\r\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\r\n <i class=\"fa fa-user\"></i>\r\n <i class=\"fa fa-exchange-alt\"></i>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\r\n <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\r\n <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\r\n <i class=\"fa fa-phone\"></i>\r\n </a>\r\n </li>\r\n <li class=\"dropdown\" id=\"my-xv-menu\">\r\n <a href=\"#\" class=\"dropdown-toggle btn btn-default navbar-btn btn-link\" data-toggle=\"dropdown\">\r\n <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i> \r\n <span class=\"hidden-xs\">Mein Bereich</span>\r\n <span class=\"caret\"></span>\r\n </a>\r\n <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-tachometer-alt fa-fw\"></i> Cockpitfunktionen <i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-cubes\"></i> Entitäten <i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li role=\"separator\" class=\"divider\"></li>\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-user\"></i> Mein Crossvertise <span class=\"badge\">0</span><i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li>\r\n <a href=\"https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com\">\r\n <i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i> Logout\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\r\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n </a>\r\n </li>\r\n <li class=\"hidden-md hidden-lg\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/logon?returnUrl=https%3A%2F%2Fwww.crossvertise.com%2F\">\r\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\r\n <span class=\"hidden-xs\">Login</span>\r\n </a>\r\n </li>\r\n <li class=\"hidden-xs hidden-sm\">\r\n <a role=\"button\" class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"modal\" data-target=\"#login-modal\">\r\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\r\n <span>Login</span>\r\n </a>\r\n </li>\r\n <li class=\"hidden-xs\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\r\n <span>Registrieren</span>\r\n </a>\r\n </li>\r\n <li class=\"navbar-divider hidden-xs\"></li>\r\n <li>\r\n <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\r\n <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\r\n <span class=\"hidden-xs hidden-sm\"> Warenkorb </span>\r\n <span class=\"badge badge-success\">0</span>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\r\n <div class=\"container\">\r\n <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\r\n <div class=\"input-group\">\r\n <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\r\n <span class=\"input-group-btn force-full-width\">\r\n <button class=\"btn btn-default search-addon\" type=\"submit\">\r\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n </button>\r\n </span>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </nav>\r\n <div innerHTML={this.htmlContent}></div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
font-family: var(--ff-body, inherit);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
:host(.xv-link_inline) {
|
|
6
|
-
display: inline-block;
|
|
7
|
-
}
|
|
8
|
-
:host(.xv-link_inline) .xv-link {
|
|
9
|
-
text-decoration-line: underline;
|
|
10
|
-
text-decoration-style: solid;
|
|
11
|
-
text-decoration-skip-ink: none;
|
|
12
|
-
text-decoration-thickness: auto;
|
|
13
|
-
text-underline-offset: auto;
|
|
14
|
-
text-underline-position: from-font;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
:host(.xv-link_standalone) {
|
|
18
|
-
display: block;
|
|
19
|
-
}
|
|
20
|
-
:host(.xv-link_standalone) .xv-link {
|
|
21
|
-
text-decoration-line: none;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.xv-link {
|
|
25
|
-
display: inline-flex;
|
|
26
|
-
gap: 8px;
|
|
27
|
-
align-items: center;
|
|
28
|
-
color: var(--link-primary);
|
|
29
|
-
font-family: var(--ff-body);
|
|
30
|
-
font-style: normal;
|
|
31
|
-
font-weight: 400;
|
|
32
|
-
transition: color 200ms ease-in-out;
|
|
33
|
-
}
|
|
34
|
-
.xv-link:active {
|
|
35
|
-
color: var(--text-primary);
|
|
36
|
-
}
|
|
37
|
-
.xv-link:visited {
|
|
38
|
-
color: var(--link-visted);
|
|
39
|
-
}
|
|
40
|
-
.xv-link:hover {
|
|
41
|
-
color: var(--link-primary-hover);
|
|
42
|
-
cursor: pointer;
|
|
43
|
-
}
|
|
44
|
-
.xv-link:disabled, .xv-link_disabled, .xv-link::part(disabled) {
|
|
45
|
-
color: var(--text-disabled);
|
|
46
|
-
pointer-events: none;
|
|
47
|
-
cursor: initial;
|
|
48
|
-
}
|
|
49
|
-
.xv-link.sm {
|
|
50
|
-
font-size: var(--fz-sm);
|
|
51
|
-
line-height: 137.5%;
|
|
52
|
-
}
|
|
53
|
-
.xv-link.md {
|
|
54
|
-
font-size: var(--fz-md);
|
|
55
|
-
line-height: 128.571%;
|
|
56
|
-
}
|
|
57
|
-
.xv-link.lg {
|
|
58
|
-
font-size: var(--fz-lg);
|
|
59
|
-
line-height: 133.333%;
|
|
60
|
-
}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { h, Host } from "@stencil/core";
|
|
2
|
-
export class XvLink {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.disabled = false;
|
|
5
|
-
this.size = 'md';
|
|
6
|
-
this.variant = 'inline';
|
|
7
|
-
}
|
|
8
|
-
preventLinkHandler(e) {
|
|
9
|
-
if (!this.disabled)
|
|
10
|
-
return;
|
|
11
|
-
e.preventDefault();
|
|
12
|
-
e.stopPropagation();
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
return (h(Host, { key: 'f1e8baea0b0efdc28b3dc682504e474ce29a465d', class: `xv-link_${this.variant}` }, h("a", { key: '22b3b8ce67e9ea4b6eb8fc779e75d5f352c644cd', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '9b15dac92ca2c8b3599e0e7b8714262e546ad2ce', name: "icon-left" }), h("slot", { key: '77e256a928be492ef4002db0f78a1b941cec7bea' }), h("slot", { key: '3a28678e4d873754174a12f7843d58551ebbb643', name: "icon-right" }))));
|
|
16
|
-
}
|
|
17
|
-
static get is() { return "xv-link-v2"; }
|
|
18
|
-
static get encapsulation() { return "shadow"; }
|
|
19
|
-
static get originalStyleUrls() {
|
|
20
|
-
return {
|
|
21
|
-
"$": ["xv-link.scss"]
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
static get styleUrls() {
|
|
25
|
-
return {
|
|
26
|
-
"$": ["xv-link.css"]
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
static get properties() {
|
|
30
|
-
return {
|
|
31
|
-
"href": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"mutable": false,
|
|
34
|
-
"complexType": {
|
|
35
|
-
"original": "string",
|
|
36
|
-
"resolved": "string",
|
|
37
|
-
"references": {}
|
|
38
|
-
},
|
|
39
|
-
"required": false,
|
|
40
|
-
"optional": false,
|
|
41
|
-
"docs": {
|
|
42
|
-
"tags": [],
|
|
43
|
-
"text": ""
|
|
44
|
-
},
|
|
45
|
-
"getter": false,
|
|
46
|
-
"setter": false,
|
|
47
|
-
"attribute": "href",
|
|
48
|
-
"reflect": false
|
|
49
|
-
},
|
|
50
|
-
"target": {
|
|
51
|
-
"type": "string",
|
|
52
|
-
"mutable": false,
|
|
53
|
-
"complexType": {
|
|
54
|
-
"original": "'_self' | '_blank' | '_parent' | '_top'",
|
|
55
|
-
"resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
|
|
56
|
-
"references": {}
|
|
57
|
-
},
|
|
58
|
-
"required": false,
|
|
59
|
-
"optional": false,
|
|
60
|
-
"docs": {
|
|
61
|
-
"tags": [],
|
|
62
|
-
"text": ""
|
|
63
|
-
},
|
|
64
|
-
"getter": false,
|
|
65
|
-
"setter": false,
|
|
66
|
-
"attribute": "target",
|
|
67
|
-
"reflect": false
|
|
68
|
-
},
|
|
69
|
-
"disabled": {
|
|
70
|
-
"type": "boolean",
|
|
71
|
-
"mutable": false,
|
|
72
|
-
"complexType": {
|
|
73
|
-
"original": "boolean",
|
|
74
|
-
"resolved": "boolean",
|
|
75
|
-
"references": {}
|
|
76
|
-
},
|
|
77
|
-
"required": false,
|
|
78
|
-
"optional": false,
|
|
79
|
-
"docs": {
|
|
80
|
-
"tags": [],
|
|
81
|
-
"text": ""
|
|
82
|
-
},
|
|
83
|
-
"getter": false,
|
|
84
|
-
"setter": false,
|
|
85
|
-
"attribute": "disabled",
|
|
86
|
-
"reflect": false,
|
|
87
|
-
"defaultValue": "false"
|
|
88
|
-
},
|
|
89
|
-
"size": {
|
|
90
|
-
"type": "string",
|
|
91
|
-
"mutable": false,
|
|
92
|
-
"complexType": {
|
|
93
|
-
"original": "'sm' | 'md' | 'lg'",
|
|
94
|
-
"resolved": "\"lg\" | \"md\" | \"sm\"",
|
|
95
|
-
"references": {}
|
|
96
|
-
},
|
|
97
|
-
"required": false,
|
|
98
|
-
"optional": false,
|
|
99
|
-
"docs": {
|
|
100
|
-
"tags": [],
|
|
101
|
-
"text": ""
|
|
102
|
-
},
|
|
103
|
-
"getter": false,
|
|
104
|
-
"setter": false,
|
|
105
|
-
"attribute": "size",
|
|
106
|
-
"reflect": false,
|
|
107
|
-
"defaultValue": "'md'"
|
|
108
|
-
},
|
|
109
|
-
"variant": {
|
|
110
|
-
"type": "string",
|
|
111
|
-
"mutable": false,
|
|
112
|
-
"complexType": {
|
|
113
|
-
"original": "'standalone' | 'inline'",
|
|
114
|
-
"resolved": "\"inline\" | \"standalone\"",
|
|
115
|
-
"references": {}
|
|
116
|
-
},
|
|
117
|
-
"required": false,
|
|
118
|
-
"optional": false,
|
|
119
|
-
"docs": {
|
|
120
|
-
"tags": [],
|
|
121
|
-
"text": ""
|
|
122
|
-
},
|
|
123
|
-
"getter": false,
|
|
124
|
-
"setter": false,
|
|
125
|
-
"attribute": "variant",
|
|
126
|
-
"reflect": false,
|
|
127
|
-
"defaultValue": "'inline'"
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
//# sourceMappingURL=xv-link.js.map
|
|
@@ -1 +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,GAA4B,QAAQ,CAAC;KA2BrD;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';\r\n\r\n@Component({\r\n tag: 'xv-link-v2',\r\n styleUrl: 'xv-link.scss',\r\n shadow: true,\r\n})\r\nexport class XvLink {\r\n @Prop() href: string;\r\n @Prop() target: '_self' | '_blank' | '_parent' | '_top';\r\n @Prop() disabled: boolean = false;\r\n @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n @Prop() variant: 'standalone' | 'inline' = 'inline';\r\n\r\n preventLinkHandler(e: PointerEvent) {\r\n if (!this.disabled) return;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class={`xv-link_${this.variant}`}>\r\n <a\r\n href={this.href}\r\n onClick={this.preventLinkHandler.bind(this)}\r\n class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\r\n target={this.target}\r\n >\r\n <slot name=\"icon-left\"></slot>\r\n\r\n <slot></slot>\r\n\r\n <slot name=\"icon-right\"></slot>\r\n </a>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
2
|
-
export class XvProgressIndicator {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.progress = 0;
|
|
5
|
-
}
|
|
6
|
-
// Update 'xv-progress-indicator-item' done status
|
|
7
|
-
updateChildItems() {
|
|
8
|
-
const items = this.el.children;
|
|
9
|
-
const itemsCount = this.el.childElementCount;
|
|
10
|
-
const progressPerItem = 100 / itemsCount;
|
|
11
|
-
if (!items.length || !itemsCount)
|
|
12
|
-
return;
|
|
13
|
-
Array.from(items).forEach((item, index) => {
|
|
14
|
-
const itemProgress = (index + 1) * progressPerItem;
|
|
15
|
-
const done = this.progress >= itemProgress;
|
|
16
|
-
item.setAttribute('done', done ? 'true' : 'false');
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
// Load initial done status
|
|
20
|
-
componentDidLoad() {
|
|
21
|
-
this.updateChildItems();
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return (h(Host, { key: '38db1b4ad031a3586b60ba8864b3d884cd8597ff', class: "xv-progress-indicator" }, h("slot", { key: '700c8f4effb6f9d4aee6e144bd60e46fea120613' })));
|
|
25
|
-
}
|
|
26
|
-
static get is() { return "xv-progress-indicator-v2"; }
|
|
27
|
-
static get encapsulation() { return "shadow"; }
|
|
28
|
-
static get originalStyleUrls() {
|
|
29
|
-
return {
|
|
30
|
-
"$": ["xv-progress-indicator.scss"]
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
static get styleUrls() {
|
|
34
|
-
return {
|
|
35
|
-
"$": ["xv-progress-indicator.css"]
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
static get properties() {
|
|
39
|
-
return {
|
|
40
|
-
"progress": {
|
|
41
|
-
"type": "number",
|
|
42
|
-
"mutable": false,
|
|
43
|
-
"complexType": {
|
|
44
|
-
"original": "number",
|
|
45
|
-
"resolved": "number",
|
|
46
|
-
"references": {}
|
|
47
|
-
},
|
|
48
|
-
"required": false,
|
|
49
|
-
"optional": false,
|
|
50
|
-
"docs": {
|
|
51
|
-
"tags": [],
|
|
52
|
-
"text": ""
|
|
53
|
-
},
|
|
54
|
-
"getter": false,
|
|
55
|
-
"setter": false,
|
|
56
|
-
"attribute": "progress",
|
|
57
|
-
"reflect": false,
|
|
58
|
-
"defaultValue": "0"
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
static get elementRef() { return "el"; }
|
|
63
|
-
static get watchers() {
|
|
64
|
-
return [{
|
|
65
|
-
"propName": "progress",
|
|
66
|
-
"methodName": "updateChildItems"
|
|
67
|
-
}];
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=xv-progress-indicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xv-progress-indicator.js","sourceRoot":"","sources":["../../../src/components/xv-progress-indicator/xv-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,mBAAmB;IALhC;QAOU,aAAQ,GAAW,CAAC,CAAC;KA8B9B;IA5BC,kDAAkD;IAElD,gBAAgB;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;QAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;QAC7C,MAAM,eAAe,GAAG,GAAG,GAAG,UAAU,CAAC;QAEzC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU;YAAE,OAAO;QAEzC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;YACnD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;YAC1C,IAAoB,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,2BAA2B;IAC3B,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,uBAAuB;YACjC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-progress-indicator-v2',\r\n styleUrl: 'xv-progress-indicator.scss',\r\n shadow: true,\r\n})\r\nexport class XvProgressIndicator {\r\n @Element() el: HTMLElement;\r\n @Prop() progress: number = 0;\r\n\r\n // Update 'xv-progress-indicator-item' done status\r\n @Watch('progress')\r\n updateChildItems() {\r\n const items = this.el.children;\r\n const itemsCount = this.el.childElementCount;\r\n const progressPerItem = 100 / itemsCount;\r\n\r\n if (!items.length || !itemsCount) return;\r\n\r\n Array.from(items).forEach((item, index) => {\r\n const itemProgress = (index + 1) * progressPerItem;\r\n const done = this.progress >= itemProgress;\r\n (item as HTMLElement).setAttribute('done', done ? 'true' : 'false');\r\n });\r\n }\r\n\r\n // Load initial done status\r\n componentDidLoad() {\r\n this.updateChildItems()\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class=\"xv-progress-indicator\">\r\n <slot></slot>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.css
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
:host(.xv-progress-indicator-item) {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex: 1;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
position: relative;
|
|
8
|
-
padding: 10px 16px;
|
|
9
|
-
}
|
|
10
|
-
:host(.xv-progress-indicator-item):before {
|
|
11
|
-
width: 100%;
|
|
12
|
-
}
|
|
13
|
-
:host(.xv-progress-indicator-item):before, :host(.xv-progress-indicator-item) .line {
|
|
14
|
-
content: "";
|
|
15
|
-
z-index: 1;
|
|
16
|
-
display: inline-block;
|
|
17
|
-
position: absolute;
|
|
18
|
-
top: 0;
|
|
19
|
-
left: 0;
|
|
20
|
-
right: 0;
|
|
21
|
-
height: 2px;
|
|
22
|
-
color: inherit;
|
|
23
|
-
background-color: var(--border-subtle-01, grey);
|
|
24
|
-
}
|
|
25
|
-
:host(.xv-progress-indicator-item) .line {
|
|
26
|
-
width: 0;
|
|
27
|
-
color: inherit;
|
|
28
|
-
transition: width 250ms ease;
|
|
29
|
-
background-color: var(--background-brand, currentColor);
|
|
30
|
-
}
|
|
31
|
-
:host(.xv-progress-indicator-item) .icon {
|
|
32
|
-
display: flex;
|
|
33
|
-
align-items: center;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
width: 22px;
|
|
36
|
-
height: 22px;
|
|
37
|
-
max-width: 22px;
|
|
38
|
-
max-height: 22px;
|
|
39
|
-
border: 2px dashed var(--icon-primary, currentColor);
|
|
40
|
-
border-radius: 50%;
|
|
41
|
-
}
|
|
42
|
-
:host(.xv-progress-indicator-item) .icon svg {
|
|
43
|
-
opacity: 0;
|
|
44
|
-
transition: opacity 500ms ease-in-out;
|
|
45
|
-
}
|
|
46
|
-
:host(.xv-progress-indicator-item) .label {
|
|
47
|
-
color: var(--text-primary);
|
|
48
|
-
font-size: 14px;
|
|
49
|
-
font-style: normal;
|
|
50
|
-
font-weight: 400;
|
|
51
|
-
line-height: 18px;
|
|
52
|
-
letter-spacing: 0.16px;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
:host(.done) .icon {
|
|
56
|
-
border-color: var(--background-brand, currentColor);
|
|
57
|
-
color: var(--background-brand, inherit);
|
|
58
|
-
border-style: solid;
|
|
59
|
-
}
|
|
60
|
-
:host(.done) .icon svg {
|
|
61
|
-
opacity: 1;
|
|
62
|
-
}
|
|
63
|
-
:host(.done) .line {
|
|
64
|
-
width: 100% !important;
|
|
65
|
-
background-color: var(--background-brand, currentColor);
|
|
66
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
2
|
-
export class XvProgressIndicatorItem {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.done = false;
|
|
5
|
-
}
|
|
6
|
-
render() {
|
|
7
|
-
return (h(Host, { key: '332bcc88cf3067adc72ddd1524427b0701e2bc77', class: `xv-progress-indicator-item ${this.done ? 'done' : ''}` }, h("span", { key: 'd8b30e61520d67b9b0ee5832306df642259f74be', class: "line" }), h("span", { key: 'af8d751a7066f5b8adb47a5c3ba4be4f1fecda2f', class: "icon" }, h("svg", { key: '04ab7142557b7ddcdac13dd57172d35603cb0a84', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: 14, height: 14 }, h("path", { key: 'b3e94a46a72b5fb6982b99491b5ea9babdf0c3e5', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'abe64cb4502a2ae76a082872ddc60ac2df343aaa', class: "label" }, h("slot", { key: '1d0a215ffee57726e144534cd16208dc38d3d40d' }))));
|
|
8
|
-
}
|
|
9
|
-
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
10
|
-
static get encapsulation() { return "shadow"; }
|
|
11
|
-
static get originalStyleUrls() {
|
|
12
|
-
return {
|
|
13
|
-
"$": ["xv-progress-indicator-item.scss"]
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
static get styleUrls() {
|
|
17
|
-
return {
|
|
18
|
-
"$": ["xv-progress-indicator-item.css"]
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
static get properties() {
|
|
22
|
-
return {
|
|
23
|
-
"done": {
|
|
24
|
-
"type": "boolean",
|
|
25
|
-
"mutable": false,
|
|
26
|
-
"complexType": {
|
|
27
|
-
"original": "boolean",
|
|
28
|
-
"resolved": "boolean",
|
|
29
|
-
"references": {}
|
|
30
|
-
},
|
|
31
|
-
"required": false,
|
|
32
|
-
"optional": false,
|
|
33
|
-
"docs": {
|
|
34
|
-
"tags": [],
|
|
35
|
-
"text": ""
|
|
36
|
-
},
|
|
37
|
-
"getter": false,
|
|
38
|
-
"setter": false,
|
|
39
|
-
"attribute": "done",
|
|
40
|
-
"reflect": false,
|
|
41
|
-
"defaultValue": "false"
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
static get elementRef() { return "el"; }
|
|
46
|
-
}
|
|
47
|
-
//# sourceMappingURL=xv-progress-indicator-item.js.map
|
package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xv-progress-indicator-item.js","sourceRoot":"","sources":["../../../src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,uBAAuB;IALpC;QAO4B,SAAI,GAAY,KAAK,CAAC;KAuBjD;IArBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YAClE,6DAAM,KAAK,EAAC,MAAM,GAAE;YACpB,6DAAM,KAAK,EAAC,MAAM;gBAChB,4DACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;oBAEN,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sLAAsL,GACxL,CACF,CACD;YACP,0DAAG,KAAK,EAAC,OAAO;gBAAC,8DAAO,CAAI,CACvB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-progress-indicator-v2-item',\r\n styleUrl: 'xv-progress-indicator-item.scss',\r\n shadow: true,\r\n})\r\nexport class XvProgressIndicatorItem {\r\n @Element() el: HTMLElement;\r\n @Prop({ reflect: false }) done: boolean = false;\r\n\r\n render() {\r\n return (\r\n <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\r\n <span class=\"line\"/>\r\n <span class=\"icon\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 448 512\"\r\n width={14}\r\n height={14}\r\n >\r\n <path\r\n fill=\"currentColor\"\r\n d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\r\n />\r\n </svg>\r\n </span>\r\n <p class=\"label\"><slot/></p>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export var TABLE_COLOR_SCHEMA;
|
|
2
|
-
(function (TABLE_COLOR_SCHEMA) {
|
|
3
|
-
TABLE_COLOR_SCHEMA["DEF"] = "";
|
|
4
|
-
TABLE_COLOR_SCHEMA["ZEBRA"] = "zebra";
|
|
5
|
-
})(TABLE_COLOR_SCHEMA || (TABLE_COLOR_SCHEMA = {}));
|
|
6
|
-
export var TABLE_SIZE;
|
|
7
|
-
(function (TABLE_SIZE) {
|
|
8
|
-
TABLE_SIZE["EXTRA_SMALL"] = "xs";
|
|
9
|
-
TABLE_SIZE["SMALL"] = "sm";
|
|
10
|
-
TABLE_SIZE["MEDIUM"] = "md";
|
|
11
|
-
TABLE_SIZE["LARGE"] = "lg";
|
|
12
|
-
TABLE_SIZE["EXTRA_LARGE"] = "xl";
|
|
13
|
-
})(TABLE_SIZE || (TABLE_SIZE = {}));
|
|
14
|
-
//# sourceMappingURL=defs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/components/xv-table/defs.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,8BAAQ,CAAA;IACR,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,gCAAkB,CAAA;IAClB,0BAAY,CAAA;IACZ,2BAAa,CAAA;IACb,0BAAY,CAAA;IACZ,gCAAkB,CAAA;AACpB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB","sourcesContent":["export enum TABLE_COLOR_SCHEMA {\r\n DEF = '',\r\n ZEBRA = 'zebra',\r\n}\r\n\r\nexport enum TABLE_SIZE {\r\n EXTRA_SMALL = 'xs',\r\n SMALL = 'sm',\r\n MEDIUM = 'md',\r\n LARGE = 'lg',\r\n EXTRA_LARGE = 'xl',\r\n}\r\n\r\nexport type TableSelectionEvent = CustomEvent<{\r\n name: string;\r\n checked: boolean;\r\n value?: string;\r\n}>;\r\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
2
|
-
export class XvTableCol {
|
|
3
|
-
render() {
|
|
4
|
-
return (h(Host, { key: '899aa38642c9cf1e6c8356f841bfed8b8fb7627c' }, h("slot", { key: '335792281c8af7268248a40b1aeefce940477329' })));
|
|
5
|
-
}
|
|
6
|
-
static get is() { return "xv-table-v2-col"; }
|
|
7
|
-
static get encapsulation() { return "shadow"; }
|
|
8
|
-
static get originalStyleUrls() {
|
|
9
|
-
return {
|
|
10
|
-
"$": ["xv-table-col.scss"]
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
static get styleUrls() {
|
|
14
|
-
return {
|
|
15
|
-
"$": ["xv-table-col.css"]
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=xv-table-col.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xv-table-col.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-col/xv-table-col.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-table-v2-col',\r\n styleUrl: 'xv-table-col.scss',\r\n shadow: true,\r\n})\r\nexport class XvTableCol {\r\n render() {\r\n return (\r\n <Host>\r\n <slot></slot>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: grid;
|
|
3
|
-
padding: 16px 16px 32px;
|
|
4
|
-
align-items: center;
|
|
5
|
-
transition: height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;
|
|
6
|
-
background: var(--layer-accent-01, #F7F7F7);
|
|
7
|
-
color: var(--text-primary, #333);
|
|
8
|
-
font-family: var(--ff-body, Tahoma);
|
|
9
|
-
font-size: 14px;
|
|
10
|
-
font-weight: 700;
|
|
11
|
-
line-height: 128.571%;
|
|
12
|
-
letter-spacing: 0.16px;
|
|
13
|
-
}
|
|
14
|
-
:host .left-container {
|
|
15
|
-
height: 100%;
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
justify-content: flex-end;
|
|
19
|
-
gap: 16px;
|
|
20
|
-
padding: 0 16px;
|
|
21
|
-
}
|