xv-webcomponents 0.1.56 → 0.1.57
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/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{xv-accordion-v2_38.cjs.entry.js → xv-accordion-v2_40.cjs.entry.js} +79 -26
- package/dist/cjs/{xv-accordion-v2_38.cjs.entry.js.map → xv-accordion-v2_40.cjs.entry.js.map} +1 -1
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/xv-button/xv-button-v2.css +1 -0
- package/dist/collection/components/xv-header/xv-header.js +3 -3
- package/dist/collection/components/xv-header/xv-header.js.map +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +21 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js.map +1 -1
- package/dist/collection/components/xv-pagination/xv-pagination.css +98 -0
- package/dist/collection/components/xv-pagination/xv-pagination.js +150 -0
- package/dist/collection/components/xv-pagination/xv-pagination.js.map +1 -0
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.css +219 -0
- package/dist/collection/components/xv-toggle/xv-toggle.js +219 -0
- package/dist/collection/components/xv-toggle/xv-toggle.js.map +1 -0
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{xv-accordion-v2_38.entry.js → xv-accordion-v2_40.entry.js} +78 -27
- package/dist/esm/xv-accordion-v2_40.entry.js.map +1 -0
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts +1 -0
- package/dist/types/components/xv-pagination/xv-pagination.d.ts +9 -0
- package/dist/types/components/xv-toggle/xv-toggle.d.ts +16 -0
- package/dist/types/components.d.ts +132 -0
- package/dist/xv-webcomponents/p-a5fcd861.entry.js +2 -0
- package/dist/xv-webcomponents/p-a5fcd861.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/esm/xv-accordion-v2_38.entry.js.map +0 -1
- package/dist/xv-webcomponents/p-af174c62.entry.js +0 -2
- package/dist/xv-webcomponents/p-af174c62.entry.js.map +0 -1
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-
|
|
21
|
+
return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_40.cjs",[[1,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[65,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":["openChange"],"month":["getCalendarGrid"],"value":["handleValueChange"]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040,"loading-states"],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[65,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[1,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-pagination",{"total":[2],"page":[2],"limit":[2],"pages":[2],"variant":[1],"pageSizeOptions":[16,"page-size-options"]}],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[65,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[4,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[65,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[1,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[65,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[4,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"components/xv-number-input/xv-number-input.js",
|
|
25
25
|
"components/xv-overflow-menu/xv-overflow-menu.js",
|
|
26
26
|
"components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js",
|
|
27
|
+
"components/xv-pagination/xv-pagination.js",
|
|
27
28
|
"components/xv-progress-indicator/xv-progress-indicator.js",
|
|
28
29
|
"components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js",
|
|
29
30
|
"components/xv-slider/xv-slider.js",
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
"components/xv-text-input/xv-text-input.js",
|
|
38
39
|
"components/xv-textarea/xv-textarea.js",
|
|
39
40
|
"components/xv-tile/xv-tile.js",
|
|
41
|
+
"components/xv-toggle/xv-toggle.js",
|
|
40
42
|
"components/xv-toggle-tip/xv-toggle-tip.js",
|
|
41
43
|
"components/xv-tooltip/xv-tooltip.js"
|
|
42
44
|
],
|
|
@@ -139,9 +139,9 @@ export class XvHeader {
|
|
|
139
139
|
}
|
|
140
140
|
render() {
|
|
141
141
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15;
|
|
142
|
-
return (h("div", { key: 'cbbcfa5b8441e58dbc4cc3aae80869d8b1a0cb1c', id: "nav-container", class: "xv-header" }, h("nav", { key: 'f98c1a161992d026d02d2aea07000fe999ed77f3', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: 'c4e849bf7ca30c2139a8bbc617f95492c893b5fa', class: "container" }, h("div", { key: '113a53dec32944fae823453351d8a6d7e47910a1', class: "row" }, h("div", { key: 'f6abe739a02a5862192506a95159431f8d19730f', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'b58f540e5d38f9c6a6371e311a7ca8988e5f8c68', class: "navbar-header" }, h("button", { key: 'c79417f190bdb2363d65ecc88adc8f8114194921', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '640bba36c42e2ca6b987a301e50df895fe90c0b2', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '99f6a02ca75871e4b8d58b302967758391213457', class: "visible-xs-inline" }, h("a", { key: 'f9e426971269f61473b219c3e05e81a7deb712ea', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3940e0d401e90b1594d2d90cc5fb8644ee3d60d1', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '473fe8f11ae8294c2c760b4bd009d6aff80afb4c', class: "hidden-xs" }, h("a", { key: 'afb0492645418f889c7709ed7c3f47ca98d8b426', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '8a1ab1fcdbecd437c0d4b93fc55a930413d95232', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '6baa5813a9adb585a839b97fbe8a83f53f376d41', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '84e281349d178dc1ecdf6614ae8f9e8aa80a464c', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (h("li", { key: 'e97b54a1fb32edb10e2d0c486cfa4f399ed1a7e1' }, h("div", { key: 'd6bda986f71307a7c0048af93d2e5c29bb9b8142', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, h("i", { key: '6716740b39ce8f1866acefcaa401f4efd1add0f7', class: "fa fa-user" }), h("i", { key: 'd76625e4d6021f2e9a108ca4592962dedaab341c', class: "fa fa-exchange-alt" })), h("div", { key: '242a3cf18d0825e7e1ab800090def820fa285e2c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, h("div", { key: 'dda82d37a2ec18364e7b9129239f1ec75e4c6383', class: "arrow" }), h("h3", { key: '3560ee56af56d45beb61b10e75885f7b0307b294', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), h("div", { key: '9cb95ceb92186b66eb057586b5523468946ca63a', class: "popover-content" }, h("div", { key: '1c031a482705d933dc7df52079eba9762e395ad1', class: "row" }, h("div", { key: '59bd9d595d3deeb3d6a8dbf3a19cf09456f30c09', class: "col-xs-12" }, h("table", { key: 'd8903376c14428f1da07120a006ca585f9d214f1', class: "table-condensed" }, h("tbody", { key: '2e7edf8e0045bbc508467c10bcd97203c296b899' }, h("tr", { key: 'a667cb1e01c95d1fa873aac0946e9645ca354f27' }, h("td", { key: 'ae0795c459c16525826b90758f1c572cc17daa05' }, h("span", { key: 'c568060c8437c86cad954fe049827ddab13c212f' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), h("tr", { key: '21c4b78b759d9460872424879150043c4a1232f0' }, h("td", { key: '501a7bbba530c8e6eede0b70fc4ef7c416de04d2' }, h("span", { key: 'e4e6d203e358b87800bf4f484a4c45e51807ba90' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), h("tr", { key: 'b8656147c96a81f25005b0b0368b725bd44189d2' }, h("td", { key: '606fb8a824ca60ca8f986662531f742aecc316d6' }, h("span", { key: '774f2fd3f21456474fe921d295e8fba7a719087a' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), h("tr", { key: '5a9d0fc8b278bf0c1f6aa13b1e0abf74ed41eedb' }, h("td", { key: '659819d705341f6486eda6e0a17a3ab6931a25a8' }, h("span", { key: '5d3c91aed00ff40896580fbcd6782defb9257198' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), h("div", { key: 'cd54dc4698b612dd9762a9cec935297af8eb578e', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, h("div", { key: 'c1e50dbeffa3acaef676fd224d6ffc5e7928520e', class: "col-xs-12" }, h("a", { key: '55d2657a68943346080b1f9a1f65963d49e2a7ba', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), h("li", { key: '6673629230077b4a679696b068f06125c2293178' }, h("a", { key: '1b03dcbb75563933a3de040f60f0af3976442c57', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '769460b36f670bdc990ee034d5b399331f1b8fa4', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '199fcc35f167127a88b6222e5c899273e2778101', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'df1af1b3a00b2bc306ff938d75d915eace30bfc4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (h("li", { key: '72be04d4d36f25eddd00556007b7b44b693acef0', class: "dropdown" }, h("a", { key: '657181b36eeb73ec38bb2e9edb22de0150a0e33b', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: '0e83d7a996d967a3a0f6d6b307e75c24a3c20c19', class: "fas fa-bell fa-lg" }), h("span", { key: 'f46c20e98c908becc9c12c3b4d515d588386f826', id: "notifications-count", class: "badge badge-success badge-top-right", style: { display: 'none' } })))), ((_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.IsAuthenticated) && (h("li", { key: '1eaabbb6a3fb166f73b1b7c7588910aae7b252db', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '23bdeb36e97c639a56d2ee2da616627c3131dae6', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: '13a973b19774f0fbf3415a9633ee9f47be43b1b0', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: 'bf0eb18199d2f5e8c2a3567690cc4cc47eee2248', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", h("span", { key: '4243218a887f22a42f65ee706143a0feb8e3e648', class: "caret" })), h("ul", { key: '7c438c2697b87b3237117cd3dccf1564d6288bb6', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (h("li", { key: 'b2fff9abfd0f9e2436421dde9d406aa5b662f018' }, h("a", { key: '749264c9f295c3219f642c64a0c8195a443fa168', onClick: () => this.toggleCockpitMenu() }, h("i", { key: 'a3a1f3c248a969d9ee5b3cd2fc63d034632942b7', class: "fa fa-tachometer-alt fa-fw" }), "
|
|
143
|
-
_v.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (h("li", { key: '
|
|
144
|
-
_7.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text)))), h("li", { key: '
|
|
142
|
+
return (h("div", { key: 'cbbcfa5b8441e58dbc4cc3aae80869d8b1a0cb1c', id: "nav-container", class: "xv-header" }, h("nav", { key: 'f98c1a161992d026d02d2aea07000fe999ed77f3', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: 'c4e849bf7ca30c2139a8bbc617f95492c893b5fa', class: "container" }, h("div", { key: '113a53dec32944fae823453351d8a6d7e47910a1', class: "row" }, h("div", { key: 'f6abe739a02a5862192506a95159431f8d19730f', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'b58f540e5d38f9c6a6371e311a7ca8988e5f8c68', class: "navbar-header" }, h("button", { key: 'c79417f190bdb2363d65ecc88adc8f8114194921', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '640bba36c42e2ca6b987a301e50df895fe90c0b2', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '99f6a02ca75871e4b8d58b302967758391213457', class: "visible-xs-inline" }, h("a", { key: 'f9e426971269f61473b219c3e05e81a7deb712ea', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3940e0d401e90b1594d2d90cc5fb8644ee3d60d1', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '473fe8f11ae8294c2c760b4bd009d6aff80afb4c', class: "hidden-xs" }, h("a", { key: 'afb0492645418f889c7709ed7c3f47ca98d8b426', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '8a1ab1fcdbecd437c0d4b93fc55a930413d95232', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: '6baa5813a9adb585a839b97fbe8a83f53f376d41', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '84e281349d178dc1ecdf6614ae8f9e8aa80a464c', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (h("li", { key: 'e97b54a1fb32edb10e2d0c486cfa4f399ed1a7e1' }, h("div", { key: 'd6bda986f71307a7c0048af93d2e5c29bb9b8142', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, h("i", { key: '6716740b39ce8f1866acefcaa401f4efd1add0f7', class: "fa fa-user" }), h("i", { key: 'd76625e4d6021f2e9a108ca4592962dedaab341c', class: "fa fa-exchange-alt" })), h("div", { key: '242a3cf18d0825e7e1ab800090def820fa285e2c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, h("div", { key: 'dda82d37a2ec18364e7b9129239f1ec75e4c6383', class: "arrow" }), h("h3", { key: '3560ee56af56d45beb61b10e75885f7b0307b294', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), h("div", { key: '9cb95ceb92186b66eb057586b5523468946ca63a', class: "popover-content" }, h("div", { key: '1c031a482705d933dc7df52079eba9762e395ad1', class: "row" }, h("div", { key: '59bd9d595d3deeb3d6a8dbf3a19cf09456f30c09', class: "col-xs-12" }, h("table", { key: 'd8903376c14428f1da07120a006ca585f9d214f1', class: "table-condensed" }, h("tbody", { key: '2e7edf8e0045bbc508467c10bcd97203c296b899' }, h("tr", { key: 'a667cb1e01c95d1fa873aac0946e9645ca354f27' }, h("td", { key: 'ae0795c459c16525826b90758f1c572cc17daa05' }, h("span", { key: 'c568060c8437c86cad954fe049827ddab13c212f' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), h("tr", { key: '21c4b78b759d9460872424879150043c4a1232f0' }, h("td", { key: '501a7bbba530c8e6eede0b70fc4ef7c416de04d2' }, h("span", { key: 'e4e6d203e358b87800bf4f484a4c45e51807ba90' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), h("tr", { key: 'b8656147c96a81f25005b0b0368b725bd44189d2' }, h("td", { key: '606fb8a824ca60ca8f986662531f742aecc316d6' }, h("span", { key: '774f2fd3f21456474fe921d295e8fba7a719087a' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), h("tr", { key: '5a9d0fc8b278bf0c1f6aa13b1e0abf74ed41eedb' }, h("td", { key: '659819d705341f6486eda6e0a17a3ab6931a25a8' }, h("span", { key: '5d3c91aed00ff40896580fbcd6782defb9257198' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), h("div", { key: 'cd54dc4698b612dd9762a9cec935297af8eb578e', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, h("div", { key: 'c1e50dbeffa3acaef676fd224d6ffc5e7928520e', class: "col-xs-12" }, h("a", { key: '55d2657a68943346080b1f9a1f65963d49e2a7ba', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), h("li", { key: '6673629230077b4a679696b068f06125c2293178' }, h("a", { key: '1b03dcbb75563933a3de040f60f0af3976442c57', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '769460b36f670bdc990ee034d5b399331f1b8fa4', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '199fcc35f167127a88b6222e5c899273e2778101', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'df1af1b3a00b2bc306ff938d75d915eace30bfc4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (h("li", { key: '72be04d4d36f25eddd00556007b7b44b693acef0', class: "dropdown" }, h("a", { key: '657181b36eeb73ec38bb2e9edb22de0150a0e33b', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: '0e83d7a996d967a3a0f6d6b307e75c24a3c20c19', class: "fas fa-bell fa-lg" }), h("span", { key: 'f46c20e98c908becc9c12c3b4d515d588386f826', id: "notifications-count", class: "badge badge-success badge-top-right", style: { display: 'none' } })))), ((_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.IsAuthenticated) && (h("li", { key: '1eaabbb6a3fb166f73b1b7c7588910aae7b252db', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '23bdeb36e97c639a56d2ee2da616627c3131dae6', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, h("i", { key: '13a973b19774f0fbf3415a9633ee9f47be43b1b0', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: 'bf0eb18199d2f5e8c2a3567690cc4cc47eee2248', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", h("span", { key: '4243218a887f22a42f65ee706143a0feb8e3e648', class: "caret" })), h("ul", { key: '7c438c2697b87b3237117cd3dccf1564d6288bb6', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (h("li", { key: 'b2fff9abfd0f9e2436421dde9d406aa5b662f018' }, h("a", { key: '749264c9f295c3219f642c64a0c8195a443fa168', onClick: () => this.toggleCockpitMenu() }, h("i", { key: 'a3a1f3c248a969d9ee5b3cd2fc63d034632942b7', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", h("i", { key: '9ccf1adcbb589763a79ea3bcbd26dcacca74deea', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_q = (_p = this.metaNav) === null || _p === void 0 ? void 0 : _p.ManagerCockpitMenu) === null || _q === void 0 ? void 0 : _q.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), "``", ((_r = this.metaNav) === null || _r === void 0 ? void 0 : _r.IsManager) && (h("li", { key: '96e552e0c5dd9850fda57ea5ad1d22c6ea852618' }, h("a", { key: 'de95940fc83394a5e848c0fc5329aaeb278c0fad', onClick: () => this.toggleEntitiesMenu() }, h("i", { key: 'fabc20dd4bf0812ba7c90e62c6e5e91b0beac384', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", h("i", { key: '80dfb77fff87a34b9d15b12fb1a699b76893f4a9', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_t = (_s = this.metaNav) === null || _s === void 0 ? void 0 : _s.ManagerEntitiesMenu) === null || _t === void 0 ? void 0 : _t.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text))))), (_v = (_u = this.metaNav) === null || _u === void 0 ? void 0 : _u.ManagerMenu) === null || _v === void 0 ? void 0 :
|
|
143
|
+
_v.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (h("li", { key: 'c9b5aa400548a0b02c7e89b9bd672a3e36398750', role: "separator", class: "divider" })), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (h("li", { key: '89c9196b057c9cea6200aaf5288b55923637b33e' }, h("a", { key: '27f5a47201cb581c8b0356f834021a30fe99854b', onClick: () => this.toggleUserMenu() }, h("i", { key: 'e71c9de1e6f96328725e7cce0d0bd4915ff16ec2', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", h("span", { key: '2c90b5fefab4a203c11730189f7c96247d5b28ae', class: "badge" }, (_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.PendingItems), h("i", { key: '59878ff7faed4f83fe3350844b883e14c3c7d02c', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_0 = (_z = this.metaNav) === null || _z === void 0 ? void 0 : _z.UserMenu) === null || _0 === void 0 ? void 0 : _0.map(item => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (h("span", { class: "badge" }, item.BadgeText))))))), ((_2 = (_1 = this.metaNav) === null || _1 === void 0 ? void 0 : _1.ImpersonationInfo) === null || _2 === void 0 ? void 0 : _2.isImpersonated) && (h("li", { key: '5c747eb1d1cafa81f2ad0e3c50e7c2e0b67bef0b', class: 'user-menu-item' }, h("a", { key: '72c62631dcdcbcfa21b4b17e8d58d38a90b98f17', href: (_4 = (_3 = this.metaNav) === null || _3 === void 0 ? void 0 : _3.ImpersonationInfo) === null || _4 === void 0 ? void 0 : _4.ClearImpersonationUrl }, h("i", { key: 'ed0080ba547aa8cc13c3df6afcfcfa347212187a', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_5 = this.metaNav) === null || _5 === void 0 ? void 0 : _5.IsManager) && (h("li", { key: '4db7c5fa88b784b2f5787f2a931f989313519f1c', role: "separator", class: "divider" })), (_7 = (_6 = this.metaNav) === null || _6 === void 0 ? void 0 : _6.ActionsMenu) === null || _7 === void 0 ? void 0 :
|
|
144
|
+
_7.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text)))), h("li", { key: '289a64b3ada9a2781e7cc43515ffc8d2a6baee7b' }, h("a", { key: '9506ddfecdfe9cf893cf81ff27dff78d360fd35a', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, h("i", { key: '70cb9f56df53e44fe2df1cfe9703ebbf98fb5f2f', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), h("li", { key: '2b309ff38505908a2a8c3ac543dd51ac40577395', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '4013d24b571b9ce03fc14bde75c30ca4271b33d6', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '228a64f3e07c395981b2760c73a256010710a3a0', class: "fa fa-search", "aria-hidden": "true" }))), !((_8 = this.metaNav) === null || _8 === void 0 ? void 0 : _8.IsAuthenticated) && (h("li", { key: '7dee8229fcce69e3f450869114e7aedf15d06cfc', class: "hidden-xs hidden-sm" }, h("a", { key: 'f91355a19a97c65fce4eb1038bc0f8604f6a2384', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '47bcfc3e78c926e6bbb946c2e7e2fd7a351bf5d2', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: 'db211d74d578b3ce08d1d7e7594f09944db22b94' }, "Login")), h("xv-login-modal", { key: 'b2e8bea58e628bd16c3cd7b330501e4223faa0c6', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (h("li", { key: '5d1c58613419078e61ecfd2ca0e8beaa91d75511', class: "hidden-xs" }, h("a", { key: 'ccdb7d688302a34f3e7ee359175dfb81fc90b3f4', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, h("span", { key: 'd4dc5c89862ab94bfda49a97e53b13ba9455c480' }, "Registrieren")))), h("li", { key: '18151e11b76dd7d6df8f595d8d0a57353c623e5d', class: "navbar-divider hidden-xs" }), h("li", { key: '8ed41e0756fb4ddc5cd3c77c37969a5560826c95' }, h("a", { key: 'faead8beb6b2f44099e3de912af93783a25a7a45', class: "btn btn-success navbar-btn", href: "/angular/shopping-cart" }, h("span", { key: 'ae4f6626170db7e07bb164db1329e0aa36b6958f', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: 'ee10db099ae710f9827ef45d522fda8c486f0916', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: '0bd3c3a1dc12d800e4d2e70d8d9e9faa2e30d7ba', class: "badge badge-success" }, ((_11 = (_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.Cart) === null || _11 === void 0 ? void 0 : _11.NumberOfItems) || 0))))))), h("div", { key: 'e92313c770722cb8c8c15c865641a963209107de', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '9b7263067e2ce5f6005599f76504443a143ca59b', class: "container" }, h("form", { key: 'cf5230fa138a16eaf8c9c0b1db074aac9e2a72e3', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '6493f0d61b118810917ac51a0a0afae1a6b4c9eb', class: "input-group" }, h("input", { key: '724ca074c2c8df66a98f2e4e6a547ea9381ab8db', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: 'f3837ab198893667ca44a75d092a3c96befe2d4f', class: "input-group-btn force-full-width" }, h("button", { key: '33cf13f207c2bb61ef3ea43ded45d2a41a082db4', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '11c1144c270d19187d563d6c9f29bde852f58662', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: 'ee11b850ccc368a6d8bb58380811a81529ee89b9', innerHTML: this.htmlContent }), h("ul", { key: '1592435a6387d06f38980d8f9f6282eaa94ed44a', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", tabindex: "0", style: {
|
|
145
145
|
width: `${(_12 = this.listPosition) === null || _12 === void 0 ? void 0 : _12.width}px`,
|
|
146
146
|
top: `${(_13 = this.listPosition) === null || _13 === void 0 ? void 0 : _13.top}px`,
|
|
147
147
|
left: `${(_14 = this.listPosition) === null || _14 === void 0 ? void 0 : _14.left}px`,
|
|
@@ -1 +1 @@
|
|
|
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 @State() isCockpitMenuExpanded: boolean = true;\n @State() isEntitiesMenuExpanded: boolean = true;\n @State() isUserMenuExpanded: boolean = true;\n @Element() el: HTMLElement;\n @State() suggestions: { title_de: string; page_link: string; source: string }[] = [];\n @State() searchQuery: string = '';\n @State() listPosition: { width: number; top: number; left: number } = { width: 0, top: 0, left: 0 };\n @State() showPopover = false;\n\n\n private currentSuggestion: string | null = null;\n private searchInput?: HTMLInputElement;\n private inputHandlers: { input: HTMLInputElement; listeners: [string, EventListener][] }[] = [];\n\n private openLoginModal = () => {\n this.showLoginModal = true;\n };\n\n private togglePopover = () => {\n this.showPopover = !this.showPopover;\n };\n\n private closeLoginModal = () => {\n this.showLoginModal = false;\n };\n\n private handleSearchInput = async (e: Event) => {\n const target = e.target as HTMLInputElement;\n const query = target.value.trim();\n this.searchQuery = query;\n if (query.length < 2) {\n this.suggestions = [];\n this.currentSuggestion = null;\n return;\n }\n const rect = target.getBoundingClientRect();\n this.listPosition = { width: rect.width, top: rect.bottom + window.scrollY, left: rect.left + window.scrollX };\n const url =\n 'https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?fuzzy=true&suggesterName=xv-shared-index-live-suggester&api-version=2020-06-30&search=' +\n encodeURIComponent(query) +\n '&$top=10&$select=title_de,page_link,source&$orderby=source desc';\n try {\n const resp = await fetch(url, {\n headers: {\n 'Content-Type': 'application/json',\n 'api-key': '7315DEF1FA0C8B12109B12BA28E517E7',\n },\n });\n const data = await resp.json();\n this.suggestions = Array.isArray(data.value) ? data.value : [];\n this.currentSuggestion = this.suggestions.length > 0 ? this.suggestions[0].title_de : null;\n } catch (err) {\n console.error('Failed to fetch suggestions', err);\n }\n };\n\n private navigateToSuggestion = (s: { title_de: string; page_link: string; source: string }) => {\n const url = \"https://www.crossvertise.com\" + s.page_link;\n window.location.href = url;\n };\n\n private escapeRegExp(text: string) {\n return text.replace(/[.*+?^${}()|[\\\\]\\\\]/g, '\\\\$&');\n }\n\n private handleKeyDown = (e: KeyboardEvent) => {\n const input = e.target as HTMLInputElement;\n if (e.key === 'Tab' && this.currentSuggestion) {\n input.value = this.currentSuggestion;\n e.preventDefault();\n } else if (e.key === 'Escape') {\n this.currentSuggestion = null;\n input.value = '';\n this.suggestions = [];\n }\n };\n\n componentDidLoad() {\n const inputs = this.el.querySelectorAll('input[name=\"Q\"]');\n inputs.forEach(input => {\n const handleInput = this.handleSearchInput.bind(this);\n const handleKeyDown = this.handleKeyDown.bind(this);\n input.addEventListener('input', handleInput);\n input.addEventListener('keydown', handleKeyDown);\n this.inputHandlers.push({\n input: input as HTMLInputElement,\n listeners: [\n ['input', handleInput],\n ['keydown', handleKeyDown],\n ],\n });\n if (!this.searchInput) {\n this.searchInput = input as HTMLInputElement;\n }\n });\n }\n\n private metaNav;\n\n private loadMetaNav() {\n try {\n const metaNavRaw = localStorage.getItem('metaNav');\n if (metaNavRaw) {\n this.metaNav = JSON.parse(metaNavRaw);\n }\n } catch (e) {\n console.warn('Could not parse metaNav from localStorage:', e);\n }\n }\n\n private toggleCockpitMenu() {\n this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;\n }\n\n private toggleEntitiesMenu() {\n this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;\n }\n\n private toggleUserMenu() {\n this.isUserMenuExpanded = !this.isUserMenuExpanded;\n }\n\n disconnectedCallback() {\n this.inputHandlers.forEach(({ input, listeners }) => {\n listeners.forEach(([event, handler]) => {\n input.removeEventListener(event, handler);\n });\n });\n this.inputHandlers = [];\n }\n\n async componentWillLoad() {\n this.loadMetaNav();\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?.message, 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\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\n\n {this.metaNav?.ImpersonationInfo &&(\n <li>\n <div class=\"btn btn-link navbar-btn navbar-btn-cust hidden-xs\" onClick={this.togglePopover}>\n <i class=\"fa fa-user\"></i>\n <i class=\"fa fa-exchange-alt\"></i>\n </div>\n <div class=\"popover popover-fixed fade bottom in\" style={{\"display\": this.showPopover ? \"block\" : \"none\"}}>\n <div class=\"arrow\"></div>\n <h3 class=\"popover-title\">Momentan ist die Kundenperspektive aktiviert für:</h3>\n <div class=\"popover-content\">\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <table class=\"table-condensed\">\n <tbody>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.NameAndTitle}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.CompanyName}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.Email}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.PhoneOffice}</span></td></tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n <div class=\"row contact-contactform-container\" id=\"contact-contactform-container-nav\">\n <div class=\"col-xs-12\">\n <a class=\"btn btn-primary btn-block\" href=\"/de-de/mycrossvertise/account/clearimpersonation\">\n Kundenperspektive verlassen\n </a>\n </div>\n </div>\n </div>\n </li>\n )}\n <li>\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n <a href=\"/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\n {/* Notifications Bell for Manager */}\n {this.metaNav?.IsManager && (\n <li class=\"dropdown\">\n <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n data-toggle=\"dropdown\"\n role=\"button\"\n data-container=\"body\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\">\n <i class=\"fas fa-bell fa-lg\"></i>\n <span id=\"notifications-count\" class=\"badge badge-success badge-top-right\" style={{ display: 'none' }}></span>\n </a>\n </li>\n )}\n\n {/* User Menu Dropdown */}\n {this.metaNav?.IsAuthenticated && (\n <li class=\"dropdown\" id=\"my-xv-menu\">\n <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n data-toggle=\"dropdown\"\n role=\"button\"\n data-container=\"body\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\">\n <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>\n \n <span class=\"hidden-xs\">{this.metaNav?.UserMenuText}</span>\n \n <span class=\"caret\"></span>\n </a>\n <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n\n {/* Manager Menu Section */}\n {this.metaNav?.IsManager && (\n <li>\n <a onClick={() => this.toggleCockpitMenu()}>\n <i class=\"fa fa-tachometer-alt fa-fw\"></i>Cockpitfunktionen<i class=\"fa fa-caret-down\"></i>\n </a>\n </li>\n )}\n {this.isCockpitMenuExpanded && this.metaNav?.ManagerCockpitMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass} style={{ textAlign: 'left' }}></i>{item.Text}\n </a>\n </li>\n ))}\n\n {/* Manager Entities Menu */}\n {this.metaNav?.IsManager && (\n <li>\n <a onClick={() => this.toggleEntitiesMenu()}><i class=\"fa fa-cubes\"></i>Entitäten<i class=\"fa fa-caret-down\"></i></a>\n </li>\n )}\n {this.isEntitiesMenuExpanded && this.metaNav?.ManagerEntitiesMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>\n {item.Text}\n </a>\n </li>\n ))}\n\n {/* Administration */}\n {this.metaNav?.ManagerMenu?.map(item => (\n <li>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>\n {item.Text}\n </a>\n </li>\n ))}\n\n {this.metaNav?.IsManager && (\n <li role=\"separator\" class=\"divider\"></li>\n )}\n\n {/* User Menu */}\n {this.metaNav?.IsManager && (\n <li >\n <a onClick={() => this.toggleUserMenu()}>\n <i class=\"fa fa-user\"></i>Mein Crossvertise<span class=\"badge\">\n {this.metaNav?.PendingItems}</span><i class=\"fa fa-caret-down\">\n </i>\n </a>\n </li>\n )}\n {this.isUserMenuExpanded && this.metaNav?.UserMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>{item.Text}{item.BadgeText && (<span class=\"badge\">{item.BadgeText}</span>)}\n </a>\n </li>\n ))}\n\n\n {/* Impersonation Info */}\n {this.metaNav?.ImpersonationInfo?.isImpersonated && (\n <li class='user-menu-item'>\n <a href={this.metaNav?.ImpersonationInfo?.ClearImpersonationUrl}>\n <i class=\"fa fa-exchange-alt\"></i>\n Kundenperspektive verlassen\n </a>\n </li>\n )}\n\n {this.metaNav?.IsManager && (\n <li role=\"separator\" class=\"divider\"></li>\n )}\n\n {/* Actions Menu */}\n {this.metaNav?.ActionsMenu?.map(item => (\n <li>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>\n {item.Text}\n </a>\n </li>\n ))}\n\n <li>\n <a href=\"/de-de/mycrossvertise/account/logoff?returnUrl=/\"><i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i>Logout</a>\n </li>\n </ul>\n </li>\n )}\n\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\n {/* Login */}\n {!this.metaNav?.IsAuthenticated && (\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 <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\n </li>\n )}\n\n {/* Registrieren */}\n {!this.metaNav?.IsAuthenticated && (\n <li class=\"hidden-xs\">\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"/de-de/mycrossvertise/account/register\">\n <span>Registrieren</span>\n </a>\n </li>\n )}\n\n <li class=\"navbar-divider hidden-xs\"></li>\n <li>\n <a class=\"btn btn-success navbar-btn\"\n href=\"/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\"> Warenkorb </span>\n <span class=\"badge badge-success\">\n {this.metaNav?.Cart?.NumberOfItems || 0}\n </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=\"/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 <ul\n class=\"ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all\"\n id=\"xv-search-suggestions\"\n tabindex=\"0\"\n style={{\n width: `${this.listPosition?.width}px`,\n top: `${this.listPosition?.top}px`,\n left: `${this.listPosition?.left}px`,\n display: this.suggestions?.length ? 'block' : 'none',\n position: 'absolute',\n zIndex: '1000',\n }}\n >\n {this.suggestions.map(s => (\n <li class=\"ui-menu-item\" role=\"presentation\">\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault();\n this.navigateToSuggestion(s);\n }}\n >\n {s.title_de.split(new RegExp(`(${this.escapeRegExp(this.searchQuery)})`, 'gi')).map(part =>\n part.toLowerCase() === this.searchQuery?.toLowerCase() ? <b>{part}</b> : part\n )}\n </a>\n </li>\n ))}\n </ul>\n </div>\n );\n }\n}"]}
|
|
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 @State() isCockpitMenuExpanded: boolean = true;\n @State() isEntitiesMenuExpanded: boolean = true;\n @State() isUserMenuExpanded: boolean = true;\n @Element() el: HTMLElement;\n @State() suggestions: { title_de: string; page_link: string; source: string }[] = [];\n @State() searchQuery: string = '';\n @State() listPosition: { width: number; top: number; left: number } = { width: 0, top: 0, left: 0 };\n @State() showPopover = false;\n\n\n private currentSuggestion: string | null = null;\n private searchInput?: HTMLInputElement;\n private inputHandlers: { input: HTMLInputElement; listeners: [string, EventListener][] }[] = [];\n\n private openLoginModal = () => {\n this.showLoginModal = true;\n };\n\n private togglePopover = () => {\n this.showPopover = !this.showPopover;\n };\n\n private closeLoginModal = () => {\n this.showLoginModal = false;\n };\n\n private handleSearchInput = async (e: Event) => {\n const target = e.target as HTMLInputElement;\n const query = target.value.trim();\n this.searchQuery = query;\n if (query.length < 2) {\n this.suggestions = [];\n this.currentSuggestion = null;\n return;\n }\n const rect = target.getBoundingClientRect();\n this.listPosition = { width: rect.width, top: rect.bottom + window.scrollY, left: rect.left + window.scrollX };\n const url =\n 'https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?fuzzy=true&suggesterName=xv-shared-index-live-suggester&api-version=2020-06-30&search=' +\n encodeURIComponent(query) +\n '&$top=10&$select=title_de,page_link,source&$orderby=source desc';\n try {\n const resp = await fetch(url, {\n headers: {\n 'Content-Type': 'application/json',\n 'api-key': '7315DEF1FA0C8B12109B12BA28E517E7',\n },\n });\n const data = await resp.json();\n this.suggestions = Array.isArray(data.value) ? data.value : [];\n this.currentSuggestion = this.suggestions.length > 0 ? this.suggestions[0].title_de : null;\n } catch (err) {\n console.error('Failed to fetch suggestions', err);\n }\n };\n\n private navigateToSuggestion = (s: { title_de: string; page_link: string; source: string }) => {\n const url = \"https://www.crossvertise.com\" + s.page_link;\n window.location.href = url;\n };\n\n private escapeRegExp(text: string) {\n return text.replace(/[.*+?^${}()|[\\\\]\\\\]/g, '\\\\$&');\n }\n\n private handleKeyDown = (e: KeyboardEvent) => {\n const input = e.target as HTMLInputElement;\n if (e.key === 'Tab' && this.currentSuggestion) {\n input.value = this.currentSuggestion;\n e.preventDefault();\n } else if (e.key === 'Escape') {\n this.currentSuggestion = null;\n input.value = '';\n this.suggestions = [];\n }\n };\n\n componentDidLoad() {\n const inputs = this.el.querySelectorAll('input[name=\"Q\"]');\n inputs.forEach(input => {\n const handleInput = this.handleSearchInput.bind(this);\n const handleKeyDown = this.handleKeyDown.bind(this);\n input.addEventListener('input', handleInput);\n input.addEventListener('keydown', handleKeyDown);\n this.inputHandlers.push({\n input: input as HTMLInputElement,\n listeners: [\n ['input', handleInput],\n ['keydown', handleKeyDown],\n ],\n });\n if (!this.searchInput) {\n this.searchInput = input as HTMLInputElement;\n }\n });\n }\n\n private metaNav;\n\n private loadMetaNav() {\n try {\n const metaNavRaw = localStorage.getItem('metaNav');\n if (metaNavRaw) {\n this.metaNav = JSON.parse(metaNavRaw);\n }\n } catch (e) {\n console.warn('Could not parse metaNav from localStorage:', e);\n }\n }\n\n private toggleCockpitMenu() {\n this.isCockpitMenuExpanded = !this.isCockpitMenuExpanded;\n }\n\n private toggleEntitiesMenu() {\n this.isEntitiesMenuExpanded = !this.isEntitiesMenuExpanded;\n }\n\n private toggleUserMenu() {\n this.isUserMenuExpanded = !this.isUserMenuExpanded;\n }\n\n disconnectedCallback() {\n this.inputHandlers.forEach(({ input, listeners }) => {\n listeners.forEach(([event, handler]) => {\n input.removeEventListener(event, handler);\n });\n });\n this.inputHandlers = [];\n }\n\n async componentWillLoad() {\n this.loadMetaNav();\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?.message, 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\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\n\n {this.metaNav?.ImpersonationInfo &&(\n <li>\n <div class=\"btn btn-link navbar-btn navbar-btn-cust hidden-xs\" onClick={this.togglePopover}>\n <i class=\"fa fa-user\"></i>\n <i class=\"fa fa-exchange-alt\"></i>\n </div>\n <div class=\"popover popover-fixed fade bottom in\" style={{\"display\": this.showPopover ? \"block\" : \"none\"}}>\n <div class=\"arrow\"></div>\n <h3 class=\"popover-title\">Momentan ist die Kundenperspektive aktiviert für:</h3>\n <div class=\"popover-content\">\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <table class=\"table-condensed\">\n <tbody>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.NameAndTitle}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.CompanyName}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.Email}</span></td></tr>\n <tr><td><span>{this.metaNav?.ImpersonationInfo?.PhoneOffice}</span></td></tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n <div class=\"row contact-contactform-container\" id=\"contact-contactform-container-nav\">\n <div class=\"col-xs-12\">\n <a class=\"btn btn-primary btn-block\" href=\"/de-de/mycrossvertise/account/clearimpersonation\">\n Kundenperspektive verlassen\n </a>\n </div>\n </div>\n </div>\n </li>\n )}\n <li>\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n <a href=\"/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\n {/* Notifications Bell for Manager */}\n {this.metaNav?.IsManager && (\n <li class=\"dropdown\">\n <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n data-toggle=\"dropdown\"\n role=\"button\"\n data-container=\"body\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\">\n <i class=\"fas fa-bell fa-lg\"></i>\n <span id=\"notifications-count\" class=\"badge badge-success badge-top-right\" style={{ display: 'none' }}></span>\n </a>\n </li>\n )}\n\n {/* User Menu Dropdown */}\n {this.metaNav?.IsAuthenticated && (\n <li class=\"dropdown\" id=\"my-xv-menu\">\n <a class=\"dropdown-toggle btn navbar-btn btn-link\"\n data-toggle=\"dropdown\"\n role=\"button\"\n data-container=\"body\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\">\n <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i>\n \n <span class=\"hidden-xs\">{this.metaNav?.UserMenuText}</span>\n \n <span class=\"caret\"></span>\n </a>\n <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n\n {/* Manager Menu Section */}\n {this.metaNav?.IsManager && (\n <li>\n <a onClick={() => this.toggleCockpitMenu()}>\n <i class=\"fa fa-tachometer-alt fa-fw\"></i> Cockpitfunktionen <i class=\"fa fa-caret-down\"></i>\n </a>\n </li>\n )}\n {this.isCockpitMenuExpanded && this.metaNav?.ManagerCockpitMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i> {item.Text}\n </a>\n </li>\n ))}``\n\n {/* Manager Entities Menu */}\n {this.metaNav?.IsManager && (\n <li>\n <a onClick={() => this.toggleEntitiesMenu()}><i class=\"fa fa-cubes\"></i> Entitäten <i class=\"fa fa-caret-down\"></i></a>\n </li>\n )}\n {this.isEntitiesMenuExpanded && this.metaNav?.ManagerEntitiesMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>\n {item.Text}\n </a>\n </li>\n ))}\n\n {/* Administration */}\n {this.metaNav?.ManagerMenu?.map(item => (\n <li>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i> \n {item.Text}\n </a>\n </li>\n ))}\n\n {this.metaNav?.IsManager && (\n <li role=\"separator\" class=\"divider\"></li>\n )}\n\n {/* User Menu */}\n {this.metaNav?.IsManager && (\n <li >\n <a onClick={() => this.toggleUserMenu()}>\n <i class=\"fa fa-user\"></i> Mein Crossvertise <span class=\"badge\">\n {this.metaNav?.PendingItems}</span><i class=\"fa fa-caret-down\">\n </i>\n </a>\n </li>\n )}\n {this.isUserMenuExpanded && this.metaNav?.UserMenu?.map(item => (\n <li class='user-menu-item'>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>{item.Text} {item.BadgeText && (<span class=\"badge\">{item.BadgeText}</span>)}\n </a>\n </li>\n ))}\n\n\n {/* Impersonation Info */}\n {this.metaNav?.ImpersonationInfo?.isImpersonated && (\n <li class='user-menu-item'>\n <a href={this.metaNav?.ImpersonationInfo?.ClearImpersonationUrl}>\n <i class=\"fa fa-exchange-alt\"></i>\n Kundenperspektive verlassen\n </a>\n </li>\n )}\n\n {this.metaNav?.IsManager && (\n <li role=\"separator\" class=\"divider\"></li>\n )}\n\n {/* Actions Menu */}\n {this.metaNav?.ActionsMenu?.map(item => (\n <li>\n <a href={item.Url} target={item.Target || '_self'}>\n <i class={item.CssClass}></i>\n {item.Text}\n </a>\n </li>\n ))}\n\n <li>\n <a href=\"/de-de/mycrossvertise/account/logoff?returnUrl=/\"><i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i>Logout</a>\n </li>\n </ul>\n </li>\n )}\n\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\n {/* Login */}\n {!this.metaNav?.IsAuthenticated && (\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 <xv-login-modal visible={this.showLoginModal} onClose={this.closeLoginModal}></xv-login-modal>\n </li>\n )}\n\n {/* Registrieren */}\n {!this.metaNav?.IsAuthenticated && (\n <li class=\"hidden-xs\">\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"/de-de/mycrossvertise/account/register\">\n <span>Registrieren</span>\n </a>\n </li>\n )}\n\n <li class=\"navbar-divider hidden-xs\"></li>\n <li>\n <a class=\"btn btn-success navbar-btn\"\n href=\"/angular/shopping-cart\">\n <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\n <span class=\"hidden-xs hidden-sm\"> Warenkorb </span>\n <span class=\"badge badge-success\">\n {this.metaNav?.Cart?.NumberOfItems || 0}\n </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=\"/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 <ul\n class=\"ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all\"\n id=\"xv-search-suggestions\"\n tabindex=\"0\"\n style={{\n width: `${this.listPosition?.width}px`,\n top: `${this.listPosition?.top}px`,\n left: `${this.listPosition?.left}px`,\n display: this.suggestions?.length ? 'block' : 'none',\n position: 'absolute',\n zIndex: '1000',\n }}\n >\n {this.suggestions.map(s => (\n <li class=\"ui-menu-item\" role=\"presentation\">\n <a\n href=\"#\"\n onClick={e => {\n e.preventDefault();\n this.navigateToSuggestion(s);\n }}\n >\n {s.title_de.split(new RegExp(`(${this.escapeRegExp(this.searchQuery)})`, 'gi')).map(part =>\n part.toLowerCase() === this.searchQuery?.toLowerCase() ? <b>{part}</b> : part\n )}\n </a>\n </li>\n ))}\n </ul>\n </div>\n );\n }\n}"]}
|
|
@@ -130,6 +130,7 @@
|
|
|
130
130
|
cursor: not-allowed;
|
|
131
131
|
}
|
|
132
132
|
:host .list {
|
|
133
|
+
z-index: 99;
|
|
133
134
|
display: flex;
|
|
134
135
|
flex-direction: column;
|
|
135
136
|
align-items: stretch;
|
|
@@ -195,6 +196,5 @@
|
|
|
195
196
|
}
|
|
196
197
|
:host([open]) .list {
|
|
197
198
|
max-height: 500px;
|
|
198
|
-
z-index: 2;
|
|
199
199
|
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
|
|
200
200
|
}
|
|
@@ -48,7 +48,8 @@ export class XvOverflowMenu {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
|
|
51
|
+
const button = (h("button", { key: '73700d500471f88935b53f9b4b73ce721fc28b04', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: 'cf10488aa37fd8d7623cfa684b36c0e120c89dd9', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '5ff0e66de2bc321bd0b4698746da18d579eae797', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))));
|
|
52
|
+
return (h(Host, { key: 'fabb7b1d3a7820a43bfabb89c802ebfedb8f9323', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, h("div", { key: '09c046a8ce77d072c068928274ed67ecab8ff422', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'a5260504badeb4054c9a797e857dffbc10a4793a' }))));
|
|
52
53
|
}
|
|
53
54
|
componentDidLoad() {
|
|
54
55
|
this.openChangeHandle();
|
|
@@ -155,6 +156,25 @@ export class XvOverflowMenu {
|
|
|
155
156
|
"setter": false,
|
|
156
157
|
"reflect": false,
|
|
157
158
|
"defaultValue": "SIZE_VAR.MD"
|
|
159
|
+
},
|
|
160
|
+
"tooltip": {
|
|
161
|
+
"type": "string",
|
|
162
|
+
"attribute": "tooltip",
|
|
163
|
+
"mutable": false,
|
|
164
|
+
"complexType": {
|
|
165
|
+
"original": "string",
|
|
166
|
+
"resolved": "string",
|
|
167
|
+
"references": {}
|
|
168
|
+
},
|
|
169
|
+
"required": false,
|
|
170
|
+
"optional": true,
|
|
171
|
+
"docs": {
|
|
172
|
+
"tags": [],
|
|
173
|
+
"text": ""
|
|
174
|
+
},
|
|
175
|
+
"getter": false,
|
|
176
|
+
"setter": false,
|
|
177
|
+
"reflect": false
|
|
158
178
|
}
|
|
159
179
|
};
|
|
160
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xv-overflow-menu.js","sourceRoot":"","sources":["../../../src/components/xv-overflow-menu/xv-overflow-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQ5C,MAAM,OAAO,cAAc;IAL3B;QAO0C,SAAI,GAAY,KAAK,CAAC;QACrC,aAAQ,GAAY,KAAK,CAAC;QAC3C,aAAQ,GAAqB,MAAM,CAAC;QACpC,SAAI,GAAa,QAAQ,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"xv-overflow-menu.js","sourceRoot":"","sources":["../../../src/components/xv-overflow-menu/xv-overflow-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { OverflowMenuEvent } from './_vars';\n\n@Component({\n tag: 'xv-overflow-menu-v2',\n styleUrl: 'xv-overflow-menu.scss',\n shadow: true,\n})\nexport class XvOverflowMenu {\n @Element() el: HTMLElement;\n @Prop({ reflect: true, mutable: true }) open: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop() position: 'left' | 'right' = 'left';\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n @Prop() tooltip?: string;\n @Event() selectItem: EventEmitter<OverflowMenuEvent>;\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape'){\n ev.stopPropagation();\n ev.preventDefault();\n this.handleClose();\n }\n }\n\n @Watch('open')\n openChangeHandle() {\n if (this.disabled) return;\n\n if (this.open) {\n this.el.addEventListener('itemClick', this.handleSelectItem);\n document.body.addEventListener('click', this.handleClick);\n } else {\n this.removeListeners();\n }\n }\n\n private handleClose = () => {\n if (this.open) this.open = false;\n }\n\n private removeListeners = () => {\n this.el.removeEventListener('itemClick', this.handleSelectItem);\n document.body.removeEventListener('click', this.handleClick);\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (!this.open || this.el.contains(ev.target as Node)) return;\n\n ev.stopPropagation();\n ev.preventDefault();\n this.handleClose()\n }\n\n private onOpenToggle = () => {\n this.open = !this.open;\n };\n\n private handleSelectItem = ({ detail }: CustomEvent<OverflowMenuEvent>) => {\n this.selectItem.emit(detail);\n this.handleClose();\n }\n\n render() {\n const button = (\n <button class={{ btn: true, open: this.open }} onClick={this.onOpenToggle} disabled={this.disabled}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 128 512\">\n <path\n d=\"M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z\" />\n </svg>\n </button>\n );\n\n return (\n <Host\n class=\"xv-overflow-menu\"\n size={this.size}\n role=\"menu\"\n tabindex={-1}\n >\n {this.tooltip ? <xv-tooltip-v2 message={this.tooltip}>{button}</xv-tooltip-v2> : button}\n\n <div class={{ list: true, open: this.open, [`position-${this.position}`]: true }}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n\n componentDidLoad() {\n this.openChangeHandle();\n }\n\n disconnectedCallback() {\n this.removeListeners();\n }\n}\n"]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
.xv-tooltip[role=tooltip] {
|
|
2
|
+
position: absolute;
|
|
3
|
+
background-color: var(--background-inverse, #333333);
|
|
4
|
+
color: var(--text-on-color);
|
|
5
|
+
padding: var(--spacing-03) var(--spacing-04);
|
|
6
|
+
border-radius: 3px;
|
|
7
|
+
font-size: var(--fz-sm);
|
|
8
|
+
z-index: 999;
|
|
9
|
+
min-width: min(150px, 90vw);
|
|
10
|
+
max-width: min(400px, 90vw);
|
|
11
|
+
}
|
|
12
|
+
.xv-tooltip[role=tooltip]::after {
|
|
13
|
+
content: "";
|
|
14
|
+
position: absolute;
|
|
15
|
+
width: 0;
|
|
16
|
+
height: 0;
|
|
17
|
+
border-style: solid;
|
|
18
|
+
}
|
|
19
|
+
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
20
|
+
bottom: -5px;
|
|
21
|
+
left: 50%;
|
|
22
|
+
transform: translateX(-50%);
|
|
23
|
+
border-width: 5px 5px 0 5px;
|
|
24
|
+
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
25
|
+
}
|
|
26
|
+
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
27
|
+
bottom: -5px;
|
|
28
|
+
left: 12px;
|
|
29
|
+
border-width: 5px 5px 0 5px;
|
|
30
|
+
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
31
|
+
}
|
|
32
|
+
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
33
|
+
bottom: -5px;
|
|
34
|
+
right: 12px;
|
|
35
|
+
border-width: 5px 5px 0 5px;
|
|
36
|
+
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
37
|
+
}
|
|
38
|
+
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
39
|
+
top: -5px;
|
|
40
|
+
left: 50%;
|
|
41
|
+
transform: translateX(-50%);
|
|
42
|
+
border-width: 0 5px 5px 5px;
|
|
43
|
+
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
44
|
+
}
|
|
45
|
+
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
46
|
+
top: -5px;
|
|
47
|
+
left: 12px;
|
|
48
|
+
border-width: 0 5px 5px 5px;
|
|
49
|
+
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
50
|
+
}
|
|
51
|
+
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
52
|
+
top: -5px;
|
|
53
|
+
right: 12px;
|
|
54
|
+
border-width: 0 5px 5px 5px;
|
|
55
|
+
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
56
|
+
}
|
|
57
|
+
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
58
|
+
top: 50%;
|
|
59
|
+
right: -5px;
|
|
60
|
+
transform: translateY(-50%);
|
|
61
|
+
border-width: 5px 0 5px 5px;
|
|
62
|
+
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
63
|
+
}
|
|
64
|
+
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
65
|
+
top: 12px;
|
|
66
|
+
right: -5px;
|
|
67
|
+
border-width: 5px 0 5px 5px;
|
|
68
|
+
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
69
|
+
}
|
|
70
|
+
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
71
|
+
bottom: 12px;
|
|
72
|
+
right: -5px;
|
|
73
|
+
border-width: 5px 0 5px 5px;
|
|
74
|
+
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
75
|
+
}
|
|
76
|
+
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
77
|
+
top: 50%;
|
|
78
|
+
left: -5px;
|
|
79
|
+
transform: translateY(-50%);
|
|
80
|
+
border-width: 5px 5px 5px 0;
|
|
81
|
+
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
82
|
+
}
|
|
83
|
+
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
84
|
+
top: 12px;
|
|
85
|
+
left: -5px;
|
|
86
|
+
border-width: 5px 5px 5px 0;
|
|
87
|
+
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
88
|
+
}
|
|
89
|
+
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
90
|
+
bottom: 12px;
|
|
91
|
+
left: -5px;
|
|
92
|
+
border-width: 5px 5px 5px 0;
|
|
93
|
+
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
:host {
|
|
97
|
+
display: block;
|
|
98
|
+
}
|