xv-webcomponents 0.1.56 → 0.1.58
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-bad0f578.entry.js +2 -0
- package/dist/xv-webcomponents/p-bad0f578.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
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-CjhPTfz8.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-
|
|
8
|
+
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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -82,7 +82,7 @@ var XV_SORT_DIR;
|
|
|
82
82
|
XV_SORT_DIR["NONE"] = "none";
|
|
83
83
|
})(XV_SORT_DIR || (XV_SORT_DIR = {}));
|
|
84
84
|
|
|
85
|
-
const xvButtonV2Css = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-block}:host([block]){display:block;width:100%}.xv-button{all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:3px;font-size:var(--fz-md);font-family:var(--ff-body, Tahoma);font-style:normal;font-weight:700;line-height:128.571%;letter-spacing:0.16px;cursor:pointer;position:relative;transition:background 0.2s, color 0.2s, border-color 0.2s;user-select:none;width:100%}.xv-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.xv-button--xs{--xv-button-icon-size:16px;padding:var(--spacing-02);height:var(--xv-button-icon-size)}.xv-button--sm{--xv-button-icon-size:32px;padding:var(--spacing-03);height:var(--xv-button-icon-size)}.xv-button--md{--xv-button-icon-size:40px;padding:var(--spacing-04);height:var(--xv-button-icon-size)}.xv-button--lg{--xv-button-icon-size:48px;padding:var(--spacing-05);height:var(--xv-button-icon-size)}.xv-button--xl{--xv-button-icon-size:60px;font-size:1.1em;padding:var(--spacing-06);height:auto}.xv-button--primary{background-color:var(--button-primary);color:var(--text-on-color)}.xv-button--primary:hover{background-color:var(--button-primary-hover)}.xv-button--primary:active{background-color:var(--button-primary-active)}.xv-button--accent{background-color:var(--button-accent);color:var(--text-on-color)}.xv-button--accent:hover{background-color:var(--button-accent-hover)}.xv-button--accent:active{background-color:var(--button-accent-active)}.xv-button--secondary{background-color:var(--button-secondary);border:1px solid var(--border-subtle-01)}.xv-button--secondary:hover{background-color:var(--button-secondary-hover)}.xv-button--secondary:active{background-color:var(--button-secondary-active)}.xv-button--danger{background:var(--support-error);color:white}.xv-button--danger:hover{background-color:#ba1b23}.xv-button--danger:active{background-color:#750e13}.xv-button--danger:disabled{background-color:var(--button-disabled);border-color:transparent;color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--tertiary{background-color:transparent;border:1px solid var(--button-tertiary)}.xv-button--tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button--tertiary:active{background-color:var(--button-tertiary-active)}.xv-button--tertiary:disabled{color:var(--text-disabled);border-color:var(--button-disabled, #D1D1D1);background-color:transparent}.xv-button--ghost{background-color:transparent;color:var(--text-primary)}.xv-button--ghost:hover{background-color:transparent}.xv-button--ghost:active{background-color:rgba(139, 139, 139, 0.5)}.xv-button--ghost:disabled{color:var(--text-disabled);border-color:transparent;background-color:transparent}.xv-button--primary:disabled,.xv-button--accent:disabled,.xv-button--secondary:disabled,.xv-button--danger:disabled{border-color:var(--border-subtle-01, #D1D1D1);background-color:var(--button-disabled, #D1D1D1);color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--disabled{cursor:not-allowed}.xv-button--loading{pointer-events:none;opacity:0.8}.xv-button__label{display:inline-flex;align-items:center}.xv-button__loader{position:absolute;left:50%;transform:translateX(-50%)}.xv-button__icon{display:inline-flex;align-items:center}.xv-button--icon-left .xv-button__icon--left{margin-inline-end:var(--spacing-05)}.xv-button--icon-right .xv-button__icon--right{margin-inline-start:var(--spacing-05)}.xv-button--icon-only{padding:0;width:var(--xv-button-icon-size, 40px);height:var(--xv-button-icon-size, 40px);justify-content:center}.xv-button--icon-only .xv-button__icon{margin:0}";
|
|
85
|
+
const xvButtonV2Css = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-block}:host([block]){display:block;width:100%}.xv-button{all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:3px;font-size:var(--fz-md);font-family:var(--ff-body, Tahoma);font-style:normal;font-weight:700;line-height:128.571%;letter-spacing:0.16px;cursor:pointer;position:relative;transition:background 0.2s, color 0.2s, border-color 0.2s;user-select:none;width:100%}.xv-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.xv-button--xs{--xv-button-icon-size:16px;padding:var(--spacing-02);height:var(--xv-button-icon-size)}.xv-button--sm{--xv-button-icon-size:32px;padding:var(--spacing-03);height:var(--xv-button-icon-size)}.xv-button--md{--xv-button-icon-size:40px;padding:var(--spacing-04);height:var(--xv-button-icon-size)}.xv-button--lg{--xv-button-icon-size:48px;padding:var(--spacing-05);height:var(--xv-button-icon-size)}.xv-button--xl{--xv-button-icon-size:60px;font-size:1.1em;padding:var(--spacing-06);height:auto}.xv-button--primary{background-color:var(--button-primary);color:var(--text-on-color)}.xv-button--primary:hover{background-color:var(--button-primary-hover)}.xv-button--primary:active{background-color:var(--button-primary-active)}.xv-button--accent{background-color:var(--button-accent);color:var(--text-on-color)}.xv-button--accent:hover{background-color:var(--button-accent-hover)}.xv-button--accent:active{background-color:var(--button-accent-active)}.xv-button--secondary{background-color:var(--button-secondary);border:1px solid var(--border-subtle-01)}.xv-button--secondary:hover{background-color:var(--button-secondary-hover)}.xv-button--secondary:active{background-color:var(--button-secondary-active)}.xv-button--danger{background:var(--support-error);color:white}.xv-button--danger:hover{background-color:#ba1b23}.xv-button--danger:active{background-color:#750e13}.xv-button--danger:disabled{background-color:var(--button-disabled);border-color:transparent;color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--tertiary{background-color:transparent;border:1px solid var(--button-tertiary)}.xv-button--tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button--tertiary:active{background-color:var(--button-tertiary-active)}.xv-button--tertiary:disabled{color:var(--text-disabled);border-color:var(--button-disabled, #D1D1D1);background-color:transparent}.xv-button--ghost{background-color:transparent;color:var(--text-primary);font-weight:400}.xv-button--ghost:hover{background-color:transparent}.xv-button--ghost:active{background-color:rgba(139, 139, 139, 0.5)}.xv-button--ghost:disabled{color:var(--text-disabled);border-color:transparent;background-color:transparent}.xv-button--primary:disabled,.xv-button--accent:disabled,.xv-button--secondary:disabled,.xv-button--danger:disabled{border-color:var(--border-subtle-01, #D1D1D1);background-color:var(--button-disabled, #D1D1D1);color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--disabled{cursor:not-allowed}.xv-button--loading{pointer-events:none;opacity:0.8}.xv-button__label{display:inline-flex;align-items:center}.xv-button__loader{position:absolute;left:50%;transform:translateX(-50%)}.xv-button__icon{display:inline-flex;align-items:center}.xv-button--icon-left .xv-button__icon--left{margin-inline-end:var(--spacing-05)}.xv-button--icon-right .xv-button__icon--right{margin-inline-start:var(--spacing-05)}.xv-button--icon-only{padding:0;width:var(--xv-button-icon-size, 40px);height:var(--xv-button-icon-size, 40px);justify-content:center}.xv-button--icon-only .xv-button__icon{margin:0}";
|
|
86
86
|
|
|
87
87
|
const XvButton = class {
|
|
88
88
|
constructor(hostRef) {
|
|
@@ -78024,9 +78024,9 @@ const XvHeader = class {
|
|
|
78024
78024
|
}
|
|
78025
78025
|
render() {
|
|
78026
78026
|
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;
|
|
78027
|
-
return (index.h("div", { key: 'cbbcfa5b8441e58dbc4cc3aae80869d8b1a0cb1c', id: "nav-container", class: "xv-header" }, index.h("nav", { key: 'f98c1a161992d026d02d2aea07000fe999ed77f3', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: 'c4e849bf7ca30c2139a8bbc617f95492c893b5fa', class: "container" }, index.h("div", { key: '113a53dec32944fae823453351d8a6d7e47910a1', class: "row" }, index.h("div", { key: 'f6abe739a02a5862192506a95159431f8d19730f', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, index.h("div", { key: 'b58f540e5d38f9c6a6371e311a7ca8988e5f8c68', class: "navbar-header" }, index.h("button", { key: 'c79417f190bdb2363d65ecc88adc8f8114194921', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, index.h("i", { key: '640bba36c42e2ca6b987a301e50df895fe90c0b2', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: '99f6a02ca75871e4b8d58b302967758391213457', class: "visible-xs-inline" }, index.h("a", { key: 'f9e426971269f61473b219c3e05e81a7deb712ea', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '3940e0d401e90b1594d2d90cc5fb8644ee3d60d1', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), index.h("div", { key: '473fe8f11ae8294c2c760b4bd009d6aff80afb4c', class: "hidden-xs" }, index.h("a", { key: 'afb0492645418f889c7709ed7c3f47ca98d8b426', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '8a1ab1fcdbecd437c0d4b93fc55a930413d95232', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), index.h("div", { key: '6baa5813a9adb585a839b97fbe8a83f53f376d41', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, index.h("ul", { key: '84e281349d178dc1ecdf6614ae8f9e8aa80a464c', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (index.h("li", { key: 'e97b54a1fb32edb10e2d0c486cfa4f399ed1a7e1' }, index.h("div", { key: 'd6bda986f71307a7c0048af93d2e5c29bb9b8142', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, index.h("i", { key: '6716740b39ce8f1866acefcaa401f4efd1add0f7', class: "fa fa-user" }), index.h("i", { key: 'd76625e4d6021f2e9a108ca4592962dedaab341c', class: "fa fa-exchange-alt" })), index.h("div", { key: '242a3cf18d0825e7e1ab800090def820fa285e2c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, index.h("div", { key: 'dda82d37a2ec18364e7b9129239f1ec75e4c6383', class: "arrow" }), index.h("h3", { key: '3560ee56af56d45beb61b10e75885f7b0307b294', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), index.h("div", { key: '9cb95ceb92186b66eb057586b5523468946ca63a', class: "popover-content" }, index.h("div", { key: '1c031a482705d933dc7df52079eba9762e395ad1', class: "row" }, index.h("div", { key: '59bd9d595d3deeb3d6a8dbf3a19cf09456f30c09', class: "col-xs-12" }, index.h("table", { key: 'd8903376c14428f1da07120a006ca585f9d214f1', class: "table-condensed" }, index.h("tbody", { key: '2e7edf8e0045bbc508467c10bcd97203c296b899' }, index.h("tr", { key: 'a667cb1e01c95d1fa873aac0946e9645ca354f27' }, index.h("td", { key: 'ae0795c459c16525826b90758f1c572cc17daa05' }, index.h("span", { key: 'c568060c8437c86cad954fe049827ddab13c212f' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), index.h("tr", { key: '21c4b78b759d9460872424879150043c4a1232f0' }, index.h("td", { key: '501a7bbba530c8e6eede0b70fc4ef7c416de04d2' }, index.h("span", { key: 'e4e6d203e358b87800bf4f484a4c45e51807ba90' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), index.h("tr", { key: 'b8656147c96a81f25005b0b0368b725bd44189d2' }, index.h("td", { key: '606fb8a824ca60ca8f986662531f742aecc316d6' }, index.h("span", { key: '774f2fd3f21456474fe921d295e8fba7a719087a' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), index.h("tr", { key: '5a9d0fc8b278bf0c1f6aa13b1e0abf74ed41eedb' }, index.h("td", { key: '659819d705341f6486eda6e0a17a3ab6931a25a8' }, index.h("span", { key: '5d3c91aed00ff40896580fbcd6782defb9257198' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), index.h("div", { key: 'cd54dc4698b612dd9762a9cec935297af8eb578e', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, index.h("div", { key: 'c1e50dbeffa3acaef676fd224d6ffc5e7928520e', class: "col-xs-12" }, index.h("a", { key: '55d2657a68943346080b1f9a1f65963d49e2a7ba', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), index.h("li", { key: '6673629230077b4a679696b068f06125c2293178' }, index.h("a", { key: '1b03dcbb75563933a3de040f60f0af3976442c57', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), index.h("a", { key: '769460b36f670bdc990ee034d5b399331f1b8fa4', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: '199fcc35f167127a88b6222e5c899273e2778101', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: 'df1af1b3a00b2bc306ff938d75d915eace30bfc4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (index.h("li", { key: '72be04d4d36f25eddd00556007b7b44b693acef0', class: "dropdown" }, index.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" }, index.h("i", { key: '0e83d7a996d967a3a0f6d6b307e75c24a3c20c19', class: "fas fa-bell fa-lg" }), index.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) && (index.h("li", { key: '1eaabbb6a3fb166f73b1b7c7588910aae7b252db', class: "dropdown", id: "my-xv-menu" }, index.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" }, index.h("i", { key: '13a973b19774f0fbf3415a9633ee9f47be43b1b0', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: 'bf0eb18199d2f5e8c2a3567690cc4cc47eee2248', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", index.h("span", { key: '4243218a887f22a42f65ee706143a0feb8e3e648', class: "caret" })), index.h("ul", { key: '7c438c2697b87b3237117cd3dccf1564d6288bb6', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (index.h("li", { key: 'b2fff9abfd0f9e2436421dde9d406aa5b662f018' }, index.h("a", { key: '749264c9f295c3219f642c64a0c8195a443fa168', onClick: () => this.toggleCockpitMenu() }, index.h("i", { key: 'a3a1f3c248a969d9ee5b3cd2fc63d034632942b7', class: "fa fa-tachometer-alt fa-fw" }), "
|
|
78028
|
-
_v.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (index.h("li", { key: '
|
|
78029
|
-
_7.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: '
|
|
78027
|
+
return (index.h("div", { key: 'cbbcfa5b8441e58dbc4cc3aae80869d8b1a0cb1c', id: "nav-container", class: "xv-header" }, index.h("nav", { key: 'f98c1a161992d026d02d2aea07000fe999ed77f3', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: 'c4e849bf7ca30c2139a8bbc617f95492c893b5fa', class: "container" }, index.h("div", { key: '113a53dec32944fae823453351d8a6d7e47910a1', class: "row" }, index.h("div", { key: 'f6abe739a02a5862192506a95159431f8d19730f', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, index.h("div", { key: 'b58f540e5d38f9c6a6371e311a7ca8988e5f8c68', class: "navbar-header" }, index.h("button", { key: 'c79417f190bdb2363d65ecc88adc8f8114194921', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, index.h("i", { key: '640bba36c42e2ca6b987a301e50df895fe90c0b2', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: '99f6a02ca75871e4b8d58b302967758391213457', class: "visible-xs-inline" }, index.h("a", { key: 'f9e426971269f61473b219c3e05e81a7deb712ea', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '3940e0d401e90b1594d2d90cc5fb8644ee3d60d1', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), index.h("div", { key: '473fe8f11ae8294c2c760b4bd009d6aff80afb4c', class: "hidden-xs" }, index.h("a", { key: 'afb0492645418f889c7709ed7c3f47ca98d8b426', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '8a1ab1fcdbecd437c0d4b93fc55a930413d95232', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), index.h("div", { key: '6baa5813a9adb585a839b97fbe8a83f53f376d41', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, index.h("ul", { key: '84e281349d178dc1ecdf6614ae8f9e8aa80a464c', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (index.h("li", { key: 'e97b54a1fb32edb10e2d0c486cfa4f399ed1a7e1' }, index.h("div", { key: 'd6bda986f71307a7c0048af93d2e5c29bb9b8142', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, index.h("i", { key: '6716740b39ce8f1866acefcaa401f4efd1add0f7', class: "fa fa-user" }), index.h("i", { key: 'd76625e4d6021f2e9a108ca4592962dedaab341c', class: "fa fa-exchange-alt" })), index.h("div", { key: '242a3cf18d0825e7e1ab800090def820fa285e2c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, index.h("div", { key: 'dda82d37a2ec18364e7b9129239f1ec75e4c6383', class: "arrow" }), index.h("h3", { key: '3560ee56af56d45beb61b10e75885f7b0307b294', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), index.h("div", { key: '9cb95ceb92186b66eb057586b5523468946ca63a', class: "popover-content" }, index.h("div", { key: '1c031a482705d933dc7df52079eba9762e395ad1', class: "row" }, index.h("div", { key: '59bd9d595d3deeb3d6a8dbf3a19cf09456f30c09', class: "col-xs-12" }, index.h("table", { key: 'd8903376c14428f1da07120a006ca585f9d214f1', class: "table-condensed" }, index.h("tbody", { key: '2e7edf8e0045bbc508467c10bcd97203c296b899' }, index.h("tr", { key: 'a667cb1e01c95d1fa873aac0946e9645ca354f27' }, index.h("td", { key: 'ae0795c459c16525826b90758f1c572cc17daa05' }, index.h("span", { key: 'c568060c8437c86cad954fe049827ddab13c212f' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), index.h("tr", { key: '21c4b78b759d9460872424879150043c4a1232f0' }, index.h("td", { key: '501a7bbba530c8e6eede0b70fc4ef7c416de04d2' }, index.h("span", { key: 'e4e6d203e358b87800bf4f484a4c45e51807ba90' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), index.h("tr", { key: 'b8656147c96a81f25005b0b0368b725bd44189d2' }, index.h("td", { key: '606fb8a824ca60ca8f986662531f742aecc316d6' }, index.h("span", { key: '774f2fd3f21456474fe921d295e8fba7a719087a' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), index.h("tr", { key: '5a9d0fc8b278bf0c1f6aa13b1e0abf74ed41eedb' }, index.h("td", { key: '659819d705341f6486eda6e0a17a3ab6931a25a8' }, index.h("span", { key: '5d3c91aed00ff40896580fbcd6782defb9257198' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), index.h("div", { key: 'cd54dc4698b612dd9762a9cec935297af8eb578e', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, index.h("div", { key: 'c1e50dbeffa3acaef676fd224d6ffc5e7928520e', class: "col-xs-12" }, index.h("a", { key: '55d2657a68943346080b1f9a1f65963d49e2a7ba', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), index.h("li", { key: '6673629230077b4a679696b068f06125c2293178' }, index.h("a", { key: '1b03dcbb75563933a3de040f60f0af3976442c57', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), index.h("a", { key: '769460b36f670bdc990ee034d5b399331f1b8fa4', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: '199fcc35f167127a88b6222e5c899273e2778101', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: 'df1af1b3a00b2bc306ff938d75d915eace30bfc4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (index.h("li", { key: '72be04d4d36f25eddd00556007b7b44b693acef0', class: "dropdown" }, index.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" }, index.h("i", { key: '0e83d7a996d967a3a0f6d6b307e75c24a3c20c19', class: "fas fa-bell fa-lg" }), index.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) && (index.h("li", { key: '1eaabbb6a3fb166f73b1b7c7588910aae7b252db', class: "dropdown", id: "my-xv-menu" }, index.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" }, index.h("i", { key: '13a973b19774f0fbf3415a9633ee9f47be43b1b0', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: 'bf0eb18199d2f5e8c2a3567690cc4cc47eee2248', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", index.h("span", { key: '4243218a887f22a42f65ee706143a0feb8e3e648', class: "caret" })), index.h("ul", { key: '7c438c2697b87b3237117cd3dccf1564d6288bb6', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (index.h("li", { key: 'b2fff9abfd0f9e2436421dde9d406aa5b662f018' }, index.h("a", { key: '749264c9f295c3219f642c64a0c8195a443fa168', onClick: () => this.toggleCockpitMenu() }, index.h("i", { key: 'a3a1f3c248a969d9ee5b3cd2fc63d034632942b7', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", index.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 => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), ((_r = this.metaNav) === null || _r === void 0 ? void 0 : _r.IsManager) && (index.h("li", { key: '8ed0a9eacd080e72ca81924826250dc150658bbd' }, index.h("a", { key: '36e365bab4ad002fb727364028061f24be1e718a', onClick: () => this.toggleEntitiesMenu() }, index.h("i", { key: 'e5a65bec718f2d261d8434362a09af995acca122', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", index.h("i", { key: 'a0087d92ac723e2a05a39892476d73f738e57220', 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 => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.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 :
|
|
78028
|
+
_v.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (index.h("li", { key: '507ad6293e3efa7570a954be2f56f8030c2e68a7', role: "separator", class: "divider" })), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (index.h("li", { key: 'cf8591307a48735a9ea448bee24e20dd3c4ccce0' }, index.h("a", { key: 'b2e2ae5267a01402fc76ff12a5de353f6794d89a', onClick: () => this.toggleUserMenu() }, index.h("i", { key: 'd5400e947c9030ec6140a3df051ef44b6f22dbc4', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", index.h("span", { key: '392510b5f53457a2153cfa59e38905a921265461', class: "badge" }, (_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.PendingItems), index.h("i", { key: 'd58e2fe953ceae9a5d003c6b811f62aa59f9d617', 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 => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (index.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) && (index.h("li", { key: '1c6c73ee4802ab89a33658b45a3c4f18681f01af', class: 'user-menu-item' }, index.h("a", { key: '0ce9ab9148cea21d3b2a96cd62fa61971371aa3d', href: (_4 = (_3 = this.metaNav) === null || _3 === void 0 ? void 0 : _3.ImpersonationInfo) === null || _4 === void 0 ? void 0 : _4.ClearImpersonationUrl }, index.h("i", { key: '2e757a088082afd38a3640a86401deef68a846ad', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_5 = this.metaNav) === null || _5 === void 0 ? void 0 : _5.IsManager) && (index.h("li", { key: '634b2617fa32b8d803888ddc8a87407d245d606b', role: "separator", class: "divider" })), (_7 = (_6 = this.metaNav) === null || _6 === void 0 ? void 0 : _6.ActionsMenu) === null || _7 === void 0 ? void 0 :
|
|
78029
|
+
_7.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: '3dde61c1b44e013aca4d99aa68ea1ee7fe41b62e' }, index.h("a", { key: 'c81baae7fb5a326f55dfe02f71ecdeaa0d0cdf00', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, index.h("i", { key: '531e89869e599d0448d2763bf8e31d89f1a7fbad', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), index.h("li", { key: '9c3279678091d06685461dfd01f2b303d61c494a', class: "visible-sm-block visible-xs-block hidden-xxs" }, index.h("a", { key: '8e43327792d4e533f19fcb99d4af05cced862d96', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, index.h("i", { key: '3a62061cb9caf137a8851369d86f4a6431680c93', class: "fa fa-search", "aria-hidden": "true" }))), !((_8 = this.metaNav) === null || _8 === void 0 ? void 0 : _8.IsAuthenticated) && (index.h("li", { key: 'f97d46dba1e79204981e67926ee6ccda3c33b201', class: "hidden-xs hidden-sm" }, index.h("a", { key: 'ff56507fd2405a30b27367a8a1bb8229d44cdd9b', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, index.h("i", { key: 'fa2ba8ab27e73114c9b95be17f32007c09ac8ed0', class: "fa fa-user fa-lg", "aria-hidden": "true" }), index.h("span", { key: 'a1a4adf6f6d59d4e34ddda7b7cbd2dc2c053070d' }, "Login")), index.h("xv-login-modal", { key: '865cb533b4f8011c6e92e544905ef5ae5fa0a32f', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (index.h("li", { key: '481388b0cd0502327c41fc803f8bff3af7481844', class: "hidden-xs" }, index.h("a", { key: '37cd20add719a63ecd2126e6b53aa2a18d21dae7', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, index.h("span", { key: '660c655f5d05b9e1b6a60560e82f27029d0a04e2' }, "Registrieren")))), index.h("li", { key: '56cab31a64ed4abd70cdcd2b2ed2a17a53ac1a13', class: "navbar-divider hidden-xs" }), index.h("li", { key: 'b793a3246089f3e49c4f6452284945a409a6fb06' }, index.h("a", { key: 'f7c4df6cb0121e17e97b616c15e765bb6e26eea9', class: "btn btn-success navbar-btn", href: "/angular/shopping-cart" }, index.h("span", { key: 'ce239d1cfc16256f3f023d18cae997212fbd2231', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), index.h("span", { key: '8a23329b492f6f3f5af20f8682164d70f032473d', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), index.h("span", { key: 'acc76d15b348259238030ad47b89e5d0814c28b0', 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))))))), index.h("div", { key: '99fcb71b3877a430db4ae8a0cf78f8ad9b5260c1', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, index.h("div", { key: '2159adc15536bf4e74ed54fbe8654826f82a813b', class: "container" }, index.h("form", { key: '2455b0f31d30f428b54d6c091619b55f1af91a01', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, index.h("div", { key: '6589d7e276a0bcf48f71d3e4ba2faa6a6e3965f5', class: "input-group" }, index.h("input", { key: '9eef0d91520640f6e17a57b253d0c80f5b5fd7e2', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), index.h("span", { key: 'bec5aaddf167ea20f3da8d7f4a2543cba8ee745a', class: "input-group-btn force-full-width" }, index.h("button", { key: '4fa528f2ad4f2519e414e0b8e427c9f7ee11cf4f', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: 'acc6039fdabbae292b461c6c19a3f5169eaa9a58', class: "fa fa-search", "aria-hidden": "true" })))))))), index.h("div", { key: '922bd185809d19454dbb0bfc1134ddb3be912630', innerHTML: this.htmlContent }), index.h("ul", { key: 'bf7c4966bd8b4308ff639408006146fbf6175614', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", tabindex: "0", style: {
|
|
78030
78030
|
width: `${(_12 = this.listPosition) === null || _12 === void 0 ? void 0 : _12.width}px`,
|
|
78031
78031
|
top: `${(_13 = this.listPosition) === null || _13 === void 0 ? void 0 : _13.top}px`,
|
|
78032
78032
|
left: `${(_14 = this.listPosition) === null || _14 === void 0 ? void 0 : _14.left}px`,
|
|
@@ -78341,7 +78341,7 @@ const XvNumberInput = class {
|
|
|
78341
78341
|
};
|
|
78342
78342
|
XvNumberInput.style = xvNumberInputCss;
|
|
78343
78343
|
|
|
78344
|
-
const xvOverflowMenuCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px;display:inline-flex;flex-direction:column;position:relative}:host .btn{display:inline-flex;align-items:center;justify-content:center;width:var(--overflow-menu-size);height:var(--overflow-menu-size);background-color:transparent;border:1px solid transparent;transition:300ms ease-in-out color, 300ms ease-in-out background-color, 200ms ease box-shadow;font-size:calc(var(--overflow-menu-size) / 2);color:var(--icon-primary);border-radius:5%;margin:0;padding:0}:host .btn:hover{cursor:pointer;color:var(--link-primary-hover);background-color:var(--background-hover)}:host .btn:active{background-color:var(--background-active);color:var(--icon-disabled)}:host .btn:disabled{background-color:transparent;opacity:0.5;cursor:not-allowed}:host .list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--layer-01);position:absolute;top:100%;left:0;max-height:0;overflow:hidden;border-radius:3px;transition:200ms ease-in-out max-height, 100ms ease box-shadow;min-width:128px;max-width:50vw;width:max-content}:host .list.open{overflow:visible}:host .list ::slotted(xv-overflow-menu-v2-item){padding:var(--overflow-menu-item-padding)}:host .list.position-right{left:initial;right:0;border-top-right-radius:0}:host .list.position-left{border-top-left-radius:0}:host([size=xs]){--overflow-menu-item-padding:4px 16px;--overflow-menu-size:24px}:host([size=sm]){--overflow-menu-size:32px;--overflow-menu-item-padding:7px 16px}:host([size=md]){--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px}:host([size=lg]){--overflow-menu-size:48px;--overflow-menu-item-padding:16px}:host([size=xl]){--overflow-menu-size:56px;--overflow-menu-item-padding:16px}:host([open]) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--layer-01);box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1);z-index:1}:host([open]) .list{max-height:500px;
|
|
78344
|
+
const xvOverflowMenuCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px;display:inline-flex;flex-direction:column;position:relative}:host .btn{display:inline-flex;align-items:center;justify-content:center;width:var(--overflow-menu-size);height:var(--overflow-menu-size);background-color:transparent;border:1px solid transparent;transition:300ms ease-in-out color, 300ms ease-in-out background-color, 200ms ease box-shadow;font-size:calc(var(--overflow-menu-size) / 2);color:var(--icon-primary);border-radius:5%;margin:0;padding:0}:host .btn:hover{cursor:pointer;color:var(--link-primary-hover);background-color:var(--background-hover)}:host .btn:active{background-color:var(--background-active);color:var(--icon-disabled)}:host .btn:disabled{background-color:transparent;opacity:0.5;cursor:not-allowed}:host .list{z-index:99;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--layer-01);position:absolute;top:100%;left:0;max-height:0;overflow:hidden;border-radius:3px;transition:200ms ease-in-out max-height, 100ms ease box-shadow;min-width:128px;max-width:50vw;width:max-content}:host .list.open{overflow:visible}:host .list ::slotted(xv-overflow-menu-v2-item){padding:var(--overflow-menu-item-padding)}:host .list.position-right{left:initial;right:0;border-top-right-radius:0}:host .list.position-left{border-top-left-radius:0}:host([size=xs]){--overflow-menu-item-padding:4px 16px;--overflow-menu-size:24px}:host([size=sm]){--overflow-menu-size:32px;--overflow-menu-item-padding:7px 16px}:host([size=md]){--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px}:host([size=lg]){--overflow-menu-size:48px;--overflow-menu-item-padding:16px}:host([size=xl]){--overflow-menu-size:56px;--overflow-menu-item-padding:16px}:host([open]) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--layer-01);box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1);z-index:1}:host([open]) .list{max-height:500px;box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1)}";
|
|
78345
78345
|
|
|
78346
78346
|
const XvOverflowMenu = class {
|
|
78347
78347
|
constructor(hostRef) {
|
|
@@ -78393,7 +78393,8 @@ const XvOverflowMenu = class {
|
|
|
78393
78393
|
}
|
|
78394
78394
|
}
|
|
78395
78395
|
render() {
|
|
78396
|
-
|
|
78396
|
+
const button = (index.h("button", { key: '73700d500471f88935b53f9b4b73ce721fc28b04', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("svg", { key: 'cf10488aa37fd8d7623cfa684b36c0e120c89dd9', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index.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" }))));
|
|
78397
|
+
return (index.h(index.Host, { key: 'fabb7b1d3a7820a43bfabb89c802ebfedb8f9323', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? index.h("xv-tooltip-v2", { message: this.tooltip }, button) : button, index.h("div", { key: '09c046a8ce77d072c068928274ed67ecab8ff422', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index.h("slot", { key: 'a5260504badeb4054c9a797e857dffbc10a4793a' }))));
|
|
78397
78398
|
}
|
|
78398
78399
|
componentDidLoad() {
|
|
78399
78400
|
this.openChangeHandle();
|
|
@@ -78434,6 +78435,24 @@ const XvOverflowMenuItem = class {
|
|
|
78434
78435
|
};
|
|
78435
78436
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
78436
78437
|
|
|
78438
|
+
const xvPaginationCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:block}";
|
|
78439
|
+
|
|
78440
|
+
const XvPagination = class {
|
|
78441
|
+
constructor(hostRef) {
|
|
78442
|
+
index.registerInstance(this, hostRef);
|
|
78443
|
+
this.total = 1;
|
|
78444
|
+
this.page = 1;
|
|
78445
|
+
this.limit = 1;
|
|
78446
|
+
this.pages = 1;
|
|
78447
|
+
this.variant = 'full';
|
|
78448
|
+
this.pageSizeOptions = [10, 25, 50, 100];
|
|
78449
|
+
}
|
|
78450
|
+
render() {
|
|
78451
|
+
return (index.h(index.Host, { key: '3edb95f8874889523830239764e3346d51c49a98' }, index.h("button", { key: '059e085a4d37305f63427b2688cec81325212c1a', class: "btn btn_prev" }), index.h("ul", { key: 'dbd21c1028ac6ef222ad988813fc407043dfad6e', class: "pagination" }, index.h("li", { key: 'd19a4dea514e59bae26a532d5da51c16462908da', class: "page-item" }, "1"), index.h("li", { key: 'b609ea89b772cd38971502d06dd633c9f53e074e', class: "page-item" }, "2"), index.h("li", { key: 'a5dd3aca47915dd8e3efe648377f005c06b5b3f5', class: "page-item" }, "3")), index.h("button", { key: '32532136da79a1118924d3685ab36befdba9e3a7', class: "btn btn_next" })));
|
|
78452
|
+
}
|
|
78453
|
+
};
|
|
78454
|
+
XvPagination.style = xvPaginationCss;
|
|
78455
|
+
|
|
78437
78456
|
var PROGRESS_VARIANTS;
|
|
78438
78457
|
(function (PROGRESS_VARIANTS) {
|
|
78439
78458
|
PROGRESS_VARIANTS["DEFAULT"] = "";
|
|
@@ -78503,7 +78522,7 @@ const XvProgressIndicator = class {
|
|
|
78503
78522
|
this.updateChildItems();
|
|
78504
78523
|
}
|
|
78505
78524
|
render() {
|
|
78506
|
-
return (index.h(index.Host, { key: '
|
|
78525
|
+
return (index.h(index.Host, { key: '7d084ea7e590af7374e3c54900df4c9ca105f383', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index.h("slot", { key: '6d1526b621e870fbe142c61d0ca2c59617fc070c' })));
|
|
78507
78526
|
}
|
|
78508
78527
|
get el() { return index.getElement(this); }
|
|
78509
78528
|
static get watchers() { return {
|
|
@@ -78520,7 +78539,7 @@ const XvProgressIndicatorItem = class {
|
|
|
78520
78539
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
78521
78540
|
}
|
|
78522
78541
|
render() {
|
|
78523
|
-
return (index.h(index.Host, { key: '
|
|
78542
|
+
return (index.h(index.Host, { key: '447fb9a88c2c3e8b2ae3f62873b983d4ef3816e3', status: this.status, class: { 'xv-progress-indicator-item': true } }, index.h("span", { key: '40c4321e87fc2fd97ec611d4687a1a26fff3b3c7', class: "line" }), index.h("span", { key: 'c9bb988e441739dcaf21b869082afb6ca53905ed', class: "icon" }, index.h("svg", { key: 'd9664af837bb7e4864a556864c11aa166f4f94e0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index.h("path", { key: 'bdc08ad792084531608a96066f33242950953351', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index.h("p", { key: '066c79360dbe2a32c62805f232f965b54eca7d7f', class: "label" }, index.h("slot", { key: '76684c88596b3f71663d8199c633c7c8a54594da' }))));
|
|
78524
78543
|
}
|
|
78525
78544
|
get el() { return index.getElement(this); }
|
|
78526
78545
|
};
|
|
@@ -78576,7 +78595,7 @@ const XvSlider = class {
|
|
|
78576
78595
|
this.setValue(this.min);
|
|
78577
78596
|
}
|
|
78578
78597
|
render() {
|
|
78579
|
-
return (index.h(index.Host, { key: '
|
|
78598
|
+
return (index.h(index.Host, { key: 'eb4f856f16d7b67d71db8fba682c6d6ac2d7f662', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index.h("label", { key: 'ba739501faa0172acad61bbd3ea4b9040820f68a', class: "label" }, this.label), index.h("div", { key: 'b66ab16ee8763e3a08d0e8553ccfffc476db3abf', class: "control" }, index.h("span", { key: '05a715e0f93c9f3fcb4634cae154fe91a013c18d', class: "control_label" }, this.min), index.h("input", { key: '5d0b22e7a92f286b8a8c4233d3cfb449aa05e3f1', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index.h("span", { key: '4a0dd87311ba37c4c17001768ce392819e0885c3', class: "control_label" }, this.max), !this.notEditable && (index.h("input", { key: '52d8db3ab751186d016211e83711f03d2d4efbc7', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
78580
78599
|
}
|
|
78581
78600
|
static get formAssociated() { return true; }
|
|
78582
78601
|
};
|
|
@@ -78591,7 +78610,7 @@ const XvTab = class {
|
|
|
78591
78610
|
this.loading = false;
|
|
78592
78611
|
}
|
|
78593
78612
|
render() {
|
|
78594
|
-
return (index.h(index.Host, { key: '
|
|
78613
|
+
return (index.h(index.Host, { key: 'be1ae93ead867c747fbfea4af828b6585c66cd4a', disabled: this.disabled, name: this.name }, this.loading ? index.h("xv-loader-v2", { size: SIZE_VAR.LG }) : index.h("slot", null)));
|
|
78595
78614
|
}
|
|
78596
78615
|
};
|
|
78597
78616
|
XvTab.style = xvTabCss;
|
|
@@ -78630,7 +78649,7 @@ const XvTable = class {
|
|
|
78630
78649
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
78631
78650
|
}
|
|
78632
78651
|
render() {
|
|
78633
|
-
return (index.h(index.Host, { key: '
|
|
78652
|
+
return (index.h(index.Host, { key: 'f78b672782a096a066452abebbcdbf874b6e2409', class: { batchVisible: !!this.selectedCount } }, index.h("slot", { key: '31e85f84c17891279db4d2180df9ec3a4bdbbb6e', name: "title" }, !!this.el.title && index.h("h2", { key: 'd7f3a0b4010c9bc12f275f9b734d4c23a8ed7c6d', class: "xv-table-title" }, this.el.title)), index.h("slot", { key: '7706448b8c3e0ad5f6e8e4b76894e830e7bc226e', name: "toolbar" }), index.h("div", { key: 'b337e8e3e50afec9ea6b4bb8144e6eb14392d560', class: "xv-table" }, index.h("div", { key: '5faa131438d0a72066348f971d5173ceb5be5b7b', class: "batch-actions" }, index.h(index.Fragment, { key: '3cda1c57bf8f69cd91895cf60b74f9fe8305f1ab' }, index.h("div", { key: '02888373924936c7fb158b694b724e98979369ea', class: "batch-actions_content" }, index.h("slot", { key: '0d68e53ae6f663f5dbdd276520154bf572515d84', name: "batch" })), index.h("p", { key: '570b30a68b601a2d153a60bd4bde8153edd023f4', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index.h("div", { key: '5e1591c41884ba1133e38a59a92e582d486c6ed5', class: "xv-table_wrapper" }, index.h("slot", { key: '6d0faf64c9b0e28da1e65169ba214e28396a12a7' }), index.h("slot", { key: '4fb5105769eaa99d5ef9623f31efc06e44ca3546', name: "footer" })), !!this.loading && (index.h("div", { key: '4ee0c380f318f7822db18321b7abb9f0c8263f94', class: "xv-table_loading" }, index.h("xv-loader-v2", { key: '114014c3849142bbb9f7730a4e8c8fc79c77a716', size: SIZE_VAR.LG }))))));
|
|
78634
78653
|
}
|
|
78635
78654
|
componentWillLoad() {
|
|
78636
78655
|
this.setColsSizeTemplate();
|
|
@@ -78669,7 +78688,7 @@ const XvTableCell = class {
|
|
|
78669
78688
|
}
|
|
78670
78689
|
;
|
|
78671
78690
|
render() {
|
|
78672
|
-
return (index.h(index.Host, { key: '
|
|
78691
|
+
return (index.h(index.Host, { key: 'd061e948e1adb17f142e302b1026c503c55d2333' }, index.h("slot", { key: '17b1f30a1335117abbf07119da1c2f2e88ab3936' })));
|
|
78673
78692
|
}
|
|
78674
78693
|
get el() { return index.getElement(this); }
|
|
78675
78694
|
};
|
|
@@ -78690,7 +78709,7 @@ const XvTableExpand = class {
|
|
|
78690
78709
|
};
|
|
78691
78710
|
}
|
|
78692
78711
|
render() {
|
|
78693
|
-
return (index.h(index.Host, { key: '
|
|
78712
|
+
return (index.h(index.Host, { key: 'd5c007569c8543416cc877f021371d664d9530b4' }, index.h("button", { key: '82122649cf697753f574ae4cd13590caf9a71d79', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index.h("slot", { key: 'd21feee4c166b24e4fe6358f9bb7ce9124049733', name: XV_EXPANDABLE_KEY }), index.h("div", { key: '4fcd4a3d10ac6ef8214596ce90c3e34c27798794', class: { expandableContent: true, open: this.open } }, index.h("slot", { key: '338aa9364b03e9dff478059a7447f4ae2078974d' }))));
|
|
78694
78713
|
}
|
|
78695
78714
|
componentDidLoad() {
|
|
78696
78715
|
index$1.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -78745,7 +78764,7 @@ const XvTableRow = class {
|
|
|
78745
78764
|
}
|
|
78746
78765
|
}
|
|
78747
78766
|
render() {
|
|
78748
|
-
return (index.h(index.Host, { key: '
|
|
78767
|
+
return (index.h(index.Host, { key: '75be77abc89fffa0d0bc670dc86804e9f8a21797' }, this.variant !== undefined && (index.h("xv-table-v2-cell", { key: 'c4f48b2d2c62caede31a15d7c33b3b25b037ee96', class: "cell-control" }, this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: '1fe8cbb6e11598db86869ed47dfc27f45cfad485', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index.h("input", { key: '139c2f61cc1c0e3ed8c7c55a7368e9a666858d75', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index.h("slot", { key: '6fe80ce1635908d85140ce04839c0cfb0026e878' })));
|
|
78749
78768
|
}
|
|
78750
78769
|
componentWillLoad() {
|
|
78751
78770
|
this.setInitialAttrs();
|
|
@@ -78876,7 +78895,7 @@ const XvTag = class {
|
|
|
78876
78895
|
this.closeClick.emit(e);
|
|
78877
78896
|
}
|
|
78878
78897
|
render() {
|
|
78879
|
-
return (index.h(index.Host, { key: '
|
|
78898
|
+
return (index.h(index.Host, { key: '325197395b3956e4d80a62aefe6de322841364fd', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index.h("div", { key: '2b40401658f397381578e5f471c63ed830d9823a', class: "xv-tag_content" }, index.h("slot", { key: '7b7ff5b47a9fe13c16f3643a6bf93ca4ff6b9af4' })), this.closeable && (index.h("button", { key: 'ab9263218df9324299cdbac5cf050d3f5f4bb062', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
78880
78899
|
}
|
|
78881
78900
|
};
|
|
78882
78901
|
XvTag.style = xvTagCss;
|
|
@@ -78906,13 +78925,13 @@ const XvTextInput = class {
|
|
|
78906
78925
|
};
|
|
78907
78926
|
}
|
|
78908
78927
|
render() {
|
|
78909
|
-
return (index.h(index.Host, { key: '
|
|
78928
|
+
return (index.h(index.Host, { key: '39f30d0f2a7669aaf0052c48ce4dd074bcae6165', class: { disabled: !!this.disabled } }, index.h("label", { key: 'eef9471119a78be186392b7fecf8a1543b8181bc', class: "control" }, this.label && index.h("span", { key: '1d07fe45cae8349b4b188ba6eaf461375ef847d6', class: "control_label" }, this.label), index.h("div", { key: '115ea9fe51ae5d9af3f2405f4ef01356a44a3338', class: {
|
|
78910
78929
|
'control_input': true,
|
|
78911
78930
|
readonly: !!this.readonly,
|
|
78912
78931
|
[this.size]: true,
|
|
78913
78932
|
error: !!this.error,
|
|
78914
78933
|
warning: !!this.warning,
|
|
78915
|
-
} }, index.h("input", { key: '
|
|
78934
|
+
} }, index.h("input", { key: 'aa20a6feae322fe3dcdc2e6ca546e696ef1ad2a2', autocomplete: this.autocomplete, type: this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index.h("div", { key: '06d2ab352aa5a1b4f5a5f9e1d0aedb7798aa23b0', class: "control_input__icons" }, this.loading && index.h("xv-loader-v2", { key: 'b5600395904f2eea653316dc5397dbeb88a88d38', size: SIZE_VAR.XS }), !!this.error ? (index.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null))), this.helper && index.h("p", { key: '6a6b52ecc89388a6027ecfbd5696b3f1d67559a6', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
78916
78935
|
}
|
|
78917
78936
|
static get formAssociated() { return true; }
|
|
78918
78937
|
};
|
|
@@ -78949,12 +78968,12 @@ const XvTextarea = class {
|
|
|
78949
78968
|
this.value && this.internals.setFormValue(this.value);
|
|
78950
78969
|
}
|
|
78951
78970
|
render() {
|
|
78952
|
-
return (index.h(index.Host, { key: '
|
|
78971
|
+
return (index.h(index.Host, { key: '32f72f91b2de57a3ffc02da9d2e32667c4fa0729', class: { disabled: !!this.disabled } }, index.h("label", { key: 'da9f30a76c1cecd3799be4d3b85677e18981ae3c', class: "control" }, (this.label || this.max) && (index.h("p", { key: '085a9af1ee4397c090efef0ab1d62de29af366e2', class: "control_label" }, index.h("span", { key: '1326948d124f0ee1b0f217fa97b701b0c8d341aa' }, this.label, this.info && index.h("xv-tooltip-v2", { key: 'b20a9a18540a7b311f469ad023b90dd2c51b3b6f', message: this.info })), this.max !== undefined && !this.counterHide && (index.h("span", { key: '0708f101c418d5f5482ed6b83a17b6221730d2b2', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index.h("div", { key: '6d86d2da372cba0893240ccbd41241f34e5fe580', class: {
|
|
78953
78972
|
'control_input': true,
|
|
78954
78973
|
readonly: !!this.readonly,
|
|
78955
78974
|
error: this.error !== undefined,
|
|
78956
78975
|
warning: this.warning !== undefined,
|
|
78957
|
-
} }, index.h("textarea", { key: '
|
|
78976
|
+
} }, index.h("textarea", { key: '7be345c20595e0c604417cf9d1122c6a7d28b029', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index.h("div", { key: '650c677171cd607eef5c2f248f9be4b8101b994b', class: "control_input__icons" }, this._renderIcon()))), this.helper && index.h("p", { key: '80e99599ab50ee83094eed2a850657931d4527ff', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
78958
78977
|
}
|
|
78959
78978
|
_renderIcon() {
|
|
78960
78979
|
if (this.loading)
|
|
@@ -79004,7 +79023,7 @@ const XvTile = class {
|
|
|
79004
79023
|
this.checked = !this.checked;
|
|
79005
79024
|
}
|
|
79006
79025
|
render() {
|
|
79007
|
-
return (index.h(index.Host, { key: '
|
|
79026
|
+
return (index.h(index.Host, { key: 'edef3ae985144f20a277f808490eeea178b3f073', class: "xv-tile--host" }, index.h("label", { key: 'b179772961bdb1a19f1b24cd21603eff4faac1ab', class: {
|
|
79008
79027
|
[this.el.className]: !!this.el.className,
|
|
79009
79028
|
'xv-tile': true,
|
|
79010
79029
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -79012,12 +79031,44 @@ const XvTile = class {
|
|
|
79012
79031
|
'xv-tile--disabled': !!this.disabled,
|
|
79013
79032
|
'selected': !!this.checked,
|
|
79014
79033
|
'xv-tile--error': this.error !== undefined,
|
|
79015
|
-
} }, index.h("div", { key: '
|
|
79034
|
+
} }, index.h("div", { key: '9e77fb3f1ef0b58106e492be55f859a90fdd9426', class: "xv-tile_content" }, this.label && index.h("h4", { key: 'bf8f33ad2b9afd36f2cf385946d73fd5bfeca645', class: "xv-tile_content__title" }, this.label), index.h("slot", { key: '02150126ba82b55f9ca4d869b3181b76984c0a68' })), this.variant === 'selectable' && (index.h("div", { key: '5525f72ca1fc3f2fb763f5d941fe116a7599d9e2', class: "xv-tile_control" }, this.multiple ? (index.h("input", { type: "checkbox", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index.h("input", { type: "radio", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index.h("div", { key: '2da086ca430a05a22a16b9d9ec5595abb4df7168', class: "xv-tile_footer" }, index.h("button", { key: '2e65a522d7c85eb96f3c8fa8aafad85647ea5662', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index.h("div", { key: 'a82e08a05a9eb2c4abe06a43caf80c96aefa6703', class: { 'xv-tile_expandable': true, open: this.checked } }, index.h("slot", { key: '19bc3a3a87b930f5a551fdb7a2f0db2cadd6a764', name: "expandable" })))));
|
|
79016
79035
|
}
|
|
79017
79036
|
get el() { return index.getElement(this); }
|
|
79018
79037
|
};
|
|
79019
79038
|
XvTile.style = xvTileCss;
|
|
79020
79039
|
|
|
79040
|
+
const xvToggleCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host(.xv-toggle){display:inline-flex;flex-direction:column;align-items:self-start;row-gap:var(--spacing-03, 8px);text-align:left;font-family:var(--ff-body, Tahoma)}:host(.xv-toggle) .label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);line-height:var(--fz-md, 14px);letter-spacing:0.32px}:host(.xv-toggle) .control{display:inline-flex;column-gap:var(--spacing-03, 8px);align-items:center;cursor:pointer;color:var(--text-primary, #333);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 16px);letter-spacing:0.16px}:host(.xv-toggle) .control ::slotted([slot=before]),:host(.xv-toggle) .control ::slotted([slot=after]){margin:0 !important;padding:0 !important;user-select:none}:host(.xv-toggle) .control_input{display:inline-flex;position:relative;width:48px;height:24px}:host(.xv-toggle) .control_input .toggle{display:inline-block;position:relative;width:inherit;height:inherit;background-color:var(--border-strong-01, #8B8B8B);border-radius:100px;outline:2px solid transparent;transition:background-color 0.2s, outline-color 0.2s}:host(.xv-toggle) .control_input .toggle::before{display:inline-flex;align-items:center;justify-content:center;content:\"\";font-size:70%;color:transparent;position:absolute;height:calc(100% - 4px);aspect-ratio:1;top:2px;left:2px;background-color:var(--icon-on-color, white);border-radius:50%;transition:left 0.2s, transform 0.2s}:host(.xv-toggle) .control_input input[type=checkbox]{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle{background-color:var(--support-success, #97BF0D)}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle::before{color:var(--support-success, #97BF0D);left:calc(100% - 2px);transform:translateX(-100%)}:host(.xv-toggle) .control_input input[type=checkbox]:active:not(:disabled)+.toggle,:host(.xv-toggle) .control_input input[type=checkbox]:focus:not(:disabled)+.toggle{outline-color:var(--focus)}:host(.xv-toggle[size=xs]) .control_input{width:24px;height:12px}:host(.xv-toggle[size=sm]) .control_input{width:32px;height:16px}:host(.xv-toggle[size=lg]) .control_input{width:56px;height:28px}:host(.xv-toggle[size=xl]) .control_input{width:64px;height:32px}:host(.block){display:flex;align-items:stretch}:host(.disabled) .label,:host(.disabled) .control,:host(.readonly) .label,:host(.readonly) .control{cursor:not-allowed}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle,:host(.disabled) .control_input .toggle{background-color:var(--button-disabled, #8B8B8B)}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle::before,:host(.disabled) .control_input .toggle::before{background-color:var(--text-on-color-disabled, white)}";
|
|
79041
|
+
|
|
79042
|
+
const XvToggle = class {
|
|
79043
|
+
constructor(hostRef) {
|
|
79044
|
+
index.registerInstance(this, hostRef);
|
|
79045
|
+
this.toggleChange = index.createEvent(this, "toggleChange");
|
|
79046
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
79047
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
79048
|
+
}
|
|
79049
|
+
else {
|
|
79050
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
79051
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
79052
|
+
}
|
|
79053
|
+
this.value = 'on';
|
|
79054
|
+
this.name = 'xv-toggle';
|
|
79055
|
+
this.checked = false;
|
|
79056
|
+
this.size = SIZE_VAR.MD;
|
|
79057
|
+
this.onChange = (e) => {
|
|
79058
|
+
if (this.disabled || this.readonly)
|
|
79059
|
+
return;
|
|
79060
|
+
this.checked = e.target.checked;
|
|
79061
|
+
this.toggleChange.emit(this.checked);
|
|
79062
|
+
this.internals.setFormValue(this.checked ? this.value || 'on' : '');
|
|
79063
|
+
};
|
|
79064
|
+
}
|
|
79065
|
+
render() {
|
|
79066
|
+
return (index.h(index.Host, { key: '1023707efcf342363a1a158fbb26ebfefb67ee8a', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index.h("span", { key: '672588183c91eb2bdd4b2bd018c39a8421aee7e5', class: "label" }, this.label), index.h("label", { key: '10743e750db0088f632601e24357669a059a05b2', class: "control" }, index.h("slot", { key: 'a0b8cfe03a402cfcb16bb88651d89a0eb0e36a4f', name: "before" }), index.h("div", { key: '1edd425bcfed5bf1e37c2b665d0936ac805288bd', class: "control_input" }, index.h("input", { key: '8ab10a627eaec171dcb8deda73071c70edf99926', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index.h("span", { key: '4f7f92ec2be019c97c173358fbc4f85c9f4d43c9', class: "toggle" })), index.h("slot", { key: 'f4bd696fccb7c46684e887ca7d68a020b6a82009', name: "after" }))));
|
|
79067
|
+
}
|
|
79068
|
+
static get formAssociated() { return true; }
|
|
79069
|
+
};
|
|
79070
|
+
XvToggle.style = xvToggleCss;
|
|
79071
|
+
|
|
79021
79072
|
const xvToggleTipCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-block;font-family:inherit}:host .trigger{display:inline-flex;align-items:center;cursor:pointer;transition:250ms ease-in-out color;color:var(--icon-secondary)}:host .trigger_icon{color:inherit}:host .trigger ::slotted([slot=trigger]){transition:250ms ease-in-out color;color:var(--icon-secondary)}:host .trigger:hover,:host .trigger:active,:host .trigger ::slotted([slot=trigger]:hover),:host .trigger ::slotted([slot=trigger]:active){color:var(--icon-primary)}:host .trigger:focus,:host .trigger ::slotted([slot=trigger]:focus){color:var(--focus)}:host .popover{opacity:1;z-index:1000;position:absolute;background-color:var(--background-inverse);color:var(--text-inverse);border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);max-width:288px;font-size:0.875rem;line-height:1.5;margin-top:8px;flex-direction:column;display:flex}:host .popover[data-popper-placement^=top] .popover-tip{bottom:-4px}:host .popover[data-popper-placement^=bottom] .popover-tip{top:-4px}:host .popover[data-popper-placement^=left] .popover-tip{right:-4px}:host .popover[data-popper-placement^=right] .popover-tip{left:-4px}:host .popover .popover-tip{width:10px;height:10px;background-color:transparent;z-index:-1}:host .popover .popover-tip:before{content:\"\";transform:rotate(45deg);background-color:var(--background-inverse);width:inherit;height:inherit;display:inline-block}:host .popover .popover-content{padding:var(--gap-md);display:flex;flex-direction:column;gap:var(--spacing-04)}:host .popover .popover-content ::slotted([slot=header]){font-size:0.875rem;font-weight:600;color:var(--text-secondary)}:host .popover .popover-content ::slotted([slot=body]){font-size:0.875rem;color:var(--text-inverse)}:host .popover .popover-content ::slotted([slot=footer]){font-size:0.75rem;color:var(--text-inverse);opacity:0.8}:host(:not([open])) .popover{opacity:0;z-index:-1;user-select:none;pointer-events:none}";
|
|
79022
79073
|
|
|
79023
79074
|
const XvToggleTip = class {
|
|
@@ -79087,7 +79138,7 @@ const XvToggleTip = class {
|
|
|
79087
79138
|
}
|
|
79088
79139
|
;
|
|
79089
79140
|
render() {
|
|
79090
|
-
return (index.h(index.Host, { key: '
|
|
79141
|
+
return (index.h(index.Host, { key: '19e74c00d44516479626129660182bab4c60c803', class: "xv-toggle-tip" }, index.h("div", { key: 'fb88eb87498018f5275dd0c1d37c45b2a8502466', class: "trigger", role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '0116ff31401d0c547aaccb8ea366cad5e5e88305', name: "trigger" }, index.h("svg", { key: '330f4700f7df46061c3e14a5d1d83ee3f346009d', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: '429f6d35983dcc978a5ba999c190182d8ce2b3fb', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index.h("div", { key: 'cda5cea259d323e91803b15c52d3479c0aca5267', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index.h("div", { key: 'a8021561fa4e0b1dd6e59dc31fb500415fc94d06', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index.h("div", { key: 'c10992414b65888cc3ab4231356bd0d25681188b', class: "popover-content" }, index.h("slot", { key: 'abc3e0e87cea29a66712df14b502c7eb085c8674', name: "header" }), index.h("slot", { key: '20291f8a55bf3dd90e5b76a99043bb619f51d977', name: "body" }), index.h("slot", { key: 'eafbbe5dda489223fbf29eab0d0b016b0bddc358', name: "footer" })))));
|
|
79091
79142
|
}
|
|
79092
79143
|
disconnectedCallback() {
|
|
79093
79144
|
this.destroyPopper();
|
|
@@ -79140,11 +79191,11 @@ const XvTooltip = class {
|
|
|
79140
79191
|
this.destroyTooltip();
|
|
79141
79192
|
}
|
|
79142
79193
|
render() {
|
|
79143
|
-
return (index.h(index.Host, { key: '
|
|
79194
|
+
return (index.h(index.Host, { key: '70fdc80271de382ee82e851b657c3d93c0235cf2', role: "tooltip", class: {
|
|
79144
79195
|
'xv-tooltip-wrapper': true,
|
|
79145
79196
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
79146
79197
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
79147
|
-
} }, index.h("slot", { key: '
|
|
79198
|
+
} }, index.h("slot", { key: '5261ea39a23faeaacffcdc4b2615c9c1859dffe1' }, index.h("svg", { key: 'd39c19836d1205cd785bf6eb5377e7a0fcddf773', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: 'd1eea6f288c24229a42499410f47aa0a70b13c1d', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
|
|
79148
79199
|
}
|
|
79149
79200
|
get el() { return index.getElement(this); }
|
|
79150
79201
|
};
|
|
@@ -79173,6 +79224,7 @@ exports.xv_notification_v2 = XvNotification;
|
|
|
79173
79224
|
exports.xv_number_input_v2 = XvNumberInput;
|
|
79174
79225
|
exports.xv_overflow_menu_v2 = XvOverflowMenu;
|
|
79175
79226
|
exports.xv_overflow_menu_v2_item = XvOverflowMenuItem;
|
|
79227
|
+
exports.xv_pagination = XvPagination;
|
|
79176
79228
|
exports.xv_progress_indicator_v2 = XvProgressIndicator;
|
|
79177
79229
|
exports.xv_progress_indicator_v2_item = XvProgressIndicatorItem;
|
|
79178
79230
|
exports.xv_slider_v2 = XvSlider;
|
|
@@ -79186,8 +79238,9 @@ exports.xv_tag_v2 = XvTag;
|
|
|
79186
79238
|
exports.xv_text_input_v2 = XvTextInput;
|
|
79187
79239
|
exports.xv_textarea = XvTextarea;
|
|
79188
79240
|
exports.xv_tile = XvTile;
|
|
79241
|
+
exports.xv_toggle = XvToggle;
|
|
79189
79242
|
exports.xv_toggle_tip = XvToggleTip;
|
|
79190
79243
|
exports.xv_tooltip_v2 = XvTooltip;
|
|
79191
|
-
//# sourceMappingURL=xv-accordion-v2.xv-accordion-v2-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-data-table.xv-data-table-cell.xv-data-table-collapse.xv-data-table-row.xv-datepicker.xv-dropdown-v2.xv-dropdown-v2-item.xv-file-uploader.xv-footer.xv-header.xv-link-v2.xv-loader-v2.xv-login-modal.xv-modal-v2.xv-notification-v2.xv-number-input-v2.xv-overflow-menu-v2.xv-overflow-menu-v2-item.xv-progress-indicator-v2.xv-progress-indicator-v2-item.xv-slider-v2.xv-tab-v2.xv-table-v2.xv-table-v2-cell.xv-table-v2-expand.xv-table-v2-row.xv-tabs-v2.xv-tag-v2.xv-text-input-v2.xv-textarea.xv-tile.xv-toggle-tip.xv-tooltip-v2.entry.cjs.js.map
|
|
79244
|
+
//# sourceMappingURL=xv-accordion-v2.xv-accordion-v2-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-data-table.xv-data-table-cell.xv-data-table-collapse.xv-data-table-row.xv-datepicker.xv-dropdown-v2.xv-dropdown-v2-item.xv-file-uploader.xv-footer.xv-header.xv-link-v2.xv-loader-v2.xv-login-modal.xv-modal-v2.xv-notification-v2.xv-number-input-v2.xv-overflow-menu-v2.xv-overflow-menu-v2-item.xv-pagination.xv-progress-indicator-v2.xv-progress-indicator-v2-item.xv-slider-v2.xv-tab-v2.xv-table-v2.xv-table-v2-cell.xv-table-v2-expand.xv-table-v2-row.xv-tabs-v2.xv-tag-v2.xv-text-input-v2.xv-textarea.xv-tile.xv-toggle.xv-toggle-tip.xv-tooltip-v2.entry.cjs.js.map
|
|
79192
79245
|
|
|
79193
|
-
//# sourceMappingURL=xv-accordion-
|
|
79246
|
+
//# sourceMappingURL=xv-accordion-v2_40.cjs.entry.js.map
|