xv-webcomponents 1.20.2 → 1.22.1-staging.0
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/{index-DwneAp1a.js → index-Cb30DBqk.js} +16 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_48.cjs.entry.js +79 -51
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +3 -3
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-button/xv-button-v2.css +3 -3
- package/dist/collection/components/xv-button/xv-button.js +4 -4
- package/dist/collection/components/xv-datepicker/xv-datepicker.css +3 -0
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +8 -2
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.css +3 -2
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +5 -4
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +4 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +59 -3
- 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-radio/xv-radio.css +3 -0
- package/dist/collection/components/xv-radio/xv-radio.js +23 -2
- 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-tag-combobox/xv-tag-combobox.css +2 -2
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +23 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +4 -2
- package/dist/collection/components/xv-textarea/xv-textarea.css +11 -1
- package/dist/collection/components/xv-textarea/xv-textarea.js +4 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- 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/collection/utils/utils.js +15 -0
- package/dist/esm/{index-OqHMuwQF.js → index-CQm2sRKT.js} +16 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_48.entry.js +79 -51
- package/dist/esm/xv-header-next.entry.js +2 -2
- package/dist/esm/xv-mega-menu-next.entry.js +3 -3
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-button/xv-button.d.ts +1 -1
- package/dist/types/components/xv-pagination/xv-pagination.d.ts +3 -1
- package/dist/types/components/xv-radio/xv-radio.d.ts +1 -0
- package/dist/types/components/xv-tag-combobox/xv-tag-combobox.d.ts +1 -0
- package/dist/types/components.d.ts +22 -2
- package/dist/types/utils/utils.d.ts +9 -0
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/{p-fa1779f0.entry.js → p-4ad13642.entry.js} +1 -1
- package/dist/xv-webcomponents/p-616a74df.entry.js +8 -0
- package/dist/xv-webcomponents/{p-0b0ce8e2.entry.js → p-8eca98c5.entry.js} +1 -1
- package/dist/xv-webcomponents/p-CQm2sRKT.js +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-00197757.entry.js +0 -8
- package/dist/xv-webcomponents/p-OqHMuwQF.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-Cv2gugMt.js';
|
|
2
|
-
import { u as uidGenerator, f as forEach, s as setAttr,
|
|
2
|
+
import { u as uidGenerator, f as forEach, r as resolveFieldMessage, s as setAttr, c as resolveWhitelabel, a as api, g as getMetaNav, b as getBaseUrl, d as debounce$1 } from './index-CQm2sRKT.js';
|
|
3
3
|
import { S as SIZE_VAR, X as XV_SORT_DIR, O as OverflowMenuVariant, a as OverflowMenuItemSelector } from './_vars-CDEU4jkD.js';
|
|
4
4
|
|
|
5
5
|
const xvAccordionCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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}`;
|
|
@@ -168,7 +168,7 @@ const XvButtonGroup = class {
|
|
|
168
168
|
};
|
|
169
169
|
XvButtonGroup.style = xvButtonGroupCss();
|
|
170
170
|
|
|
171
|
-
const xvButtonV2Css = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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-button-font-weight:
|
|
171
|
+
const xvButtonV2Css = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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-button-font-weight:600;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:var(--xv-button-border-radius, 3px);font-size:var(--fz-md, 14px);font-family:var(--ff-body, Tahoma), sans-serif;font-style:normal;font-weight:var(--xv-button-font-weight, 600);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.xv-button--active,.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.xv-button--active,.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);color:var(--text-primary)}.xv-button--secondary:hover{background-color:var(--button-secondary-hover)}.xv-button--secondary.xv-button--active,.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.xv-button--active,.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);color:var(--button-tertiary)}.xv-button--tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button--tertiary.xv-button--active,.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:var(--background-hover)}.xv-button--ghost.xv-button--active,.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--tertiary:disabled{color:var(--text-on-color-disabled, #8B8B8B)}.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}`;
|
|
172
172
|
|
|
173
173
|
const XvButton = class {
|
|
174
174
|
constructor(hostRef) {
|
|
@@ -222,7 +222,7 @@ const XvButton = class {
|
|
|
222
222
|
}
|
|
223
223
|
render() {
|
|
224
224
|
var _a, _b;
|
|
225
|
-
return (h(Host, { key: '
|
|
225
|
+
return (h(Host, { key: '0b4741e866dfbb0117f2742e44085bf23d43cd3b' }, h("button", { key: '37c3f64732c91255257502a1c8d97c2befd1038c', class: {
|
|
226
226
|
'xv-button': true,
|
|
227
227
|
'xv-button--active': this.active,
|
|
228
228
|
[`xv-button--${this.variant}`]: !!this.variant,
|
|
@@ -233,7 +233,7 @@ const XvButton = class {
|
|
|
233
233
|
'xv-button--icon-left': this.hasLeftIcon,
|
|
234
234
|
'xv-button--icon-right': this.hasRightIcon,
|
|
235
235
|
'xv-button--icon-only': !this.hasContent,
|
|
236
|
-
}, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.name, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-pressed": this.active ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '
|
|
236
|
+
}, part: "button", title: (_a = this.el) === null || _a === void 0 ? void 0 : _a.title, value: this.value, name: this.name, onClick: this.handleClick, type: this.type, disabled: this.disabled || this.loading, "aria-disabled": this.disabled ? 'true' : undefined, "aria-pressed": this.active ? 'true' : undefined, "aria-label": ((_b = this.el) === null || _b === void 0 ? void 0 : _b.ariaLabel) || 'XV button' }, this.loading && (h("xv-loader-v2", { key: '8f9c1e0fc5dd12e2274ff0811bbd28998a8125e7', class: "xv-button__loader", size: this.size !== SIZE_VAR.XL ? this.size : SIZE_VAR.LG })), h("span", { key: '84c7fbe1ad877d8ecf2c32c4ee2b768331148dd5', class: "xv-button__icon xv-button__icon--left" }, h("slot", { key: '2d09347c947e6986c0549052c4498d55a9f1922e', name: "icon-left", onSlotchange: this.handleSlotChangeLeft })), h("span", { key: 'abef513bf0445f069bfe14dc4def3b1ef5d36deb', class: "xv-button__label" }, h("slot", { key: 'badaca4a0d972bfb54d816bef2e2b0605a069757', onSlotchange: this.handleSlotChangeContent }, this.label)), h("span", { key: '93eb382ec484b5f2e46faa5b9ca25cbbb78236bf', class: "xv-button__icon xv-button__icon--right" }, h("slot", { key: '0b1b9645e5ddfe0652dfbfda3d4795dea1f7ba70', name: "icon-right", onSlotchange: this.handleSlotChangeRight })))));
|
|
237
237
|
}
|
|
238
238
|
static get formAssociated() { return true; }
|
|
239
239
|
get el() { return getElement(this); }
|
|
@@ -80357,7 +80357,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
|
|
|
80357
80357
|
defaultModifiers: defaultModifiers
|
|
80358
80358
|
}); // eslint-disable-next-line import/no-unused-modules
|
|
80359
80359
|
|
|
80360
|
-
const xvDatepickerCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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-datepicker-padding:var(--spacing-04);--xv-datepicker-fields-direction:row;display:inline-block;font-size:var(--fz-md, 14px)}:host .control{display:flex;flex-direction:column;row-gap:var(--spacing-03);text-align:left;letter-spacing:0.32px}:host .control_label{color:var(--text-secondary, #515151);font-size:0.8571428571em;font-weight:400}:host .control_field{position:relative;display:flex;gap:var(--spacing-03);flex-direction:var(--xv-datepicker-fields-direction, row)}:host .control_field input[type=date]{flex:1 1 0;border-radius:3px;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;background-color:transparent;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.32px;padding:var(--xv-datepicker-padding) calc(var(--spacing-05) + 20px) var(--xv-datepicker-padding) var(--spacing-05);border:1px solid var(--border-subtle-01);box-shadow:none;outline:2px solid transparent;transition:0.25s ease-in-out outline-color;appearance:none}:host .control_field input[type=date]:empty{color:var(--text-helper, #646464)}:host .control_field input[type=date]:focus{outline-color:var(--focus)}:host .control_field input[type=date]::-webkit-calendar-picker-indicator{visibility:hidden;opacity:0;appearance:none;pointer-events:none;display:none}:host .control_field:before{font-size:16px;width:16px;height:16px;top:calc(var(--xv-datepicker-padding) + 4px);right:var(--spacing-04);position:absolute;content:"";box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E")}@supports not selector(::-webkit-calendar-picker-indicator){:host .control_field:before{background-image:none}}:host .control_field.warning,:host .control_field.error,:host .control_field.loading{position:relative}:host .control_field.warning:before,:host .control_field.error:before,:host .control_field.loading:before{background-image:none}:host .control_field.warning:before{content:"⚠";color:var(--support-warning)}:host .control_field.error:before{font-size:12px;border-radius:50%;content:"!";color:#fff;background-color:var(--support-error)}:host .control_field.error input[type=date]{outline-color:var(--support-error);border:1px solid var(--support-error)}:host .control_field.loading{}@keyframes spin{to{transform:rotate(360deg)}}:host .control_field.loading:before{content:"";background-color:transparent;border-radius:50%;border:3px solid rgba(0, 0, 0, 0.1);border-top-color:var(--highlight-01, #CEDE94);animation:spin 0.8s linear infinite}:host .control_message{font-size:0.8571428571em;color:var(--text-primary, #333);margin:0;padding:0}:host .control_message.error{color:var(--text-error, #D62512)}:host .control_message.helper{color:var(--text-secondary, #515151)}:host .popover{opacity:1;z-index:12;position:absolute;max-width:fit-content;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--layer-02, #fff);border-radius:3px;box-shadow:0 4px 8px 3px rgba(39, 52, 53, 0.15), 0 1px 3px 0 rgba(39, 52, 53, 0.3);padding:var(--spacing-02) var(--spacing-03);row-gap:var(--spacing-02, 4px)}:host .popover:not(.open){opacity:0;z-index:-1;user-select:none;pointer-events:none;top:0;left:0;transform:translateY(-9999px)}:host .popover .header{display:grid;width:100%;grid-template-columns:auto 1fr auto;column-gap:var(--spacing-03)}:host .popover .header_date{margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-transform:capitalize;color:var(--text-primary, #333);text-align:center;font-family:var(--ff-body), sans-serif;font-size:1em;font-weight:700;letter-spacing:0.16px}:host .popover .header_date input[type=number]{display:inline-block;padding:0.25rem;border:none;margin:0 0 0 var(--spacing-02);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:3.75em;border-radius:3px}:host .popover .header_date input[type=number]:focus{outline:1px solid var(--focus)}:host .popover .header_icon{display:inline-block;position:relative;border:solid currentColor;padding:5px;border-width:0 2px 2px 0}:host .popover .header_icon.prev{transform:translate(4px) rotate(135deg)}:host .popover .header_icon.next{transform:translate(-4px) rotate(-45deg)}:host .popover .week{display:grid;width:100%;grid-template-columns:repeat(8, 1fr)}:host .popover .week_day{width:40px;line-height:40px;margin:0;padding:0;box-sizing:border-box;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;letter-spacing:0.16px;user-select:none}:host .popover .week_day:is(button){background-color:transparent;border:none;outline:none;transition:250ms ease-in-out background-color, 250ms ease-in-out color}:host .popover .week_day:is(button):hover:not(:disabled){cursor:pointer;background-color:var(--layer-hover-01, #E9E9E9)}:host .popover .week_day:is(button):focus:not(:disabled){cursor:pointer;outline:1px solid var(--focus, #273435);background-blend-mode:multiply}:host .popover .week_day:is(button):active:not(:disabled){background-color:rgba(139, 139, 139, 0.5)}:host .popover .week_day:is(button).inRange:not(.disabled):not(.active){background-color:var(--highlight-01, #CEDE94)}:host .popover .week_day:is(button).active{background-color:var(--button-primary, #273435);color:var(--text-on-color, #fff);z-index:1}:host .popover .week_day:is(button).active:hover{background-color:var(--button-primary-hover, #303F40)}:host .popover .week_day:is(button).active:active{background-color:var(--button-primary-active, #455D5E)}:host .popover .week_day.isToday{position:relative;font-weight:bold}:host .popover .week_day.isToday:before{content:"";position:absolute;bottom:2px;left:calc(50% - 2px);display:inline-block;width:4px;height:4px;border-radius:2px;background-color:currentColor}:host .popover .week_day.disabled{color:var(--text-placeholder, #ACACAC)}:host .popover .week_day__mobile{display:none}@media screen and (max-width: 920px){:host .popover .week_day__mobile{display:inline-block}}:host .popover .week_day__desktop{display:inline-block}@media screen and (max-width: 920px){:host .popover .week_day__desktop{display:none}}:host([block]){display:block;max-width:unset}:host(.disabled) .control_message,:host(.disabled) .control_field input[type=date],:host(.disabled) .control_label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .control_field:before{opacity:0.4}:host([size=xs]){--xv-datepicker-padding:var(--spacing-02, 4px);font-size:var(--fz-sm)}:host([size=sm]){--xv-datepicker-padding:var(--spacing-03, 8px)}:host([size=md]){--xv-datepicker-padding:var(--spacing-04, 12px)}:host([size=lg]){--xv-datepicker-padding:var(--spacing-05, 16px)}:host([size=xl]){--xv-datepicker-padding:var(--spacing-06, 24px);font-size:var(--fz-lg)}`;
|
|
80360
|
+
const xvDatepickerCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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-datepicker-padding:var(--spacing-04);--xv-datepicker-fields-direction:row;display:inline-block;font-size:var(--fz-md, 14px)}:host .control{display:flex;flex-direction:column;row-gap:var(--spacing-03);text-align:left;letter-spacing:0.32px}:host .control_label{color:var(--text-secondary, #515151);font-size:0.8571428571em;font-weight:400}:host .control_field{position:relative;display:flex;gap:var(--spacing-03);flex-direction:var(--xv-datepicker-fields-direction, row)}:host .control_field input[type=date]{flex:1 1 0;border-radius:3px;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;background-color:transparent;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.32px;padding:var(--xv-datepicker-padding) calc(var(--spacing-05) + 20px) var(--xv-datepicker-padding) var(--spacing-05);border:1px solid var(--border-subtle-01);box-shadow:none;outline:2px solid transparent;transition:0.25s ease-in-out outline-color;appearance:none}:host .control_field input[type=date]:empty{color:var(--text-helper, #646464)}:host .control_field input[type=date]:focus{outline-color:var(--focus)}:host .control_field input[type=date]::-webkit-calendar-picker-indicator{visibility:hidden;opacity:0;appearance:none;pointer-events:none;display:none}:host .control_field:before{font-size:16px;width:16px;height:16px;top:calc(var(--xv-datepicker-padding) + 4px);right:var(--spacing-04);position:absolute;content:"";box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E")}@supports not selector(::-webkit-calendar-picker-indicator){:host .control_field:before{background-image:none}}:host .control_field.warning,:host .control_field.error,:host .control_field.loading{position:relative}:host .control_field.warning:before,:host .control_field.error:before,:host .control_field.loading:before{background-image:none}:host .control_field.warning:before{content:"⚠";color:var(--support-warning)}:host .control_field.error:before{font-size:12px;border-radius:50%;content:"!";color:#fff;background-color:var(--support-error)}:host .control_field.error input[type=date]{outline-color:var(--support-error);border:1px solid var(--support-error)}:host .control_field.loading{}@keyframes spin{to{transform:rotate(360deg)}}:host .control_field.loading:before{content:"";background-color:transparent;border-radius:50%;border:3px solid rgba(0, 0, 0, 0.1);border-top-color:var(--highlight-01, #CEDE94);animation:spin 0.8s linear infinite}:host .control_message{font-size:0.8571428571em;color:var(--text-primary, #333);margin:0;padding:0}:host .control_message.error{color:var(--text-error, #D62512)}:host .control_message.warning{color:var(--support-warning)}:host .control_message.helper{color:var(--text-secondary, #515151)}:host .popover{opacity:1;z-index:12;position:absolute;max-width:fit-content;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--layer-02, #fff);border-radius:3px;box-shadow:0 4px 8px 3px rgba(39, 52, 53, 0.15), 0 1px 3px 0 rgba(39, 52, 53, 0.3);padding:var(--spacing-02) var(--spacing-03);row-gap:var(--spacing-02, 4px)}:host .popover:not(.open){opacity:0;z-index:-1;user-select:none;pointer-events:none;top:0;left:0;transform:translateY(-9999px)}:host .popover .header{display:grid;width:100%;grid-template-columns:auto 1fr auto;column-gap:var(--spacing-03)}:host .popover .header_date{margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-transform:capitalize;color:var(--text-primary, #333);text-align:center;font-family:var(--ff-body), sans-serif;font-size:1em;font-weight:700;letter-spacing:0.16px}:host .popover .header_date input[type=number]{display:inline-block;padding:0.25rem;border:none;margin:0 0 0 var(--spacing-02);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:3.75em;border-radius:3px}:host .popover .header_date input[type=number]:focus{outline:1px solid var(--focus)}:host .popover .header_icon{display:inline-block;position:relative;border:solid currentColor;padding:5px;border-width:0 2px 2px 0}:host .popover .header_icon.prev{transform:translate(4px) rotate(135deg)}:host .popover .header_icon.next{transform:translate(-4px) rotate(-45deg)}:host .popover .week{display:grid;width:100%;grid-template-columns:repeat(8, 1fr)}:host .popover .week_day{width:40px;line-height:40px;margin:0;padding:0;box-sizing:border-box;color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:1em;letter-spacing:0.16px;user-select:none}:host .popover .week_day:is(button){background-color:transparent;border:none;outline:none;transition:250ms ease-in-out background-color, 250ms ease-in-out color}:host .popover .week_day:is(button):hover:not(:disabled){cursor:pointer;background-color:var(--layer-hover-01, #E9E9E9)}:host .popover .week_day:is(button):focus:not(:disabled){cursor:pointer;outline:1px solid var(--focus, #273435);background-blend-mode:multiply}:host .popover .week_day:is(button):active:not(:disabled){background-color:rgba(139, 139, 139, 0.5)}:host .popover .week_day:is(button).inRange:not(.disabled):not(.active){background-color:var(--highlight-01, #CEDE94)}:host .popover .week_day:is(button).active{background-color:var(--button-primary, #273435);color:var(--text-on-color, #fff);z-index:1}:host .popover .week_day:is(button).active:hover{background-color:var(--button-primary-hover, #303F40)}:host .popover .week_day:is(button).active:active{background-color:var(--button-primary-active, #455D5E)}:host .popover .week_day.isToday{position:relative;font-weight:bold}:host .popover .week_day.isToday:before{content:"";position:absolute;bottom:2px;left:calc(50% - 2px);display:inline-block;width:4px;height:4px;border-radius:2px;background-color:currentColor}:host .popover .week_day.disabled{color:var(--text-placeholder, #ACACAC)}:host .popover .week_day__mobile{display:none}@media screen and (max-width: 920px){:host .popover .week_day__mobile{display:inline-block}}:host .popover .week_day__desktop{display:inline-block}@media screen and (max-width: 920px){:host .popover .week_day__desktop{display:none}}:host([block]){display:block;max-width:unset}:host(.disabled) .control_message,:host(.disabled) .control_field input[type=date],:host(.disabled) .control_label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .control_field:before{opacity:0.4}:host([size=xs]){--xv-datepicker-padding:var(--spacing-02, 4px);font-size:var(--fz-sm)}:host([size=sm]){--xv-datepicker-padding:var(--spacing-03, 8px)}:host([size=md]){--xv-datepicker-padding:var(--spacing-04, 12px)}:host([size=lg]){--xv-datepicker-padding:var(--spacing-05, 16px)}:host([size=xl]){--xv-datepicker-padding:var(--spacing-06, 24px);font-size:var(--fz-lg)}`;
|
|
80361
80361
|
|
|
80362
80362
|
const WEEK = Array
|
|
80363
80363
|
.from({ length: 7 })
|
|
@@ -80594,12 +80594,17 @@ const XvDatepicker = class {
|
|
|
80594
80594
|
}
|
|
80595
80595
|
render() {
|
|
80596
80596
|
const [start, end] = this.value;
|
|
80597
|
-
|
|
80597
|
+
const message = resolveFieldMessage({
|
|
80598
|
+
error: (typeof this.error === 'string' && this.error) || this.localError,
|
|
80599
|
+
warning: this.warning,
|
|
80600
|
+
helper: this.helper,
|
|
80601
|
+
});
|
|
80602
|
+
return (h(Host, { key: '0398b77b6e5b6c1664f34cec632a9811f0004dda', class: { disabled: !!this.disabled }, tabindex: this.disabled ? '-1' : undefined }, h("div", { key: 'eacd3f96b33ae351271daf58deffd9523921b520', "aria-controls": "popover", class: "control" }, this.label && h("label", { key: '450b724b86ff4d60960cb43d4ec2410bb25a3de0', class: "control_label" }, this.label), h("div", { key: '454fa95047b044f584495e18027d24e6f0b14e7f', class: {
|
|
80598
80603
|
'control_field': true,
|
|
80599
80604
|
loading: this.loading,
|
|
80600
80605
|
error: !!this.error || !!this.localError,
|
|
80601
80606
|
warning: this.warning !== undefined,
|
|
80602
|
-
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: '
|
|
80607
|
+
}, onClick: this.handleOpen, ref: (el) => (this.controlEl = el) }, h("input", { key: 'b711134f0a3082990c61dee4955303b8ef537260', lang: "de", type: "date", name: "start", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: start ? dateFns.format(start, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'start'), onBlur: (e) => this.handleBlur(e, 'start'), onKeyDown: (e) => this.handleKeydown(e, 'start') }), this.variant === 'range' && (h("input", { key: '5b7beaf9a3caaeed9684761dd0ace3932df81626', lang: "de", type: "date", name: "end", disabled: this.loading || this.disabled, readonly: this.readonly || this.variant === 'range', min: this.min, max: this.max, value: end ? dateFns.format(end, DEF_FORMAT) : '', onChange: (e) => this.handleChange(e, 'end'), onBlur: (e) => this.handleBlur(e, 'end'), onKeyDown: (e) => this.handleKeydown(e, 'end') }))), message && (h("p", { key: '2ce2c082d806e13ea1ee47450e8fb1451cd8caed', class: { control_message: true, [message.level]: true } }, message.text))), h("div", { key: '689c3a2bdd00e01d1e60291ceb50f15eb152a660', role: "dialog", class: { popover: true, open: this.open }, ref: (el) => (this.popoverEl = el) }, h("div", { key: '2829d0329004bc14007bdae08be75689315499da', class: "header" }, h("xv-button-v2", { key: 'cf33dc885de4ac63d4732f3d766c22c6afaec46b', tabindex: this.open ? undefined : '-1', disabled: this.isPrevDisabled, variant: "ghost", onClick: this.prevMonth }, h("span", { key: '5af099b261451004e7c10cfbc356686137b590e7', slot: "icon-left", class: "header_icon prev" })), h("p", { key: '3ddb1ae9a61ccf7e881b9d63210af64d691e8b36', class: "header_date" }, dateFns.format(this.month, 'LLLL', { locale: localeExports.de }), h("input", { key: 'e3a48a0b0a42d0c5ffdfb006a856d4f8471b35cb', tabindex: this.open ? undefined : '-1', type: "number", value: this.month.getFullYear(), onInput: this.handleYearChange, onBlur: this.handleYearBlur })), h("xv-button-v2", { key: 'b14264dc560c4c2a0194fe73c6166e8dd8654032', tabindex: this.open ? undefined : '-1', disabled: this.isNextDisabled, variant: "ghost", onClick: this.nextMonth }, h("span", { key: '89067f6b547c496b487a41740893362bee9105fc', slot: "icon-left", class: "header_icon next" }))), h("div", { key: 'f5bc495aca4c4fcf2b359d694e41639ce617c396', class: "week" }, h("p", { key: '4d978f953f51439d88da536d1bfa3876d704965e', class: "week_day" }), WEEK.map((day) => h("p", { class: "week_day" }, day, "."))), h("div", { key: 'aea1d83963272f1c915a814a7ad8de7465667374', class: "week" }, this.days.map((day, idx) => (h(Fragment, null, idx % 7 === 0 && (h("button", { tabindex: this.open ? undefined : '-1', disabled: true, class: "week_day disabled" }, day.week)), h("button", { tabindex: this.open ? undefined : '-1', onClick: () => this.handleSetDate(day), disabled: day.disabled, class: {
|
|
80603
80608
|
'week_day': true,
|
|
80604
80609
|
inRange: this.variant === 'range' && dateFns.isWithinInterval(day.date, { start, end }),
|
|
80605
80610
|
isToday: day.isToday,
|
|
@@ -80625,7 +80630,7 @@ XvDatepicker.style = xvDatepickerCss();
|
|
|
80625
80630
|
|
|
80626
80631
|
const DropdownItemSelector = '.xv-dropdown-item';
|
|
80627
80632
|
|
|
80628
|
-
const xvDropdownCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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{--dropdown-height:40px;--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:100%;--dropdown-visible-items:6;--dropdown-ghost-width:min-content;display:block;box-sizing:border-box;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{display:block;color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin-bottom:8px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px}:host .label_info{margin-left:var(--spacing-02)}:host .control{background-blend-mode:multiply;border-radius:3px;border:1px solid var(--border-subtle-01);transition:0.2s ease-in-out background-color;cursor:pointer;margin:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:var(--dropdown-height);outline:none;padding-block:0;padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Work Sans), sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_count{margin-right:var(--spacing--03, 8px)}:host .control_placeholder{color:var(--text-primary, #333)}:host .control_icon{width:
|
|
80633
|
+
const xvDropdownCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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{--dropdown-height:40px;--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:100%;--dropdown-visible-items:6;--dropdown-ghost-width:min-content;display:block;box-sizing:border-box;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{display:block;color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin-bottom:8px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px}:host .label_info{margin-left:var(--spacing-02)}:host .control{background-blend-mode:multiply;border-radius:3px;border:1px solid var(--border-subtle-01);transition:0.2s ease-in-out background-color;cursor:pointer;margin:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:var(--dropdown-height);outline:none;padding-block:0;padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Work Sans), sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_count{margin-right:var(--spacing--03, 8px)}:host .control_placeholder{color:var(--text-primary, #333)}:host .control_icon{width:16px;height:16px;margin-right:5px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .control_arrow{box-sizing:border-box;margin:0;font-size:100%;vertical-align:baseline;padding:0;border:0;appearance:none;background:none;text-align:start;display:flex;align-items:center;justify-content:center;block-size:min(16px, 1em);inline-size:min(16px, 1em);inset-inline-end:0.75rem;outline:none;transition:transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}:host .control:hover{background-color:var(--field-hover-02, #E9E9E9)}:host .control:active{background-color:var(--layer-selected-02, #E3E3E3)}:host .control.readonly{outline-color:transparent;background:var(--field-01, #F7F7F7);background-blend-mode:multiply;cursor:default}:host .control.readonly .control_value{color:var(--text-secondary)}:host .control.readonly .control_arrow{display:none}:host .options{inset-block-start:100%;margin-block-start:1px;display:block;line-height:16px;max-block-size:calc(1lh * var(--dropdown-visible-items) + var(--dropdown-padding-y) * 12);box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);position:absolute;z-index:10;inline-size:100%;inset-inline:0;overflow-y:auto;transition:max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);border-radius:3px;background-color:var(--field-02, #FFF);scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .options_search{position:sticky;top:0;z-index:2;background:linear-gradient(to bottom, var(--field-02, #FFF) 0%, var(--field-02, #FFF) 85%, transparent 100%);padding:var(--dropdown-padding-y) var(--dropdown-padding-x)}:host .options.right{left:unset;right:0}:host .options ::slotted(.xv-dropdown-item){display:block;max-block-size:13.75rem;inset-inline:0;box-sizing:border-box;padding:var(--dropdown-padding-y) calc(var(--dropdown-padding-x) + 16px) var(--dropdown-padding-y) var(--dropdown-padding-x);position:relative;cursor:pointer;overflow:hidden;color:var(--text-secondary, #515151);text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Work Sans), sans-serif;font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:1lh;letter-spacing:0.16px;transition:0.2s ease-in-out background-color;user-select:none}:host .options ::slotted(.xv-dropdown-item):after{content:"";position:absolute;top:0;height:1px;left:10px;width:calc(100% - 20px);background-color:var(--border-subtle-01)}:host .options ::slotted(.xv-dropdown-item:not([hidden]):first-child):after{display:none}:host .options ::slotted(.xv-dropdown-item:hover),:host .options ::slotted(.xv-dropdown-item[active]){background-color:var(--layer-hover-02, #F7F7F7)}:host .options ::slotted(.xv-dropdown-item:active){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[hidden]){display:none}:host .options ::slotted(.xv-dropdown-item[selected]){background-color:var(--layer-selected-02, #E3E3E3)}:host .options ::slotted(.xv-dropdown-item[selected]:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[disabled]){background-color:transparent;opacity:0.4;cursor:not-allowed}:host .helper{color:var(--text-helper, #646464);font-family:var(--ff-heading, "IBM Plex Sans"), sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin:4px 0 0;padding:0}:host(.ghost) .control{background-color:transparent;box-shadow:none;border:none;padding:0;block-size:auto}:host(.ghost) .control_value{padding-inline-end:5px}:host(.ghost) .options{width:var(--dropdown-ghost-width)}:host([open]) .control_arrow{transform:rotate(180deg)}:host([disabled]){opacity:0.4;cursor:not-allowed}:host([disabled]) .control{cursor:inherit}:host([disabled]) .control:hover,:host([disabled]) .control:active,:host([disabled]) .control:focus-within{background-color:transparent}:host(:focus){outline:none}:host(:focus-visible){outline:none}:host(:focus-visible) .control{outline:2px solid var(--focus)}:host([error]) .control{box-shadow:none;outline:2px solid var(--support-support-error, #F1290E)}:host([error]) .helper{color:var(--text-error, #D62512)}:host([size=xs]){--dropdown-height:16px}:host([size=sm]){--dropdown-height:32px}:host([size=md]){--dropdown-height:40px}:host([size=lg]){--dropdown-height:48px}:host([size=xl]){--dropdown-height:60px}`;
|
|
80629
80634
|
|
|
80630
80635
|
let dropdownUid = 0;
|
|
80631
80636
|
const XvDropdown = class {
|
|
@@ -80658,9 +80663,9 @@ const XvDropdown = class {
|
|
|
80658
80663
|
return values;
|
|
80659
80664
|
};
|
|
80660
80665
|
this.handleOpen = () => {
|
|
80661
|
-
if (this.disabled || this.
|
|
80666
|
+
if (this.disabled || this.loading || this.readonly)
|
|
80662
80667
|
return;
|
|
80663
|
-
this.open =
|
|
80668
|
+
this.open = !this.open;
|
|
80664
80669
|
};
|
|
80665
80670
|
this.handleClickOutside = (ev) => {
|
|
80666
80671
|
if (!this.open || this.el.contains(ev.target))
|
|
@@ -80909,7 +80914,8 @@ const XvDropdown = class {
|
|
|
80909
80914
|
}
|
|
80910
80915
|
/* endregion Search methods */
|
|
80911
80916
|
render() {
|
|
80912
|
-
|
|
80917
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
80918
|
+
return (h(Host, { key: '2e0a4b087e8b1a66bf4bf3ddac2fb342fb988f1e', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.open ? this.listboxId : null, size: this.size, open: this.open, error: !!this.error, disabled: this.disabled, tabindex: (this.disabled || this.readonly) ? -1 : 0 }, (this.label || this.info) && (h("label", { key: '9317e138effdd7ec69133304fe50d11c406b8faf', class: "label" }, h("slot", { key: '896604f1fef1f4531793a865c2083eaa5b744aa0', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'd862a834642e1c115a063601926711339c53168b', class: "label_info", message: this.info }))), h("div", { key: '2cf34c1d32737ac0b664757b1a53bea34a507c72', class: { "xv-dropdown-control control": true, readonly: !!this.readonly }, onClick: this.handleOpen }, (this.multiple && this.selectedMap.size > 0) && (h("xv-tag-v2", { key: '9dd7be50d9ce42e037822502720a949ac071d8e0', class: "control_count", onClick: (e) => e.stopPropagation(), onCloseClick: this.clearHandle, closeable: !this.required, bg: "var(--background-inverse)", color: "var(--icon-inverse)" }, this.selectedMap.size)), this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this._renderIcon(), h("svg", { key: '023c89db58f385e8a00cab6dce050048b2765b82', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 448 512" }, h("path", { key: '5994fb2f805d0f1c904558f0ded054cd30c14210', d: "M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" }))), this.open && h("div", { key: 'a2872c7cb6fbeb25583d4ed809b79b11aa533c4e', ref: (el) => (this.optionsEl = el), id: this.listboxId, role: "listbox", "aria-multiselectable": this.multiple ? 'true' : null, class: { options: true, right: this._appliedPosition() === 'right', search: !!this.search } }, this.search && (h("div", { key: '8908992fae99c07e3e9d2e06b705c55a4d73fb0a', class: "options_search" }, h("xv-text-input-v2", { key: '21fb4c673a3e46c024379ec7252026c0cf199ff4', type: "search", ref: (el) => (this.searchInputEl = el), block: true, autocomplete: "off", size: this.size, value: this.searchQuery, placeholder: this.searchPlaceholder, onValueChange: this.handleSearchInput }))), h("slot", { key: "xv-dropdown-options" })), message && h("p", { key: '104c79569b898fd9f0a9826654de18d16bc68a16', class: "helper" }, message.text)));
|
|
80913
80919
|
}
|
|
80914
80920
|
componentDidLoad() {
|
|
80915
80921
|
this.syncOpenState();
|
|
@@ -81012,7 +81018,7 @@ const XvDropdownItem = class {
|
|
|
81012
81018
|
});
|
|
81013
81019
|
}
|
|
81014
81020
|
render() {
|
|
81015
|
-
return (h(Host, { key: '
|
|
81021
|
+
return (h(Host, { key: '129c105a5f0c793b893e800b05ce97d8352eb06f', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, this.multiple && (h("xv-checkbox-v2", { key: '2145dd2fd6a7ac83ea7c474d2b4b17cb5b7ecc53', class: "multiple-check", size: this.size, checked: this.selected, disabled: this.disabled })), h("slot", { key: '82d7595ff99453660590241da2b6df592f497201' }), (!this.multiple && this.selected) && h("span", { key: '343f6c8f9930054e5aabb015579a5e0ee996cf6e', class: "checkmark far fa-check" })));
|
|
81016
81022
|
}
|
|
81017
81023
|
componentWillLoad() {
|
|
81018
81024
|
if (!this.value)
|
|
@@ -81116,7 +81122,7 @@ const XvFileUploader = class {
|
|
|
81116
81122
|
}
|
|
81117
81123
|
}
|
|
81118
81124
|
render() {
|
|
81119
|
-
return (h(Host, { key: '
|
|
81125
|
+
return (h(Host, { key: '3423ccf72c581a004e5ca59d9cbf6f673f7896c1', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled, error: !!this.error } }, this.label && h("label", { key: '93b7b8edc0ac8e980910dc83d7cabf2030f97b35', class: "label" }, this.label), this.description && h("p", { key: 'c6b030335b34ee97ada3127fc8641f7b009d6c55', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: '04a082fae037f176533bee68ea0a8b24f8f36257', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), this.error && h("p", { key: '6fb7b7c5517030caf1f22206a6612077b0c14e7e', class: "global-error" }, this.error), h("ul", { key: 'e3d5461797abbc1168117c6772238780a0a7e14a', class: "file-list" }, this.files.map((file, index) => {
|
|
81120
81126
|
var _a, _b;
|
|
81121
81127
|
return (h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index])) } }, h("div", { class: "file_container" }, h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
|
|
81122
81128
|
}))));
|
|
@@ -81188,7 +81194,7 @@ const Xvfooter = class {
|
|
|
81188
81194
|
render() {
|
|
81189
81195
|
const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
|
|
81190
81196
|
const hasDataLength = ((categories === null || categories === void 0 ? void 0 : categories.length) || (partners === null || partners === void 0 ? void 0 : partners.length) || (payments === null || payments === void 0 ? void 0 : payments.length) || (socials === null || socials === void 0 ? void 0 : socials.length));
|
|
81191
|
-
return (h("footer", { key: '
|
|
81197
|
+
return (h("footer", { key: 'c3406d777693fe2311102e6fcb9852383fc9ac6a', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: 'f5636ec1f9f660f5735d27a79924bd9c40adf75f', class: "xv-footer-advantages" }, h("div", { key: '42656264cb7590f5e61ce1bbe38aa37a63f04ee9', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: 'e142aa994a80d0fe5be4e00a8f0c4039da1791d6', class: "xv-container" }, h("div", { key: 'b7d5ab5f3613736775b3ef83cc2cc676449663ba', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: 'c997c4022a8d2bea3547230f5ba9ed7a37635d46', class: "xv-footer__col-main" }, h("ul", { key: 'c1be504d2ce2a411dab6f1681564524f8b2446b3', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), h("div", { key: 'f82ccaf18e1fe63b47f109bf20845af9ea0d4add', class: "xv-footer__col-sidebar" }, this._renderFooterList(partners, { label: 'crossvertise Partner' }), this._renderFooterList(payments, { label: 'Bequem und sicher bezahlen' }), this._renderFooterList(socials, { label: 'Folgen Sie uns', isRow: true }))))), (legalLinks === null || legalLinks === void 0 ? void 0 : legalLinks.length) > 0 && (h("div", { key: 'e1d12515175bffaa970ac5bfe41ad0cf27d5097e', class: "xv-footer-legal" }, h("div", { key: '969c103e50bdfeb52f9139c3dd53189d80d9a22d', class: "xv-container" }, h("div", { key: '5b3e4f18da410ea82fc62074f22daa8e226d6d4b', class: "xv-footer-legal-row" }, logo && (h("a", { key: '8e7bf3fd82686faa5a2e83131a542730eba7389f', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: 'b211963ee69c7a6151cdae1a2476223f8ef73e34', class: "xv-label-02" }, logo.label), h("img", { key: '243eed6378143f9328a174f515c2c6276a90a09a', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: '88538ee0047edf6df20a4e27d4d9bf348724bc56' }, legalLinks.map((item) => {
|
|
81192
81198
|
if (item.label === 'Cookie Einstellungen') {
|
|
81193
81199
|
return h("li", null, h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
|
|
81194
81200
|
}
|
|
@@ -81380,7 +81386,7 @@ const XvHeader = class {
|
|
|
81380
81386
|
render() {
|
|
81381
81387
|
var _a, _b, _c, _d, _e;
|
|
81382
81388
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
81383
|
-
return (h("header", { key: '
|
|
81389
|
+
return (h("header", { key: '754795297ed19a0c57d087c6095f8c470f54a25a', class: "header" }, h("div", { key: '390c82d75d718dc34923abc8c6a396a90a11988b', class: "header-wrapper" }, h("div", { key: '5d723c13cd472f1b62a1e291af1484c31aac986d', class: "xv-container" }, h("div", { key: '6cb0ae488edb6925cdf8dc976c4170244aae25a1', class: "header-top" }, h("div", { key: '22eb4126063fc58d4d0b7964d61d1ac77a547e43', class: "header-top--left" }, h("xv-button-v2", { key: 'e3c497d36a4a3af311eb74454efc69485692e974', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'a30d242b578683dc769fed89229444b596d6b378', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: 'a2e2558e964205df06436a4bf598bdf075872c92', href: `${window.location.origin}/` }, h("picture", { key: '2d8eda2204c9f16145f93c3610503b13da726709' }, h("source", { key: '2799ae8c178f0a4366b77b8d0f1e94fd458ab275', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: 'c371eb2214aef44e3355bd9ea1428fa38a2fffd7', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: '20bef1cf6f7b018bb1aa529f5af55986668b8ceb', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '63600010231badf7d5bf37fd1d2d5056b16515e8', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '0e88d2270f96f3c618b004190f888a14b451ddd8' }, h("xv-link-v2", { key: 'ce699c912304e8c0ec95bb138c0d8a49f2155f07', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '68f50683c0d76a7e9bba7ade91ba3d8fdbf88712', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'b0c331a696ebe58a034e4f1b4173660ac539b7c9', class: "header-icon far fa-envelope" }), h("span", { key: 'a5741c96386a64d9e8b2658175a0b408b0415056', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: '238985f6fc5c86bc04a76b9593131f7836b83d3f' }, h("xv-link-v2", { key: 'f64cb158bae92639dacf3a8bfe5a2ed160b42a18', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '3041a1da432be7f326683706eb77063e657951d0', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '1b2c47b0d1a36dad9aa6518c1d892f25b86a28e8', class: "header-icon far fa-question-circle" }), h("span", { key: '5c5a63696cbd8e8c4eaa623e9d6f717f732f45a6', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '44b65f4e954d10d601a83bb4281bd84a5cd0fc12', class: "header-wrapper--bg" }, h("div", { key: '6477762a0d3479f5fcd1ee825250117f4ece6b1d', class: "xv-container" }, h("xv-mega-menu", { key: 'b7699a985567414b49937c424b698af82cc419eb', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '9cb68ba41ef734e40b83d7d8d2a57fb1d783ac83', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
81384
81390
|
}
|
|
81385
81391
|
get el() { return getElement(this); }
|
|
81386
81392
|
};
|
|
@@ -81448,7 +81454,7 @@ const XvImageViewer = class {
|
|
|
81448
81454
|
}
|
|
81449
81455
|
}
|
|
81450
81456
|
render() {
|
|
81451
|
-
return (h(Host, { key: '
|
|
81457
|
+
return (h(Host, { key: 'd9f765fcb5504295c7a10f68109afbf670f00e75', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'c36dd0b687b1e060a9bc5efc458bcc40167b728b', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: 'ba86641ac17567f9186382c05d2f3d644d760eea', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: 'b8dc90ed3205f52651bcb22e1a25dd9c1b420842', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'cb4c47bfe473b0abfde639ae6e0abe22b789a4ef', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: '5fa71e7be90562b70e64369d3a1e1f53763da077', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '1a9df6c02064c46cae3ba9a4246f0888f7047b6e', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
81452
81458
|
'fullscreen-image': true,
|
|
81453
81459
|
loaded: this.fullscreenLoaded,
|
|
81454
81460
|
} })))));
|
|
@@ -81473,7 +81479,7 @@ const XvLink = class {
|
|
|
81473
81479
|
e.stopPropagation();
|
|
81474
81480
|
}
|
|
81475
81481
|
render() {
|
|
81476
|
-
return (h(Host, { key: '
|
|
81482
|
+
return (h(Host, { key: '1b93c8eecb7994f14c316f74cfe0af57d6f36eb7', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, h("a", { key: 'a1570f1c785c1749b6946f5cb691197103e8772c', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, h("slot", { key: 'b618d8fd19ce69db5c1cb882b96e4a023c3b913e', name: "icon-left" }), h("slot", { key: 'b576f2dbfa928102bd596ac2d6cc843993c82e26' }), h("slot", { key: '03465c086f980ffa4ad5f99f04d8adc35b368fe1', name: "icon-right" }))));
|
|
81477
81483
|
}
|
|
81478
81484
|
};
|
|
81479
81485
|
XvLink.style = xvLinkCss();
|
|
@@ -81641,7 +81647,7 @@ const XvMegaMenu = class {
|
|
|
81641
81647
|
void this.fetchMenuData();
|
|
81642
81648
|
}
|
|
81643
81649
|
render() {
|
|
81644
|
-
return (h(Host, { key: '
|
|
81650
|
+
return (h(Host, { key: '505d7592f1b9b72ff38585218517291eaaff56ea' }, h("nav", { key: 'e4299b4295f28024ceba47cfe44c4374ca853aa4', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'bbbcf8f76d52ea4feaf9efbe1f22e26659acb9ec', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '5c47450d8177bbc646c8f2253e73bb7000a38351' }))), h("ul", { key: '18e509169f145f0ee10a3c2aecedf34b8e73eb04', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
81645
81651
|
var _a, _b;
|
|
81646
81652
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
81647
81653
|
var _a;
|
|
@@ -81651,7 +81657,7 @@ const XvMegaMenu = class {
|
|
|
81651
81657
|
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
81652
81658
|
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
81653
81659
|
}))))));
|
|
81654
|
-
}), h("li", { key: '
|
|
81660
|
+
}), h("li", { key: '61bf9dcb576981a16ba87ec5f8fa41110b7766a9', class: "menu--right" }, h("slot", { key: '9058fe2a33d9287856c4cb5dedbb62961e2a7913', name: "menu-right" })), this.open && (h("li", { key: '904c5d00f7597b0ee1e5edbab34a6e8496aa1eea', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
81655
81661
|
}
|
|
81656
81662
|
get el() { return getElement(this); }
|
|
81657
81663
|
};
|
|
@@ -81719,7 +81725,7 @@ const XvModal = class {
|
|
|
81719
81725
|
}
|
|
81720
81726
|
render() {
|
|
81721
81727
|
var _a;
|
|
81722
|
-
return (h(Host, { key: '
|
|
81728
|
+
return (h(Host, { key: '1dfe6ae13994186a5072501fae6115a3f0807603', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '1879cb5eb1239cf8c1f17117640141c38f32c079', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'b110bfd37badf8045e758caf80c7c63f1b61703e', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'bdd2c827661bdf56b668daa4fb5dcab717c259d5', class: "modal" }, h("button", { key: '4dfdc8244dbc9106964206e4f5f24169962878a8', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'fa05eaa3fe3290d3208d22787eb9070e7dbd9a36', class: "modal_header" }, h("slot", { key: '59bd180a7e8f93170192660762125d1a223685c8', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '62e66712f12473b258757d388abe0e9adc1b4f51', class: "modal_header__title" }, this.el.title))), h("div", { key: '31512fbc8989018e1748ae9829ec7da0ff80c2e3', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '3e1457095d6395dd003d9e5c19e8d2709582ac90' })), h("div", { key: '0dc7ca06582fd8c820c7879d0a14e4d857377dca', class: "modal_footer" }, h("slot", { key: 'aeb68d21d797d474b21941c6194fc45df30d1e52', name: "footer" })), !!this.loading && (h("div", { key: '877ba9c2b2f70729c2d55acc6c0bc428a49a50f0', class: "loading" }, h("xv-loader-v2", { key: '3af7fe5e521bc109f7ca4c9fe0e71a42cf109d43', size: SIZE_VAR.LG })))))));
|
|
81723
81729
|
}
|
|
81724
81730
|
disconnectedCallback() {
|
|
81725
81731
|
this.removeTriggerListener();
|
|
@@ -81757,7 +81763,7 @@ const XvNotification = class {
|
|
|
81757
81763
|
};
|
|
81758
81764
|
}
|
|
81759
81765
|
render() {
|
|
81760
|
-
return (h(Host, { key: '
|
|
81766
|
+
return (h(Host, { key: 'd37f00c52f812a385c456d82b4b87c7906916812', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '1467b38a639bae0b44e8e2d0b16defeac4f72166', class: "content" }, h("div", { key: 'f50a6392c377f28964080dea4f425ce71a4dae66', class: "content_wrapper" }, this.el.title && h("h5", { key: 'd741175becbe9e1a5cc9e1f01dfac721d2cbdedf', class: "content_title" }, this.el.title), h("slot", { key: '63285e32f21da48b813fa221b1c03f72c98a1ef3' })), h("slot", { key: 'd51483a2a787804ebc7939aa656a2341ca1186b7', name: "footer" })), this.dismissible && h("button", { key: '052f4ca6bcc29ace7f898848b5cb76e8b45c82cb', class: "close", onClick: this.closeHandle })));
|
|
81761
81767
|
}
|
|
81762
81768
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
81763
81769
|
get el() { return getElement(this); }
|
|
@@ -81807,12 +81813,13 @@ const XvNumberInput = class {
|
|
|
81807
81813
|
this.valueChange.emit(this.value);
|
|
81808
81814
|
}
|
|
81809
81815
|
render() {
|
|
81810
|
-
|
|
81816
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
81817
|
+
return (h(Host, { key: 'ba63e7fa19fd83ab096c869ab3a33ed4dabef168', class: { disabled: !!this.disabled } }, h("label", { key: '8a137804864b4e54565596c91ed52c79fa6a66cf', class: "control" }, this.label && h("span", { key: '77ddec282acdf268d31af796d1cf8da7fe44fe5e', class: "control_label" }, this.label), h("div", { key: '064f3788cf5c2ef4d9cdfb923a358e97d561c7a0', class: {
|
|
81811
81818
|
'control_input': true,
|
|
81812
81819
|
readonly: !!this.readonly,
|
|
81813
81820
|
error: !!this.error,
|
|
81814
81821
|
warning: !!this.warning
|
|
81815
|
-
} }, h("input", { key: '
|
|
81822
|
+
} }, h("input", { key: '4bf26b850789d854d44b793dca1c0d227c660a99', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '596667cfe48667f702dfcb9065c98a898d610211', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: '9e79ffafd54dc828dead73978cdbb72b179c4897', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: 'f0d3762af206c0a66ec2164446455d17480a376e', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'd52a3f06f82bf5889ad1e0dd43cbd4e0714d71d5' }), h("xv-button-v2", { key: '41599106c8c01c493b0a5b8ee2ef0c3ab089168f', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'ff2bdef2a4b23c35026be7b748a900aaf92d8015', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: 'c47ab641f1397f365fc38e745eaedc8e7c42d93d', class: { message: true, [message.level]: true } }, message.text))));
|
|
81816
81823
|
}
|
|
81817
81824
|
static get formAssociated() { return true; }
|
|
81818
81825
|
};
|
|
@@ -82165,8 +82172,14 @@ const XvPagination = class {
|
|
|
82165
82172
|
constructor(hostRef) {
|
|
82166
82173
|
registerInstance(this, hostRef);
|
|
82167
82174
|
this.pageChange = createEvent(this, "pageChange", 7);
|
|
82175
|
+
/*
|
|
82176
|
+
* Rows per page; the select updates it, the consumer can also set it
|
|
82177
|
+
* */
|
|
82178
|
+
this.itemsPerPage = 10;
|
|
82179
|
+
/*
|
|
82180
|
+
* Selectable page sizes; array, or comma-separated via the attribute
|
|
82181
|
+
* */
|
|
82168
82182
|
this.itemsPerPageOptions = [10, 20, 30, 40, 50, 100];
|
|
82169
|
-
this.itemsPerPage = this.itemsPerPageOptions[0];
|
|
82170
82183
|
/*
|
|
82171
82184
|
* total number of pages
|
|
82172
82185
|
* */
|
|
@@ -82203,6 +82216,17 @@ const XvPagination = class {
|
|
|
82203
82216
|
this.rafId = requestAnimationFrame(() => this.updateVariantByWidth(width));
|
|
82204
82217
|
};
|
|
82205
82218
|
}
|
|
82219
|
+
/** Select options; always includes the current itemsPerPage so it can be displayed. */
|
|
82220
|
+
get pageSizeOptions() {
|
|
82221
|
+
const raw = this.itemsPerPageOptions;
|
|
82222
|
+
const parsed = (Array.isArray(raw) ? raw : `${raw !== null && raw !== void 0 ? raw : ''}`.split(','))
|
|
82223
|
+
.map((option) => Number(option))
|
|
82224
|
+
.filter((option) => Number.isFinite(option) && option > 0);
|
|
82225
|
+
const options = parsed.length ? parsed : [this.itemsPerPage];
|
|
82226
|
+
if (!options.includes(this.itemsPerPage))
|
|
82227
|
+
options.push(this.itemsPerPage);
|
|
82228
|
+
return [...new Set(options)].sort((a, b) => a - b);
|
|
82229
|
+
}
|
|
82206
82230
|
get visiblePagesWithDots() {
|
|
82207
82231
|
const total = this.total;
|
|
82208
82232
|
const current = this.page;
|
|
@@ -82252,7 +82276,7 @@ const XvPagination = class {
|
|
|
82252
82276
|
this.observer.disconnect();
|
|
82253
82277
|
}
|
|
82254
82278
|
render() {
|
|
82255
|
-
return (h(Host, { key: '
|
|
82279
|
+
return (h(Host, { key: '2c45649ea96896456a9581f91318c88e0d1da92d', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '14e0b47142d8a4354189517fd905e7e40791d907', class: "block" }, h("select", { key: '5acf0ce1728ac5be192be4843c62e97e38bc1ba2', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: 'f65d2dd587ebb258dd98454f759ca074a64660c5', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (h("div", { key: 'c553a7624172e0654e6cc7b6d912f578d2994fcd', class: "block" }, h("select", { key: '77353413fa93b1029124d24cdf9cf8dffeeef3ec', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: 'cbcc1292fdcf3856c1dfb26e3aa4fa6f7c4a9b3d' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: 'e9c749e5f44dae92884c2c792de00e3e9d85d7f7', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: 'f78d723ac642b9a33bfd6b06d265181d6fcb8206', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'a7bb0b0496d1aaa165079888d91fb584d71df08d', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '56304a37a61343911a49137b1ab57869d9f0c0a6', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: '7fe669510394685cfa3bdab5afef60e5ac56d5ff', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '8651da07fab67e8d43f04e3f84f9fa5e1f326328', slot: "icon-left", class: "icon icon_next" }))));
|
|
82256
82280
|
}
|
|
82257
82281
|
get el() { return getElement(this); }
|
|
82258
82282
|
};
|
|
@@ -82321,7 +82345,7 @@ const XvProgressIndicator = class {
|
|
|
82321
82345
|
this.updateChildItems();
|
|
82322
82346
|
}
|
|
82323
82347
|
render() {
|
|
82324
|
-
return (h(Host, { key: '
|
|
82348
|
+
return (h(Host, { key: 'bb40f89cb341b8eddf809abb091cf7e14ac76852', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '71e0cd0931a4173910094c6cd42f741052d54aba' })));
|
|
82325
82349
|
}
|
|
82326
82350
|
get el() { return getElement(this); }
|
|
82327
82351
|
static get watchers() { return {
|
|
@@ -82340,13 +82364,13 @@ const XvProgressIndicatorItem = class {
|
|
|
82340
82364
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
82341
82365
|
}
|
|
82342
82366
|
render() {
|
|
82343
|
-
return (h(Host, { key: '
|
|
82367
|
+
return (h(Host, { key: '36c3535224bef33c901f5ca306e8a51f7ec67b7d', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '07f68ece4250da1fa1c6865b2109181b455233ac', class: "line" }), h("span", { key: '8b1a10b3492a8565a3ece85e0992844b4789f6ed', class: "icon" }, h("svg", { key: '9b4d63c32a8c8b2b4e48ffd48e1bc97e9d28911b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a324fd9401d75744e6f6be34b087035561699c46', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'ced9d4b3685303b707ade7cfbb778e58bd76f354', class: "label" }, h("slot", { key: 'f016d1345554df36532f7521706a794c9cb6ed76' }))));
|
|
82344
82368
|
}
|
|
82345
82369
|
get el() { return getElement(this); }
|
|
82346
82370
|
};
|
|
82347
82371
|
XvProgressIndicatorItem.style = xvProgressIndicatorItemCss();
|
|
82348
82372
|
|
|
82349
|
-
const xvRadioCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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}.xv-radio{--xv-radio-size:16px;display:inline-flex;flex-direction:column;row-gap:var(--spacing-03);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;letter-spacing:0.16px;line-height:128.571%;text-align:left}.xv-radio--block{display:flex}.xv-radio--reverse{justify-content:flex-end;text-align:right}.xv-radio--reverse .xv-radio_container,.xv-radio--reverse .xv-radio_msg{flex-direction:row-reverse}.xv-radio--size-xs{--xv-radio-size:9px;font-size:var(--fz-xs)}.xv-radio--size-sm{--xv-radio-size:12px}.xv-radio--size-md{--xv-radio-size:16px}.xv-radio--size-lg{--xv-radio-size:20px}.xv-radio--size-xl{--xv-radio-size:24px;font-size:var(--fz-lg)}.xv-radio_label{user-select:none;color:var(--text-secondary, #515151);font-weight:400;padding:0;margin:0}.xv-radio_container{display:inline-flex;align-items:center;cursor:pointer;column-gap:var(--spacing-03);margin:0}.xv-radio_container.disabled{cursor:not-allowed;opacity:0.6}.xv-radio_container__label{user-select:none;color:var(--text-primary, #333);font-size:1.2em}.xv-radio_input{position:relative;color:var(--interactive-01, #273435)}.xv-radio_input input[type=radio]{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0}.xv-radio_input input[type=radio]:checked+.xv-radio_input__mark:after{content:"";position:absolute;width:calc(var(--xv-radio-size) / 2);height:calc(var(--xv-radio-size) / 2);border-radius:50%;background-color:currentColor;top:calc(50% - var(--xv-radio-size) / 4);left:calc(50% - var(--xv-radio-size) / 4)}.xv-radio_input input[type=radio]:focus+.xv-radio_input__mark{outline:1px solid currentColor}.xv-radio_input__mark{position:relative;display:inline-flex;width:var(--xv-radio-size);height:var(--xv-radio-size);border-radius:50%;border:1px solid currentColor}.xv-radio_input--error{color:var(--text-error)}.xv-radio_msg{display:flex;align-items:center;flex-direction:row;column-gap:var(--spacing-03)}.xv-radio_msg--error{color:var(--text-error)}.xv-radio_msg--error .xv-radio_msg__status{background-color:var(--support-error);color:white;border-radius:var(--xv-radio-size);font-size:calc(var(--xv-radio-size) / 1.3);font-weight:bold;align-items:center;justify-content:center}.xv-radio_msg--warning{color:var(--text-secondary, #515151)}.xv-radio_msg--warning .xv-radio_msg__status{font-size:var(--xv-radio-size);color:var(--support-warning)}.xv-radio_msg__status{display:inline-flex;align-items:center;align-self:center;font-size:1.35em;width:var(--xv-radio-size);height:var(--xv-radio-size)}.xv-radio [slot=info]{display:inline-block;color:var(--text-secondary, #515151);margin:0;padding:0}`;
|
|
82373
|
+
const xvRadioCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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}.xv-radio{--xv-radio-size:16px;display:inline-flex;flex-direction:column;row-gap:var(--spacing-03);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;letter-spacing:0.16px;line-height:128.571%;text-align:left}.xv-radio--block{display:flex}.xv-radio--reverse{justify-content:flex-end;text-align:right}.xv-radio--reverse .xv-radio_container,.xv-radio--reverse .xv-radio_msg{flex-direction:row-reverse}.xv-radio--size-xs{--xv-radio-size:9px;font-size:var(--fz-xs)}.xv-radio--size-sm{--xv-radio-size:12px}.xv-radio--size-md{--xv-radio-size:16px}.xv-radio--size-lg{--xv-radio-size:20px}.xv-radio--size-xl{--xv-radio-size:24px;font-size:var(--fz-lg)}.xv-radio_label{user-select:none;color:var(--text-secondary, #515151);font-weight:400;padding:0;margin:0}.xv-radio_container{display:inline-flex;align-items:center;cursor:pointer;column-gap:var(--spacing-03);margin:0}.xv-radio_container.disabled{cursor:not-allowed;opacity:0.6}.xv-radio_container__label{user-select:none;color:var(--text-primary, #333);font-size:1.2em}.xv-radio_input{position:relative;color:var(--interactive-01, #273435)}.xv-radio_input input[type=radio]{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0}.xv-radio_input input[type=radio]:checked+.xv-radio_input__mark:after{content:"";position:absolute;width:calc(var(--xv-radio-size) / 2);height:calc(var(--xv-radio-size) / 2);border-radius:50%;background-color:currentColor;top:calc(50% - var(--xv-radio-size) / 4);left:calc(50% - var(--xv-radio-size) / 4)}.xv-radio_input input[type=radio]:focus+.xv-radio_input__mark{outline:1px solid currentColor}.xv-radio_input__mark{position:relative;display:inline-flex;width:var(--xv-radio-size);height:var(--xv-radio-size);border-radius:50%;border:1px solid currentColor}.xv-radio_input--error{color:var(--text-error)}.xv-radio_msg{display:flex;align-items:center;flex-direction:row;column-gap:var(--spacing-03)}.xv-radio_msg--error{color:var(--text-error)}.xv-radio_msg--error .xv-radio_msg__status{background-color:var(--support-error);color:white;border-radius:var(--xv-radio-size);font-size:calc(var(--xv-radio-size) / 1.3);font-weight:bold;align-items:center;justify-content:center}.xv-radio_msg--warning{color:var(--text-secondary, #515151)}.xv-radio_msg--warning .xv-radio_msg__status{font-size:var(--xv-radio-size);color:var(--support-warning)}.xv-radio_msg--helper{color:var(--text-secondary, #515151)}.xv-radio_msg__status{display:inline-flex;align-items:center;align-self:center;font-size:1.35em;width:var(--xv-radio-size);height:var(--xv-radio-size)}.xv-radio [slot=info]{display:inline-block;color:var(--text-secondary, #515151);margin:0;padding:0}`;
|
|
82350
82374
|
|
|
82351
82375
|
const XvRadio = class {
|
|
82352
82376
|
constructor(hostRef) {
|
|
@@ -82372,12 +82396,13 @@ const XvRadio = class {
|
|
|
82372
82396
|
}
|
|
82373
82397
|
}
|
|
82374
82398
|
render() {
|
|
82375
|
-
|
|
82399
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82400
|
+
return (h("div", { key: 'b8994fbbe13dae03ed013d20d0e5192f725d654f', class: {
|
|
82376
82401
|
'xv-radio': true,
|
|
82377
82402
|
'xv-radio--reverse': this.reverse,
|
|
82378
82403
|
'xv-radio--block': this.block,
|
|
82379
82404
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82380
|
-
} }, this.label && h("p", { key: '
|
|
82405
|
+
} }, this.label && h("p", { key: '0cfbfb3bca9277d5c88b6f81a0c7281b4a6adedb', class: "xv-radio_label" }, this.label), h("label", { key: 'c865aaefeb217455477ebfef4a2218f6274223d0', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '4e57e1fb3cb5f30e901fae68149d4f506b7fe406', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '39b18a7bc1e07505a3e40e7be7ed80c2f8df79d4', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: 'df7a63e28065fdeed1ff6571d362931843b89aff', class: "xv-radio_input__mark" })), h("span", { key: '0b07ed57ac1002c2b1ed4d9b2331ac425874497b', class: "xv-radio_container__label" }, h("slot", { key: '67676761a7bc81eb3be69bc98c0e6a37126fe630' }))), message && (h("span", { key: '8d166e80b438fecadb9b4db08555318d6db39f74', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '68efc88831840cd5783f55c9cf520c3e394485e8', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: 'f68797d142232191a14ef4181692967598634b27', name: "info" })));
|
|
82381
82406
|
}
|
|
82382
82407
|
connectedCallback() {
|
|
82383
82408
|
var _a;
|
|
@@ -82461,7 +82486,7 @@ const XvSlider = class {
|
|
|
82461
82486
|
this.setValue(this.min);
|
|
82462
82487
|
}
|
|
82463
82488
|
render() {
|
|
82464
|
-
return (h(Host, { key: '
|
|
82489
|
+
return (h(Host, { key: 'bd19f35ec689d875daa44bb89b4ef96a42e27151', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '89018407c77a03948187978780453715b76adb7a', class: "label" }, this.label), h("div", { key: 'd062d47edb6dfbd8c71c5188715b830d8c64f31c', class: "control" }, h("span", { key: 'b412961bb8059b885bd537fe70418069c79d0b3d', class: "control_label" }, this.min), h("input", { key: '60726a3e509fd0125d53ea8158012daeb86ffd19', 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%` } }), h("span", { key: '1ed3936a025eb043fba3230176846f83e7c5c118', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '56672e8a5a15150eb5d67b40ad36cf1eeb9b6f1d', 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 })))));
|
|
82465
82490
|
}
|
|
82466
82491
|
static get formAssociated() { return true; }
|
|
82467
82492
|
};
|
|
@@ -82476,7 +82501,7 @@ const XvTab = class {
|
|
|
82476
82501
|
this.loading = false;
|
|
82477
82502
|
}
|
|
82478
82503
|
render() {
|
|
82479
|
-
return (h(Host, { key: '
|
|
82504
|
+
return (h(Host, { key: 'e2348a46b92e44c6603ac2ff49247182bbc8c30e', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
82480
82505
|
}
|
|
82481
82506
|
};
|
|
82482
82507
|
XvTab.style = xvTabCss();
|
|
@@ -82516,7 +82541,7 @@ const XvTable = class {
|
|
|
82516
82541
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
82517
82542
|
}
|
|
82518
82543
|
render() {
|
|
82519
|
-
return (h(Host, { key: '
|
|
82544
|
+
return (h(Host, { key: 'fd4585dc7c7957ed5e21813a07cd4e4b37ba0aee', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'b10178e16858ac503457249d4070beade84f54b9', name: "title" }, !!this.el.title && h("h2", { key: '98cd98947c8f6c63c7b829ed5b9dca00da0a2a6a', class: "xv-table-title" }, this.el.title)), h("slot", { key: '20423cba333fa94bf410227cfe0b7ff05328399f', name: "toolbar" }), h("div", { key: '1030c895768fc8ff8212a988c54b9fc7863c5565', class: "xv-table" }, h("div", { key: '710c51587dae457eb6f72243b46e05face727594', class: "batch-actions" }, h(Fragment, { key: 'a9680b4c8cea82391fe77bde726be60d79964db6' }, h("div", { key: 'b181513de135d124ff65b9d8b0418dde5a091c2f', class: "batch-actions_content" }, h("slot", { key: '7456e6ccfc9cd61dc69196aa73a71979736402ce', name: "batch" })), h("p", { key: '8003d6d3f5301c46bf2242570b325dcd0f3b8ce5', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'afcd09d150fc54cbe7d1b92673ab6241af976f75', class: "xv-table_wrapper" }, h("slot", { key: '850ca927740dafb4254005d5aaa8a43c1e0c9bbb' }), h("slot", { key: '3eca59a2f660d3fa2da5a9e78de5b3aa54e7accd', name: "footer" })), !!this.loading && (h("div", { key: '7db450622a06e9e429edf383d06e45fd9b336883', class: "xv-table_loading" }, h("xv-loader-v2", { key: '46758039848f0c87657f672f992e72f413f0c31a', size: SIZE_VAR.LG }))))));
|
|
82520
82545
|
}
|
|
82521
82546
|
componentWillLoad() {
|
|
82522
82547
|
this.setColsSizeTemplate();
|
|
@@ -82557,7 +82582,7 @@ const XvTableCell = class {
|
|
|
82557
82582
|
}
|
|
82558
82583
|
;
|
|
82559
82584
|
render() {
|
|
82560
|
-
return (h(Host, { key: '
|
|
82585
|
+
return (h(Host, { key: '6ee17c6de912d82fc3bf76e0c20d023b9ddd5bc1' }, h("slot", { key: '3d27a83a969c5ec21d7e8eb8cc8b5adf7e4cf8c2' })));
|
|
82561
82586
|
}
|
|
82562
82587
|
get el() { return getElement(this); }
|
|
82563
82588
|
};
|
|
@@ -82578,7 +82603,7 @@ const XvTableExpand = class {
|
|
|
82578
82603
|
};
|
|
82579
82604
|
}
|
|
82580
82605
|
render() {
|
|
82581
|
-
return (h(Host, { key: '
|
|
82606
|
+
return (h(Host, { key: '23a3235ef6b7062ce8e9405f8ded7ae11fa1807c' }, h("button", { key: '8eb1219937521aea469072ef5d613777cb634bbb', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '67669e95fd4f1937e676ca735253ec5f567bfb80', name: XV_EXPANDABLE_KEY }), h("div", { key: 'e9af551fc826dcb13c2756ecce077cea83e26862', class: { expandableContent: true, open: this.open } }, h("slot", { key: '4fe063a81e8d29b03565cc295915ac0ab256751c' }))));
|
|
82582
82607
|
}
|
|
82583
82608
|
componentDidLoad() {
|
|
82584
82609
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -82633,7 +82658,7 @@ const XvTableRow = class {
|
|
|
82633
82658
|
}
|
|
82634
82659
|
}
|
|
82635
82660
|
render() {
|
|
82636
|
-
return (h(Host, { key: '
|
|
82661
|
+
return (h(Host, { key: '6654656802da45a485ce7d9cd2225c47c5a96834' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'eeedd56ac34ba04b12a7fcaf8043f13f0cd29dc3', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'cf46bd85a5b0c5cfe7e87734a11a3cd2a0d94c3d', 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' && (h("input", { key: 'cae91b4260f30e275c30dad23ee2cf465a44027f', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: 'dc0f6fbf428605f3597d23aa9c2d849d2b706ac3' })));
|
|
82637
82662
|
}
|
|
82638
82663
|
componentWillLoad() {
|
|
82639
82664
|
this.setInitialAttrs();
|
|
@@ -82754,7 +82779,7 @@ const XvTabs = class {
|
|
|
82754
82779
|
};
|
|
82755
82780
|
XvTabs.style = xvTabsCss();
|
|
82756
82781
|
|
|
82757
|
-
const xvTagComboboxCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message
|
|
82782
|
+
const xvTagComboboxCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}`;
|
|
82758
82783
|
|
|
82759
82784
|
const XvTagCombobox = class {
|
|
82760
82785
|
constructor(hostRef) {
|
|
@@ -82999,12 +83024,13 @@ const XvTagCombobox = class {
|
|
|
82999
83024
|
const suggestionsVisible = this.open && this.filtered.length > 0;
|
|
83000
83025
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
83001
83026
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
83002
|
-
|
|
83027
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83028
|
+
return (h(Host, { key: '01d166609d849318870f660189b78a338b0f4aa5', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: '1d61003e3c71e4d6bc1e6a3041bcbf52d5f8dd57', class: "label" }, this.label), h("div", { key: 'fcd516b08d3c0342a2eca4304fede8f38ca79e67', class: {
|
|
83003
83029
|
'control': true,
|
|
83004
83030
|
'control--disabled': this.disabled,
|
|
83005
83031
|
'control--error': !!this.error,
|
|
83006
83032
|
'control--readonly': !!this.readonly,
|
|
83007
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
83033
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '9e238f73b82169c2113d9fb959400c22b87f4647', class: "control-chips", role: "list" }, this.selected.map((s, i) => (h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), h("input", { key: 'bf46dbe9ef161154de60b84d672d1d7582da68bc', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (h("span", { key: 'ccd07156dcf4f63f74e9ffaaaddd8cbc530a2b16', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: '9698585b063d0ab965a2083e4a2b2eab51d8f05f', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '4c58ec11c9379d3d36ab49752b42b6ace964dc80', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'c9a2eeb8375689f11547794f71e0e0bb94b7c97c', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
|
|
83008
83034
|
}
|
|
83009
83035
|
get host() { return getElement(this); }
|
|
83010
83036
|
static get watchers() { return {
|
|
@@ -83036,7 +83062,7 @@ const XvTag = class {
|
|
|
83036
83062
|
this.closeClick.emit(e);
|
|
83037
83063
|
}
|
|
83038
83064
|
render() {
|
|
83039
|
-
return (h(Host, { key: '
|
|
83065
|
+
return (h(Host, { key: 'b64f1b10a7d5e97048541aa8ed893e143d133dfa', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '4a5cea52e023d781ef5e209cd559e704430edd0c', class: "xv-tag_content", part: "details-content" }, h("slot", { key: '09b52772c45a20f6dbf715bafb1f12876a995bb7' })), this.closeable && (h("button", { key: '0e88e905c51189fd45b23722a75650f8c91e1a7e', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
83040
83066
|
}
|
|
83041
83067
|
};
|
|
83042
83068
|
XvTag.style = xvTagCss();
|
|
@@ -83075,19 +83101,20 @@ const XvTextInput = class {
|
|
|
83075
83101
|
};
|
|
83076
83102
|
}
|
|
83077
83103
|
render() {
|
|
83078
|
-
|
|
83104
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83105
|
+
return (h(Host, { key: '728132c4f2d5cd28bb4414213f65876db27c6598', class: { disabled: !!this.disabled } }, h("label", { key: '916c560a1453363844d38f14c758daa17dac51a4', class: "control" }, this.label && h("span", { key: 'e938f987a26432a5d2fece95e21d63661bc34fb1', class: "control_label" }, this.label), h("div", { key: '588c879e28b4ba11a74f41caad027881c3d7728e', class: {
|
|
83079
83106
|
'control_input': true,
|
|
83080
83107
|
readonly: !!this.readonly,
|
|
83081
83108
|
[this.size]: true,
|
|
83082
83109
|
error: !!this.error,
|
|
83083
83110
|
warning: !!this.warning,
|
|
83084
|
-
} }, h("input", { key: '
|
|
83111
|
+
} }, h("input", { key: 'f6a72a291c7c8b73c51b9224aa0d0caa3273b36c', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: 'fa71ff83ea55c7b59999f80b82f761d81479bf70', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '3ee0f61ddeee95bbd449315035793baf7c30ad6c', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: '06603596787e4ab07dcdb8a1587435128fbed330', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (h("button", { key: 'aee36af3c5d4d3024dc8ffa49b2d22c2ed2cec58', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: 'db794b19fb972e0f25a4bd3e5fad62c222950809', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (h("p", { key: '4ed34371cfb83c4f0b0143e068a07546407b59ad', class: { message: true, [message.level]: true } }, message.text))));
|
|
83085
83112
|
}
|
|
83086
83113
|
static get formAssociated() { return true; }
|
|
83087
83114
|
};
|
|
83088
83115
|
XvTextInput.style = xvTextInputCss();
|
|
83089
83116
|
|
|
83090
|
-
const xvTextareaCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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;text-align:left}:host .control_label{display:flex;justify-content:space-between;column-gap:var(--spacing-03);margin:0 0 var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_label__count{font-weight:400}:host .control_label [role=tooltip]{margin-left:var(--spacing-03)}:host .control_input{display:flex;position:relative;border:1px solid var(--border-subtle-01);font-size:var(--fz-md, 14px);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{outline-color:transparent;background:var(--field-01, #F7F7F7);background-blend-mode:multiply}:host .control_input.readonly textarea{color:var(--text-secondary)}:host .control_input.error textarea,:host .control_input.warning textarea{padding-inline-end:calc(var(--spacing-05, 16px) + 16px)}:host .control_input textarea{flex:1;border:none;outline:none;margin:0;
|
|
83117
|
+
const xvTextareaCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.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;text-align:left;font-family:var(--ff-body), sans-serif}:host .control_label{display:flex;justify-content:space-between;column-gap:var(--spacing-03);margin:0 0 var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_label__count{font-weight:400}:host .control_label [role=tooltip]{margin-left:var(--spacing-03)}:host .control_input{display:flex;position:relative;border:1px solid var(--border-subtle-01);font-size:var(--fz-md, 14px);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{outline-color:transparent;background:var(--field-01, #F7F7F7);background-blend-mode:multiply}:host .control_input.readonly textarea{color:var(--text-secondary)}:host .control_input.error textarea,:host .control_input.warning textarea{padding-inline-end:calc(var(--spacing-05, 16px) + 16px)}:host .control_input textarea{flex:1;border:none;outline:none;margin:0;background-color:transparent;padding-block:var(--spacing-05);padding-inline:var(--spacing-05);box-sizing:border-box;color:var(--text-primary);min-width:20px;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:0.16px;font-family:inherit;line-height:20px}:host .control_input textarea::placeholder{color:var(--text-placeholder);font-family:inherit;font-weight:400;font-size:14px;letter-spacing:0.16px;line-height:20px}:host .control_input textarea.no-resize{resize:none}:host .control_input__icons{position:absolute;right:var(--spacing-05);top:var(--spacing-05);display:inline-flex;align-items:stretch;column-gap:2px}:host .control_input__icons .status-icon{display:inline-flex;align-items:center;align-self:center;font-size:16px;line-height:1}:host .control_input__icons .status-icon.error{background-color:var(--support-error);color:white;width:16px;height:16px;border-radius:8px;font-size:12px;font-weight:bold;align-items:center;justify-content:center}:host .control_input__icons .status-icon.warning{color:var(--support-warning)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host(.disabled){cursor:not-allowed}:host(.disabled) .control_label,:host(.disabled) .control_input textarea,:host(.disabled) .control_input textarea::placeholder,:host(.disabled) .message:not(.error){color:var(--text-disabled);cursor:not-allowed}:host(.disabled) .control_input__icons,:host(.disabled) .message.error{opacity:0.5;cursor:not-allowed}:host([block]){display:block}:host([block]) .control_input textarea{width:100%}:host([size=xs]) .control_input textarea{padding-block:var(--spacing-03);font-size:0.8em}:host([size=sm]) .control_input textarea{padding-block:var(--spacing-04);font-size:0.9em}:host([size=lg]) .control_input textarea{padding-block:var(--spacing-06);font-size:1.1em}:host([size=xl]) .control_input textarea{padding-block:var(--spacing-07);font-size:1.2em}`;
|
|
83091
83118
|
|
|
83092
83119
|
const XvTextarea = class {
|
|
83093
83120
|
constructor(hostRef) {
|
|
@@ -83118,12 +83145,13 @@ const XvTextarea = class {
|
|
|
83118
83145
|
this.value && this.internals.setFormValue(this.value);
|
|
83119
83146
|
}
|
|
83120
83147
|
render() {
|
|
83121
|
-
|
|
83148
|
+
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83149
|
+
return (h(Host, { key: '448aeca8d42352e64a83a064f5da13d20a4e82c3', class: { disabled: !!this.disabled } }, h("label", { key: '925f5e159d6b1ef6db4d813f299a0ab70d6d7a15', class: "control" }, (this.label || this.max) && (h("p", { key: 'deab9c54bc80f0d412e22d9a69739de4b5c8cf5a', class: "control_label" }, h("span", { key: 'c857d7abe6030fa3433cfc85b3bd0350e4fcf695' }, this.label, this.info && h("xv-tooltip-v2", { key: '27dcf6a84157469575ae7ac0a5aaa27bd76c0a54', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '2ba5ea16f84f2ebc9b95e2b3973cbf1abf1f3cd5', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '58390a704ccd7c2d16b61b5ab76107edfb8f68ce', class: {
|
|
83122
83150
|
'control_input': true,
|
|
83123
83151
|
readonly: !!this.readonly,
|
|
83124
83152
|
error: !!this.error,
|
|
83125
83153
|
warning: this.warning !== undefined,
|
|
83126
|
-
} }, h("textarea", { key: '
|
|
83154
|
+
} }, h("textarea", { key: '9225df71f40ad73db53f26ba091ae27486933c2a', 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 }), h("div", { key: 'd101bc52aabef1af250f28da6ec666817cee0fc7', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: 'b016c623339b97057de1705fc325644ed59bb1f7', class: { message: true, [message.level]: true } }, message.text))));
|
|
83127
83155
|
}
|
|
83128
83156
|
_renderIcon() {
|
|
83129
83157
|
if (this.loading)
|
|
@@ -83174,7 +83202,7 @@ const XvTile = class {
|
|
|
83174
83202
|
this.checked = !this.checked;
|
|
83175
83203
|
}
|
|
83176
83204
|
render() {
|
|
83177
|
-
return (h(Host, { key: '
|
|
83205
|
+
return (h(Host, { key: 'c6d00c040c1125441fbfbeeec787a49e6d96edd8', class: "xv-tile--host" }, h("label", { key: 'f2460110e9ff5be0fb97b8d3bf6a60be13d12aef', class: {
|
|
83178
83206
|
[this.el.className]: !!this.el.className,
|
|
83179
83207
|
'xv-tile': true,
|
|
83180
83208
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -83182,7 +83210,7 @@ const XvTile = class {
|
|
|
83182
83210
|
'xv-tile--disabled': !!this.disabled,
|
|
83183
83211
|
'selected': !!this.checked,
|
|
83184
83212
|
'xv-tile--error': !!this.error,
|
|
83185
|
-
} }, h("div", { key: '
|
|
83213
|
+
} }, h("div", { key: '03dfbbb5b4e64827f420499689d9c715bf9c1eda', class: "xv-tile_content" }, this.label && h("p", { key: '0ce8526939aa10dd81643297228f804ed7e06d8b', class: "xv-tile_content__title" }, this.label), h("slot", { key: '026f8d5af0ffc6f3b1c2b0ba46e571649ebe80a4' })), this.variant === 'selectable' && (h("div", { key: 'dacd8cffe17187119d1e2f3b27a47398104e9b8b', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: '198aec62cbc33730c39a32166684ac03d4f835ca', class: "xv-tile_footer" }, h("button", { key: '4add8f9f71e08e54c59ea48149a428dbb64e084d', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'ea222f9359fb28d26addec27522a51e83b23f9ae', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'af0520de5ba1d48d6c31ed11ea2e94e87b68afdd', name: "expandable" })))));
|
|
83186
83214
|
}
|
|
83187
83215
|
get el() { return getElement(this); }
|
|
83188
83216
|
};
|
|
@@ -83214,7 +83242,7 @@ const XvToggle = class {
|
|
|
83214
83242
|
};
|
|
83215
83243
|
}
|
|
83216
83244
|
render() {
|
|
83217
|
-
return (h(Host, { key: '
|
|
83245
|
+
return (h(Host, { key: 'a4c7db088862dcae9471dd95b2698af1f77d5017', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '962d886c27033e34c27f5422af41324ad626972e', class: "label" }, this.label), h("label", { key: '3ab94e6af077e0a3231390e348fd087db0b88de2', class: "control" }, h("slot", { key: '5df02cdcda6edcc2eaa155b99a8bd5ca18971955', name: "before" }), h("div", { key: 'a8fd1d667f83b5ac7eb9140101e98a2ef6b5b948', class: "control_input" }, h("input", { key: 'c36f9ee766631e89ddee7e5ded5f611a2100222f', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), h("span", { key: '331bca3c9e61dce5a7bde5ce4fd1a49d961a1c62', class: "toggle" })), h("slot", { key: '0d5313bb74c80168f24152d161e96c885eb43b68', name: "after" }))));
|
|
83218
83246
|
}
|
|
83219
83247
|
static get formAssociated() { return true; }
|
|
83220
83248
|
};
|
|
@@ -83291,7 +83319,7 @@ const XvToggleTip = class {
|
|
|
83291
83319
|
}
|
|
83292
83320
|
;
|
|
83293
83321
|
render() {
|
|
83294
|
-
return (h(Host, { key: '
|
|
83322
|
+
return (h(Host, { key: 'ea323b0b30d9c64a8331cdcbe26604aae7514919', class: "xv-toggle-tip" }, h("div", { key: '755153ca241f3b6dbf4afd679e32f37e02cc6e06', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'de6c5bebb14b9527778583721613dbee8d31c7b9', name: "trigger" }, h("svg", { key: '422c8198fc6c2acbb7741eeb4fe80a836c513b79', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '27acc8437785b92f7e2863d8698e7883e4bd75c1', 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" })))), h("div", { key: '02360fd327e3f87ed053a5ad739df8272812c9e5', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '854fdfebc92d0329104dab26f1971528a99bb1f5', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '34dd98113ac8155556f800cd3fb79c57123bdae7', class: "popover-content" }, h("slot", { key: 'd00d4259e6eeddfac8ba57e370920ce551fe7687', name: "header" }), h("slot", { key: '5bf9adb4a8060ec40131010f256c5b26f47afe0e', name: "body" }), h("slot", { key: '76c01a0f68366f63708520716d2c6c5a37106cce', name: "footer" })))));
|
|
83295
83323
|
}
|
|
83296
83324
|
disconnectedCallback() {
|
|
83297
83325
|
this.destroyPopper();
|
|
@@ -83346,11 +83374,11 @@ const XvTooltip = class {
|
|
|
83346
83374
|
this.destroyTooltip();
|
|
83347
83375
|
}
|
|
83348
83376
|
render() {
|
|
83349
|
-
return (h(Host, { key: '
|
|
83377
|
+
return (h(Host, { key: '4ea241a9d4a49c933300886b7d8cf54321462452', role: "tooltip", class: {
|
|
83350
83378
|
'xv-tooltip-wrapper': true,
|
|
83351
83379
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
83352
83380
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
83353
|
-
} }, h("slot", { key: '
|
|
83381
|
+
} }, h("slot", { key: '3df199308449e2fea26fd538b72f52b3f08e012b' }, h("svg", { key: 'c10dcac4a351f1bcb7feadca1650abbe321526ba', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '6ba8aa00b18f4aa21531362f247db04de95c35ec', 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" })))));
|
|
83354
83382
|
}
|
|
83355
83383
|
get el() { return getElement(this); }
|
|
83356
83384
|
};
|