xv-webcomponents 1.23.1 → 1.24.3-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/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_49.cjs.entry.js +116 -50
- package/dist/cjs/xv-header-next.cjs.entry.js +1 -1
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table.css +4 -4
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.css +39 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +57 -7
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +125 -9
- 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 +2 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- 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.js +2 -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.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.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/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_49.entry.js +116 -50
- package/dist/esm/xv-header-next.entry.js +1 -1
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-file-uploader/xv-file-uploader.d.ts +3 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +20 -3
- package/dist/types/components.d.ts +36 -2
- package/dist/xv-webcomponents/{p-9e3130ff.entry.js → p-71205fad.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-93bd2dca.entry.js → p-9bd6edd0.entry.js} +1 -1
- package/dist/xv-webcomponents/p-9e14474e.entry.js +8 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-77bd6e1f.entry.js +0 -8
|
@@ -3200,7 +3200,7 @@ const XV_DATA_TABLE_TAG = 'xv-data-table';
|
|
|
3200
3200
|
const XV_DATA_TABLE_ROW_TAG = 'xv-data-table-row';
|
|
3201
3201
|
const XV_ROW_DRAG_HANDLE_CLASS = 'xv-row-drag-handle';
|
|
3202
3202
|
|
|
3203
|
-
const xvDataTableCss = () => `:host{--xv-data-table-min-height:51.11px;--xv-data-table-border-width:1px;--xv-data-table-border-color:var(--border-subtle-01, #D1D1D1);--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-05, 16px);--xv-data-table-row-bg:transparent;width:inherit;text-align:left;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px}@media screen and (max-width: 1180px){:host{display:block;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host ::slotted([slot=title]),:host>table{min-width:1180px}}:host .bar{position:sticky;left:0;z-index:10}:host .bar_batch{position:absolute;bottom:0;left:0;right:0;pointer-events:unset;user-select:unset;z-index:2;background-color:var(--interactive-01, #273435);color:var(--text-on-color, #fff);border-radius:3px 3px 0 0;display:flex;align-items:center}:host .bar_toolbar{z-index:1;border-radius:3px 3px 0 0}:host ::slotted([slot=title]){margin:0 !important;color:var(--text-primary, #333) !important;font-family:var(--ff-heading, "Gill Sans")
|
|
3203
|
+
const xvDataTableCss = () => `:host{--xv-data-table-min-height:51.11px;--xv-data-table-border-width:1px;--xv-data-table-border-color:var(--border-subtle-01, #D1D1D1);--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-05, 16px);--xv-data-table-row-bg:transparent;width:inherit;text-align:left;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px}@media screen and (max-width: 1180px){:host{display:block;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host ::slotted([slot=title]),:host>table{min-width:1180px}}:host .bar{position:sticky;left:0;z-index:10}:host .bar_batch{position:absolute;bottom:0;left:0;right:0;pointer-events:unset;user-select:unset;z-index:2;background-color:var(--interactive-01, #273435);color:var(--text-on-color, #fff);border-radius:3px 3px 0 0;display:flex;align-items:center}:host .bar_toolbar{z-index:1;border-radius:3px 3px 0 0}:host ::slotted([slot=title]){margin:0 !important;color:var(--text-primary, #333) !important;font-family:var(--ff-heading, "Gill Sans"), sans-serif;font-size:20px;text-align:left;font-style:normal !important;font-weight:400;line-height:normal;padding:var(--spacing-05) var(--spacing-05) var(--spacing-06) !important}:host ::slotted([slot=toolbar]){margin-bottom:var(--spacing-03)}:host>table{width:inherit;border-collapse:collapse;table-layout:fixed;border-left:1px solid var(--xv-data-table-border-color);border-right:1px solid var(--xv-data-table-border-color)}:host>caption{display:contents}:host .loading{z-index:10;display:flex;align-items:center;justify-content:center;min-height:var(--xv-data-table-min-height, 51.11px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8)}:host([block]){width:100%}:host([block])>table{table-layout:fixed}:host([size=xs]){--xv-data-table-padding-x:var(--spacing-02, 4px);--xv-data-table-padding-y:var(--spacing-02, 4px)}:host([size=sm]){--xv-data-table-padding-x:var(--spacing-04, 12px);--xv-data-table-padding-y:var(--spacing-03, 8px)}:host([size=md]){--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-05, 16px)}:host([size=lg]){--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-06, 24px)}:host([size=xl]){--xv-data-table-padding-x:var(--spacing-06, 24px);--xv-data-table-padding-y:var(--spacing-07, 32px)}`;
|
|
3204
3204
|
|
|
3205
3205
|
const XvDataTable = class {
|
|
3206
3206
|
constructor(hostRef) {
|
|
@@ -81097,7 +81097,7 @@ var XvFileUploaderVariants;
|
|
|
81097
81097
|
XvFileUploaderVariants["DRAG_DROP"] = "drag-drop";
|
|
81098
81098
|
})(XvFileUploaderVariants || (XvFileUploaderVariants = {}));
|
|
81099
81099
|
|
|
81100
|
-
const xvFileUploaderCss = () => `:host{font-family:inherit;display:flex;flex-direction:column;gap:var(--spacing-05);font-size:14px}:host .label{font-weight:600;font-size:1em;color:var(--text-primary)}:host .description{font-size:1em;margin:0;color:var(--text-secondary)}:host .upload-btn{padding:0 1.14em;border-radius:0.285em;background-color:var(--background-inverse);color:var(--text-inverse);border:none;cursor:pointer;font-size:1em;height:2.86em;transition:250ms ease-in-out background-color}:host .upload-btn:hover{background-color:var(--background-inverse-hover)}:host .drop-zone{min-height:90px;border:1px dashed var(--border-strong-01);background-color:transparent;padding:1.14em;border-radius:0.285em;transition:border-color 0.2s ease, background-color 0.2s ease;font-size:1em;cursor:pointer}:host .drop-zone.active{border-color:var(--border-interactive);background-color:var(--background-active)}:host .drop-zone:hover{background-color:var(--background-hover)}:host .file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}:host .file-list .file{border-radius:3px;background-color:var(--layer-01, #F7F7F7);font-size:1em}:host .file-list .file_container{padding:var(--spacing-04) var(--spacing-05);display:flex;justify-content:space-between;align-items:center}:host .file-list .file_container_name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text-primary, #333);font-style:normal;font-weight:400;line-height:128.571%;letter-spacing:0.16px;padding-right:var(--spacing-04)}:host .file-list .file_container_errorIcon{color:var(--text-error);margin-right:var(--spacing-03)}:host .file-list .file.withError{outline:2px solid var(--support-error)}:host .error-container{padding:var(--spacing-04) var(--spacing-05);font-size:0.858em;font-style:normal;font-weight:400;color:var(--text-error)}:host .error-container_primary,:host .error-container_secondary{margin:0;padding:0}:host .error-container_secondary{color:var(--text-secondary, #515151);white-space:pre-line}:host .
|
|
81100
|
+
const xvFileUploaderCss = () => `:host{font-family:inherit;display:flex;flex-direction:column;gap:var(--spacing-05);font-size:14px}:host .label{font-weight:600;font-size:1em;color:var(--text-primary)}:host .description{font-size:1em;margin:0;color:var(--text-secondary);white-space:pre-line}:host .upload-btn{padding:0 1.14em;border-radius:0.285em;background-color:var(--background-inverse);color:var(--text-inverse);border:none;cursor:pointer;font-size:1em;height:2.86em;transition:250ms ease-in-out background-color}:host .upload-btn:hover{background-color:var(--background-inverse-hover)}:host .drop-zone{min-height:90px;border:1px dashed var(--border-strong-01);background-color:transparent;color:var(--link-primary, #346800);padding:1.14em;border-radius:0.285em;transition:border-color 0.2s ease, background-color 0.2s ease;font-size:1em;cursor:pointer}:host .drop-zone.active{border-color:var(--border-interactive);background-color:var(--background-active)}:host .drop-zone:hover{background-color:var(--background-hover)}:host .file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}:host .file-list .file{border-radius:3px;background-color:var(--layer-01, #F7F7F7);font-size:1em}:host .file-list .file_container{padding:var(--spacing-04) var(--spacing-05);display:flex;justify-content:space-between;align-items:center}:host .file-list .file_container_name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text-primary, #333);font-style:normal;font-weight:400;line-height:128.571%;letter-spacing:0.16px;padding-right:var(--spacing-04)}:host .file-list .file_container_errorIcon{color:var(--text-error);margin-right:var(--spacing-03)}:host .file-list .file.withError{outline:2px solid var(--support-error)}:host .error-container{padding:var(--spacing-04) var(--spacing-05);font-size:0.858em;font-style:normal;font-weight:400;color:var(--text-error)}:host .error-container_primary,:host .error-container_secondary{margin:0;padding:0}:host .error-container_secondary{color:var(--text-secondary, #515151);white-space:pre-line}:host .message{display:flex;align-items:center;gap:var(--spacing-03);text-align:left;margin:0;padding:0 var(--spacing-05);font-size:0.858em;font-style:normal;font-weight:400;color:var(--text-helper, #646464)}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host .message .status-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}:host .message .status-icon.error{width:16px;height:16px;border-radius:8px;background-color:var(--support-error);color:white;font-size:12px;font-weight:bold}:host .message .status-icon.warning{color:var(--support-warning, #FF7F04);font-size:1.15em}:host(.disabled){pointer-events:none;opacity:0.6}:host(.disabled) .upload-btn,:host(.disabled) .drop-zone{cursor:not-allowed;background-color:var(--button-disabled-background, #ccc);color:var(--button-disabled-text, #666);border-color:var(--border-disabled, #bbb)}:host(.disabled) .remove-btn{display:none}:host(.error) .uploadBtn{outline:1px solid var(--support-error);border-radius:0.285em}:host(.error) .drop-zone{border-color:var(--support-error)}:host(.warning) .uploadBtn{outline:1px solid var(--support-warning, #FF7F04);border-radius:0.285em}:host(.warning) .drop-zone{border-color:var(--support-warning, #FF7F04)}:host([size=xs]){font-size:10px}:host([size=sm]){font-size:12px}:host([size=md]){font-size:14px}:host([size=lg]){font-size:18px}:host([size=xl]){font-size:22px}`;
|
|
81101
81101
|
|
|
81102
81102
|
const XvFileUploader = class {
|
|
81103
81103
|
constructor(hostRef) {
|
|
@@ -81116,6 +81116,8 @@ const XvFileUploader = class {
|
|
|
81116
81116
|
this.errors = [];
|
|
81117
81117
|
this.dragActive = false;
|
|
81118
81118
|
this.errorMessages = [];
|
|
81119
|
+
// Kept apart from `error` so a consumer-supplied message survives the next pick.
|
|
81120
|
+
this.internalError = null;
|
|
81119
81121
|
this.onFileSelect = (event) => {
|
|
81120
81122
|
const input = event.target;
|
|
81121
81123
|
const selectedFiles = Array.from(input.files || []);
|
|
@@ -81154,10 +81156,10 @@ const XvFileUploader = class {
|
|
|
81154
81156
|
const uniqueFiles = [];
|
|
81155
81157
|
for (const file of files) {
|
|
81156
81158
|
let error = null;
|
|
81157
|
-
if (
|
|
81158
|
-
|
|
81159
|
-
|
|
81160
|
-
|
|
81159
|
+
if (seenFileNames.has(file.name))
|
|
81160
|
+
continue;
|
|
81161
|
+
seenFileNames.add(file.name);
|
|
81162
|
+
uniqueFiles.push(file);
|
|
81161
81163
|
const dotIndex = file.name.lastIndexOf('.');
|
|
81162
81164
|
const extension = file.name.substring(dotIndex).toLowerCase();
|
|
81163
81165
|
const isAccepted = this.accept.length === 0 || this.accept.some(type => type.toLowerCase() === extension);
|
|
@@ -81169,7 +81171,7 @@ const XvFileUploader = class {
|
|
|
81169
81171
|
}
|
|
81170
81172
|
errorMessages.push(error);
|
|
81171
81173
|
}
|
|
81172
|
-
this.
|
|
81174
|
+
this.internalError = uniqueFiles.length > this.maxFiles
|
|
81173
81175
|
? `Only ${this.maxFiles} file(s) allowed.`
|
|
81174
81176
|
: null;
|
|
81175
81177
|
this.errorMessages = errorMessages;
|
|
@@ -81185,7 +81187,15 @@ const XvFileUploader = class {
|
|
|
81185
81187
|
}
|
|
81186
81188
|
}
|
|
81187
81189
|
render() {
|
|
81188
|
-
|
|
81190
|
+
const error = this.error || this.internalError;
|
|
81191
|
+
const message = index$2.resolveFieldMessage({ error, warning: this.warning, helper: this.helper });
|
|
81192
|
+
return (index$1.h(index$1.Host, { key: '04568eba6facb5a18a4b4bc9ae6de9ce0f3e3db7', class: {
|
|
81193
|
+
'upload-wrapper': true,
|
|
81194
|
+
[`uploader-${this.size}`]: true,
|
|
81195
|
+
disabled: !!this.disabled,
|
|
81196
|
+
error: !!error,
|
|
81197
|
+
warning: !!this.warning && !error,
|
|
81198
|
+
} }, this.label && index$1.h("label", { key: '5c5861bee814ecacdd43fd92dcb47240869f895b', class: "label" }, this.label), this.description && index$1.h("p", { key: 'd4a5de6bb093e02010ba98031dd5eda4c748ec9f', class: "description" }, this.description), this.variant === 'button' ? (index$1.h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (index$1.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.')), index$1.h("input", { key: '08df6268214165b3b40ae177de230eae800d1a23', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (index$1.h("p", { key: '8f777fdc47a98f8ff9be67fafb8b1da79eabad09', class: { message: true, [message.level]: true } }, message.level === 'error' && index$1.h("span", { key: '4c550a739de39651a8326569546162b08555ef63', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && index$1.h("span", { key: 'b8a8229a57c053f94b691d86404313677b1f26ca', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), index$1.h("ul", { key: '6d82ac56ab535618bc958068c06ff987bdab1022', class: "file-list" }, this.files.map((file, index) => {
|
|
81189
81199
|
var _a, _b;
|
|
81190
81200
|
return (index$1.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])) } }, index$1.h("div", { class: "file_container" }, index$1.h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
|
|
81191
81201
|
}))));
|
|
@@ -81257,7 +81267,7 @@ const Xvfooter = class {
|
|
|
81257
81267
|
render() {
|
|
81258
81268
|
const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
|
|
81259
81269
|
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));
|
|
81260
|
-
return (index$1.h("footer", { key: '
|
|
81270
|
+
return (index$1.h("footer", { key: '726a05b831d337bdef052ca16b478a85ef5dfd9b', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (index$1.h("div", { key: '22a41f8bd514f4b61bc62df31ddcabc5de7b7bc6', class: "xv-footer-advantages" }, index$1.h("div", { key: '5e4035e086ad3bd7987ff802736096c4364f8530', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (index$1.h("div", { key: '003822874e51506b991f76e92c4f5d8c96073f99', class: "xv-container" }, index$1.h("div", { key: '4e09e7f929eff1a781d6d64120915ca4d30f5d86', class: "xv-footer__grid xv-footer-y-spacing" }, index$1.h("div", { key: 'ebd4fd1e5e72fd08f9c49c10bf0e760fb644864f', class: "xv-footer__col-main" }, index$1.h("ul", { key: 'bdfa7fc3986ea83b3b3514ae61e0c463f1070f3c', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (index$1.h("li", null, index$1.h("p", { class: "xv-label-02" }, category.label), index$1.h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (index$1.h("li", null, index$1.h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), index$1.h("div", { key: 'f912a89f9b8132ae932a12ab3ff844e4781ecd48', 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 && (index$1.h("div", { key: '0ab1803fd376c5f10be8b0e664d81dd8158577de', class: "xv-footer-legal" }, index$1.h("div", { key: 'b755d56da4c5ce178a1b3b0e1883e3444144b54b', class: "xv-container" }, index$1.h("div", { key: '356cc0b19cccf1e69b5531ff580a6c63274c0783', class: "xv-footer-legal-row" }, logo && (index$1.h("a", { key: '325a93b944d086c42565bdf6b973301f25fbd778', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && index$1.h("span", { key: '6292ac8dc8630818902d96da3b275e1e3f763281', class: "xv-label-02" }, logo.label), index$1.h("img", { key: '847e90de5ebb14fdf255c7c37ad1f90c99424f02', loading: "lazy", src: logo.image, alt: logo.label }))), index$1.h("ul", { key: 'd692fb126d2e382fe142fd3b033f794fc38f66fd' }, legalLinks.map((item) => {
|
|
81261
81271
|
if (item.label === 'Cookie Einstellungen') {
|
|
81262
81272
|
return index$1.h("li", null, index$1.h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
|
|
81263
81273
|
}
|
|
@@ -81300,9 +81310,20 @@ const XvGeoMap = class {
|
|
|
81300
81310
|
/** Shape resolution: medium = simplified geometry (snappy), high = originals */
|
|
81301
81311
|
this.resolution = 'medium';
|
|
81302
81312
|
/**
|
|
81303
|
-
*
|
|
81304
|
-
* data
|
|
81305
|
-
*
|
|
81313
|
+
* MapLibre style URL for the vector basemap. Default: OpenFreeMap Positron — the same
|
|
81314
|
+
* pale data-overlay look as the previous CARTO light, free for commercial use, no API
|
|
81315
|
+
* key (openfreemap.org). Set to an empty string to fall back to the raster `tiles` path.
|
|
81316
|
+
*/
|
|
81317
|
+
this.styleUrl = 'https://tiles.openfreemap.org/styles/positron';
|
|
81318
|
+
/**
|
|
81319
|
+
* Label language for the vector basemap (OpenMapTiles `name:{lang}` attribute, falling
|
|
81320
|
+
* back to the place's local name). Empty string keeps the style's own labels.
|
|
81321
|
+
*/
|
|
81322
|
+
this.language = 'de';
|
|
81323
|
+
/**
|
|
81324
|
+
* Raster tile URL template, used only when `style-url` is empty. The former CARTO
|
|
81325
|
+
* default now watermarks keyless traffic ("API KEY REQUIRED"), so this path needs a
|
|
81326
|
+
* keyed/licensed tile URL.
|
|
81306
81327
|
*/
|
|
81307
81328
|
this.tiles = 'https://basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}@2x.png';
|
|
81308
81329
|
this.attribution = '© CARTO, © OpenStreetMap contributors';
|
|
@@ -81314,6 +81335,8 @@ const XvGeoMap = class {
|
|
|
81314
81335
|
this.selectZoom = 9;
|
|
81315
81336
|
/** Load the map bundle only when scrolled near the viewport (default: true) */
|
|
81316
81337
|
this.lazy = true;
|
|
81338
|
+
/** Show the search box over the map (default: true) */
|
|
81339
|
+
this.showSearch = true;
|
|
81317
81340
|
this.ready = false;
|
|
81318
81341
|
this.loadError = false;
|
|
81319
81342
|
this.zoomGated = true;
|
|
@@ -81357,6 +81380,10 @@ const XvGeoMap = class {
|
|
|
81357
81380
|
['units-fill', 'units-hover', 'units-line'].forEach(l => this.map.setLayerZoomRange(l, this.selectZoom, 24));
|
|
81358
81381
|
this.refreshUnits();
|
|
81359
81382
|
}
|
|
81383
|
+
showSearchChanged(value) {
|
|
81384
|
+
if (!value)
|
|
81385
|
+
this.resetSearch();
|
|
81386
|
+
}
|
|
81360
81387
|
componentDidLoad() {
|
|
81361
81388
|
if (!this.lazy || !('IntersectionObserver' in window)) {
|
|
81362
81389
|
this.initMap();
|
|
@@ -81387,7 +81414,7 @@ const XvGeoMap = class {
|
|
|
81387
81414
|
}
|
|
81388
81415
|
const map = new maplibregl.Map({
|
|
81389
81416
|
container: this.mapContainer,
|
|
81390
|
-
style: {
|
|
81417
|
+
style: this.styleUrl || {
|
|
81391
81418
|
version: 8,
|
|
81392
81419
|
sources: {
|
|
81393
81420
|
basemap: {
|
|
@@ -81409,6 +81436,23 @@ const XvGeoMap = class {
|
|
|
81409
81436
|
this.el._map = map; // e2e/test handle
|
|
81410
81437
|
map.addControl(new maplibregl.NavigationControl({ showCompass: false }));
|
|
81411
81438
|
map.on('load', () => {
|
|
81439
|
+
// The hosted style labels in international/English names ("Rhineland Palatinate"),
|
|
81440
|
+
// mixed with local ones. The tile data carries per-language names, so rewrite every
|
|
81441
|
+
// name-based label layer to prefer the configured language over the style default.
|
|
81442
|
+
if (this.styleUrl && this.language) {
|
|
81443
|
+
for (const layer of map.getStyle().layers) {
|
|
81444
|
+
if (layer.type !== 'symbol')
|
|
81445
|
+
continue;
|
|
81446
|
+
const textField = map.getLayoutProperty(layer.id, 'text-field');
|
|
81447
|
+
if (textField && JSON.stringify(textField).includes('name')) {
|
|
81448
|
+
map.setLayoutProperty(layer.id, 'text-field', [
|
|
81449
|
+
'coalesce',
|
|
81450
|
+
['get', `name:${this.language}`],
|
|
81451
|
+
['get', 'name'],
|
|
81452
|
+
]);
|
|
81453
|
+
}
|
|
81454
|
+
}
|
|
81455
|
+
}
|
|
81412
81456
|
// Design tokens (Masha, MAR-15783): selection = highlight-01 fill / interactive-02
|
|
81413
81457
|
// outline; optimizer preview = highlight-02 fill / interactive-01 outline. Fallbacks
|
|
81414
81458
|
// keep the previous XV green/amber where the host page lacks the tokens.
|
|
@@ -81741,11 +81785,30 @@ const XvGeoMap = class {
|
|
|
81741
81785
|
}
|
|
81742
81786
|
}, 300);
|
|
81743
81787
|
}
|
|
81744
|
-
|
|
81788
|
+
resetSearch() {
|
|
81789
|
+
clearTimeout(this.searchDebounce);
|
|
81790
|
+
this.searchSeq++;
|
|
81745
81791
|
this.searchQuery = '';
|
|
81746
81792
|
this.searchResults = [];
|
|
81747
|
-
|
|
81748
|
-
|
|
81793
|
+
}
|
|
81794
|
+
pickSearchResult(result) {
|
|
81795
|
+
this.resetSearch();
|
|
81796
|
+
// navigate only (QA, 28.08): finding an area means SHOWING it — selecting stays a
|
|
81797
|
+
// deliberate click on the map. Applies to every level (PLZ, Landkreis, Bundesland).
|
|
81798
|
+
void this.flyToUnit(result.code).catch(() => undefined);
|
|
81799
|
+
}
|
|
81800
|
+
/** Pan/zoom to a unit without touching the selection. */
|
|
81801
|
+
async flyToUnit(code) {
|
|
81802
|
+
var _a;
|
|
81803
|
+
await this.ensureReady();
|
|
81804
|
+
const res = await fetch(`${this.apiBase}/geo-units/${encodeURIComponent(this.level)}/lookup?resolution=${this.resolution}`, {
|
|
81805
|
+
method: 'POST',
|
|
81806
|
+
headers: { 'Content-Type': 'application/json' },
|
|
81807
|
+
body: JSON.stringify({ codes: [code] }),
|
|
81808
|
+
});
|
|
81809
|
+
if (!res.ok)
|
|
81810
|
+
return; // search already found it; a failed lookup just means no jump
|
|
81811
|
+
this.fitTo((_a = unwrap(await res.json())) !== null && _a !== void 0 ? _a : []);
|
|
81749
81812
|
}
|
|
81750
81813
|
/** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
|
|
81751
81814
|
ensureReady() {
|
|
@@ -81786,7 +81849,7 @@ const XvGeoMap = class {
|
|
|
81786
81849
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
81787
81850
|
}
|
|
81788
81851
|
render() {
|
|
81789
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81852
|
+
return (index$1.h(index$1.Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, index$1.h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, index$1.h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (index$1.h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, index$1.h("input", { key: 'a33e4ccc1eaa2c8bd303126de72bcf0ce8a667ab', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (index$1.h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (index$1.h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, index$1.h("strong", null, r.code), " ", r.name))))))), this.ready && this.zoomGated && (index$1.h("div", { key: 'ecfe1655f20432ef5f1941bfe46b21eedfe24ee1', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: 'c55d03375b737d2d9eaf27cd77f1e5a1156e6f90', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: '3ec94850cae9e4660110c809d39bab2625e79137', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '0fe30d566b83e27deff3367e2200b1142bdfa5ec', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
81790
81853
|
}
|
|
81791
81854
|
get el() { return index$1.getElement(this); }
|
|
81792
81855
|
static get watchers() { return {
|
|
@@ -81795,6 +81858,9 @@ const XvGeoMap = class {
|
|
|
81795
81858
|
}],
|
|
81796
81859
|
"selectZoom": [{
|
|
81797
81860
|
"selectZoomChanged": 0
|
|
81861
|
+
}],
|
|
81862
|
+
"showSearch": [{
|
|
81863
|
+
"showSearchChanged": 0
|
|
81798
81864
|
}]
|
|
81799
81865
|
}; }
|
|
81800
81866
|
};
|
|
@@ -81976,7 +82042,7 @@ const XvHeader = class {
|
|
|
81976
82042
|
render() {
|
|
81977
82043
|
var _a, _b, _c, _d, _e;
|
|
81978
82044
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
81979
|
-
return (index$1.h("header", { key: '
|
|
82045
|
+
return (index$1.h("header", { key: '5683344a3c1c65652aafefcd39a29cfb52b39630', class: "header" }, index$1.h("div", { key: '51a5be7406c30c5eb21612e253f6f816c07c2474', class: "header-wrapper" }, index$1.h("div", { key: '355678ae2ea723877995820902a7ecc831b24e25', class: "xv-container" }, index$1.h("div", { key: 'b204f994a41175f413fc11a4b4501ea36d83c49a', class: "header-top" }, index$1.h("div", { key: '58e62438aaf3568986422eadd60abc27242ee0e2', class: "header-top--left" }, index$1.h("xv-button-v2", { key: 'c2bd1f89d10a2d6a4468a4eb84b0a305afe130e6', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index$1.h("i", { key: 'f6299023fffc108aa30edadd662f1c9cac20a444', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index$1.h("a", { key: '9a3187c7a0a0f5bc824e5aa5e4f885509e4cff06', href: `${window.location.origin}/` }, index$1.h("picture", { key: '53a3940f8a98f039a5750b42f1b9848e5a0e5dcd' }, index$1.h("source", { key: '95dbb7a4837d25c488d5a588da905793e81706e9', 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)" }), index$1.h("img", { key: 'bd94249dc77e9b9767b4d5eb899acce398085e93', 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 && (index$1.h("xv-link-v2", { key: 'e8ea29d1d86816d48b0a21433fb0bb56609e2a43', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index$1.h("ul", { key: '0faa215cd3ff434bb57992e3d683ba5365b2434a', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index$1.h("li", { key: '33e91f13c12e158bbab3021fdeabde589ba8d811' }, index$1.h("xv-link-v2", { key: 'cf6abae927469bf5d11d664c2b55bfa690712b7c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index$1.h("xv-button-v2", { key: 'cccb09642e193457f8a8ed76852051f66e35e267', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '865a8a9b71566c9e12767f1f816baf6b81b38881', class: "header-icon far fa-envelope" }), index$1.h("span", { key: '33917225be2b21427dfe26029acd3e95b88ced96', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (index$1.h("li", { key: '4493c9258b480c76150dfa1e6a166625ccc53f3d' }, index$1.h("xv-link-v2", { key: '15165cd18bf8c6df2fa0a01a04060b8ec3e8d7c9', variant: "ghost", href: "https://help.crossvertise.com" }, index$1.h("xv-button-v2", { key: 'c57fbe7a136ea7a3b7156b676aeb9de9563f7641', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '6299e5025daf1eb965a391f22b16c36d121446f6', class: "header-icon far fa-question-circle" }), index$1.h("span", { key: 'c12f1fd242b0139f6bf36a91ff4783ba0ee8311e', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index$1.h("div", { key: 'a811e4d9776a559a0514614a5af21b1df291b58f', class: "header-wrapper--bg" }, index$1.h("div", { key: 'ac5415351936518dbfb37bd2bc0a8ef507779ca9', class: "xv-container" }, index$1.h("xv-mega-menu", { key: '3a261a18a1fea02ae336975e0699b4d80bf2b4ed', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index$1.h("xv-login-modal", { key: '2958a0ed0091eb1f88337aa6ed4d88d8fa7f3e02', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
81980
82046
|
}
|
|
81981
82047
|
get el() { return index$1.getElement(this); }
|
|
81982
82048
|
};
|
|
@@ -82044,7 +82110,7 @@ const XvImageViewer = class {
|
|
|
82044
82110
|
}
|
|
82045
82111
|
}
|
|
82046
82112
|
render() {
|
|
82047
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82113
|
+
return (index$1.h(index$1.Host, { key: 'a2cbdae5298980d510b68acfe6053116d29dc849', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && index$1.h("xv-loader-v2", { key: 'ace025d878873694ce29d3f1042b7551ccf3b3d8', class: "loading" }, this.placeholder), this.loaded && this.errored && index$1.h("slot", { key: '212f5518d6b6779c7d3b3c16b1e483f7f47ccca1', name: "fallback" }), this.loaded && !this.errored && (index$1.h("img", { key: '302fb84d4af07d1f4c63a0b9e0984be1f4981835', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (index$1.h("dialog", { key: 'ac5d27c9b241a037729eb6192a663e0f2a2331db', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && index$1.h("xv-loader-v2", { key: 'd0680262f8e5e45d6e89b95cdf3f8451e4246d9c', class: "loading", size: _vars.SIZE_VAR.LG }, this.placeholder), index$1.h("img", { key: '76893eceb6dead348febe21d2dc9800f9c0c3bcd', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
82048
82114
|
'fullscreen-image': true,
|
|
82049
82115
|
loaded: this.fullscreenLoaded,
|
|
82050
82116
|
} })))));
|
|
@@ -82069,7 +82135,7 @@ const XvLink = class {
|
|
|
82069
82135
|
e.stopPropagation();
|
|
82070
82136
|
}
|
|
82071
82137
|
render() {
|
|
82072
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82138
|
+
return (index$1.h(index$1.Host, { key: '854358c47b87c65f684e693e114c33ac21a27816', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index$1.h("a", { key: '355355ead7bf9b8bf61a7959dc7108d379fc2c7e', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, index$1.h("slot", { key: 'ba5491fe340ab2d135db073c01f167b7def196ae', name: "icon-left" }), index$1.h("slot", { key: 'beaa1287a081ecc5c05e1e5c746c4485b156af9a' }), index$1.h("slot", { key: '5491ff14083f125c3c60f30c884c4d4285d9f593', name: "icon-right" }))));
|
|
82073
82139
|
}
|
|
82074
82140
|
};
|
|
82075
82141
|
XvLink.style = xvLinkCss();
|
|
@@ -82237,7 +82303,7 @@ const XvMegaMenu = class {
|
|
|
82237
82303
|
void this.fetchMenuData();
|
|
82238
82304
|
}
|
|
82239
82305
|
render() {
|
|
82240
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82306
|
+
return (index$1.h(index$1.Host, { key: '4aedd7042cf3dc4a7f2c87fd4cc4c957c1197d8d' }, index$1.h("nav", { key: 'b9f8f282ef76fa208afd943af9e9802d34f981fd', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: 'bc1c61ea9a77d268f3862d0a4be2f849bb82a426', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: 'f8df801370503ef75c9ea9e8a3d800099e23f522' }))), index$1.h("ul", { key: '04bc64d69c31c033624fc2f012ed24d1452c31fa', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
82241
82307
|
var _a, _b;
|
|
82242
82308
|
return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, index$1.h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (index$1.h(index$1.Fragment, null, index$1.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index$1.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
82243
82309
|
var _a;
|
|
@@ -82247,7 +82313,7 @@ const XvMegaMenu = class {
|
|
|
82247
82313
|
} }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("p", { class: "category-label" }, category.label), index$1.h("ul", { class: "category-routes" }, category.routes.map((route) => (index$1.h("li", { class: "route" }, index$1.h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (index$1.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index$1.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index$1.h("li", { class: "action" }, action.type === 'link' && (index$1.h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
82248
82314
|
index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index$1.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index$1.h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, index$1.h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
82249
82315
|
}))))));
|
|
82250
|
-
}), index$1.h("li", { key: '
|
|
82316
|
+
}), index$1.h("li", { key: '3cdf016df0466206430f7ab6fb593203955086d6', class: "menu--right" }, index$1.h("slot", { key: '4d10fd0501f28c0cdcad6c2dbfc5983989bc42d8', name: "menu-right" })), this.open && (index$1.h("li", { key: '436084ee89ddbea567478af9f703d5e51a244aed', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
82251
82317
|
}
|
|
82252
82318
|
get el() { return index$1.getElement(this); }
|
|
82253
82319
|
};
|
|
@@ -82315,7 +82381,7 @@ const XvModal = class {
|
|
|
82315
82381
|
}
|
|
82316
82382
|
render() {
|
|
82317
82383
|
var _a;
|
|
82318
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82384
|
+
return (index$1.h(index$1.Host, { key: 'fdac67d8c2e9ff8226bb3b50cad47991212bfb95', role: "dialog", size: this.size, id: this.el.id }, index$1.h("slot", { key: 'b22af521c0661beb51656076e54f8d4524949cd6', name: "trigger", onSlotchange: this.setupTrigger }), index$1.h("div", { key: 'c4bad1d31c096232681719910a884b6f2f265d34', class: { backdrop: true }, onClick: this.onBackdropClick }, index$1.h("div", { key: '077a36f530d91d80aa64e29628416c15ee86b9fd', class: "modal" }, index$1.h("button", { key: 'e7b13a106603fec23def8c7c17d6abbc7a775d0e', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index$1.h("div", { key: 'e38dd875e812d85bc4f5480c7861cbab60cf818d', class: "modal_header" }, index$1.h("slot", { key: 'dd88ea66b09a04f1b1489818b3f05362c1181e60', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index$1.h("h5", { key: '5b68119aa27b342374efd45e72b5d031edeca230', class: "modal_header__title" }, this.el.title))), index$1.h("div", { key: '8c254b16fa7ec7816d5c8c3365274ecf0f534873', class: { 'modal_content': true, overflow: this.overflow } }, index$1.h("slot", { key: 'cf6e6792d45519e823694ebc21bc3184fd8d9359' })), index$1.h("div", { key: '3a28a55f60a1c08e86b7c5569de855e62c131695', class: "modal_footer" }, index$1.h("slot", { key: '6422af93a0778da86f6761fe0ca75daf584bbfa1', name: "footer" })), !!this.loading && (index$1.h("div", { key: '58a94925425046105105ed8c5833579bc6861114', class: "loading" }, index$1.h("xv-loader-v2", { key: 'cf9b5416582bdd5835b8edc4dfb9f78c0a16f375', size: _vars.SIZE_VAR.LG })))))));
|
|
82319
82385
|
}
|
|
82320
82386
|
disconnectedCallback() {
|
|
82321
82387
|
this.removeTriggerListener();
|
|
@@ -82353,7 +82419,7 @@ const XvNotification = class {
|
|
|
82353
82419
|
};
|
|
82354
82420
|
}
|
|
82355
82421
|
render() {
|
|
82356
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82422
|
+
return (index$1.h(index$1.Host, { key: 'dd814e1eddaa7d37cb2c0783c908f2785c81b7c4', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index$1.h("div", { key: '48e3ee87ad67c61c86eb5e3d9b6b89b33f343ecc', class: "content" }, index$1.h("div", { key: '1e6dcbe72ca123f66dc238c74e3b90eb04f11d07', class: "content_wrapper" }, this.el.title && index$1.h("h5", { key: 'fdfc5730d10b1e315f604da2786f2923dd54d576', class: "content_title" }, this.el.title), index$1.h("slot", { key: '20313c03cdc71057c9ce10bce2b8ca3632c5f8a0' })), index$1.h("slot", { key: '4e594f31fd130778f98a9fa1d9e52ce522e9fa76', name: "footer" })), this.dismissible && index$1.h("button", { key: '2506c5cf0937183d09f743d5f9d4c6a6d74e966d', class: "close", onClick: this.closeHandle })));
|
|
82357
82423
|
}
|
|
82358
82424
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
82359
82425
|
get el() { return index$1.getElement(this); }
|
|
@@ -82404,12 +82470,12 @@ const XvNumberInput = class {
|
|
|
82404
82470
|
}
|
|
82405
82471
|
render() {
|
|
82406
82472
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82407
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82473
|
+
return (index$1.h(index$1.Host, { key: 'eda5a787210f187373ce97896a300ff9a013e0c1', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '5f22e4ac254a665891879ff65399d007cc38a8b9', class: "control" }, this.label && index$1.h("span", { key: 'ff73bc8b8838e4c35f0f7fbefb0d939cc17b075c', class: "control_label" }, this.label), index$1.h("div", { key: '78e49d25ae43b96b3eb8255bcaa58418895f0813', class: {
|
|
82408
82474
|
'control_input': true,
|
|
82409
82475
|
readonly: !!this.readonly,
|
|
82410
82476
|
error: !!this.error,
|
|
82411
82477
|
warning: !!this.warning
|
|
82412
|
-
} }, index$1.h("input", { key: '
|
|
82478
|
+
} }, index$1.h("input", { key: '6514a48d7d4fc8392fcc784038cc16b4fe2c7c8f', 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 }), index$1.h("div", { key: 'b0255100ddf246c55e73b8e04e1f4ccb0d395cc1', class: "control_input__icons" }, this.loading ? (index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.XS })) : !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index$1.h("xv-button-v2", { key: '4b5489a5c638a8f430de09e4a2cac747299c2dd6', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index$1.h("span", { key: '893e166dc36724066a682afe7c688463039554a6', slot: "icon-left", class: "status-icon" }, "\u2212")), index$1.h("hr", { key: '02b5ad18e9fa4fcd19a776d6c14c312025b722e9' }), index$1.h("xv-button-v2", { key: '3d084e86fb4073afda330b45d9f029dc72f86a5a', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index$1.h("span", { key: '4eb5052758d452a8b9f2664c0cf2baef33955536', slot: "icon-left", class: "status-icon" }, "+"))))), message && (index$1.h("p", { key: '717c219eae006734322a039e31fa530a2d8f1c33', class: { message: true, [message.level]: true } }, message.text))));
|
|
82413
82479
|
}
|
|
82414
82480
|
static get formAssociated() { return true; }
|
|
82415
82481
|
};
|
|
@@ -82866,7 +82932,7 @@ const XvPagination = class {
|
|
|
82866
82932
|
this.observer.disconnect();
|
|
82867
82933
|
}
|
|
82868
82934
|
render() {
|
|
82869
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82935
|
+
return (index$1.h(index$1.Host, { key: 'a29c7b693ea69001d1c04ab9942b4c095ae763d3', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index$1.h("div", { key: '00ab6d301986eedcaa6f174efc755c549be68175', class: "block" }, index$1.h("select", { key: 'c4d8e0610495f34de27f0c0365bc8e15f09c7165', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => index$1.h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (index$1.h("span", { key: 'aeff24a36ee30afc27687d83b207cc9ad45cc0dc', 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' && (index$1.h("div", { key: 'dd1c78767c1ddbcfaf51677d869c1f7827049f38', class: "block" }, index$1.h("select", { key: 'a8784b2d18e2b0b30a1270d2e10efa14f89e205b', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index$1.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index$1.h("span", { key: '15ca820461781e8e9063b50751a827e302b29f63' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index$1.h("span", { key: '44680186b510e3dc603047694fbfe34d39e23224', class: "block" }, "Seite ", this.page), index$1.h("xv-button-v2", { key: '1fd3f8adfa3940bbc7a6c1418f141e27ff488b8a', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index$1.h("span", { key: 'fd6c2bca87553c53f3f1462e9d8302a9f19906f9', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index$1.h("ul", { key: 'bb4b578c6d1b86963d73673fb64fbe29cd7b935e', class: "list" }, this.visiblePagesWithDots.map((page) => (index$1.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index$1.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index$1.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index$1.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index$1.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index$1.h("xv-button-v2", { key: 'b5550040d2883244574704c643d3295760a2254f', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index$1.h("span", { key: '351da7374e84c682e1b420a6ac97be5aacaacdee', slot: "icon-left", class: "icon icon_next" }))));
|
|
82870
82936
|
}
|
|
82871
82937
|
get el() { return index$1.getElement(this); }
|
|
82872
82938
|
};
|
|
@@ -82935,7 +83001,7 @@ const XvProgressIndicator = class {
|
|
|
82935
83001
|
this.updateChildItems();
|
|
82936
83002
|
}
|
|
82937
83003
|
render() {
|
|
82938
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83004
|
+
return (index$1.h(index$1.Host, { key: '6e68433aeac02292b8b2530e462f0fd7422d6d9c', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index$1.h("slot", { key: '8d167acd9c1625edcfef332e52fa712efe633d1f' })));
|
|
82939
83005
|
}
|
|
82940
83006
|
get el() { return index$1.getElement(this); }
|
|
82941
83007
|
static get watchers() { return {
|
|
@@ -82954,7 +83020,7 @@ const XvProgressIndicatorItem = class {
|
|
|
82954
83020
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
82955
83021
|
}
|
|
82956
83022
|
render() {
|
|
82957
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83023
|
+
return (index$1.h(index$1.Host, { key: '96cf1c73bb9e9bb7de64e0296b4f1f0f823bbc9a', status: this.status, class: { 'xv-progress-indicator-item': true } }, index$1.h("span", { key: 'ccd66f4f0698a4bdc15b550e9d2387aa8dfc87d3', class: "line" }), index$1.h("span", { key: '9e28dd04de9b5d4cb01fb99366534bb4f4d67ced', class: "icon" }, index$1.h("svg", { key: '24aefa5c8d3eb84cde70a9f5c034958a910a6b06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index$1.h("path", { key: '097d6c12eda49149f8ec12bc1e362d0d249d9357', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index$1.h("p", { key: '1c895e0e104b485655424b262450ee9cf29cd463', class: "label" }, index$1.h("slot", { key: 'e5371b1ac5d5d2767ed8c99bb33869fc0c633582' }))));
|
|
82958
83024
|
}
|
|
82959
83025
|
get el() { return index$1.getElement(this); }
|
|
82960
83026
|
};
|
|
@@ -82987,12 +83053,12 @@ const XvRadio = class {
|
|
|
82987
83053
|
}
|
|
82988
83054
|
render() {
|
|
82989
83055
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82990
|
-
return (index$1.h("div", { key: '
|
|
83056
|
+
return (index$1.h("div", { key: '02166d375e7c99d2398d6a14fbbb60b90d380a16', class: {
|
|
82991
83057
|
'xv-radio': true,
|
|
82992
83058
|
'xv-radio--reverse': this.reverse,
|
|
82993
83059
|
'xv-radio--block': this.block,
|
|
82994
83060
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82995
|
-
} }, this.label && index$1.h("p", { key: '
|
|
83061
|
+
} }, this.label && index$1.h("p", { key: 'd1a81177fa3024d342450e855c14cc0388cc7553', class: "xv-radio_label" }, this.label), index$1.h("label", { key: 'c45ba9aa0cf98b07c21ccbfbd3bdbaaef8544f1e', class: { 'xv-radio_container': true, disabled: this.disabled } }, index$1.h("div", { key: '81319fc43d5686b741d3359b4728a7c16b24d2d3', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index$1.h("input", { key: '744ca3dbae085688dc5d311f775a9a5811e9f170', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index$1.h("span", { key: 'f32467cb36574e039ad89f66f4174333217bb47a', class: "xv-radio_input__mark" })), index$1.h("span", { key: '337e7220454322ec79aa58de00848e1fb3ca77f3', class: "xv-radio_container__label" }, index$1.h("slot", { key: '7fdd83653d3659ac10c498968b4815dfda140dab' }))), message && (index$1.h("span", { key: 'a4865648d41a69b058de946543f7b3856befd3b1', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (index$1.h("span", { key: 'd9cf3829912a3773779d319762b51b3f2812da59', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), index$1.h("slot", { key: '405d8344959363a24a25a987cd751be924c634cf', name: "info" })));
|
|
82996
83062
|
}
|
|
82997
83063
|
connectedCallback() {
|
|
82998
83064
|
var _a;
|
|
@@ -83076,7 +83142,7 @@ const XvSlider = class {
|
|
|
83076
83142
|
this.setValue(this.min);
|
|
83077
83143
|
}
|
|
83078
83144
|
render() {
|
|
83079
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83145
|
+
return (index$1.h(index$1.Host, { key: '253eea9c6c9162bf5b50a97d4af8810f8490f189', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index$1.h("label", { key: 'cec17ff25892a6399a8bf9c62c9b07d4cc7934d1', class: "label" }, this.label), index$1.h("div", { key: '5f33256b927b3ddd1db17a6606bcdff87c3e6ae5', class: "control" }, index$1.h("span", { key: '8bea46771e4996618bda44f21ce7e8aa3460a984', class: "control_label" }, this.min), index$1.h("input", { key: '492338b690a33d3024ce4299e4ff5226ac318c72', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index$1.h("span", { key: '7dd182d973c64638339283309df6c41b541f45e2', class: "control_label" }, this.max), !this.notEditable && (index$1.h("input", { key: '653c44c3d255d2e580bacf32f31a60acb369bbd7', 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 })))));
|
|
83080
83146
|
}
|
|
83081
83147
|
static get formAssociated() { return true; }
|
|
83082
83148
|
};
|
|
@@ -83091,7 +83157,7 @@ const XvTab = class {
|
|
|
83091
83157
|
this.loading = false;
|
|
83092
83158
|
}
|
|
83093
83159
|
render() {
|
|
83094
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83160
|
+
return (index$1.h(index$1.Host, { key: '76699ccd7d1e8af635c321550e6d6392e6e2c4b9', disabled: this.disabled, name: this.name }, this.loading ? index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.LG }) : index$1.h("slot", null)));
|
|
83095
83161
|
}
|
|
83096
83162
|
};
|
|
83097
83163
|
XvTab.style = xvTabCss();
|
|
@@ -83131,7 +83197,7 @@ const XvTable = class {
|
|
|
83131
83197
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
83132
83198
|
}
|
|
83133
83199
|
render() {
|
|
83134
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83200
|
+
return (index$1.h(index$1.Host, { key: 'edf06e0e5b119011348c2feccdc819ac4155672e', class: { batchVisible: !!this.selectedCount } }, index$1.h("slot", { key: '2ac35c09a51202785ccfe1d67bff3582674a517a', name: "title" }, !!this.el.title && index$1.h("h2", { key: 'f424184d6d7037f106bfa3fd6ed83d8ed90257de', class: "xv-table-title" }, this.el.title)), index$1.h("slot", { key: '8f8e95a33a613daaad1b0ab5a6d718059e4a1385', name: "toolbar" }), index$1.h("div", { key: '497fad23df1d1617da4cb9af0aa6140a430faeb1', class: "xv-table" }, index$1.h("div", { key: 'e4d05316a9b85d7f79684c9f9b43827814755f15', class: "batch-actions" }, index$1.h(index$1.Fragment, { key: '8393b269acf1a15195d399499aa9e6c92c847d75' }, index$1.h("div", { key: 'e04878dc472d40100e58bbb8a846e065c03a82b9', class: "batch-actions_content" }, index$1.h("slot", { key: '4b5bffda977c50156e8328fcd7e6160b501dcf66', name: "batch" })), index$1.h("p", { key: '9415bf79595624335569a99e2a45b37cb7074ceb', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index$1.h("div", { key: '2dd990bd8155d14d5eae8fb4c86eb6c5bc937bf5', class: "xv-table_wrapper" }, index$1.h("slot", { key: 'ff18eaf2411ccf748bc7ab74a72bdd915eca220a' }), index$1.h("slot", { key: '93d390340a6d88c15af6989684cf4d5fa4b1d8a2', name: "footer" })), !!this.loading && (index$1.h("div", { key: '6506cd01da5cc91e907c3aca7233f0b138b341a1', class: "xv-table_loading" }, index$1.h("xv-loader-v2", { key: 'fe3a27780ea0d6d701c393fe5ee1c8d2cf3cf2ff', size: _vars.SIZE_VAR.LG }))))));
|
|
83135
83201
|
}
|
|
83136
83202
|
componentWillLoad() {
|
|
83137
83203
|
this.setColsSizeTemplate();
|
|
@@ -83172,7 +83238,7 @@ const XvTableCell = class {
|
|
|
83172
83238
|
}
|
|
83173
83239
|
;
|
|
83174
83240
|
render() {
|
|
83175
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83241
|
+
return (index$1.h(index$1.Host, { key: 'bb86da283d1f6cf3b5155653e77b1d3d4ce0e369' }, index$1.h("slot", { key: '467a20aec32bc6edc93672ca27be92a06f701bf2' })));
|
|
83176
83242
|
}
|
|
83177
83243
|
get el() { return index$1.getElement(this); }
|
|
83178
83244
|
};
|
|
@@ -83193,7 +83259,7 @@ const XvTableExpand = class {
|
|
|
83193
83259
|
};
|
|
83194
83260
|
}
|
|
83195
83261
|
render() {
|
|
83196
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83262
|
+
return (index$1.h(index$1.Host, { key: '473b4626a29270fa831996074fff843b7c9eddc5' }, index$1.h("button", { key: '4af26372a7115efe6b4735e2fd5e6a2a33fb969d', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index$1.h("slot", { key: '4d6e1bf46f257cc9fca0d9a9be2d8c171bc73378', name: XV_EXPANDABLE_KEY }), index$1.h("div", { key: 'fb5d07295e08c022aeb5f1fbd7fac4793e1d337a', class: { expandableContent: true, open: this.open } }, index$1.h("slot", { key: 'f236d82b58248c4289b327aa82b0487a1b12a714' }))));
|
|
83197
83263
|
}
|
|
83198
83264
|
componentDidLoad() {
|
|
83199
83265
|
index$2.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -83248,7 +83314,7 @@ const XvTableRow = class {
|
|
|
83248
83314
|
}
|
|
83249
83315
|
}
|
|
83250
83316
|
render() {
|
|
83251
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83317
|
+
return (index$1.h(index$1.Host, { key: '311a1b88a03de2e60f0dacfbddfee1966b759192' }, this.variant !== undefined && (index$1.h("xv-table-v2-cell", { key: '74aae5167235299e4d2eb3e38cf83435dfcb7d89', class: "cell-control" }, this.variant === 'checkbox' && (index$1.h("xv-checkbox-v2", { key: 'a7890c5ea8ca61cb8b6e9966596844983ae41e44', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index$1.h("input", { key: '69517f260532878fed768cb5516720a065020a58', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index$1.h("slot", { key: 'ba7466543dfcf5891c2f937fdc4505e97e84f1a9' })));
|
|
83252
83318
|
}
|
|
83253
83319
|
componentWillLoad() {
|
|
83254
83320
|
this.setInitialAttrs();
|
|
@@ -83615,12 +83681,12 @@ const XvTagCombobox = class {
|
|
|
83615
83681
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
83616
83682
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
83617
83683
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83618
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83684
|
+
return (index$1.h(index$1.Host, { key: 'e941872301b1952f26c4c5b90fa40f001574ec6a', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: 'a4488e311b4aa48c5400a4c2d204cc18a632037f', class: "label" }, this.label), index$1.h("div", { key: 'b5915ce3fa303449bb9bc079cfff32750a6207ea', class: {
|
|
83619
83685
|
'control': true,
|
|
83620
83686
|
'control--disabled': this.disabled,
|
|
83621
83687
|
'control--error': !!this.error,
|
|
83622
83688
|
'control--readonly': !!this.readonly,
|
|
83623
|
-
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '
|
|
83689
|
+
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '47fbe13f27260fbdbc3e773cd55d04ce6ea9c136', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index$1.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))), index$1.h("input", { key: 'd68ffba3b0787cdb5674b56bfe2e7fea6ce9da5e', 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 && (index$1.h("span", { key: 'e4833d5d863c300232ad4a154bddbfad20ec6e4c', class: "control-loader", part: "loader", "aria-hidden": "true" }, index$1.h("xv-loader-v2", { key: 'c997216442aa4e60b132584242432c640ae93d21', size: "sm", variant: "horizontal" })))), message && (index$1.h("p", { key: '5e1dce2e193273c85e1ad8f7a3873d31733c22a4', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (index$1.h("ul", { key: 'cf5b6ef73f11d2c780271174989c6c6ef46ac699', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index$1.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) }, index$1.h("div", { class: "suggestions-opt-content" }, opt.bg ? index$1.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index$1.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index$1.h("span", { key: i }, seg) : index$1.h("strong", { key: i }, seg.match)))))))))));
|
|
83624
83690
|
}
|
|
83625
83691
|
get host() { return index$1.getElement(this); }
|
|
83626
83692
|
static get watchers() { return {
|
|
@@ -83652,7 +83718,7 @@ const XvTag = class {
|
|
|
83652
83718
|
this.closeClick.emit(e);
|
|
83653
83719
|
}
|
|
83654
83720
|
render() {
|
|
83655
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83721
|
+
return (index$1.h(index$1.Host, { key: 'ed4d390c8ef169083ecffe24b2acb4ec67b5880e', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index$1.h("div", { key: 'bab5476c05c44123ef241dbd3accd8964dbebb52', class: "xv-tag_content", part: "details-content" }, index$1.h("slot", { key: 'f8c3f1370ce99ddea046d0c39bc00a5e068e047b' })), this.closeable && (index$1.h("button", { key: 'c9cc9c79e51528c004147db83bd421f5417b718f', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
83656
83722
|
}
|
|
83657
83723
|
};
|
|
83658
83724
|
XvTag.style = xvTagCss();
|
|
@@ -83692,13 +83758,13 @@ const XvTextInput = class {
|
|
|
83692
83758
|
}
|
|
83693
83759
|
render() {
|
|
83694
83760
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83695
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83761
|
+
return (index$1.h(index$1.Host, { key: '79042d7211819be55a545c7aaf96b008af3b0266', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'c46f6ba70140cdcb97ae554c33a863ca65cf1cf5', class: "control" }, this.label && index$1.h("span", { key: '01f9cb555e6ec53e8e1b0af99b3a083706bcbda3', class: "control_label" }, this.label), index$1.h("div", { key: 'f1da6bfba9b1c52cce4895766c1676811753cb74', class: {
|
|
83696
83762
|
'control_input': true,
|
|
83697
83763
|
readonly: !!this.readonly,
|
|
83698
83764
|
[this.size]: true,
|
|
83699
83765
|
error: !!this.error,
|
|
83700
83766
|
warning: !!this.warning,
|
|
83701
|
-
} }, index$1.h("input", { key: '
|
|
83767
|
+
} }, index$1.h("input", { key: '4760634ed3d635cd1e84843d76d5c26248f0d13b', 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 }), index$1.h("div", { key: 'b77c7f12f299082a2152a35cfeec3d62e84403b9', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '26b643e921c83f19119412b026901236d2649855', size: _vars.SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (index$1.h("button", { key: 'b98166bd005da5b326f71e66ab9359d05295e9c4', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index$1.h("button", { key: '9f175a3e5f68df8f6b5a2f96b42d47c2c5619ecc', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: '36c3df92e0eb7af38ac44f1f1f3dc041210631a0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index$1.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" })) : (index$1.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 && (index$1.h("p", { key: '8875f82c52418fafef874e0c349e84dd1b67bc54', class: { message: true, [message.level]: true } }, message.text))));
|
|
83702
83768
|
}
|
|
83703
83769
|
static get formAssociated() { return true; }
|
|
83704
83770
|
};
|
|
@@ -83736,12 +83802,12 @@ const XvTextarea = class {
|
|
|
83736
83802
|
}
|
|
83737
83803
|
render() {
|
|
83738
83804
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83739
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83805
|
+
return (index$1.h(index$1.Host, { key: '8e7b82b83f6145642480920bf9849742b5c4a67e', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '59a74cb4d45e0d4b70181f3faf0a8dad9a81d614', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: '8d4878a86e033cf33fb2d3444f6b3ffa36899d37', class: "control_label" }, index$1.h("span", { key: '306c34b609570b9e75f9324e3544a2a109b8f98d' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: 'd28af7a413eb42a50e1ace227c82bbcd2b025438', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: '52576a05c421328cdad75ff9c3d4088097f4922a', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '4f97adacb8d95702abb772de002f03bed03fb16e', class: {
|
|
83740
83806
|
'control_input': true,
|
|
83741
83807
|
readonly: !!this.readonly,
|
|
83742
83808
|
error: !!this.error,
|
|
83743
83809
|
warning: this.warning !== undefined,
|
|
83744
|
-
} }, index$1.h("textarea", { key: '
|
|
83810
|
+
} }, index$1.h("textarea", { key: '98e6e771cb01f22cc364697cfe64345c4bd1683b', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index$1.h("div", { key: '3b70c503fee52d6656e0c09deb1240a16ba0c901', class: "control_input__icons" }, this._renderIcon()))), message && (index$1.h("p", { key: 'e2868393a6c884f5c7aab30a6e4fd4497b8307d0', class: { message: true, [message.level]: true } }, message.text))));
|
|
83745
83811
|
}
|
|
83746
83812
|
_renderIcon() {
|
|
83747
83813
|
if (this.loading)
|
|
@@ -83792,7 +83858,7 @@ const XvTile = class {
|
|
|
83792
83858
|
this.checked = !this.checked;
|
|
83793
83859
|
}
|
|
83794
83860
|
render() {
|
|
83795
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83861
|
+
return (index$1.h(index$1.Host, { key: 'aaeeccf8990e5e2ce7d3a261291d2908745f1e74', class: "xv-tile--host" }, index$1.h("label", { key: 'acf77670a01d9872a7224064527b79b4194307bc', class: {
|
|
83796
83862
|
[this.el.className]: !!this.el.className,
|
|
83797
83863
|
'xv-tile': true,
|
|
83798
83864
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -83800,7 +83866,7 @@ const XvTile = class {
|
|
|
83800
83866
|
'xv-tile--disabled': !!this.disabled,
|
|
83801
83867
|
'selected': !!this.checked,
|
|
83802
83868
|
'xv-tile--error': !!this.error,
|
|
83803
|
-
} }, index$1.h("div", { key: '
|
|
83869
|
+
} }, index$1.h("div", { key: 'e57313a08c5135152c9ba367a0b360a6a9333c63', class: "xv-tile_content" }, this.label && index$1.h("p", { key: 'e0182093f55e60bb9eb8bc759c3816f9ac201a6a', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: '3d507a7bd6f7816079d873801ddb72f8f2ede9b6' })), this.variant === 'selectable' && (index$1.h("div", { key: '96892981b579f5ddb21d2d897f037abd17102ba7', class: "xv-tile_control" }, this.multiple ? (index$1.h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index$1.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') && (index$1.h("div", { key: 'ec5750ee2a4f6898393b3cc3ddc3aef989208456', class: "xv-tile_footer" }, index$1.h("button", { key: '031964c0d328d89f70df52a2723a295a2fa409d2', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: '31efefae6b9fad590ce1e1145dd16be6def61f02', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: '59dc3a92d9ea4158d9edba752cb7e8846c068c20', name: "expandable" })))));
|
|
83804
83870
|
}
|
|
83805
83871
|
get el() { return index$1.getElement(this); }
|
|
83806
83872
|
};
|
|
@@ -83832,7 +83898,7 @@ const XvToggle = class {
|
|
|
83832
83898
|
};
|
|
83833
83899
|
}
|
|
83834
83900
|
render() {
|
|
83835
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83901
|
+
return (index$1.h(index$1.Host, { key: '19a5cfc45aa468c93b6b0dc3d61d5dbc69a02e28', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '07e87a9fa4a5cc82e35c9a4860fa5bf2f08aa14b', class: "label" }, this.label), index$1.h("label", { key: '0f023f5e6ab44023441c09d07e098ac633b64863', class: "control" }, index$1.h("slot", { key: '9557fa03fa243f56ad8725521064a09d1b40f186', name: "before" }), index$1.h("div", { key: '550587838ab46027f1b5b371ab84653e751c593d', class: "control_input" }, index$1.h("input", { key: 'b75fd651bfc5b8eb7b5451d38504f71104894e44', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index$1.h("span", { key: 'fbafd5d851099473ec795541c5ff8b59ca26e327', class: "toggle" })), index$1.h("slot", { key: '08948e6980e8b7bd8146f39d28af5832ace11d49', name: "after" }))));
|
|
83836
83902
|
}
|
|
83837
83903
|
static get formAssociated() { return true; }
|
|
83838
83904
|
};
|
|
@@ -83909,7 +83975,7 @@ const XvToggleTip = class {
|
|
|
83909
83975
|
}
|
|
83910
83976
|
;
|
|
83911
83977
|
render() {
|
|
83912
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83978
|
+
return (index$1.h(index$1.Host, { key: '19f3956d61f53cfd4974ebf74eca2e59eda96bbe', class: "xv-toggle-tip" }, index$1.h("div", { key: '02df021b69a17a7320e087acc3472921da76cbec', 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) }, index$1.h("slot", { key: 'bf9322a2c89c2ab8af45a34c1fa8062d6b0d9c85', name: "trigger" }, index$1.h("svg", { key: '49d5177854b74ac8701477ba6b5cf43b3ca10ca0', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: 'd38493c5b444b8e5b2f29286e09ac3f813d8091a', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index$1.h("div", { key: '21c766a13e4ebfbfc8e5a4d37466a661730c50ac', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: 'c1dd6ee875cb9f68068c6067271fd9204b1f76c2', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: '1905eb38b9199c84a4c145a80c3957f1d76a18ed', class: "popover-content" }, index$1.h("slot", { key: '6ca62c2347633dd9411feefa36f33147e6eed69b', name: "header" }), index$1.h("slot", { key: 'e41510dd45b200b138d324bfb26a7bd6f8a8a667', name: "body" }), index$1.h("slot", { key: '20e4af025e79a515724379e9be82ed703cb57e2b', name: "footer" })))));
|
|
83913
83979
|
}
|
|
83914
83980
|
disconnectedCallback() {
|
|
83915
83981
|
this.destroyPopper();
|
|
@@ -83964,11 +84030,11 @@ const XvTooltip = class {
|
|
|
83964
84030
|
this.destroyTooltip();
|
|
83965
84031
|
}
|
|
83966
84032
|
render() {
|
|
83967
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84033
|
+
return (index$1.h(index$1.Host, { key: 'dd4bb9b3cba5a7d8a0a326ec58455743025eecb6', role: "tooltip", class: {
|
|
83968
84034
|
'xv-tooltip-wrapper': true,
|
|
83969
84035
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
83970
84036
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
83971
|
-
} }, index$1.h("slot", { key: '
|
|
84037
|
+
} }, index$1.h("slot", { key: '6fb648c67f6451eafe33a2b6ea7e91f256f1353b' }, index$1.h("svg", { key: '130f9a4f275c8562d3c192acd0e608be68620c6d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '85dfddeac164ba00a615a5ed5f9e1cb8535806a0', 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" })))));
|
|
83972
84038
|
}
|
|
83973
84039
|
get el() { return index$1.getElement(this); }
|
|
83974
84040
|
};
|