xv-webcomponents 1.23.1 → 1.24.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/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_49.cjs.entry.js +85 -47
- 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 +74 -6
- 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 +85 -47
- 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 +14 -3
- package/dist/types/components.d.ts +26 -2
- package/dist/xv-webcomponents/p-6d402ea7.entry.js +8 -0
- 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/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';
|
|
@@ -81387,7 +81408,7 @@ const XvGeoMap = class {
|
|
|
81387
81408
|
}
|
|
81388
81409
|
const map = new maplibregl.Map({
|
|
81389
81410
|
container: this.mapContainer,
|
|
81390
|
-
style: {
|
|
81411
|
+
style: this.styleUrl || {
|
|
81391
81412
|
version: 8,
|
|
81392
81413
|
sources: {
|
|
81393
81414
|
basemap: {
|
|
@@ -81409,6 +81430,23 @@ const XvGeoMap = class {
|
|
|
81409
81430
|
this.el._map = map; // e2e/test handle
|
|
81410
81431
|
map.addControl(new maplibregl.NavigationControl({ showCompass: false }));
|
|
81411
81432
|
map.on('load', () => {
|
|
81433
|
+
// The hosted style labels in international/English names ("Rhineland Palatinate"),
|
|
81434
|
+
// mixed with local ones. The tile data carries per-language names, so rewrite every
|
|
81435
|
+
// name-based label layer to prefer the configured language over the style default.
|
|
81436
|
+
if (this.styleUrl && this.language) {
|
|
81437
|
+
for (const layer of map.getStyle().layers) {
|
|
81438
|
+
if (layer.type !== 'symbol')
|
|
81439
|
+
continue;
|
|
81440
|
+
const textField = map.getLayoutProperty(layer.id, 'text-field');
|
|
81441
|
+
if (textField && JSON.stringify(textField).includes('name')) {
|
|
81442
|
+
map.setLayoutProperty(layer.id, 'text-field', [
|
|
81443
|
+
'coalesce',
|
|
81444
|
+
['get', `name:${this.language}`],
|
|
81445
|
+
['get', 'name'],
|
|
81446
|
+
]);
|
|
81447
|
+
}
|
|
81448
|
+
}
|
|
81449
|
+
}
|
|
81412
81450
|
// Design tokens (Masha, MAR-15783): selection = highlight-01 fill / interactive-02
|
|
81413
81451
|
// outline; optimizer preview = highlight-02 fill / interactive-01 outline. Fallbacks
|
|
81414
81452
|
// keep the previous XV green/amber where the host page lacks the tokens.
|
|
@@ -81786,7 +81824,7 @@ const XvGeoMap = class {
|
|
|
81786
81824
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
81787
81825
|
}
|
|
81788
81826
|
render() {
|
|
81789
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81827
|
+
return (index$1.h(index$1.Host, { key: '1ae9185f3b1ab5912080b68efeab8ad574850567' }, index$1.h("div", { key: '9125046714d801d6541ae936fbf2a16310c70a3f', class: "container" }, index$1.h("div", { key: '0df36890254f11bd82d0b1c539f89c872291c646', class: "map", ref: el => (this.mapContainer = el) }), this.ready && (index$1.h("div", { key: 'fb8cb984cca5c15d6011f04b6ddb3b1f9f8ca171', class: "search" }, index$1.h("input", { key: 'd345cd297310718eeb016d206b82471ffc5f9780', 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: '97b2885d221ee740a5a3f64cd5421d48e29564ae', 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: '161f7ce78f568b073c8e71cc180a0aef42e8dde4', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: '5cdd7490b1997add9de130b8ab900d61c1219747', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: 'cc777e5381227101c6d31f4c5ceb0f6f6a5e837b', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '5532fa9b6d26889a28f1808f48616225ddc49974', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
81790
81828
|
}
|
|
81791
81829
|
get el() { return index$1.getElement(this); }
|
|
81792
81830
|
static get watchers() { return {
|
|
@@ -81976,7 +82014,7 @@ const XvHeader = class {
|
|
|
81976
82014
|
render() {
|
|
81977
82015
|
var _a, _b, _c, _d, _e;
|
|
81978
82016
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
81979
|
-
return (index$1.h("header", { key: '
|
|
82017
|
+
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
82018
|
}
|
|
81981
82019
|
get el() { return index$1.getElement(this); }
|
|
81982
82020
|
};
|
|
@@ -82044,7 +82082,7 @@ const XvImageViewer = class {
|
|
|
82044
82082
|
}
|
|
82045
82083
|
}
|
|
82046
82084
|
render() {
|
|
82047
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82085
|
+
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
82086
|
'fullscreen-image': true,
|
|
82049
82087
|
loaded: this.fullscreenLoaded,
|
|
82050
82088
|
} })))));
|
|
@@ -82069,7 +82107,7 @@ const XvLink = class {
|
|
|
82069
82107
|
e.stopPropagation();
|
|
82070
82108
|
}
|
|
82071
82109
|
render() {
|
|
82072
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82110
|
+
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
82111
|
}
|
|
82074
82112
|
};
|
|
82075
82113
|
XvLink.style = xvLinkCss();
|
|
@@ -82237,7 +82275,7 @@ const XvMegaMenu = class {
|
|
|
82237
82275
|
void this.fetchMenuData();
|
|
82238
82276
|
}
|
|
82239
82277
|
render() {
|
|
82240
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82278
|
+
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
82279
|
var _a, _b;
|
|
82242
82280
|
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
82281
|
var _a;
|
|
@@ -82247,7 +82285,7 @@ const XvMegaMenu = class {
|
|
|
82247
82285
|
} }, 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
82286
|
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
82287
|
}))))));
|
|
82250
|
-
}), index$1.h("li", { key: '
|
|
82288
|
+
}), 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
82289
|
}
|
|
82252
82290
|
get el() { return index$1.getElement(this); }
|
|
82253
82291
|
};
|
|
@@ -82315,7 +82353,7 @@ const XvModal = class {
|
|
|
82315
82353
|
}
|
|
82316
82354
|
render() {
|
|
82317
82355
|
var _a;
|
|
82318
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82356
|
+
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
82357
|
}
|
|
82320
82358
|
disconnectedCallback() {
|
|
82321
82359
|
this.removeTriggerListener();
|
|
@@ -82353,7 +82391,7 @@ const XvNotification = class {
|
|
|
82353
82391
|
};
|
|
82354
82392
|
}
|
|
82355
82393
|
render() {
|
|
82356
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82394
|
+
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
82395
|
}
|
|
82358
82396
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
82359
82397
|
get el() { return index$1.getElement(this); }
|
|
@@ -82404,12 +82442,12 @@ const XvNumberInput = class {
|
|
|
82404
82442
|
}
|
|
82405
82443
|
render() {
|
|
82406
82444
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82407
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82445
|
+
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
82446
|
'control_input': true,
|
|
82409
82447
|
readonly: !!this.readonly,
|
|
82410
82448
|
error: !!this.error,
|
|
82411
82449
|
warning: !!this.warning
|
|
82412
|
-
} }, index$1.h("input", { key: '
|
|
82450
|
+
} }, 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
82451
|
}
|
|
82414
82452
|
static get formAssociated() { return true; }
|
|
82415
82453
|
};
|
|
@@ -82866,7 +82904,7 @@ const XvPagination = class {
|
|
|
82866
82904
|
this.observer.disconnect();
|
|
82867
82905
|
}
|
|
82868
82906
|
render() {
|
|
82869
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82907
|
+
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
82908
|
}
|
|
82871
82909
|
get el() { return index$1.getElement(this); }
|
|
82872
82910
|
};
|
|
@@ -82935,7 +82973,7 @@ const XvProgressIndicator = class {
|
|
|
82935
82973
|
this.updateChildItems();
|
|
82936
82974
|
}
|
|
82937
82975
|
render() {
|
|
82938
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82976
|
+
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
82977
|
}
|
|
82940
82978
|
get el() { return index$1.getElement(this); }
|
|
82941
82979
|
static get watchers() { return {
|
|
@@ -82954,7 +82992,7 @@ const XvProgressIndicatorItem = class {
|
|
|
82954
82992
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
82955
82993
|
}
|
|
82956
82994
|
render() {
|
|
82957
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82995
|
+
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
82996
|
}
|
|
82959
82997
|
get el() { return index$1.getElement(this); }
|
|
82960
82998
|
};
|
|
@@ -82987,12 +83025,12 @@ const XvRadio = class {
|
|
|
82987
83025
|
}
|
|
82988
83026
|
render() {
|
|
82989
83027
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82990
|
-
return (index$1.h("div", { key: '
|
|
83028
|
+
return (index$1.h("div", { key: '02166d375e7c99d2398d6a14fbbb60b90d380a16', class: {
|
|
82991
83029
|
'xv-radio': true,
|
|
82992
83030
|
'xv-radio--reverse': this.reverse,
|
|
82993
83031
|
'xv-radio--block': this.block,
|
|
82994
83032
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82995
|
-
} }, this.label && index$1.h("p", { key: '
|
|
83033
|
+
} }, 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
83034
|
}
|
|
82997
83035
|
connectedCallback() {
|
|
82998
83036
|
var _a;
|
|
@@ -83076,7 +83114,7 @@ const XvSlider = class {
|
|
|
83076
83114
|
this.setValue(this.min);
|
|
83077
83115
|
}
|
|
83078
83116
|
render() {
|
|
83079
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83117
|
+
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
83118
|
}
|
|
83081
83119
|
static get formAssociated() { return true; }
|
|
83082
83120
|
};
|
|
@@ -83091,7 +83129,7 @@ const XvTab = class {
|
|
|
83091
83129
|
this.loading = false;
|
|
83092
83130
|
}
|
|
83093
83131
|
render() {
|
|
83094
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83132
|
+
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
83133
|
}
|
|
83096
83134
|
};
|
|
83097
83135
|
XvTab.style = xvTabCss();
|
|
@@ -83131,7 +83169,7 @@ const XvTable = class {
|
|
|
83131
83169
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
83132
83170
|
}
|
|
83133
83171
|
render() {
|
|
83134
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83172
|
+
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
83173
|
}
|
|
83136
83174
|
componentWillLoad() {
|
|
83137
83175
|
this.setColsSizeTemplate();
|
|
@@ -83172,7 +83210,7 @@ const XvTableCell = class {
|
|
|
83172
83210
|
}
|
|
83173
83211
|
;
|
|
83174
83212
|
render() {
|
|
83175
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83213
|
+
return (index$1.h(index$1.Host, { key: 'bb86da283d1f6cf3b5155653e77b1d3d4ce0e369' }, index$1.h("slot", { key: '467a20aec32bc6edc93672ca27be92a06f701bf2' })));
|
|
83176
83214
|
}
|
|
83177
83215
|
get el() { return index$1.getElement(this); }
|
|
83178
83216
|
};
|
|
@@ -83193,7 +83231,7 @@ const XvTableExpand = class {
|
|
|
83193
83231
|
};
|
|
83194
83232
|
}
|
|
83195
83233
|
render() {
|
|
83196
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83234
|
+
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
83235
|
}
|
|
83198
83236
|
componentDidLoad() {
|
|
83199
83237
|
index$2.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -83248,7 +83286,7 @@ const XvTableRow = class {
|
|
|
83248
83286
|
}
|
|
83249
83287
|
}
|
|
83250
83288
|
render() {
|
|
83251
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83289
|
+
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
83290
|
}
|
|
83253
83291
|
componentWillLoad() {
|
|
83254
83292
|
this.setInitialAttrs();
|
|
@@ -83615,12 +83653,12 @@ const XvTagCombobox = class {
|
|
|
83615
83653
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
83616
83654
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
83617
83655
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83618
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83656
|
+
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
83657
|
'control': true,
|
|
83620
83658
|
'control--disabled': this.disabled,
|
|
83621
83659
|
'control--error': !!this.error,
|
|
83622
83660
|
'control--readonly': !!this.readonly,
|
|
83623
|
-
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '
|
|
83661
|
+
}, 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
83662
|
}
|
|
83625
83663
|
get host() { return index$1.getElement(this); }
|
|
83626
83664
|
static get watchers() { return {
|
|
@@ -83652,7 +83690,7 @@ const XvTag = class {
|
|
|
83652
83690
|
this.closeClick.emit(e);
|
|
83653
83691
|
}
|
|
83654
83692
|
render() {
|
|
83655
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83693
|
+
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
83694
|
}
|
|
83657
83695
|
};
|
|
83658
83696
|
XvTag.style = xvTagCss();
|
|
@@ -83692,13 +83730,13 @@ const XvTextInput = class {
|
|
|
83692
83730
|
}
|
|
83693
83731
|
render() {
|
|
83694
83732
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83695
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83733
|
+
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
83734
|
'control_input': true,
|
|
83697
83735
|
readonly: !!this.readonly,
|
|
83698
83736
|
[this.size]: true,
|
|
83699
83737
|
error: !!this.error,
|
|
83700
83738
|
warning: !!this.warning,
|
|
83701
|
-
} }, index$1.h("input", { key: '
|
|
83739
|
+
} }, 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
83740
|
}
|
|
83703
83741
|
static get formAssociated() { return true; }
|
|
83704
83742
|
};
|
|
@@ -83736,12 +83774,12 @@ const XvTextarea = class {
|
|
|
83736
83774
|
}
|
|
83737
83775
|
render() {
|
|
83738
83776
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83739
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83777
|
+
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
83778
|
'control_input': true,
|
|
83741
83779
|
readonly: !!this.readonly,
|
|
83742
83780
|
error: !!this.error,
|
|
83743
83781
|
warning: this.warning !== undefined,
|
|
83744
|
-
} }, index$1.h("textarea", { key: '
|
|
83782
|
+
} }, 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
83783
|
}
|
|
83746
83784
|
_renderIcon() {
|
|
83747
83785
|
if (this.loading)
|
|
@@ -83792,7 +83830,7 @@ const XvTile = class {
|
|
|
83792
83830
|
this.checked = !this.checked;
|
|
83793
83831
|
}
|
|
83794
83832
|
render() {
|
|
83795
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83833
|
+
return (index$1.h(index$1.Host, { key: 'aaeeccf8990e5e2ce7d3a261291d2908745f1e74', class: "xv-tile--host" }, index$1.h("label", { key: 'acf77670a01d9872a7224064527b79b4194307bc', class: {
|
|
83796
83834
|
[this.el.className]: !!this.el.className,
|
|
83797
83835
|
'xv-tile': true,
|
|
83798
83836
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -83800,7 +83838,7 @@ const XvTile = class {
|
|
|
83800
83838
|
'xv-tile--disabled': !!this.disabled,
|
|
83801
83839
|
'selected': !!this.checked,
|
|
83802
83840
|
'xv-tile--error': !!this.error,
|
|
83803
|
-
} }, index$1.h("div", { key: '
|
|
83841
|
+
} }, 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
83842
|
}
|
|
83805
83843
|
get el() { return index$1.getElement(this); }
|
|
83806
83844
|
};
|
|
@@ -83832,7 +83870,7 @@ const XvToggle = class {
|
|
|
83832
83870
|
};
|
|
83833
83871
|
}
|
|
83834
83872
|
render() {
|
|
83835
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83873
|
+
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
83874
|
}
|
|
83837
83875
|
static get formAssociated() { return true; }
|
|
83838
83876
|
};
|
|
@@ -83909,7 +83947,7 @@ const XvToggleTip = class {
|
|
|
83909
83947
|
}
|
|
83910
83948
|
;
|
|
83911
83949
|
render() {
|
|
83912
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83950
|
+
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
83951
|
}
|
|
83914
83952
|
disconnectedCallback() {
|
|
83915
83953
|
this.destroyPopper();
|
|
@@ -83964,11 +84002,11 @@ const XvTooltip = class {
|
|
|
83964
84002
|
this.destroyTooltip();
|
|
83965
84003
|
}
|
|
83966
84004
|
render() {
|
|
83967
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84005
|
+
return (index$1.h(index$1.Host, { key: 'dd4bb9b3cba5a7d8a0a326ec58455743025eecb6', role: "tooltip", class: {
|
|
83968
84006
|
'xv-tooltip-wrapper': true,
|
|
83969
84007
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
83970
84008
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
83971
|
-
} }, index$1.h("slot", { key: '
|
|
84009
|
+
} }, 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
84010
|
}
|
|
83973
84011
|
get el() { return index$1.getElement(this); }
|
|
83974
84012
|
};
|