xv-webcomponents 1.3.55-qa.0 → 1.3.56-qa.0

package/dist/cjs/xv-webcomponents.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["xv-accordion-v2_45.cjs",[[256,"xv-header",{"metaNav":[32],"orgUnit":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"variant":[1],"selected":[32],"selectedMap":[32],"searchQuery":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"],"multiple":["multipleChangeHandle"]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"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"]}],[257,"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]}],[321,"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]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16,"responsive-variant"],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"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"]}],[321,"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]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":["watchOptions"],"value":["watchValue"]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[256,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":["onCheckedChange"]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"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"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"loading":[32],"activeItem":[32],"activeGroup":[32],"menuItems":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[321,"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":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4]},[[0,"click","handleClick"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"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"]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[321,"xv-button-v2",{"value":[1],"name":[1],"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+  return index.bootstrapLazy([["xv-accordion-v2_45.cjs",[[256,"xv-header",{"megaMenu":[4,"mega-menu"],"htmlContent":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32],"metaNav":[32],"mobMenuOpen":[32],"orgUnit":[32],"notificationsHtml":[32],"notificationsCount":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"variant":[1],"selected":[32],"selectedMap":[32],"searchQuery":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"],"multiple":["multipleChangeHandle"]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"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"]}],[257,"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]}],[321,"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]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16,"responsive-variant"],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"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"]}],[321,"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]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"hideSingleTab":[4,"hide-single-tab"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":["watchOptions"],"value":["watchValue"]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[256,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":["onCheckedChange"]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"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"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-mega-menu",{"open":[1540],"loading":[32],"activeItem":[32],"activeGroup":[32],"menuItems":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[321,"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":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"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"]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -42,7 +42,7 @@ export class XvButton {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8f1386d4685e5db97fd5b5600a9781ea0d05987a' }, h("button", { key: '6bd932ebf8f99074c0acc14cbf727e61222b08a8', class: {
+        return (h(Host, { key: '34652075a157be0245fc9b100a02ab9392005905' }, h("button", { key: 'a267d44a411718808df7afe1dd44af49c612d040', class: {
                 'xv-button': true,
                 [`xv-button--${this.variant}`]: !!this.variant,
                 [`xv-button--${this.size}`]: !!this.size,
@@ -52,7 +52,7 @@ export class XvButton {
                 'xv-button--icon-left': this.hasLeftIcon,
                 'xv-button--icon-right': this.hasRightIcon,
                 'xv-button--icon-only': !this.hasContent,
-            }, part: "button", value: this.value, name: this.value, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": ((_a = this.el) === null || _a === void 0 ? void 0 : _a.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '2ed770769a3a80f51ed1d93cddd441cd89f0977d', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '9df93f89d23ce30ef5b7d9f2fd2af1436536b5e5', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: 'eb1b29bf315458f64e20a1e1b8a99ba0e6d0135a', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: '5e4bc59355cc299d6dfd2e07e0e466d9be3f1232', class: "xv-button__label" }, h("slot", { key: '999a57e9adea52798ac65fc1ee0426c6d4050da1', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: '39a0821ad16c2666c25ea24d0e5bf87c7aa7b7cd', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: 'cc12d30b71357fefe38421d85563020ade45c98a', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
+            }, part: "button", onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": ((_a = this.el) === null || _a === void 0 ? void 0 : _a.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '6e99e471160d7c964d44ffd30c406c306ef201bf', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '681d2a3d51e083d2734f67826ef29fe69a2d6bb1', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: '74fceb2fe5fab3cb96114af5d96a0d7c1b54b4fd', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: '453a1d5da7a0e716b51070e05f2ed4b008b49973', class: "xv-button__label" }, h("slot", { key: '03c952dde161909506cf6aeb4e0c81490f8f17d2', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: '4c5795a2fa2419294fa1842f40824fbc1ed4de90', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: '7eeddd979cbe67959ab3c000fa52a8b9d1f113cb', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
     }
     static get is() { return "xv-button-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -69,44 +69,6 @@ export class XvButton {
     }
     static get properties() {
         return {
-            "value": {
-                "type": "string",
-                "attribute": "value",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Button value is optional"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Button value is optional"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
             "label": {
                 "type": "string",
                 "attribute": "label",

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

@@ -1 +1 @@
-{"version":3,"file":"xv-button.js","sourceRoot":"","sources":["../../../src/components/xv-button/xv-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State, Host, AttachInternals } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\n\r\n\r\n@Component({\r\n  tag: 'xv-button-v2',\r\n  styleUrl: 'xv-button-v2.scss',\r\n  shadow: true,\r\n  formAssociated: true,\r\n})\r\nexport class XvButton {\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Button value is optional */\r\n  @Prop() value?: string;\r\n  /** Button value is optional */\r\n  @Prop() name?: string;\r\n  /** Button label is optional you can use just inside content */\r\n  @Prop({ reflect: true }) label?: string;\r\n  /** Button variants */\r\n  @Prop({ reflect: true }) variant: 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary' | 'accent' = 'primary';\r\n  /** Button size */\r\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\r\n  /** Button disabled state */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  /** Button loading state */\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n  /** Button for full width */\r\n  @Prop({ reflect: true }) block: boolean = false;\r\n  /** Button type */\r\n  @Prop({ reflect: true }) type: 'button' | 'submit' | 'reset' = 'button';\r\n\r\n  @State() hasLeftIcon: boolean = false;\r\n  @State() hasRightIcon: boolean = false;\r\n  @State() hasContent: boolean = false;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  private handleSlotChangeLeft = (event: Event) => {\r\n    this.hasLeftIcon = (event.target as HTMLSlotElement).assignedElements().length > 0;\r\n  };\r\n\r\n  private handleSlotChangeContent = (event: Event) => {\r\n    this.hasContent = (event.target as HTMLSlotElement).assignedNodes().some(\r\n      node =>\r\n        node.nodeType === Node.ELEMENT_NODE ||\r\n        (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== ''),\r\n    );\r\n  };\r\n\r\n  private handleSlotChangeRight = (event: Event) => {\r\n    this.hasRightIcon = (event.target as HTMLSlotElement).assignedElements().length > 0;\r\n  };\r\n\r\n  private handleClick = () => {\r\n    if (this.type === 'submit') {\r\n      this.internals.form?.requestSubmit();\r\n    } else if (this.type === 'reset') {\r\n      this.internals.form?.reset();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <button\r\n          class={{\r\n            'xv-button': true,\r\n            [`xv-button--${this.variant}`]: !!this.variant,\r\n            [`xv-button--${this.size}`]: !!this.size,\r\n            'xv-button--disabled': this.disabled || this.loading,\r\n            'xv-button--block': this.block,\r\n            'xv-button--loading': this.loading,\r\n            'xv-button--icon-left': this.hasLeftIcon,\r\n            'xv-button--icon-right': this.hasRightIcon,\r\n            'xv-button--icon-only': !this.hasContent,\r\n          }}\r\n          part=\"button\"\r\n          value={this.value}\r\n          name={this.value}\r\n          onClick={this.handleClick}\r\n          type={this.type}\r\n          disabled={this.disabled || this.loading}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          aria-label={this.el?.ariaLabel || 'XV button'}\r\n        >\r\n          {this.loading && (\r\n            <xv-loader-v2 class=\"xv-button__loader\"\r\n                          size={this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG} />\r\n          )}\r\n\r\n          <span class=\"xv-button__icon xv-button__icon--left\">\r\n              <slot name=\"icon-left\" onSlotchange={this.handleSlotChangeLeft}></slot>\r\n            </span>\r\n\r\n          <span class=\"xv-button__label\">\r\n              <slot onSlotchange={this.handleSlotChangeContent}>\r\n                {this.label}\r\n              </slot>\r\n            </span>\r\n\r\n          <span class=\"xv-button__icon xv-button__icon--right\">\r\n              <slot name=\"icon-right\" onSlotchange={this.handleSlotChangeRight}></slot>\r\n            </span>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"xv-button.js","sourceRoot":"","sources":["../../../src/components/xv-button/xv-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State, Host, AttachInternals } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\n\r\n\r\n@Component({\r\n  tag: 'xv-button-v2',\r\n  styleUrl: 'xv-button-v2.scss',\r\n  shadow: true,\r\n  formAssociated: true,\r\n})\r\nexport class XvButton {\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Button label is optional you can use just inside content */\r\n  @Prop({ reflect: true }) label?: string;\r\n  /** Button variants */\r\n  @Prop({ reflect: true }) variant: 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary' | 'accent' = 'primary';\r\n  /** Button size */\r\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\r\n  /** Button disabled state */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  /** Button loading state */\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n  /** Button for full width */\r\n  @Prop({ reflect: true }) block: boolean = false;\r\n  /** Button type */\r\n  @Prop({ reflect: true }) type: 'button' | 'submit' | 'reset' = 'button';\r\n\r\n  @State() hasLeftIcon: boolean = false;\r\n  @State() hasRightIcon: boolean = false;\r\n  @State() hasContent: boolean = false;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  private handleSlotChangeLeft = (event: Event) => {\r\n    this.hasLeftIcon = (event.target as HTMLSlotElement).assignedElements().length > 0;\r\n  };\r\n\r\n  private handleSlotChangeContent = (event: Event) => {\r\n    this.hasContent = (event.target as HTMLSlotElement).assignedNodes().some(\r\n      node =>\r\n        node.nodeType === Node.ELEMENT_NODE ||\r\n        (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== ''),\r\n    );\r\n  };\r\n\r\n  private handleSlotChangeRight = (event: Event) => {\r\n    this.hasRightIcon = (event.target as HTMLSlotElement).assignedElements().length > 0;\r\n  };\r\n\r\n  private handleClick = () => {\r\n    if (this.type === 'submit') {\r\n      this.internals.form?.requestSubmit();\r\n    } else if (this.type === 'reset') {\r\n      this.internals.form?.reset();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <button\r\n          class={{\r\n            'xv-button': true,\r\n            [`xv-button--${this.variant}`]: !!this.variant,\r\n            [`xv-button--${this.size}`]: !!this.size,\r\n            'xv-button--disabled': this.disabled || this.loading,\r\n            'xv-button--block': this.block,\r\n            'xv-button--loading': this.loading,\r\n            'xv-button--icon-left': this.hasLeftIcon,\r\n            'xv-button--icon-right': this.hasRightIcon,\r\n            'xv-button--icon-only': !this.hasContent,\r\n          }}\r\n          part=\"button\"\r\n          onClick={this.handleClick}\r\n          type={this.type}\r\n          disabled={this.disabled || this.loading}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          aria-label={this.el?.ariaLabel || 'XV button'}\r\n        >\r\n          {this.loading && (\r\n            <xv-loader-v2 class=\"xv-button__loader\"\r\n                          size={this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG} />\r\n          )}\r\n\r\n          <span class=\"xv-button__icon xv-button__icon--left\">\r\n              <slot name=\"icon-left\" onSlotchange={this.handleSlotChangeLeft}></slot>\r\n            </span>\r\n\r\n          <span class=\"xv-button__label\">\r\n              <slot onSlotchange={this.handleSlotChangeContent}>\r\n                {this.label}\r\n              </slot>\r\n            </span>\r\n\r\n          <span class=\"xv-button__icon xv-button__icon--right\">\r\n              <slot name=\"icon-right\" onSlotchange={this.handleSlotChangeRight}></slot>\r\n            </span>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -22764,289 +22764,239 @@ button.ui-button::-moz-focus-inner {
   border-color: transparent var(--background-inverse, black) transparent transparent;
 }
 
-header.header {
-  position: sticky;
-  z-index: 1000;
-  top: 0;
+.media-nav-dropdown:hover > .dropdown-menu {
+  display: block;
 }
-header.header .header-wrapper {
-  width: 100vw;
-  padding-top: var(--spacing-04);
-  background-color: var(--background, #fff);
-  box-shadow: 1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3);
+
+.alle-kategorien-menu li:hover > ul {
+  display: block;
 }
-@media (max-width: 991px) {
-  header.header .header-wrapper {
-    padding-bottom: var(--spacing-04);
-  }
+
+#nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul {
+  display: block;
 }
-header.header .header-top {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-05);
+
+#my-xv-menu.dropdown:hover > .dropdown-menu-left {
+  display: block;
 }
-header.header .header-top--left {
-  width: 100%;
-  max-width: 350px;
-  display: flex;
-  align-items: center;
-  column-gap: var(--spacing-04);
+
+.xv-user-menu-wrapper .dropdown {
+  position: relative;
 }
-header.header .header-top--left img {
-  width: 100%;
-  max-height: 26px;
+.xv-user-menu-wrapper .navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
 }
-header.header .header-top--left .menu-btn {
-  display: none;
+.xv-user-menu-wrapper .btn-link {
+  color: #337ab7;
+  font-weight: 400;
+  border-radius: 0;
 }
-@media (max-width: 991px) {
-  header.header .header-top--left .menu-btn {
-    display: inline-block;
-  }
+.xv-user-menu-wrapper .btn-link:hover {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
 }
-header.header .header-top--right {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-03);
-  margin: 0;
-  padding: 0;
-  list-style: none;
+.xv-user-menu-wrapper .dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
-@media (max-width: 1199px) {
-  header.header .header-top--right {
-    gap: var(--spacing-01);
-  }
+.xv-user-menu-wrapper .dropdown-menu-left {
+  right: auto;
+  left: 0;
 }
-header.header .header-top--right .header-label {
-  display: flex;
-  flex-direction: column;
-  font-weight: 500;
+.xv-user-menu-wrapper .navbar-myxv .user-menu-item {
+  padding-left: 20px;
 }
-header.header .header-top--right .header-label > small {
-  font-size: 12px;
-  line-height: 11px;
-  font-weight: 100;
+.xv-user-menu-wrapper .navbar-myxv .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
 }
-@media (min-width: 992px) {
-  header.header .header-top--right .header-label {
-    margin-inline: var(--spacing-02);
-  }
+.xv-user-menu-wrapper .navbar-myxv li > a:hover {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
 }
-@media (max-width: 1199px) {
-  header.header .header-top--right .header-label {
-    display: none;
+@media (max-width: 767px) {
+  .xv-user-menu-wrapper .hidden-xs {
+    display: none !important;
   }
 }
-header.header .header-top--right .caret {
+.xv-user-menu-wrapper .badge {
   display: inline-block;
-  margin-left: 5px;
-  width: 6px;
-  height: 6px;
-  border: none;
-  border-bottom: 1px solid currentColor;
-  border-right: 1px solid currentColor;
-  transform: rotate(45deg);
-  box-sizing: border-box;
-  background: transparent;
-  transform-origin: center;
-  transition: 0.25s ease-in-out transform;
-}
-header.header .header-top--right .counter-badge--absolute {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-header.header .header-top--right .counter-badge::part(details-content) {
-  padding: 0;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 700;
+  color: #fff;
   line-height: 1;
-  width: 16px;
-  height: 16px;
-  font-size: 10px;
+  vertical-align: middle;
+  white-space: nowrap;
   text-align: center;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-header.header .header-top .fa-question-circle {
-  color: var(--icon-primary, #131313);
-}
-header.header .header-top .search-form {
-  flex: 1;
-  position: relative;
-}
-@media (max-width: 768px) {
-  header.header .header-top .search-form {
-    display: none;
-  }
-}
-header.header .header-top .search-form form {
-  padding-inline: 2px;
-  flex: 1;
-  display: flex;
-  align-items: stretch;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-header.header .header-top .search-form form input[type=search] {
-  flex: 0;
-  text-align: right;
-  display: inline-flex;
-  border: none;
-  min-width: 0;
-  transition: flex 0.3s ease-in-out, outline 0.3s ease;
-  overflow: hidden;
-  border-radius: 3px;
+  background-color: #777;
+  border-radius: 10px;
 }
-header.header .header-top .search-form form input[type=search]::placeholder {
-  color: var(--text-placeholder, #ACACAC);
+
+.ui-menu-item a:hover {
+  background: linear-gradient(to bottom, #f4f4f4 61%, #fff 100%);
+  color: #79990a !important;
+  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
 }
-header.header .header-top .search-form form input[type=search]:focus {
-  outline: 2px solid var(--focus);
+
+.popover.popover-fixed.fade.bottom.in {
+  position: absolute;
+  display: block;
+  opacity: 1;
+  top: 49.3472px;
+  left: -100px;
+  z-index: 9999;
 }
-header.header .header-top .search-form form > [type=button] {
-  display: inline-flex;
+
+.popover .arrow {
+  position: absolute;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #333;
 }
-header.header .header-top .search-form form > [type=submit] {
-  display: none;
+
+.popover .popover-content {
+  padding: 10px;
+  background: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #333;
 }
-header.header .header-top .search-form form:focus-within > [type=button], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) > [type=button] {
-  display: none;
+
+.popover.bottom > .arrow:after {
+  border-bottom-color: #a3a3a3 !important;
 }
-header.header .header-top .search-form form:focus-within > [type=submit], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) > [type=submit] {
-  display: inline-flex;
+
+.navbar-btn-cust {
+  padding: 10px 15px;
 }
-header.header .header-top .search-form form:focus-within input[type=search], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search] {
-  flex: 1;
-  outline: 1px solid var(--focus);
+
+@media (min-width: 992px) {
+  .navbar-toggle {
+    display: none;
+  }
 }
-header.header .header-top .search-form form:focus-within + .search-form-suggestions, header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) + .search-form-suggestions {
-  display: flex;
+@media (max-width: 991px) {
+  .navbar-toggle {
+    display: block;
+  }
 }
-header.header .header-top .search-form-suggestions {
-  position: absolute;
-  top: calc(100% + 5px);
-  background-color: var(--background, #fff);
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  z-index: 2;
-  padding: var(--spacing-04);
-  margin: 0;
-  list-style: none;
-  display: none;
-  flex-direction: column;
-  row-gap: var(--spacing-02);
-  min-width: calc(100% - 32px);
+
+@media (min-width: 992px) {
+  .xv-header {
+    height: 115px;
+  }
 }
-header.header .header-top .search-form-suggestions.loading:after {
+.xv-header-row {
   display: flex;
   align-items: center;
-  justify-content: center;
-  content: "";
-  background: rgba(255, 255, 255, 0.8);
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  width: 100%;
-  height: 100%;
-}
-header.header .header-top .impersonationInfo ul[slot=body] {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  min-width: 256px;
-}
-header.header .header-top .notifications-icon {
-  font-size: 14px;
+  justify-content: space-between;
 }
-header.header .header-top .notifications-item {
+.xv-header-col {
   display: flex;
   align-items: center;
   column-gap: var(--spacing-04);
 }
-header.header .header-top .notifications-item-body {
-  display: flex;
-  flex-direction: column;
+.xv-header-col--left {
+  flex-wrap: wrap;
+  overflow: hidden;
 }
-header.header .header-top .myArea {
-  position: relative;
+.xv-header-col--right {
+  min-width: max-content;
+  justify-content: flex-end;
 }
-header.header .header-top .myArea-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  max-height: 0;
-  overflow-y: scroll;
-  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  position: absolute;
-  right: 0;
-  top: calc(100% + var(--spacing-02, 5px));
-  min-width: 100%;
-  background-color: var(--background);
-  z-index: 2;
-  border-radius: 3px;
-  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
+.xv-header--link-no-visited {
+  --link-visited: var(--link-primary);
+  margin-block: var(--spacing-02);
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 95%;
 }
-@supports (scrollbar-width: thin) {
-  header.header .header-top .myArea-list {
-    scrollbar-width: thin;
-    scrollbar-color: var(--layer-01) transparent;
-  }
-}
-header.header .header-top .myArea-list::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
+.xv-header-nav {
+  background: var(--background, #fff);
+  color: var(--interactive-01, #273435);
 }
-header.header .header-top .myArea-list::-webkit-scrollbar-thumb {
-  background: var(--layer-01, #F7F7F7);
-  border-radius: 4px;
+@media (min-width: 768px) {
+  .xv-header-nav {
+    background: var(--menu-background, var(--background, #fff));
+    color: var(--menu-color, var(--interactive-01, #273435));
+  }
 }
-header.header .header-top .myArea-list::-webkit-scrollbar-track {
-  background: transparent;
+.xv-header-nav--shadow {
+  box-shadow: 1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3);
 }
-header.header .header-top .myArea-list--divider {
-  height: 2px;
-  min-height: 2px;
-  width: 100%;
-  background-color: var(--layer-01, #F7F7F7);
-  padding-block: 0 !important;
+
+.text-success {
+  color: var(--interactive-01);
 }
-header.header .header-top .myArea-list--category {
-  padding: var(--spacing-03) var(--spacing-05);
-  margin-inline: var(--spacing-02);
-  color: var(--text-primary);
-  font-weight: bold;
+
+.generic-wrapper {
+  background-color: var(--background-site, #fff);
 }
-header.header .header-top .myArea-list > li:first-child {
-  margin-top: var(--spacing-02);
+
+.navbar-myxv .user-menu-item-link i {
+  color: #333333;
 }
-header.header .header-top .myArea-list > li:last-child {
-  margin-bottom: var(--spacing-02);
+
+.notification-panel {
+  width: 80vw;
+  max-width: 452px;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
+  border-radius: 3px;
+  background: white;
+  padding: 16px;
 }
-header.header .header-top .myArea-list > li > * {
-  --link-primary: var(--text-secondary, #515151);
-  --link-visited: var(--text-secondary, #515151);
-  display: block;
-  cursor: pointer;
-  padding-inline: var(--spacing-05);
-  padding-block: var(--spacing-02);
-  margin-inline: var(--spacing-02);
+.notification-panel .notification-body .notifications {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 10px;
 }
-header.header .header-top .myArea-list .category-badge {
-  margin-left: var(--spacing-02);
+.notification-panel .notification-body .notifications .notification {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0;
+  border-bottom: 1px solid #D1D1D1;
 }
-header.header .header-top .myArea-list .category-badge::part(details-content) {
-  line-height: 1;
-  font-size: 11px;
-  padding: var(--spacing-01) var(--spacing-02);
+.notification-panel .notification-body .notifications .notification .notification-icon {
+  font-family: "Font Awesome 6 Pro";
+  font-size: 13px;
+  color: #131313;
+  margin-right: 16px;
 }
-header.header .header-top .myArea.isOpen .caret, header.header .header-top .myArea.onHover:hover .caret {
-  transform: rotate(-135deg);
+.notification-panel .notification-body .notifications .notification .notification-text {
+  flex-grow: 1;
+  font-family: "Tahoma";
+  font-size: 13px;
+  color: #333;
 }
-header.header .header-top .myArea.isOpen .myArea-list, header.header .header-top .myArea.onHover:hover .myArea-list {
-  max-height: 85vh;
+.notification-panel .notification-body .notifications .notification .notification-text .notification-action {
+  font-family: "Tahoma";
+  font-size: 12px;
+  color: #346800;
+  margin-top: 15px;
 }